/*
Theme Name: Demo Blank Canvas
Theme URI: http://wordpress.org/
Description: A blank canvas theme built for development, based on the 16 column <a href="http://960.gs">960 grid system</a>.
Version: 1.6
Author: Tim Phang - Fleishman Hillard
Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* import 960 system */
@import url('css/reset.css');
@import url('css/text.css');
@import url('css/960.css');

body{
	margin: 10px 0px;
	background-color: #ededed;
}

#page{
	border:1px solid #ccc;
	color:#333;
	background-color: #fff;
}

#header { margin: 17px 0 17px 34px; width: 900px; padding: 0; overflow: hidden; }

#header .logo { background: url(images/logo.gif) no-repeat; height: 53px; width: 113px; float: left; }

#header #description { float: right; margin: 17px 0 0 15px; padding: 0; }
#header #description #tweeter { float: left; width: 150px; margin-right: 30px;}
#header #description #RSS { float: left; width: 150px; }
#header #description #RSS a.rssLogo { background: url(images/rss.gif) no-repeat; height: 21px; line-height: 21px; display: block; padding: 0 0 0 27px; font-size: 15px; color: #ff6600; text-decoration: none; }
#header #description #RSS a:hover.rssLogo { text-decoration: underline; }
#header #description #search { float: left; }
#header #description #search form#headSearch .searchBox { border: 1px solid #ccc; width: 178px; height: 14px; font-size: 10px; float: left; padding: 2px 0 0 2px; margin: 0 5px 0 0; }
#header #description #search form#headSearch .go { background: url(images/go.gif) no-repeat; width: 31px; height: 18px; display: block; float: left; }


#subNav { margin: 30px 0 25px 0; padding: 0; background-color:#fff; overflow: hidden; height: 100%; }
#subNav a { color: #067ab4; text-decoration:none; }
#subNav a:hover { text-decoration: underline; }
#subNav ul { list-style-type: none; }
#subNav ul li { float: left; }

#subNav ul li h1.cufon-ready { margin: 3px 15px 0 0; padding: 0; font-size: 26px; }
#subNav ul li h1.cufon-ready a { color: #656565; text-decoration: none; padding: 0; margin: 0; line-height: 30px; }
#subNav ul li h1.cufon-ready a:hover { color: #067ab4; text-decoration: none; }

#subNav ul li h2.cufon-ready { margin: 3px 15px 0 0; padding: 0; font-size: 26px; }
#subNav ul li h2.cufon-ready a { color: #656565; text-decoration: none; padding: 0; margin: 0; line-height: 30px; }
#subNav ul li h2.cufon-ready a:hover { color: #067ab4; text-decoration: none; }

#subNav ul li.first { border-right: 1px solid #333; margin: 0; padding: 0 0 0 35px; line-height: 30px; }
#subNav ul li.last { margin: 0; padding: 7px 0 0 15px; font-size: 11px; line-height: 15px; color: #6f6f6f; }

.shadow { background: url(images/bg-shadow.gif) no-repeat; width: 977px; height: 19px; }

#contentWrapper {
	padding: 20px 0px;
	color: #656565;
}

#content { width: 580px; margin: 0 25px 0 33px; }


#content h3 { width: 284px; padding: 4px 0 4px 0; color: #ff7200; }
#content ul { margin: 0 0 10px 0; padding: 0; }
#content ul li { color: #0099cc; line-height: 16px; font-size: 13px; margin-bottom: 8px; }
#content ul li a { color: #0099cc; text-decoration: none; }
#content ul li a:hover { text-decoration: underline; }
#content a { color: #067ab4; text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content a.readMore { color: #067ab4; text-decoration: none; text-transform: uppercase; }
#content a:hover { text-decoration: none; }

#content ul.yearlyArchive { margin: 12px 0 20px 0; padding: 0; clear: both; list-style-type: none; overflow: hidden; }
#content ul.yearlyArchive li { color: #0099cc; line-height: 14px; font-size: 14px; margin: 0 0 8px 15px; padding: 0; float: left; }
#content ul.yearlyArchive li a { color: #0099cc; text-decoration: none; }
#content ul.yearlyArchive li a:hover { text-decoration: underline; }

