/*
THEME NAME: Saklik on HTML 5
THEME URI: http://www.saklik.com/
DESCRIPTION: Saklik.com website theme.
AUTHOR: <a href="http://www.saklik.com">Priyandiono</a>
AUTHOR URI:
TEMPLATE: twentyten
VERSION: 0.0
TAGS: nmc
LICENSE:  Private Property
*/


/*necessary*/
@font-face {
	font-family: 'AaarghNormal';
	src: url('Aaargh-webfont.eot');
	src: local('☺'), url('Aaargh-webfont.woff') format('woff'), url('Aaargh-webfont.ttf') format('truetype'), url('Aaargh-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'AurulentSansRegular';
	src: url('AurulentSans-Regular-webfont.eot');
	src: local('☺'), url('AurulentSans-Regular-webfont.woff') format('woff'), url('AurulentSans-Regular-webfont.ttf') format('truetype'), url('AurulentSans-Regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AurulentSansItalic';
	src: url('AurulentSans-Italic-webfont.eot');
	src: local('☺'), url('AurulentSans-Italic-webfont.woff') format('woff'), url('AurulentSans-Italic-webfont.ttf') format('truetype'), url('AurulentSans-Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AurulentSansBold';
	src: url('AurulentSans-Bold-webfont.eot');
	src: local('☺'), url('AurulentSans-Bold-webfont.woff') format('woff'), url('AurulentSans-Bold-webfont.ttf') format('truetype'), url('AurulentSans-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AurulentSansBoldItalic';
	src: url('AurulentSans-BoldItalic-webfont.eot');
	src: local('☺'), url('AurulentSans-BoldItalic-webfont.woff') format('woff'), url('AurulentSans-BoldItalic-webfont.ttf') format('truetype'), url('AurulentSans-BoldItalic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*body*/
body *{
	font-family:"AurulentSansRegular";	
	}

body.home, body.single-work{
	background:#ff0 url(images/body-bg.gif)repeat-x scroll 0 0;
	}
body.archive.single-work, body.archive.category-work, body.archive.single-blog, body.archive.category-blog  {
	background:#fff url(images/body-bg.gif)repeat-x scroll 0 -150px;
	}
body.single-blog, body.page{
	background:#fff url(images/body-bg.gif)repeat-x scroll 0 -195px;
	}
/*header*/
#header{
	margin-top:20px;
	}
#header h2{
	margin-bottom:5px;
	}
.nav{
	border-bottom:1px solid #476FA9;
	margin-top:20px;
	}
.nav ul{
	margin:0;
	}
.nav li{
	float:left;
	display:inline;
	margin-left:10px;
	margin-bottom:5px;
	}	
.nav li a{
	color:#FFF;
	text-decoration:none;
	}
.nav li a:hover{
	color:#476fa9;
	}
/*footer*/
#footer{
	background:#f2f2f2 url(images/bottom-bg.gif) repeat-x scroll top left;
	padding-top:20px;
	}
#footer #copyright{
	background: transparent url(images/copyright-tab.png) no-repeat scroll bottom right;
	height:81px;
	width:220px;
	text-indent:-9999px;
	
	}
#footer .address{
	font-size:0.9em;
	}
/*home*/
#home-message ul {
	margin:0;
	padding:0;
	list-style:none outside;
	}
#home-message h3{
	font-family:"AaarghNormal";
	color:#FFF;
	font-size:4.2em;
	letter-spacing:0.021em;
	margin-bottom:.1em;
	margin-top:.25em;
	}
#home-message p{
	font-family:"AaarghNormal";
	color:#FFF;
	font-size:1.1em;
	margin-bottom:10px;
	}

#home-message .learn-more{
	text-decoration:none;
	color:#476fa9;
	white-space: nowrap;
	}
#home-message .read-more:hover{
	color:#FFF;
	}
.loopedSlider, .singleSlider{
	margin-bottom:20px;
	position:relative;
	}
.slide-container{
	background:#fff;
	}
#slideshow-shortcut{
	z-index: 100;
	}
#slideshow-shortcut #free-consultation, #slideshow-shortcut #see-our-works, #slideshow-shortcut #slideshow-index{
	position:absolute;
	z-index:1000000;
	height: 52px;
	text-indent: -9999px;
	}
#slideshow-shortcut #see-our-works{
	background: transparent url(images/see-our-works.png);
	width: 169px;
	left: 770px;
	top: 20px;
	}
#slideshow-shortcut #see-our-works:hover{
	background-image: url(images/see-our-works.png);
	background-position:0 -52px;
	}	
#slideshow-shortcut #free-consultation{
	background: transparent url(images/free-consultation.png);
	width: 191px;
	left: 748px;
	top: 65px;
	}
#slideshow-shortcut #free-consultation:hover{
	background-image: url(images/free-consultation.png);
	background-position:0 -52px;
	}
#slideshow-shortcut #slideshow-index{
	background: transparent url(images/left-fold.png) scroll no-repeat 0 0;
	width: 130px;
	left: -5px;
	top: 320px;
	text-indent: 0;
	padding: 30px 0 0 2px;
	}
#slideshow-shortcut #slideshow-index ul{
	list-style:none outside;
	}
#slideshow-shortcut #slideshow-index li{
	display: inline;
	}
#slideshow-shortcut #slideshow-index li a{
	margin-right:5px;
	padding:2px 5px;
	text-decoration:none;
	font-size:1em;
	}
#slideshow-shortcut #slideshow-index li a:hover{
	background:#476fa9;
	color:white;
	}
.slides{
	overflow:hidden;
	height: 384px;
	background:#fff;
	}
#from-the-blog, #our-clients{
	border-top:1px solid #143B78;
	padding-top:20px;
	padding-bottom:10px;
}
#from-the-blog .entry{
	border-bottom:1px solid #CECECE;
	margin-bottom:10px;
	}
