/*



Theme Name: Design Treatment



Theme URI: http://www.designtreatment.info



Description: Cool Blue WP Theme released Under GPL.



Version: 1.0.2



Author: Chingiz Yakoubov



Tags: blue, light, two-columns, fixed-width, right-sidebar



*/











html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



small, strike, strong, sub, sup, tt, var,



b, u, i, center,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



	background: transparent;



}



body {



	line-height: 1;



}



ol, ul {



	list-style: none;



}



blockquote, q {



	quotes: none;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: '';



	content: none;



}







/* remember to define focus styles! */



:focus {



	outline: 0;



}







/* remember to highlight inserts somehow! */



ins {



	text-decoration: none;



}



del {



	text-decoration: line-through;



}







/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: collapse;



	border-spacing: 0;



}



/* css reset ends */







*{



	margin: 0;



	padding: 0;



}







body{



	



	font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;



	background-color: #FFF;



	background:url(images/pagebg.jpg);



	background-attachment:fixed;



	background-position:center;



}







a{



	text-decoration: none;



	outline-color: invert;



	outline-style: none;



	border: none;



}







a img{



	border: none;



}







.clear{



	clear: both;



}







div#page_wrap{



	width: 960px;



	margin: 0 auto;



	background: url(images/bg.jpg) no-repeat;



}







div#header{



	font-size: 12px;



	}



	div#header div.blog_title{



		float: left;



		margin-top: 30px;



		margin-left: 10px;



		}



		div#header div.blog_title h1 a{



			font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;



			font-weight: bold;



			letter-spacing: -1px;



			font-size: 36px;



			color: #3aade3;



			line-height: 45px;



			display: block;



			}



		div#header div.blog_title p.description{



			color: #a4ddf1;



			margin-top: 10px;



			margin-left: 5px;



			}



	div#header div#search{



		border: none;



		float: right;



		position: relative;



		}



		div#header div#search form#searchform{



			position: absolute;



			top: 65px;



			right: 10px;



			width: 200px;



			height: 25px;



			border: none;



			background-color: #fff;



			}



			div#header div#search form#searchform .searchinput{



				position: absolute;



				top: 5px;



				left: 8px;



				color: #666;



				font-size: 13px;



				width: 165px;



				border: 0;



				}



			div#header div#search form#searchform .button{



				position: absolute;



				top: 0px;



				left: 175px;



				background: url(images/mag.gif) no-repeat;



				height: 25px;



				width: 25px;



				border: 0;



				cursor: pointer;



				}



	



div#main_navi{



	background: url(images/navi.gif) no-repeat;



	float: left;



	margin-top: 0px;



	height: 37px;



	width: 960px;



	}



	div#main_navi ul.left{



		float: left;



		list-style-type: none;



		padding: 9px 0 0 20px;



		width: 750px;



		height: 20px;



		overflow: hidden;



		}



		div#main_navi ul li{



			display: inline;



			text-transform: uppercase;



			}



			div#main_navi ul.left li a{



				float: left;



				overflow: hidden;



				color: #FFF;



				font-size: 13px;



				line-height: 18px;



				margin: 0 30px 0 0;



				}



			div#main_navi ul.left li a:hover{



				color: #d8eaf2;



				}



	div#main_navi ul.right{



		float: right;



		list-style-type: none;



		padding: 9px 10px 0 0;



		}



		div#main_navi ul.right li a{



				float: left;



				overflow: hidden;



				color: #fff;



				font-size: 12px;



				line-height: 20px;



				margin: 0 0 0 10px;



				text-transform: uppercase;



				}



			div#main_navi ul.right li.twitter a{



				background: url(images/twitter.gif) no-repeat 0 3px;



				padding-left: 21px;



				}



			div#main_navi ul.right li.twitter a:hover{



				color: #0af;



				}



			div#main_navi ul.right li.feed a{



				background: url(images/feed.gif) no-repeat 0 5px;



				padding-left: 15px;



				}



			div#main_navi ul.right li.feed a:hover{



				color: #d8eaf2;



				}



/* END div#header */