#content ul.archives { margin: 12px 0 20px 0; padding: 0; }
#content ul.archives li { color: #0099cc; line-height: 14px; font-size: 12px; margin: 0 0 8px 15px; padding: 0; }
#content ul.archives li a { color: #0099cc; text-decoration: none; }
#content ul.archives li a:hover { text-decoration: underline; }


.navigation {}
.navigation ol li span.title { display: none;}
.navigation ol li span.current { display: none;}
.navigation ol li span.gap { display: none;}
.navigation ol li a.page { display: none;}
.navigation ol li a.page { display: none;}


p.olderPosts { margin: 0 0 15px 0; font-weight: bold; float: right; }
p.olderPosts a { color: #067ab4; text-decoration: none !important; text-transform: uppercase; }

p.olderPosts a:hover { text-decoration: underline !important; }

#content .entry .addthis_container { display: none; }

#content .entry p { padding: 8px 0 0 0; margin: 0; overflow: hidden; line-height: 17px; }
#content .entry p a img.alignleft { float: left; margin-right: 8px; }
#content .entry p a { text-decoration: none; }
#content .entry p a:hover { text-decoration: underline; }

#content h1.cufon-ready { line-height: 34px; font-weight: 500; font-size: 33px; color: #ff6600; }
#content h1.cufon-ready a { color: #ff6600; text-decoration: none; }
#content h1.cufon-ready a:hover { text-decoration: none; }

#content h2.cufon-ready { line-height: 34px; font-weight: 500; font-size: 33px; }
#content h2.cufon-ready a { color: #ff6600; text-decoration: none; }
#content h2.cufon-ready a:hover { text-decoration: none; }

#content img.author { float: left; margin-top:10px;}
#content .authorContent { float: left; width: 406px; margin: 10px 18px; }
#content .authorContent h4 { font-size: 15px; color: #ff6600; padding: 0; margin: 15px 0 0 0; }
#content .authorContent p {}

#content h4 { font-size: 13px; color: #000; padding: 0; margin: 30px 0 0 0; }

.widget .follow { display:block; text-align:right; padding-right:10px; font-size:10px; padding-bottom:15px; }


/* Archives Tab Section */

#tabs { font-size: 90%; margin: 20px 0; height: 100%; overflow: hidden; width: 550px; }
#tabs ul.control { float: left; width: 550px; padding-top: 4px; margin: 0 15px; border-bottom: 1px solid #d2d2d2; background-color: #fff; height: 32px; }
   
#tabs ul.control li { margin: 0 2px; padding: 0; list-style: none; background-color: #e8e8e8; width: 60px; float: left; }
* html #tabs ul.control li { display: inline; /* ie6 double float margin bug */ }
#tabs ul.control li, #tabs ul.control li a { display: inline-block; text-align: center; }
#tabs ul.control li a { text-decoration: none; padding: 8px; color: #000; font-weight: bold;  }
#tabs ul.control li.active { background-color: #fff; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #fff; 
border-left: 1px solid #d2d2d2; padding: 0; margin: -1px 0 0 0; width: 58px; }
#tabs ul.control li.active a { color: #333; background-color: #fff; text-align: center; }
#tabs div { background: #fff; clear: both; padding: 20px; min-height: 200px; }
#tabs div h4 { text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; }

#tabs div ul.articles { margin: 0; padding: 0; float: left; clear: both; overflow: hidden; list-style-type: square; }
#tabs div ul.articles li { clear: both; padding: 0 0 8px 0; margin: 0 0 0 25px;  }
#tabs div h4 { clear: both; overflow: hidden; padding: 20px 0; margin: 0; }



/* End Archinves Tab Section */


/*AUTHORS PAGE */

#content .entry .author{
	float:left;
	width:140px;
	margin-left:5px;
	padding-top:20px;
	text-align:center;
	display:inline;
}

