/*

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: #3aade3;

			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: 13px;

			}

			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;

}