div#main{



	width: 660px;



	float: left;



	display: inline;/* fix double margin */



	margin: 30px 25px 30px 10px;



	}



	div#main div.post{



		background-color: #FFF;



		border-bottom: 2px dotted #3aade3;



		color: #000;



		line-height: 22px;



		margin-bottom: 30px;



		}



	/* sticky post */



	div#main div.sticky{



		background-color: #fff;/* if a post is set as sticky post, it'll have a darker bg color */



		}



		div#main div.post div.date{



			background: url(images/date.gif) no-repeat;



			float: left;



			font-size: 12px;



			line-height: 14px;



			font-family: "Trebuchet MS", Georgia, sans-serif;



			text-align: center;



			vertical-align: middle;



			color: #3aade3;



			height: 43px;



			width: 50px;



			margin-left: -10px;



			margin-top: 16px;



			padding-top: 4px;



			position: relative;/* ie6 fix */



			}



		div#main div.post div.title{



			margin-left: 15px;



			margin-bottom: 10px;



			margin-top: 16px;



			float: left;



			}



			div#main div.post div.title h2{



				font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;



				font-size: 22px;



				font-weight: bold;



				letter-spacing: -1px;



				line-height: 24px;



				color: #B0D83A;



				width: 600px;



				line-height: 30px;



				}



				div#main div.post div.title h2 a{



					color: #B0D83A;



					}



				div#main div.post div.title h2 a:hover{



					color: #3aade3;



					}



			div#main div.post div.title div.postmeta{



				font-size: 12px;



				color: #3aade3;



				width: 580px;



				overflow: hidden;



				}



				div#main div.post div.title div.postmeta a{



					color: #3aade3;



					border-bottom: 1px solid #3aade3;



					text-decoration: none;



					}



				div#main div.post div.title div.postmeta a:hover{



					color: #B0D83A;



					border-bottom: 1px solid #B0D83A;



					text-decoration: none;



					}



		div#main div.post div.entry{



			padding: 10px 20px 0 20px;



			overflow: hidden;/* in case large img or video */



			width: 618px;



			font-size: 11pt;



			}



			div#main div.post div.no_result{



				padding: 20px;



				}



				div#main div.post div.no_result p.no_result{



					margin-bottom: 0;



					}



			div#main div.post div.entry a{



				color: #3aade3;



				border: none;



				text-decoration: none;



				}



			div#main div.post div.entry a:hover{



				text-decoration: underline;



				color: #B0D83A;



				}



			div#main div.post div.entry p{



				margin-bottom: 20px;



				}



			div#main div.post div.entry ul,



			div#main div.post div.entry ol{



				padding-bottom: 24px;



				margin-left: 40px;



				margin-right: 40px;



				}



			div#main div.post div.entry ul{



				list-style-type: disc;



				}



			div#main div.post div.entry ol{



				list-style-type: decimal;



				}



				div#main div.post div.entry ul li,



				div#main div.post div.entry ol li{



					padding: 1px 0;



					list-style: inside;



					}



			div#main div.post div.entry blockquote{



				background: url(images/blockquote.gif) no-repeat;



				padding: 35px 20px 10px 50px;



				margin: 0 15px 24px 15px;



				background-color: #FFF;



				border: 1px solid #80caed;



				color: #000;



				}



				div#main div.post div.entry blockquote p{



					margin-bottom: 8px;



					}



			div#main div.post div.entry code{



				font-family: "Courier New", mono;



				background-color: #fff;



				border-left: 2px solid #80caed;



				color: #000;



				padding: 5px 10px;



				display: block;



				}



	div#main div.navigation{



		font-size: 13px;



		}



		div#main div.navigation a{



			display: block;



			color: #80caed;



			border: 1px solid #80caed;



			padding: 0 5px;



			background-color: #FFF;



			line-height: 28px;



			}



			div#main div.navigation .left a:hover,



			div#main div.navigation .right a:hover{



				color: #80caed;



				background-color: #000;



				}



		div#main div.navigation .left{



			float: left;



			}



		div#main div.navigation .right{



			float: right;



			}



/* END div#main */







div#footer{



	color: #000;



	font-size: 12px;



	text-align:center;



	}



	div#footer div.footer_wrapper{



		width: 960px;



		margin: 0 auto;



		padding: 18px 0;



		background: url(images/footer_bg.gif) repeat-x;



		position: relative;



		}



		div#footer div.footer_wrapper a{



			color: #000;



			text-decoration: none;



			}



		div#footer div.footer_wrapper a:hover{



			color: #000;



			}



/* END div#footer */







