/* 
Theme Name: Naeem's Blog (Green)
Description: Simple two column blog, with clean modern design. Variable colours available via style sheets.
Theme URI: http://www.naeemfazal.com/ 
Version: 1.0 
Author: Creativity Mill 
Author URI: http://creativitymill.com/ 

TAKE HEED, CODE THEIVES: Don't steal this code. If you really like it that much, how about hiring me to do some for you? You can also purchase this theme for your own blog. Contact me at nathan@creativitymill.com to find out how...

*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	background: rgb(64,64,64) url(images/naeem-header.jpg) left top no-repeat;;
	/*color: rgb(255,255,255);*/
	color:#C0C0C0;
	font-size: 62.5%; /* Resets 10px to 1em */
	height: 100%;
	}
	
div#wrapper {
	text-align: left;
	width: 920px;
	padding-left: 40px;
	margin: 0 auto;
	height: 100%;
	overflow: auto;
	}
	
h1 {
	font-family: 'Ubuntu', sans-serif;
	/* font-family: Sansation,'Helvetica Neue', Helvetica, sans-serif; */
	font-size: 4em;
	font-weight: 100;
	/* font-style: italic;*/
/*	color: rgb(190,215,60);*/
	color:#FFC600;
	margin-top: 20px;
	margin-left: 110px;
	margin-bottom: 0;
	}
	
h2 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 3em;
	width: 380px;
	float: left;
	color: #FFC600;
	margin-bottom: 10px;
	text-shadow: 0px 0px 3px rgb(30,30,30);
	}
	
h3 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.6em;
	color: #FFC600;
	text-shadow: 0px 0px 2px rgb(20,20,20);
	}
	
a {
    color: #FFC600;
	text-decoration: none;
	padding: 1px 2px;
	-webkit-transition: .2s linear;
	}
	
a:hover {
	/*color: rgb(140,160,45);*/
    color: #FFC600;	
/* 	text-decoration: underline; */
	}
	
/* a:visited, */ a:active {
/*	color: rgb(140,160,45);*/
    color: #404040;
	text-decoration: none;
	outline: none;
	}
	
a img {
	border: none;
	}

.clear {
	clear: both;
	}
	
.left {
	float: left;
	}
	
.right {	
	float: right;
	}
	
div.header {
	height: 300px;
	text-align: left;
	}
	
/*
.desc {
	font-size: 1.8em;
	font-weight: 600;
	color: rgb(190,215,60);
	margin-top: -20px;
	margin-left: 110px;
	clear: left;
	}
*/
	
div.twitter{
	clear: left;
	float: left;
	background: url(/wp-content/themes/naeem/images/thumbs//twitter-bg-my1.png) bottom right no-repeat;
	height: 172px;
	width: 462px;
	margin-left: 68px;
	margin-top: 10px;
	}
	
div.twitter p {
	font-size: 1.8em;
	padding: 10px;
	margin-left: 48px;
	position: relative;
	z-index: 1;
	/*text-shadow: 1px 1px 1px #404040;*/
	color:#fff;
	}
	
span.follow {
	position: relative;
	z-index: 3;
	top: 5px;
	left: 60px;
	font-size: 1.2em;
	}
	
	
ul#nav {
	display: block;
	list-style: none;
	font-size: 2.8em;
	font-weight: 800;
	float: right;
	margin-right: 170px;
	margin-top: 12px;
	text-transform: lowercase;
	}
	
ul#nav li {
	margin-bottom: 10px;
	font-family: 'Ubuntu', sans-serif;
	}
	
ul#nav li a {
	font-family: 'Ubuntu', sans-serif;
	padding: 3px 5px 3px 5px;
	background: rgb(255,255,255);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	}
	
ul#nav li a:hover {
	color: rgb(255,255,255);
	background: #404040;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	
div#content {
	clear: left;
	/*overflow: auto;*/
	/*height: 100%;*/
	}
	
div#sidebar {
	width: 240px;
	padding-left: 30px;
	}
	
.side li {
	list-style: none;
	display: block;
	font-size: 1.4em;
	margin-bottom: 4px;
	}
	
div.side {
	margin-bottom: 30px;
	}
	
div.side h3 {
	color: rgb(255,255,255);
	margin-bottom: 10px;
	}
	
div.BlogLeft {
	float: left;
	width: 500px;
	padding-right: 60px;
	border-right: solid 1px rgb(50,50,50);
        height: 100%;
        display: block;
	}
	
div.BlogLeft h1 a {
	text-decoration: none;
	}
	
div.BlogHeader {
	width: 100%;
	margin-bottom: 10px;
	}
	
div.page {
	float: left;
	width: 500px;
	margin-left: 30px;
	padding-bottom: 20px;
	height: 100%;
	display: block;
	}
	
div.page p {
	clear: left;
	}
		
div.FrontBlog {
	float: left;
	width: 500px;
	margin-left: 30px;
	padding-bottom: 20px;
	}
	
div.FrontBlog p, div.page p {
	font-size: 1.4em;
	margin-bottom: 10px;
	text-shadow: 0px 0px 2px rgb(20,20,20);
	}
	
div.FrontBlog img[src*=thumbs], div.page img[src*=thumbs] {
	padding: 10px;
	float: left;
	height: 125px;
	width: 125px;
	background: rgb(100,100,100);
	margin-top: 4px;
	margin-right: 15px;
	margin-left: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 2px rgb(40,40,40);
	-webkit-box-shadow: 0 0 2px rgb(40,40,40);
	-moz-box-shadow: 0 0 2px rgb(40,40,40);
	-webkit-border-position: outside;
	}
	
div.FrontBlog {
	border-bottom: solid 1px rgb(50,50,50);
	}
	
