/*
theme name: uncomplicated
theme uri: http://www.kumailht.com/
description: a minimalist blog theme designed by kumail.h.t
author: kumail hunaid
author uri: http://kumailht.com
version: 1.0
*/

/* reset */
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,dd,dl,dt,li,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;text-align:left;vertical-align:baseline;margin:0;padding:0}a img{border:none}table{border-collapse:collapse;border-spacing:0}q:before,q:after,blockquote:before,blockquote:after{content:""}ul{list-style:none}:focus{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('ColabThi.eot');
	src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('ColabThi.ttf') format('truetype');
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('ColabLig.eot');
	src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('ColabLig.ttf') format('truetype');
}

/* definitions */
.left{float:left}
.right{float:right}
.clear{clear:both}
.hide{display:none}

/* post images */
#content img{max-width:610px}
.alignleft{margin:0 10px 0 0}
.alignright{margin:0 0 0 10px}
.aligncenter{}

/* general */
body{background:#f4f4f4}
#maincontainer{width:990px;margin:0 auto}
img#wpstats{position:absolute;left:-999em} /* removes smiley face at the bottom of the page */

/* general typography */
body,p,td,th,li{color:#555;font:14px/1.5em cambria,times,'times new roman',georgia,serif}

h1,h2,h3,h4,h5,h6{color:#555;font-family:'Colaborate-ThinRegular',verdana,arial,sans-serif;font-weight:normal}
h1{font-size:24px}
h2{font-size:22px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:17px}
h6{font-size:15px}

blockquote{color:#666;font-style:italic;margin:0 0 18px 18px}
strong{font-weight:700}
em{font-style:italic}
a:link,a:visited{color:#555}
a:hover,a:active{color:#222;text-decoration:none}

#content p,#content ul,#content ol,#content h1, #content h2,#content h3,#content h4,#content h5,#content h6{
line-height:1.4;margin:20px}
#content ul{list-style-type:disc;margin-left:40px}

/* header */
#header{margin:100px 0 80px}
#header h1{color:#777}
#header h1 a{font:100 2em baskerville,times,'times new roman',serif;text-decoration:none;text-transform:capitalize;font-variant:small-caps;}
#header h6{font:1.1em arial}

/* content */
#content-wrap{float:left;width:650px}
div.post{background:#fff;margin:0 0 20px;padding:0 0 20px;}

#content h1:first-child{background:#4d4d4d url(img/h1-corner.png) no-repeat top right;color:#fff;font-size:25px;line-height:1.5;font-style:normal;text-transform:capitalize;padding:10px 50px 10px 20px;margin:0;font-family:'Colaborate-ThinRegular','helvetica neue light',verdana,arial,sans-serif}
#content h1 a:first-child{color:#fff;text-decoration:none}
#content h1:hover:first-child{background:#444 url(img/h1-corner.png) no-repeat top right}

/* meta */
#meta{background:#4d4d4d}
#meta p{color:#fff;float:left;margin:15px 0 0 20px}
#meta a{color:#fff}

#meta ul{float:right}
#meta ul li{float:left;margin-right:10px;padding:15px 0}
#meta ul li:last-child{margin-right:20px}
#meta ul li a{text-decoration:none}
#meta ul li:hover{background:url(img/meta-hover.png) no-repeat center bottom}

/* post navigation */
.post-nav-link a{background:#b3b3b3;color:#fff;font:12px verdana,arial,sans-serif;text-transform:uppercase;padding:7px 10px;width:100px;text-decoration:none;margin-left:-20px}
.post-nav-link a:hover{background:#444}

/* comments */
.comment{margin-top:20px;list-style:none;background:url(img/comment-arrow.png) no-repeat 650px top}
.comment-text{background:#fff;width:610px;float:left;min-height:70px;padding:20px}
.comment-text p{font-style:italic;line-height:2}
.avatar{border:10px solid #fff;float:left;margin:0 20px 0 40px}
.comment h5 a,.comment h5{color:#aaa;letter-spacing:1px;text-transform:capitalize;text-decoration:none;font-size:15px}
.comment h5 a:hover{color:#888}
.comment h6{font:12px arial;color:#ccc;text-transform:capitalize}

/* comment form */
#write-comment{background:url(img/comment-arrow.png) no-repeat 650px top}
#write-comment textarea{float:left;background:#fff;width:610px;min-height:150px;border:none;font:italic 12px/2 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;color:#555;margin:0 0 5px;padding:20px}
#write-comment input{float:left;background:#fff;width:610px;border:none;font:italic 12px 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;color:#555;margin:5px 0;padding:20px}
#write-comment button{float:left;clear:both;background:#b3b3b3;color:#fff;border:none;font:12px verdana,arial,sans-serif;text-transform:uppercase;cursor:hand;margin:5px 0 20px;padding:8px 10px}
#write-comment button:hover{background:#444}
#loggedin-text{clear:both;margin:0 0 10px}

/* sidebar */
#sidebar{float:right;width:320px}
div.widget{background:#fff;border-top:2px solid #999;margin:0 0 20px 0;padding:20px}
#sidebar h2{color:#999;margin-bottom:20px;}
#sidebar a{color:#999;text-decoration:none;font-family:'helvetica neue', arial, 'liberation sans', freesans, sans-serif}
#sidebar a:hover{color:#777}

#subscribe h2{float:left;width:230px}
#subscribe h2 a{color:#aaa;text-decoration:none;font-family:'Colaborate-ThinRegular',verdana,arial,sans-serif;}
#subscribe h2 a:hover{color:#aaa}
#subscribe img{float:right;margin-left:10px}

#sidebar ul li{color:#999;font-size:14px}
#sidebar ul li a{color:#999;text-decoration:none}
#sidebar ul li a:hover{color:#777}

	/* list of text */
	.list li{border-bottom:1px solid #ececec;padding-bottom:10px;margin:10px 0}
	.list li:first-child{margin-top:20px}
	.list li:last-child{border:none;margin-bottom:0}
	
	/* list of links with levels */
	#sidebar ul li{}
	#sidebar ul ul li{margin-left:20px}
	#sidebar ul ul ul li{margin-left:20px}
	ul.children{margin:0 0 10px 10px;list-style-type:lower-roman}
	
	.cloud li{float:left;margin:0 5px}
	.cloud li a:hover{color:#777}
	.cloud li a:after{content:","}
	
	.wppp_list li{border-bottom:1px solid #ececec;padding-bottom:10px;margin:10px 0}
	.wppp_list li:first-child{margin-top:20px}
	.wppp_list li:last-child{border:none;margin-bottom:0}
	
	.cat-item{float:left;margin:0 5px}
	.cat-item a:hover{color:#777}
	.cat-item a:after{content:","}
	
	/* search widget needs to be added from the wordpress admin panel */
	#s{width:195px;padding:6px 5px;border:1px dotted #999;font:italic 12px/2 'helvetica neue',arial,'liberation sans',freesans,sans-serif;color:#555} /* search box */
	#searchsubmit{background:#b3b3b3;color:#fff;border:none;font:12px verdana,arial,sans-serif;text-transform:uppercase;padding:6px 5px;cursor:pointer} /* search button */
	#searchsubmit:hover{background:#444}
	.screen-reader-text{display:none} /* search label */
	
	.ad-320{padding:8px;border:2px dotted #ddd;background:white;margin-bottom:20px}
	.ad-320:hover{border:2px dotted #ddd;background:#f5f5f5}

/* section head */
.section-head{border-bottom:1px solid #fff;margin-bottom:20px;clear:both;padding:60px 0 25px}
.section-head h2{float:left;color:#999}
.section-head img{float:right}

/* footer */
#footer{padding-top:20px;border-top:1px solid #fff;margin:30px 0 70px}
#footer p{float:right;font:12px arial,helvetica,sans-serif;color:#bbb}
#footer p:first-child{float:left}
#footer a{color:#bbb}