div#sidebar{



	width: 260px;



	float: left;



	display: inline;/* fix double margin */



	margin-top: 30px;



	margin-bottom: 30px;



	overflow: hidden;



	color: #aaa;



	font-size: 12px;



	background-color: #e2f6ff;



	border: 1px solid #e2f6ff;



	}



	div#sidebar ul{



		background-color: #e2f6ff;



		}



		div#sidebar ul li h2{



			background: url(images/sidebar_title_bg.gif) no-repeat;



			background-position: left bottom;



			font-size: 16px;



			line-height: 30px;



			color: #fff;



			background-color: #DAF1FC;



			padding-left:5px;



			font-weight: normal;



			}



		div#sidebar ul li ul{



			list-style-type: none;



			color: #80caed;



			line-height: 20px;



			}



			div#sidebar ul li ul li{



				padding-top: 2px;



				padding-bottom: 2px;



				padding-left: 26px;



				padding-right: 10px;



				background: url(images/sidebar_list_bg.gif) no-repeat;



				background-position: left bottom;



				margin-bottom:5px;



				}



			div#sidebar ul li ul li:hover{



				background-color: #fff;



				}



			div#sidebar ul li ul li a{



				background: none;



				display: inline;



				color: #3AADE3;



				line-height: 26px;



				text-decoration: none;



				}



			div#sidebar ul li ul li a:hover{



				color: #B0D83A;



				}



/* END div#sidebar */







/* modify div#sidebar for default widget */







div#sidebar ul li ul li.rc a{



	display: inline;



}







div#sidebar ul li.widget_archive,



div#sidebar ul li.widget_categories, 



div#sidebar ul li.widget_search, 



div#sidebar ul li.widget_tag_cloud div, 



div#sidebar ul li.widget_text{/* sidebar_list_bg fix */



	background: url(images/sidebar_list_bg.gif) no-repeat left bottom;



}







div#sidebar ul li.widget_archive select, 



div#sidebar ul li.widget_categories select{/* dropdown view */



	margin: 15px 26px;



}







/* calendar widget */



div#sidebar ul li.widget_calendar div#calendar_wrap{



	padding: 15px 26px;



	background: url(images/sidebar_list_bg.gif) no-repeat left bottom;



}







#wp-calendar {



	color: #3AADE3;



	width: 95%;



	font-family: Arial, sans-serif;



}







#wp-calendar caption {



	padding: 5px;



	letter-spacing: 2px;



}







#wp-calendar th, #wp-calendar td {



	padding: 5px;



	text-align: center;



}







#wp-calendar th{



	border-bottom: 1px solid #3AADE3;



	border-top: 1px solid #3AADE3;



}







#wp-calendar td {



	background: transparent;



}







#wp-calendar td, table#wp-calendar th {



	padding: 3px 0;



}







#wp-calendar a {



	color: #000;



}







#wp-calendar a:hover {



	text-decoration: underline;



}







#wp-calendar #prev{



	text-align: left;



	padding-left: 5px;



}







#wp-calendar #next{



	text-align: right;



	padding-right: 5px;



}







#wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot tr td.pad{



	border-top: 1px solid #3AADE3;



}







#wp-calendar #prev a, #wp-calendar #next a{



	color: #3AADE3;



}







#wp-calendar td#today{



	color: #fff;



	background-color: #3AADE3;



	font-weight: bold;



}







/* multi-level category */



div#sidebar ul li ul li ul li,



div#sidebar ul li ul li ul.children li{



	background: none;



}







div#sidebar ul li ul li ul li:hover,



div#sidebar ul li ul li ul.children li:hover{



	background: none;



}







/* widget rss */



.widget_rss a{



	color: #ccc;



}







/* widget search */



li.widget_search{



	padding: 10px 30px;



}







li.widget_search form#searchform{



	width: 200px;



	height: 25px;



	background-color: #fff;



	border:none;



	position: relative;



	}



	li.widget_search form#searchform .searchinput{



		position: absolute;



		top: 5px;



		left: 8px;



		color: #666;



		font-size: 13px;



		width: 165px;



		border: 0;



		}



	li.widget_search form#searchform .button{



		position: absolute;



		top: 0px;



		left: 175px;



		background: url(images/mag.gif) no-repeat;



		height: 25px;



		width: 25px;



		border: 0;



		cursor: pointer;



		}







/* tag cloud */



div#sidebar ul li.widget_tag_cloud div{



	padding: 10px 16px;



}







div#sidebar ul li.widget_tag_cloud div a{



	color: #3AADE3;



}







div#sidebar ul li.widget_tag_cloud div a:hover{



	color: #B0D83A;



}







/* textwidget */



.textwidget{



	padding: 10px 26px;



	line-height: 16px;



}







.textwidget p{



	margin-bottom: 10px;



	line-height: 16px;



}







.textwidget a, .textwidget p a{



	color: #3AADE3;



	text-decoration: none;



}







