/*
Theme Name: Light
Theme URI: http://www.jasonernst.com/
Description: The default template for Jason's Computer Science Blog - <a href="http://www.jasonernst.com/">www.jasonernst.com</a>. Note: It is strongly recommended to also download the jasonernst plugin which will autoconfigure your site so that all the required categories are created before using this theme.
Version: 0.2
Author: Jason Ernst
Tags: white, jason, ernst, computer, science
*/

/* General styles that apply to the entire site */
* { margin: 0px; padding: 0px; }
body { text-align: center; font-family: Verdana; font-size: 14px; color: #222222; }
.clear { clear: both; line-height: 1px; }
.half { width: 49%; }
.third { width: 32%; }
.left { float:left; }
.right { float:right; }
.quarter { width: 24%; }

/* Header styles */
#header { width: 1000px; margin:auto; text-align:left; margin-top: 15px; }
#header-img { float:left; margin-right: 35px; border: 0px; width: 110px; height: 110px; }
#header-left { float:left; margin-bottom: 15px; }
#header-right { float:right; width: 49%; }
#header-quote { float:right; text-align: right; margin-top: 25px; font-style:italic;}
#header-quote-author { float:right; color: #666666; }
#header-search { float:right; padding-bottom: 15px; }

/* Header title and subtitle */
#title { margin-top: 25px; font-weight:normal; font-size: 40px; font-family: "Trebuchet MS", Verdana; color: #333333; width: 500px;}
#title a { color: #333333; text-decoration: none; }
#title a:hover { color: #0066CC; }
#subtitle { white-space: nowrap; font-weight:normal; font-size: 26px; font-family: "Trebuchet MS", Verdana; color: #333333; width: 500px; }
#subtitle a { color: #333333; text-decoration: none; }
#subtitle a:hover { color: #0066CC; }

/* Header menu */
#header-menu { clear:both; }
#menulist { float:left; }
#menulist li { display: inline; list-style-type: none; margin-right: 15px; }
#menulist li img { margin-right: 3px; margin-bottom: -2px; border: 0px; } 
#menulist a { color: #0066CC; text-decoration:underline; }
#menulist a:hover { color: #333333; text-decoration:none; }

/* Header search area */
#search img { float:left; margin: 3px 3px 0px 0px; }
#light-theme { margin-top: 5px; margin-left: 5px; float:right; width: 15px; line-height:15px; border: 1px solid #333333; background-color: #FFFFFF; text-decoration: none; }
#dark-theme { margin-top: 5px; float:right; width: 15px; line-height:15px; border: 1px solid #333333; background-color: #444444; text-decoration: none; }

/* Main content */
#content { width: 1024px; margin:auto; text-align:left; clear: both; border-top: 1px dotted #333333; border-bottom: 1px dotted #333333; }
#content-left { float:left; width: 700px; }
#content-right { float:right; width: 275px; }

/* Author pages */
#authorcontent h1 { padding-top: 10px; font-weight:normal; font-size: 26px; font-family: "Trebuchet MS"; color: #333333; }
#authorcontent h2 { padding-top: 10px; font-weight:normal; font-size: 18px; font-family: "Trebuchet MS"; color: #333333; }
#authorcontent h3 { font-weight:bold; font-size: 14px; font-family: "Trebuchet MS"; color: #333333; margin-top: 15px; text-transform: uppercase; margin-bottom: -5px; }
#authorcontent a { color: #0066CC; text-decoration:none; }
#authorcontent a:hover { color: #333333; text-decoration:none; }
#authorcontent p { margin: 5px 0px 15px 0px; line-height: 26px; text-align: justify; }
#authorcontent .icon { margin-bottom: -2px; }

/* Home page styles */
#homecontent h1 { margin-top: 10px; font-weight:normal; font-size: 26px; font-family: "Trebuchet MS"; color: #333333; }
#homecontent a { color: #0066CC; text-decoration:none; }
#homecontent a:hover { color: #333333; text-decoration:none; }
#homecontent h2 { font-weight:normal; font-size: 18px; font-family: "Trebuchet MS"; color: #333333; }
#homecontent h3 { font-weight:bold; font-size: 14px; font-family: "Trebuchet MS"; color: #333333; margin-top: 15px; text-transform: uppercase; margin-bottom: -10px; }
#homecontent table img { margin-right: 10px; }
#homecontent table tr td { vertical-align: top; }
#homecontent .storyimg img { border: 1px solid #333333; margin-top: 15px; }
#homecontent .article-meta { vertical-align: bottom; height: 100%; }
#homecontent .article-meta li { display: inline; list-style-type: none; margin-right: 15px; }
#homecontent .article-meta li img { margin-right: 3px; border: 0px; }
#homecontent .article-meta a { color: #0066CC; text-decoration:underline; }
#homecontent .article-meta a:hover { color: #333333; text-decoration:none; }
#homecontent p { margin-top: 5px; }
#homecontent .more { margin-top: 10px; }
#homecontent .more a { color: #0066CC; text-decoration: none; border-bottom: 1px dotted #0066CC; }
#homecontent .more a:hover { color: #333333; border-bottom: 1px dotted #333333; }
#homecontent .break { clear: both; line-height: 10px; }
#homecontent .featuredimage img { border: 1px solid #333333; margin-top: 15px; width: 240px; height: 150px; }
#homecontent #popular-viewall { float:left; margin-top: 17px; margin-left: 10px; }

#singlecontent a { color: #0066CC; text-decoration:none; }
#singlecontent a:hover { color: #333333; text-decoration:none; }
#singlecontent p { margin: 5px 0px 15px 0px; line-height: 26px; text-align: justify; }
#singlecontent .featuredimage { float:left; padding-right: 15px; }
#singlecontent .featuredimage img { border: 1px solid #333333; margin-top: 15px; width: 240px; height: 150px; }
#singlecontent h1 { padding-top: 10px; font-weight:normal; font-size: 26px; font-family: "Trebuchet MS"; color: #333333; }
#singlecontent h2 { padding-top: 10px; font-weight:normal; font-size: 18px; font-family: "Trebuchet MS"; color: #333333; }
#singlecontent .article-meta { vertical-align: bottom; height: 100%; }
#singlecontent .article-meta li { display: inline; list-style-type: none; margin-right: 15px; }
#singlecontent .article-meta li img { margin-right: 3px; border: 0px; }
#singlecontent .article-meta a { color: #0066CC; text-decoration:underline; }
#singlecontent .article-meta a:hover { color: #333333; text-decoration:none; }
#singlecontent table tr td { vertical-align: top; }

/* images within an article (used to be content-image) */
.image { margin: 15px 15px 0px 15px; text-align: center; font-size: 10px; }
.image img {border: 5px solid #666666; }

/* Comments */
.tweet, .facebook { font-size: 12px; text-align:justify; margin-left: 5px; }
#comments {	clear: both; }
.commentlist, .commentlist ol, .children { list-style-type: none; }
.commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px;	position: relative; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .reply { margin-bottom: 10px; }
.commentlist .avatar { position: absolute; top: 4px; left: 0; border: 1px solid #333333; }
.comment-author {}
.comment-author cite { color: #000;	font-style: normal;	font-weight: bold; }
.comment-author .says {	font-style: italic; }
.comment-meta { font-size: 12px; margin: 0 0 18px 0; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover {	color: #FF4B33; }
.commentlist .even {}
.commentlist .bypostauthor {}

/* Comments form */
input[type=submit] { color: #333; }
#respond { overflow: hidden; position: relative; width: 600px; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 18px 0; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal; }
#respond .required { color:#FF4B33; font-weight:bold; }
#respond label { color: #888; font-size: 12px; }
#respond input { margin:0 0 9px; width:98%; }
#respond textarea { width:98%; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 0 0 24px; }
#respond .form-submit input { width: auto; font-size: 14px; }
#respond dl { margin: 0 0 10px; }
#respond dt {  display: inline; font-weight: normal; }
#respond dd { display: inline; }

/* CSS for code snippets */
.snippet-html { margin: 0 0 15px 0; }
.snippet-php { margin: 0 0 15px 0; }
.snippet-css {}
.snippet-shell { margin: 0 0 15px 0; }
.snippet code {	display: block;	margin: 10px 0 10px 12px;	padding: 5px 5px 5px 10px;	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #333333;	background: #EEEEEE; border-left: 1px dotted #3a3a35; }
	
.list { margin: 0px 0px 15px 25px }
/* ---------------- */

/* Projects */
.projects { width: 100%; clear:both; min-width: 1024px; font-family: Verdana; font-size:12px; }
.projects tr th { text-align: left; font-weight:normal; background-color: #DDDDDD; font-size: 16px;}
.projects tr td { font-size: 12px; vertical-align: middle; padding: 0px 2px; }
.projects .even { background-color: #EEEEEE; }
.projects p { margin-top: 5px; margin-bottom: 5px; }
.projects img { margin-bottom: -2px; padding: 0px; }
.project_description ul, .project_descritption ol, .project_todo ul, .project_todo ol, .project_extra ul, .project_extra ol { margin-left: 20px; margin-bottom: 20px; margin-top: 10px; }
.source-list { margin-left: 10px; }
.source-list li { list-style-type: none; }

.attachment-mini-thumbnail, .wp-post-image { border: 1px solid #333333; }

/* Archives */
.archive ul { list-style-type: none; }

/* Share This */
.st_sharethis_custom { background: url("img/sharethis.png") no-repeat scroll left top transparent; padding-left: 18px; padding-top:3px;}

/* Footer */
#footer { clear: both; padding-top: 10px; width: 1024px; margin: auto; text-align: left; font-size: 12px; height: 100px; }
#footer img { margin-right: 3px; margin-bottom: -2px; border: 0px; }
#footer a { color: #0066CC; text-decoration: none; }
#footer a:hover { color: #333333;}
#footer h1 { clear: both; font-weight:normal; font-size: 26px; font-family: "Trebuchet MS"; color: #333333; }