/*  
Theme Name: kruztheme
Theme URI: http://kruz-graphix.com/
Description: kruz-graphix Blog Theme
Version: 1.0
Author: KRUZ
*/

/* Include Reset File */
@import url("reset.css");

/* Include form File */
@import url("form.css");

body {
	background: #e7e7e2 url(images/main_bg.png) repeat-x left top;
	font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;
	font-size:14px;
	line-height:22px;
	color:#696767;
}
	
a:link,a:visited,a:active {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:#000033;
	text-decoration: underline;
	padding-bottom: 3px;
}
.clear {clear: both;}
textarea,input {color:#7b7d6f}
strong { font-weight:bold;}
	
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
.alignright {float: right;}
.alignleft {float: left}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
	
#wrapper {
		width:960px;
		margin:10px auto 0;
}
		
#header {
	display:block;
	position: relative;
	height: 85px;
	padding-bottom: 15px;
}
	#header #logo{
		position: absolute;
		top: 5px;
	}
	#header #logo h1 a{
		color: #000000;
		background: url(images/logo.png) no-repeat left center;
		height: 80px;
		width: 300px;
		display: block;
	}
	.dicript{
		padding-left: 5px;
		color: #333333;
		letter-spacing: normal;
	}
	#header #pagenav {
		position: absolute;
		top: 35px;
		right: 0%;
		float: right;
		width: auto;
		text-shadow: #CACACA 0 1px 1px;
	}					
	/*----------------- Superfish - Menu Styles -------------------- */
			.sf-menu, .sf-menu * {z-index: 9999999 !important;}
			.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
			.sf-menu {}
			.sf-menu ul {position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
			.sf-menu ul li {width:100%;}
			.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
			.sf-menu li {float:left;position:relative;}
			.sf-menu a {display:block;position:relative;}
			.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.2em; /* match top ul list item height */z-index:99;}
			ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
			ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12.8em; /* match ul width */top:0;}
			ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
			ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
			.sf-menu {float:left;margin-bottom:1em;}
			.sf-menu a {padding: 10px;text-decoration:none;}
			.sf-menu a, .sf-menu a:visited,.sf-menu a, .sf-menu a:link  { color: #5c879b; }
			.sf-menu li {font-size:18px;}
			.sf-menu li a:hover {border-bottom:1px solid #d2d2cf;outline:0;}
			.sf-menu li ul {background:#d2d2cf;border:1px solid #bbbbb8;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
			.sf-menu li ul li {font-size:14px;}
			.sf-menu li ul li a:link,.sf-menu li ul li a:visited { color:#454545;}
			.sf-menu li ul li a:hover {border:0;background:#fff;}
			.sf-menu li ul li ul { background-color:#e2e2e2; border:1px solid #d1d1cc;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
			.sf-menu li ul li ul li a:link,.sf-menu li ul li ul li a:visited { color:#000;}
			.sf-sub-indicator { padding:0; margin:0;}
	
#main {
	clear:both;
	overflow:hidden;
}
#main .container {
	background-image: -moz-linear-gradient(20% 100% 90deg,#C7CACC, #2B3642 100%);
	background-image: -webkit-gradient(linear,  left top, left bottom, from(#767F86), to(#C7CACC), color-stop(0,#2B3642));
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:1px solid #95958E;
	padding:11px;
	overflow:hidden;
	background: #FFFFFF;
}
		
#slider {
	width: 919px;
	height: 250px;
	position: relative;
	overflow: hidden;
	background-image: -moz-linear-gradient(20% 100% 90deg,#C7CACC, #2B3642 100%);
	background-image: -webkit-gradient(linear,  left top, left bottom, from(#767F86), to(#C7CACC), color-stop(0,#2B3642));
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:1px solid #95958E;
	padding: 7px;
}
				
#slider #sliderContent {
	width: 900px;
	position: absolute;
	top: 7px;
	left: 19px;
				}
	#slider .sliderImage {
		float: left;
		position: relative;
		display: none;
	}
	#slider .sliderImage span {
		position: absolute;
		font-size:12px;
		padding: 20px 30px;
		width: 840px;
		background-color: #000;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		color: #fff;
		display: none;
	}
	#slider .sliderImage h3 {
		font-size: 18px;
		margin:0;
		padding:0;
		line-height:24px;
		color:#ffffff;
	}
	#slider .top {
		top: 0;
		left: 0;
	}
	#slider .bottom {
		bottom: 6px;
		left: 0;
	}
	#slider .left {
		top: 0;
		left: 0;
		width: 110px !important;
		height: 280px;
	}
	#slider .right {
		right: 0;
		bottom: 0;
		width: 90px !important;
		height: 290px;
	}
	
				
#main .container .home_widgets {
	overflow:hidden;
	font-size:12px;
	line-height:22px;
	color:#8b8c8c;
	}
#main .container .home_widgets .widget {
	margin-left:30px;
	width:280px;
	float:left;
	}