.textwidget a:hover, .textwidget p a:hover{



	text-decoration: underline;



}







/* END modify div#sidebar */







div#main div#comments{



	margin-bottom: 10px;



	}



	div#main div#comments h3{



		float: left;



		font-size: 16px;



		color: #000;



		line-height: 24px;



		font-weight: normal;



		}



	div#main div#comments .add_your_comment a{



		float: right;



		font-size: 16px;



		color: #3AADE3;



		line-height: 24px;



		font-weight: normal;



		}



	div#main div#comments .add_your_comment a:hover{



		color: #3AADE3;



		}



div#main ol.commentlist{



	font-size: 13px;



	color: #000;



	overflow: hidden;



	}



	div#main ol.commentlist li{



		margin-bottom: 15px;



		background-color: #dff5f9;



		border: 1px solid #80caed;



		-moz-border-radius: 2px;



		-webkit-border-radius: 2px;



		padding: 20px 20px 15px 20px;



		}



		div#main ol.commentlist li ul{



			list-style-type: none;



			margin-left: 60px;



			margin-top: 6px;



			}



			div#main ol.commentlist li ul.children li{



				background-color: #dff5f9;



				border-left: 1px solid #80caed;



				border-top: 0;



				border-bottom: 0;



				border-right: 0;



				}



		div#main ol.commentlist li div.vcard{



			float: left;



			}



		div#main ol.commentlist li div.vcard div.left{



			width: 56px;



			margin-right: 5px;



			}



			div#main ol li div.left img{



				border: 1px solid #3AADE3;



				display: block;



				height: 48px;



				width: 48px;



				}



			div#main ol li div.left div.reply a{



				background: url(images/reply.gif) no-repeat 0 0;



				display: block;



				height: 0;



				padding-top: 17px;



				width: 41px;



				overflow: hidden;



				margin-left: 5px;



				margin-top: 5px;



				}



			div#main ol li div.left div.reply a:hover{



				background-position: 0 -17px;



				}



		div#main ol.commentlist li div.right{



			float: left;



			line-height: 20px;



			width: 80%;/* 3-level or less thread comments display well. 4 or more leves may have some issue. */



			}



			div#main ol.commentlist li div.right p a{



				color: #3AADE3;



				text-decoration: none;



				border-bottom: 1px solid #3AADE3;



				}



			div#main ol.commentlist li div.right p a:hover{



				color: #3AADE3;



				border-bottom: 1px solid #3AADE3;



				}



			div#main ol li div.right div.commentmetadata{



				font-size: 12px;



				color: #000;



				border-bottom: 1px solid #3AADE3;



				padding-bottom: 3px;



				margin-bottom: 8px;



				}



				div#main ol li div.right div.commentmetadata a{



					color: #3AADE3;



					text-decoration: none;



					font-weight: bold;



					}



				div#main ol li div.right div.commentmetadata a:hover{



					color: #3AADE3;



					}



			div#main ol li div.right p{



				margin-bottom: 20px;



				}



div#main .comments_navi{



	font-size: 12px;



	}



	div#main .comments_navi .alignleft{



		float: left;



		}



	div#main .comments_navi .alignright{



		float: right;



		}



		div#main .comments_navi .alignleft a, 



		div#main .comments_navi .alignright a{



			display: block;



			color: #3AADE3;



			border: 1px solid #3AADE3;



			padding: 0 5px;



			background-color: #FFF;



			line-height: 28px;



			}



		div#main .comments_navi .alignleft a:hover, 



		div#main .comments_navi .alignright a:hover{



			color: #3AADE3;



			background-color: #fff;



			}