#content .entry .alpha{
	margin-left:0px;
}

#content .entry .author a.thumb{
	display:block;
	margin-bottom:10px;
}

#content .entry .author a.name{
	font-weight:bold;
	font-size: 14px;
	text-decoration:none;
}

#content .entry .author a:hover.name{
	text-decoration:underline;
}

#content .entry .author p{
	font-weight:normal;
	font-size:10px;
}

.widget .view-all-bloggers{
	display:block;
	text-align:right;
	padding-right:10px;
	font-size:10px;
	padding-bottom:15px;
}

/* end authors */

.contentSub { border-top: 1px solid #b9b9b9; border-bottom: 5px solid #dbdbdb; padding: 20px 0 20px 0; margin: 25px 0 35px 0; overflow: hidden;}
.contentSub .topics { float: left; width: 370px; }
.contentSub .topics a { text-decoration: none; }
.contentSub .topics a:hover { text-decoration: underline; }
.contentSub .addThis { float: left; margin: 5px 25px 0 0; }
.contentSub .comments { float: left; margin: 5px 0 0 0;  }
.contentSub .comments a { text-decoration: none; }
.contentSub .comments a:hover { text-decoration: underline; }
.contentSub .comments a.commentsNumber { background: url(images/bg-comments.gif) no-repeat; height: 24px; width: 29px; display: block; 
padding: 0; margin: 0 5px 0 0; font-size: 12px; color: #fff !important; float: left; text-decoration: none !important; text-align: center; }

.tags { 
	/* padding: 0 0 20px;
	border-bottom: 1px solid #b9b9b9; */
	margin: 0 0 15px;
}

#commentsForm { border-top: 2px solid #dbdbdb; border-bottom: 3px solid #dbdbdb; background-color: #ebebeb; padding: 24px; margin: 0 0 25px 0; }
#commentsForm h4 { margin: 50px 0 20px 0; float: left; }
.required { color: #c50000;}
#commentsForm .postion { float: left; padding: 53px 0 0 100px; font-size: 12px; font-weight: normal; }
#commentsForm .commentDisplay { border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-left: 1px solid #acacac; background-color: #FFF; width: 485px; padding: 15px; margin: 30px 0 0 0; }
#commentsForm .commentDisplayBottom { background: url(images/commentBottom.gif) no-repeat; height: 31px; width: 517px;}
#commentsForm .commentDisplayBottom p { margin: 0; padding: 15px 0 0 45px;  }

#commentsForm .contentWrapper { margin: 0 0 8px 0; clear: both; overflow: hidden; }
#commentsForm .contentWrapper label { width: 100px; display: block; float: left; padding: 5px 0 0 0; }
#commentsForm .contentWrapper input { border: 1px solid #acacac; height: 24px; width: 203px; float: left; padding: 4px 0 0 2px; }
#commentsForm .contentWrapper input.submit { width: 72px; height: 22px; padding: 0; margin: 0; }
#commentsForm .contentWrapper p { padding: 8px 100px 0 100px; line-height: 18px; } 

#commentsForm .contentWrapper .recaptcha_input_area  input { border: 1px solid #ccc; height: 18px; width: 205px; float: left; }

#nav{ background: url(images/heade-divider.gif) no-repeat; height: 10px; width: 977px; }
#nav a { color:#333; text-decoration: none; }
#nav ul { margin:0; padding:0; list-style-type: none; }
#nav ul li { float:left; margin:0 10px; padding: 0; }
#nav p { font-size: 13px; color: #fff; text-align: center; padding: 20px 0 0 0; }

#sidebarWrapper { width: 310px; overflow: hidden; }
#sidebar{ width: 299px;}
#sidebar .widget { border: 1px solid #d2d2d2; margin: 0 0 35px 0; padding: 0; overflow: hidden; background-color: #f7f7f7; min-height: 40px; }
#sidebar .widget .title { width: 284px; padding: 4px 0 4px 14px; color: #ff7200; font-size: 15px; font-weight: bold; }
#sidebar .widget .title a {color: #ff7200; text-decoration: none; }
#sidebar .widget .title a:hover { text-decoration: underline; }
#sidebar .widget ul { margin: 0 0 10px 0; padding: 0; width: 250px; }
#sidebar .widget ul li { color: #0099cc; line-height: 16px; font-size: 13px; margin-bottom: 8px; }
#sidebar .widget ul li a { color: #0099cc; text-decoration: none; }
#sidebar .widget ul li a:hover { text-decoration: underline; }
#sidebar .widget .credit { color:#333; font-size: 11px; font-style: italic; }
#sidebar .widget p { padding: 10px; font-size: 12px; }
#sidebar .widget p a { color: #0099cc; text-decoration: none; }
#sidebar .widget p a:hover { text-decoration: underline; }
#sidebar .widget #spotlight { overflow: hidden; height: 100%; }
#sidebar .widget #spotlight img { padding: 0 0 14px 0; }
#sidebar .widget .blogger { padding: 0 0 12px 0; margin: 0; height: 100%; overflow: hidden; display: block; }
#sidebar .widget img { float: left; padding: 0; margin: 0 12px 0 15px; overflow: hidden; }
#sidebar .widget .desc { float: left; width: 230px; overflow: hidden; }
#sidebar .widget .desc p.author { padding: 8px 0 0 0; margin: 0; color: #067ab4; line-height: 15px; font-weight: bold; }
#sidebar .widget .desc p { padding: 0; margin: 0; font-size: 12px; overflow: hidden; }
#sidebar .widget a { color: #0099cc; text-decoration: none; }
#sidebar .widget a:hover { text-decoration: underline; }

#sidebar .widget ul.twitter { list-style-type: none; margin: 0; padding: 0; }
#sidebar .widget ul.twitter li { color: #0099cc; line-height: 16px; font-size: 12px; margin: 0 0 8px 15px; }
#sidebar .widget ul.twitter li .twitter-timestamp { clear: both; color: #666; margin: 5px 0 0 0; display: block; }

#sidebar .widget ul li .entry-meta { clear: both; color: #666; margin: 5px 0 0 0; display: block; }
#sidebar .widget ul li .entry-meta a { color: #666; text-decoration: none; }
#sidebar .widget ul li .entry-meta a:hover { text-decoration: underline; }


#footer { width: 977px; margin: 20px auto; background-color: #ededed; }
#footer ul { list-style-type: none; clear: both; }
#footer ul li { border-right: 1px solid #707070; float: left; padding: 0 12px 0 12px; margin: 0;  }
#footer ul li a { color: #707070; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li.last { border: none; padding: 0 0 0 12px; margin: 0; }

#footer p.reserved { margin: 0 0 0 12px; padding: 20px 0 0 0; font-size: 10px; clear: both; color: #707070; }

.right{float:right}
.left{float:left}

#content .type-worth-a-read {
	margin: 15px 0;
	border-bottom: 1px solid #dedede;
	padding-bottom: 15px;
}

 #content .type-worth-a-read h3 {
	width: 100%; 
	/* margin: 25px 0 5px; */
	margin: 0;
	font-size: 16px;
}
 .type-worth-a-read .date {
	font-size: 14px;
	margin: 20px 0 5px;
	/* padding-bottom: 2px;
	border-bottom: 1px solid #dedede; */
 }

 #content .type-worth-a-read h3 a {
	text-decoration: none;
}

 #content .type-worth-a-read li {
	margin-left: 15px;
 }

.widget .more {
	display: block;
	font-size: 11px;
	margin: 0 15px 15px;
	text-transform: uppercase;
	text-align: right;
}

#content .authorposts {
	margin-top: 10px;
}

	#content .authorposts li {
		margin-left: 0;
	}
	
	#content .authorpostdata {
		font-size: 11px;
		color: #656565;
	}
	
#content .alignleft {
	float: left;
	margin: 15px 15px 15px 0;
}