#main .container .home_widgets .widget h3{
	padding:15px 10px;
	padding-top:0;
	margin-bottom:15px;
	font-size:24px;
	color:#4a85a0;
	border-bottom:1px solid #e3e3e3;
}
#main .container .home_widgets .widget p {
margin-bottom:15px;
}
#main .container .home_widgets .widget ul {
}
#main .container .home_widgets .widget ul li {
	padding-bottom:5px;
	padding-left:20px;
	background: url(images/icon_bullet.png) 0 5px no-repeat;
}
/*
 * portfolio setting
 * -----------------------------------------------------------*/					
.portfolio, .collection {
	padding: 15px;
}
.portfolio .title, .collection .title {
	padding-bottom:10px;
	border-bottom:1px solid #e3e3e3;
	color:#818181;
}
.portfolio .title h2, .collection .title h2 {
	color:#5c96b0;
	font-size:30px;
}
.portfolio .portfnav, .collection .tempnavi{
	font-size:11px;
	color:#929292;
	padding:10px 20px;
	border-bottom:1px solid #e3e3e3;
	overflow:hidden;
}
.portfolio .portfnav ul, .collection .tempnavi ul {
	overflow:hidden;
}
.portfolio .portfnav ul li, .collection .tempnavi ul li {
	display:inline;
	margin-right:5px;
}
.portfolio .portfnav ul li a, .collection .tempnavi ul li a {
	padding:5px 10px!important;
	padding:0px 10px;
}
.portfolio .portfnav ul li.active a, .portfolio .portfnav ul li a:hover, .collection .tempnavi ul li.active a, .collection .tempnavi ul li a:hover {
	background:#e6e6e6;
	color:#4c4c4c;
}
.portfolio #folio, .collection #temp {
	overflow:hidden;
	margin-top:30px;
}
.portfolio #folio .item {
	width:400px;
	float:left;
	margin-bottom:40px;
	padding:0 25px;
}
.collection #temp .thumbs{
	width:270px;
	float:left;
	margin-bottom:40px;
	text-align: center;
	border: 1px solid #999999;
	padding: 5px;
	margin-left: 15px;
}
.portfolio #folio .item img {
	border:1px solid #dddddd;
	background:#ededed;
	padding:5px 5px 7px;
	margin-bottom:0 auto 10px;
	width: 260px;
}
.collection #temp .thumbs img{
	border:1px solid #dddddd;
	background:#ededed;
	padding:5px auto;
	margin-bottom:10px;
}
.portfolio #folio .item h2, .collection #temp .thumbs h2 {
	font-size:18px;
	margin-bottom:10px;
}
.collection #temp .thumbs h2{
	margin-bottom: 0;!important
}
.portfolio #folio .item p, .collection #temp .thumbs p {
	font-size:12px;
	color:#8a8a8a;
}
.collection #temp .thumbs p{
	font-size:11px;
}
/*
 * contents setting
 * -----------------------------------------------------------*/							