div#main div#respond{



	background-color: #FFF;



	border: 1px solid #80caed;



	-moz-border-radius: 2px;



	-webkit-border-radius: 2px;



	color: #000;



	padding: 15px 20px;



	margin-top: 15px;



	}



	div#main div#respond div.h3_cancel_reply{



		margin-bottom: 5px;



		}



	div#main div#respond h3{



		font-size: 16px;



		color: #000;



		line-height: 24px;



		font-weight: normal;



		float: left;



		display: inline;/* fix double margin */



		}



		div#main div#respond span.cancel-comment-reply{



			float: right;



			display: inline;/* fix double margin */



			padding-top: 6px;



			}



		div#main div#respond span.cancel-comment-reply a{



			font-size: 12px;



			color: #3AADE3;



			text-decoration: none;



			}



		div#main div#respond span.cancel-comment-reply a:hover{



			color: #3AADE3;



			}



	div#main div#respond form#commentform{



		}



		div#main div#respond form#commentform p{



			font-size: 12px;



			color: #000;



			padding: 3px 0;



			}



			div#main div#respond form#commentform p a{



				color: #3AADE3;



				border: 0;



				}



			div#main div#respond form#commentform p a:hover{



				border-bottom: 1px solid #3AADE3;



				}



		div#main div#respond div.input_area{



			padding: 15px 30px;



			}



			div#main div#respond div .message_input{



				font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;



				background-color: #fff;



				border: 2px solid #3AADE3;



				color: #000;



				font-size: 13px;



				padding: 5px;



				height: 120px;



				width: 98%;



				}



		div#main div#respond div.user_info{



			font-size: 12px;



			line-height: 16px;



			display: block;



			padding: 0 30px;



			}



			div#main div#respond div.user_info div.single_field{



				display: inline;



				float: left;



				width: 33%;



				}



				label.desc{



					display: block;



					color: #3AADE3;



					padding-bottom: 4px;



					}



					label.desc abbr{



						color: #3AADE3;



						border: 0;



						}



				div#main div#respond div.user_info input.comment_input{



					background-color: #FFF;



					color: #3AADE3;



					border: 1px solid #3AADE3;



					padding: 2px 3px;



					width: 90%;



					}



		div#main div#respond div.submit_button{



			margin: 15px 30px 0;



			}



			div#main div#respond form#commentform div.submit_button input.button{



				display: block;



				background: url(images/submit.gif) no-repeat 0 0;



				width: 76px;



				height: 28px;



				padding: 0;



				border: 0;



				text-indent: -9999px;



				cursor: pointer;



				float: left;



				}



			div#main div#respond form#commentform div.submit_button input.button:active{



				background-position: 0 -28px;



				}



			div.submit_button span.key{



				float: left;



				margin-left: 10px;



				padding-top: 6px;



				font-size: 12px;



				line-height: 16px;



				color: #333;



				}



.nocomments{



	color: #ccc;



	font-size: 16px;



}



/* END single page */







/*---------------- WordPress Generated Classes -------------------*/







.aligncenter,



div.aligncenter{



   display: block;



   margin-left: auto;



   margin-right: auto;



}







.alignleft{



	float: left;



	}



	



.alignright{



	float: right;



	}







img.alignleft{



	display: inline;



	margin-bottom: 2px;



	margin-right: 6px;



	padding: 3px;



	}







img.alignright{



	display: inline;



	margin-bottom: 2px;



	margin-left: 6px;



	padding: 3px;



	}







.wp-caption {



   border: 1px solid #80caed;



   text-align: center;



   background-color: #FFF;



   padding-top: 4px;



   margin: 10px;



   /* optional rounded corners for browsers that support it */



   -moz-border-radius: 3px;



   -khtml-border-radius: 3px;



   -webkit-border-radius: 3px;



   border-radius: 3px;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 12px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



   color: #ccc;



}







div#main div.post div.entry div.wp-caption p{



	margin-bottom: 3px;



	padding: 5px;



} 











/*------------------------ Archives Page ------------------------*/







ul.archiveslist{



	color: #3AADE3;



	font-size: 13px;



}







div#main div.post div.entry  ul.archiveslist li a{



	color: #3AADE3;



}







div#main div.post div.entry  ul.archiveslist li a:hover{



	color: #3AADE3;



}







/*------------------------ Links Page ------------------------*/







.linkpage{



	background-color: #FFF;



	padding: 10px 15px;



}







.linkpage ul{



	list-style-type: none;



}







.linkpage ul li{



	float: left;



	margin-bottom: 10px;



}







.linkpage ul li ul li{



	float: left;



	width: 130px;



	text-align: center;



	margin: 5px 12px;



	line-height: 180%;



	background-color: #FFF;



}







.linkpage ul li ul li a{



	color: #3AADE3;



	display: block;



	text-decoration:none;



	border: 1px solid #3AADE3;



	font-size: 12px;



}







.linkpage ul li ul li a:hover{



	background-color: #FFF;



	border: 1px solid #3AADE3;



	color: #3AADE3;



}







.linkpage ul li h3{



	margin-bottom: 5px;



	margin-left: 12px;



}







/*------------------------ Strong ------------------------*/







div.strong{



	color: #B0D83A;



	font-size: 18px;



	padding: 10px 0;



	margin-bottom: 25px;



}







div.strong .keyword{



	color: #B0D83A;



}