div.entry {
	clear: both;
	margin-top: 10px;
	}

span.meta {
	font-size: 1.2em;
	margin-top: 34px;
	clear: left;
	padding: 5px;
	background: rgb(40,40,40);
	border: solid 1px rgb(100,100,100);
	}
	
span.metaPage {
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: rgb(40,40,40);
	border: solid 1px rgb(100,100,100);
	clear: left;
	}
	
.readmore {
	margin-top: 42px;
	}
	
.readmore a, input[name=submit] {
	/*	color: rgb(100,125,0);*/
	color:#404040;
	font-size: 1em;
	font-weight: 600;
	padding: 7px 3px;
	background: #FFC600;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 2px rgb(50,50,50);
	-webkit-box-shadow: 0 0 2px rgb(50,50,50);
	-moz-box-shadow:0 0 2px rgb(50,50,50);
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFC600;
	}
	
.readmore a:hover, input[name=submit]:hover {
	color:#FFC600;
	box-shadow: 0 0 3px rgb(20,20,20);
	-webkit-box-shadow: 0 0 3px rgb(20,20,20);
	-moz-box-shadow: 0 0 3px rgb(20,20,20);
	text-shadow: 1px 1px 0px rgb(210,245,100);
	}
	
	
div.metaTop {
	color:#404040;
	text-align: center;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 8px;
	padding: 0px 5px 10px;
	width: 80px;
	height: 40px;
	background:#FFC600;
	float: right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 3px rgb(20,20,20);
	-webkit-box-shadow: 0 0 3px rgb(20,20,20);
	-moz-box-shadow: 0 0 3px rgb(20,20,20);
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFC600;
	}
	
div.metaTop .month {
	font-size: 1.4em;
	font-weight: 400;
	padding-bottom: 5px;
	text-shadow: 1px 1px 0px rgb(210,245,100);
	}

div.metaTop .day {
	font-size: 2.4em;
	font-weight: 800;
	text-shadow: 1px 1px 0px rgb(210,245,100);
	}
	
div#bottomwrap {
	margin: 0 auto;
	text-align: left;
	width: 850px;
	padding-left: 70px;
	padding-right: 40px;
	}
	
div#bottom {
	background: rgb(50,50,50);
	padding-top: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
	border-top: solid 1px rgb(40,40,40);
	border-bottom: solid 1px rgb(30,30,30);
	height: 100%;
	overflow: auto;
	}
	

	
div#footer {
	background: #FFC600;
	border-top: solid 1px #FFC600;
	color: #404040;
	clear: both;
	padding: 14px 0 0;
	height: 30px;
	}
	
div#footer a {
	color: #404040;
	text-decoration: none;
	}
	
div#footer a:hover {
	color: #404040;
	text-decoration: underline;
	}
	
div#footwrap {
	width: 850px;
	margin: 0 auto;
	padding-left: 70px;
	padding-right: 40px;
	}
	
div.vdo {
	width: 540px;
	margin-right: 20px;
	float: left;
	}
	
object {
	margin-top: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px rgb(20,20,20);
	-webkit-box-shadow: 0 0 3px rgb(20,20,20);
	-moz-box-shadow: 0 0 3px rgb(20,20,20);
	}
	
div.blurb h3 {
	margin-bottom: 6px;
	}
div.blurb {
	width: 260px;
	text-align: left;
	float: left;
	color: #cccccc;
line-height: 17pt;

	}
	
div.blurb p {
	font-size: 1.4em;
	}
	
div.blurb img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	width: 60px;
	height: 60px;
	padding: 10px;
	background: rgb(190,215,60);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
.nextprev {
	margin: 40px -30px 10px 30px;
	background: rgb(64,64,64);
	font-size: 1.3em;
	font-weight: 800;
	}
	
.nextprev a {
	padding: 8px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: rgb(190,215,60);
	color: rgb(255,255,255);
	}
	
.page ul, .page ol {
	list-style: disc;
	list-style-position: inside;
	padding: 12px 20px;
	font-size: 1.4em;
	}
	
	
.searchfield {
	width: 140px;
	padding: 4px 8px;
	background: rgb(200,200,200);
	border: solid 1px rgb(20,20,20);
	-webkit-appearance: searchfield;
	-moz-appearance: searchfield;
	}
	
.button {
	background: #FFC600;
	padding: 4px 6px;
	margin-left: 5px;
	border: none;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	}
	
select {
	width: 180px;
	}
	
.commentlist {
	width: 460px;
	}
	
.commentlist p {
	margin-bottom: 8px;
	}

textarea#comment {
	width: 460px;
	margin-bottom: 10px;
	}
	
#commentform input {
	margin-bottom: 10px;
	font-size: 1em;
	padding: 4px 3px;
	}
	
#respond {
	clear: both;
	width: 458px;
	font-size: 1.2em;
	margin-top: 15px;
	margin-left: 30px;
	padding: 20px;
	background: rgb(90,90,90);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: solid 1px rgb(50,50,50)
	}

#respond h3 {
	margin-bottom: 10px;
	}
	
#respond ol {
	list-style: none;
	}
	
#respond ol li {
	border-bottom: solid 1px rgb(100,100,100);
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
	
img[src*=gravatar] {
	width: 40px;
	height: 40px;
	padding: 10px;
	margin-bottom: 5px;
	background: rgb(150,150,150);
	border: solid 1px rgb(70,70,70);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 2px rgb(60,60,60);
	-webkit-box-shadow: 0 0 2px rgb(60,60,60);
	-moz-box-shadow: 0 0 2px rgb(60,60,60);
	float: left;
	margin-right: 10px;
	}
	
.twitter a, .follow a {
	color: #FFF;
	/*text-shadow: 1px 1px 0 #404040;*/
	}