.contents {
	line-height:24px;
	width:560px;
	float:left;
	padding: 15px;
	background: #FFFFFF;
	margin: 10px;
}
.contents .title {
	margin-bottom:15px;
}
.contents p {
	margin-bottom:1em;
	font-size: 12px;
	line-height: 150%;
}
.contents h1, .contents h2, .contents h3,  .contents h4 {
	color:#393939;
	margin-bottom:15px;
}
.contents h1 {
	font-size:30px;
}
.contents h2 {
	font-size:18px;
	font-weight: bold;
	padding: 5px 7px;
	background:#e7e7e2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #cbcbc9;
}
.contents h2.title a{
	color: #393939;					
}
.contents h3 { 
	font-size: 24px;
}
.contents h4 {
	font-size:14px; 
}
.contents ul { 
	margin:10px 0 10px 20px;
}
.contents ul li{
	padding-bottom:5px;
	padding-left:20px;
	background: url(images/icon_bullet.png) 0 5px no-repeat;
}
.contents ol {
	list-style: decimal;
	margin:10px 0 10px 50px;
}
.contents ol li {
	padding-bottom:5px;
}
.contents blockquote {
	border:1px #c0c09b solid;
	background:#f0f0e5 url(images/quote.png) 10px 15px no-repeat;
	padding:20px;
	padding-left:65px;
	font-style:italic;
	margin:20px 0;
}
.contents  pre{
	border:1px #c0c09b solid;
	background-color:#E9EDED;
	font-size: 11px;
	padding:15px;
	padding-left:25px;
	margin:20px 10px;
}
.contents form {
	margin:20px 40px;
}
.contents form label {
	display:block;
	margin-bottom:5px;
}
.contents form input, .contents form textarea, .contents form select {
	background-color:#e7e7e2;
	border:1px solid #ccccba;
	padding:5px;
	color:#333333
}
.contents .postnavi{
	font-size: 11px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CACACA;
}
.contents .postnavi .previous, .contents .postnavi .next{
	background: #E9EDED;
	border: 1px solid #666666;
} 