#our-clients .entry{
	margin-bottom:10px;
	}
.home-loop h2{
	font-family:"AaarghNormal";
	color:#CECECE;
	font-size:3.4em;
	line-height:1;
	height:100%;
	}
.home-loop h3{
	font-family:"AaarghNormal";
	line-height: 1.4em;
	margin-bottom:5px;
	}
.home-loop h3 a{
	text-decoration: none;
	}
.home-loop .more-link{
	text-decoration:none;
	color:#476fa9;
	}
/* home slider*/

		.slide-container { width:871px; height:384px; overflow:hidden; position:relative; cursor:pointer; }
		div.slides { position:absolute; top:0; left:0; }
		ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
		div.slides > div,ul.slides li { position:absolute; top:0; width:871px; display:none; padding:0; margin:0; }

/*category-work*/

#content > h3{
	font-family:"AaarghNormal";
	color:#FFF;
	font-size:2.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	}
#content > h4 a{
	font-family:"AaarghNormal";
	font-size:1.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-decoration:none;
	}
#content > h4 a, #content > h4{
	color:#FFF;
	}
#content > h4 a:hover{
	color:#476FA9;
	}
#sub-cat-work{
	height:180px;
	}
.cat-nav h4{
	color:#fff;
	font-family:"AaarghNormal";
	margin-bottom:0.5em;
	}
.cat-nav ul{
	list-style:disc inside;
	margin:0;
	color:#fff;
	}
.cat-nav li{
	float:left;
	margin:0;
	}
.cat-nav ul li a{
	color:#fff;
	margin-right:10px;
	text-decoration:none;
	}
.cat-nav ul li a:hover{
	color:#476fa9;
	}

#work-list{
	border-bottom:1px solid #808080;
	}
.work-list-item{
	margin-bottom:10px;
	height:190px;
	}
.work-list-item a {
	height:190px;
	position: relative;
	display: block;
	text-decoration: none;
	}
.work-list-item span {
	left:0;
	position:absolute;
	top:160px;
	width:370px;
	overflow:hidden;
	}
.work-list-item span h3{
	font-family:"AaarghNormal";
	background: #143B78;
	color: #fff;
	padding: 6px 10px;
	font-size: 1em;
	}
.work-list-item a:hover span h3{
	background: #476fa9;
	}
.work-list-item img{
	width:430px;
	}	
/*global*/

#category-paging{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	text-align:center;
	}
#category-paging a{
	margin-right:20px;
	text-decoration:none;
	color: #476fa9;
	}
#category-paging a:hover{
	color:#555;
	}
#category-paging a.left{
	//background: transparent url(images/left-triangle.gif) scroll no-repeat 0 4px;
	padding-left:15px ;
	}
#category-paging a.right{
	//background: transparent url(images/right-triangle.gif) scroll no-repeat 32px 4px;
	padding-right:15px ;
	}
	
/*category blog*/

#blog-list{
	margin-left:40px;
	}
.blog-list-item{
	border-bottom:1px solid #808080;
	padding-bottom:10px;
	margin-bottom:20px;
	}
.blog-list-item h3{
	font-family:"AaarghNormal";
	font-size:2em;
	}
.blog-list-item h3 a{
	color:#143B78;
	text-decoration:none;
	}
.blog-list-item h3  a:hover {
	color:#476fa9;
	}
.blog-list-item .more-link{
	text-decoration:none;
	font-family:"AurulentSansRegular","AaarghNormal";
	}
#blog-sidebar ul{
	list-style: none outside;
	margin-right:0;
	}
.widget{
	margin-bottom:2em;
	}
.widget-container h3{
	color:#476FA9;
	margin-bottom:0.5em;
	font-family:"AaarghNormal";
	}
.widget-container li {
	margin-bottom:0.3em;
	
	}
.widget-container li a{
	text-decoration:none;
	color:#808080;
	}
.widget-container li a:hover{
	color:#143B78;
	
	}
.visit{
	text-decoration:none;
	font-family:"AurulentSansRegular","AaarghNormal";
	color:#476fa9;
	}
.visit:hover{
	color:#143B78;
	}
.post{
	margin-top:120px;
	margin-bottom:30px;
	}
.basic-content {
	border-bottom:1px solid #808080;
	margin-bottom:20px;
	}
	
/*comment*/

.commentlist  {
list-style:none outside none;
margin:0;}
.commentlist li.comment {
border-bottom:1px solid #E7E7E7;
line-height:24px;
margin:0 0 24px;
padding:0 0 0 56px;
position:relative;
}
.commentlist .avatar {
left:0;
position:absolute;
top:4px;
}
.commentlist .children {
	margin:0 0 40px 40px;
	list-style:none outside;
	
	
	}
.comment-author cite {
color:#000000;
font-style:normal;
font-weight:bold;
}
.comment-author .says {
font-style:italic;
}
.comment-meta {
font-size:12px;
margin:0 ;
}
.comment-meta a:link, .comment-meta a:visited {
color:#888888;
text-decoration:none;
}
.reply {
font-size:12px;
padding:0 ;
}
.reply a, a.comment-edit-link {
color:#888888;
}
#respond {
margin:24px 0;
overflow:hidden;
position:relative;
}
#respond .comment-notes {
margin-bottom:1em;
}
#respond .required {
color:#FF4B33;
font-weight:bold;
}
#respond label {
color:#888888;
font-size:12px;
}
#respond input {
margin:0 0 9px;
width:98%;
}
#respond textarea {
width:98%;
}
#respond .form-allowed-tags {
color:#888888;
font-size:12px;
line-height:18px;
}
#respond .form-submit {
margin:12px 0;
width:10em;
}