.contents h2.result{ /*search.php */
	margin-bottom: 15px;
	border-bottom: 1px solid #C1C1C1;
	padding-bottom: 11px;
}
.contents .search-terms{
	color: #FF6600;
	font: italic bold 18px "Times New Roman", Times, serif;
}
.contents .ADsence-center{
	text-align: center;
	margin: 11px 0px;
}
.contents .tutorial_image {
       background-color:#F4F4F4;
       border:1px solid #DDDDDD;
       font-size:11px;
       font-style:italic;
       margin-bottom:30px;
      overflow:hidden;
      padding:20px 20px 15px;
      text-align:center;
}
/* ----- blogpost ---- */
.blogpost {
	margin-bottom:20px;
	overflow:hidden;
	border-bottom: 1px solid #82A0AC;
}
.blogpost .comment {
	float:left;
	margin-right:10px;
	margin-top:5px;
	background:url(images/commentcount.png) top left no-repeat;
	font-weight:600;
	font-size:11px;
	width:35px;
	height:33px;
	text-align:center;
	padding-top:2px;
}
.blogpost .comment a {
	color:#6e6e6e;
	text-decoration:none;
}
.blogpost h2.title {
	margin:0;
	padding: 5px;
	margin-left:45px;
	background: #E9EDED;
}
.blogpost h2.title a:hover{
	color:#0066CC;
}
.blogpost h3{
	font-size: 14px;
	font-weight: bold;
	padding-top: 1em;
}
.blogpost .meta {
	font-size:12px;
	margin-left:45px;
	border-bottom: 1px solid #CACACA;
}
.blogpost .entry {
	clear:both;
	overflow:hidden;
	margin-top:15px;
}
.blogpost .buzz{
	height: 52px;
	width: 58px;
	display: block;
	float: left;
	padding-bottom: 5px;
}
.blogpost a.more-link{
	color: #666;
	text-decoration: none;
	width: 135px;
	padding: 5px 10px;
	display: inline-block;
	background-image: -moz-linear-gradient(20% 100% 90deg,#CCC, #EEE 100%);
	background-image: -webkit-gradient(linear,  left top, left bottom, from(#CCC), to(#EEE), color-stop(0,#EEE));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	margin: 1.5em 0px 0px 1.5em;
}
.blogpost  a.more-link:hover{
	color: #0099FF;
	background-image: -moz-linear-gradient(20% 100% 90deg,#EEE, #FFFFFF 100%);
	background-image: -webkit-gradient(linear,  left top, left bottom, from(#EEE), to(#FFFFFF), color-stop(0,#FFFFFF));
}
/* ----- socialmedia ---- */				
.social {
	overflow:hidden;
	border-top:1px solid #CACACA;
	border-bottom:1px solid #CACACA;
	padding:20px 0;
	margin-bottom:20px;
}
.social h3 {
	margin:0;
	padding:0;
	color:#518c9b;
}
.social p {
	font-size:12px;
	margin-bottom:10px;
}
.social ul {
	font-size:12px;
	margin:0;
	margin-bottom:0px!important;
	margin-bottom:1px;
	padding:0;
}
.social ul li {
	display:inline;
	margin-right:10px;
	background-position:0 0;
	background-repeat:no-repeat;
}
.social ul li.designfloat {
	background-image:url(images/fav/designfloat.png);
}
.social ul li.delicious {
	background-image:url(images/fav/delicious.png);
}
.social ul li.digg {
	background-image:url(images/fav/digg.png);
}
.social ul li.stumbleupon {
	background-image:url(images/fav/stumbleupon.png);
}
.social ul li.reddit {
	background-image:url(images/fav/reddit.png);
}
.social ul li.technorati {
	background-image:url(images/fav/technorati.png);
}

/* ----- post related ---- */	
.postrelated { background: #E9EDED; }
.postrelated p{
	margin: 0px;
	padding: 3px 0px 3px 11px;
}

/* ----- comments---- */				
#comments { font-size:24px;margin:0; }
				
.contents ol.commentlist {
	margin:20px 0 0;
	clear:both;
	overflow:hidden;
	list-style:none;
}
.contents ol.commentlist li {
	margin:10px 0;
	line-height:18px;
	padding:10px;
}
.contents ol.commentlist li .comment-author { }
.contents ol.commentlist li .comment-author .fn { color:#000; }
.contents ol.commentlist li .comment-author .avatar{
	float:right;
	border:1px solid #CACACA;
	background:#ededed;
	padding:3px;
}
.contents ol.commentlist li .comment-meta{ font-size:10px; }
.contents ol.commentlist li .comment-meta a {
	color:#a7a7a7;
	text-decoration:none;
}
.contents ol.commentlist li p {
	line-height:22px;
	margin-top:5px;
}
.contents ol.commentlist li .reply{ }
.contents ol.commentlist li .reply a{
	background:#77afbe;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
}
.contents ol.commentlist li .reply a:hover{
	background:#000;
	color:#fff;
}
.contents ol.commentlist li.odd {
	border:1px solid #bbe0e8;
	background:#e7f1f3;
}
.contents ol.commentlist li.even {
	border:1px solid #e5e5e5;
	background:#f1f1f1;
}
#comment-form { margin-top:20px; }
#comment-form #respond { }
#comment-form #respond h3 { font-size:24px; }
#comment-form #respond #commentform { margin:0; }
#comment-form #respond #commentform label{
	display:inline;
}
#comment-form #respond #commentform label small {
	font-size:10px;
	color:#a0a0a0;
}
#comment-form #respond #commentform textarea, .contents #comment-form #respond #commentform input {
	padding:5px; 
	margin:0 10px 10px 0;
}
#comment-form #respond #commentform input{ }
#comment-form #respond #commentform textarea{  }
#comment-form #respond #commentform input#commentSubmit {
	width:100px;
	padding:5px;
	background:#a6cfda;
	border:1px solid #78b0bf;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
				
.navigation, .comment-nav {
	clear:both;
	font-size:11px;
	overflow:hidden;
}
.navigation .alignleft, .navigation .alignright, .comment-nav .alignright, .comment-nav .alignleft {
	width:49%;
	overflow:hidden;
	padding:10px 0;
}
.navigation .alignright, .comment-nav .alignright { text-align:right; }
.navigation a, .comment-nav a{
	background:#eee;
	border:1px solid #d0d0c9;
	padding:10px;
}
.navigation a:hover, .comment-nav a:hover {
	border:1px solid #c2c2c2;
	color:#6d6d6d;
}

/*
 * Template setting
 * -----------------------------------------------------------*/
.contactform{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:1px solid #95958E;
	padding: 10px;
}
.contactform p{ line-height: normal; }
			
.fullwidth {
	width:900px;
	margin-left: -10px;
}
.fullwidth .thumblarge {
	border: 1px solid #666666;
	padding: 5px;
	margin-bottom:20px;
}

/*
 * sidebar setting
 * -----------------------------------------------------------*/	
.sidebar {
	width:300px;
	float:left;
	margin-top: 15px;
	padding: 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border: 1px solid #CACACA;
	background: #EBEBEB;
}
.sidebar .widget {
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #FFFFFF;
	padding: 5px;
	font-size: 12px;
}
.sidebar .widget h3 {
	padding:0 10px 5px;
	margin-bottom:11px;
	font-size:13px;
	color:#393939;
	border-bottom:1px solid #CACACA;
	font-weight: bold;
}
.sidebar .widget h3 img { display:none; }
.sidebar .widget ul { padding-left: 5px; }
.sidebar .widget ul li {
	padding-bottom:5px;
	padding-left:20px;
	background: url(images/icon_bullet.png) 0 5px no-repeat;
}
.sidebar .widget ul li.current-cat{
	padding-bottom:5px;
	padding-left:20px;
	background: url(images/icon_bullet_blue.png) 0 5px no-repeat;
}
.sidebar .widget_rssfeed { }
.sidebar .widget_rssfeed ul li.rss { 
	background:url(images/rssfeed.png) 0 0 no-repeat; 
	padding:6px 0 11px 38px;
}
.sidebar .widget_rssfeed ul li.email { 
	background:url(images/mail.png) 0 0 no-repeat; 
	padding:6px 0 11px 38px;
}
.sidebar .widget_rssfeed ul li.twitter {
	background:url(images/twitter.png) 0 0 no-repeat; 
padding:6px 0 11px 38px;
}
.sidebar .widget_search { margin-bottom: 0px;	!important	}
.sidebar .widget_search form { }
.sidebar .widget_search form div {
	background:#e7e7e2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #cbcbc9;
	padding:5px;
}
.sidebar .widget_search form div input {
	border:0;
	background:#e7e7e2;
	color:#666666;
	padding:5px;
}
.sidebar .widget_search form div input#keyword {
	width:200px;
	background: #FFF;
}
.sidebar .widget_search form div input#searchsubmit {
	cursor:pointer;
	color:#616161;
	border-left:1px solid #cbcbc9;
}
.sidebar .google-ad-lectangle{
	text-align: right;
	margin-top: 5px;
}

/*
 * footer setting
 * -----------------------------------------------------------*/						
#footer {
	font-size:12px;
    padding:20px;
	clear:both;
	overflow:hidden;
}
#footer .footernav, #footer .copyright {
	float:left;
	width:49%;
	display:inline;
}
.footernav ul { overflow:hidden; }
.footernav ul li {
	float:left;
	padding: 0 10px;
	border-right:1px solid #bebea7;
}
.footernav ul li a:link, .footernav ul li a:visited, .footernav ul li a:active {
	color:#424242;
}
.footernav ul li a:hover {
	color:#666666;
}
.copyright {
	text-align:right;
	text-shadow: #CACACA 0 1px 1px;
}
.login{
	text-align: right;
	padding: 5px;
	clear: both;
}
.login a{
	text-indent: -9999px;
	background: url(images/login.png) no-repeat;
	width: 55px;
	height: 29px;
	display: block;
	float: right;
}

		
/* Calender styles */
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;text-align:center;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
	
/* WP-PageNavi Styles */		
.wp-pagenavi {
	clear:both;
	font-size:12px;
	padding:20px 10px 0;
	text-align:right;
	text-transform:uppercase;
	border-top:1px solid #e3e3e3;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #87b5ca;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #87b5ca;
}
.wp-pagenavi a:hover {	
	color: #000000;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #87b5ca;
}
.wp-pagenavi span.pages {
	color: #737373;
	float:left;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #303030;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #000000;
}

/* Plugin Styles */	
.syntaxhighlighter .lines{
	font-size: 12px; !important
	padding: 5px;
	border: 1px solid #E3E3E3;
}