/*
Theme Name: TechBlog Wordpress Theme
Theme URI: http://christophersisk.com
Version: 0.1
Description: Techblog Wordpress Theme
Author: Christopher Sisk
Author URI: http://christophersisk.com
*/

/* Layout CSS */

* {
margin: 0px;
padding: 0px;
}

body {
text-align: center;
margin: 0px;
padding: 0px;
}

.clear {
clear: both;
}

#Container {
padding: 0;
margin: 0 auto; 
width: 980px;
text-align: left;
background: #FFF;
}

#Header {
padding: 0;
margin: 0;
margin-bottom: 5px;
}

#Content {
padding: 0;
margin: 0;
margin-right: 305px;
}

#Sidebar {
float: right;
width: 300px;
margin: 0;
margin-left: 5px;
padding: 0;
}

#Footer {
clear: both;
margin-top: 5px;
}

/* Design CSS */

body {
font-family: "Arial","Verdana", Helvetica, sans-serif;
font-size: 14px;
background: #CCC;
}

a {
text-decoration: none;
font-weight: bold;
color: #2271C7;
}
a:hover {
color: #333;
}
a img {border-width: 0;}

.right {float: right; padding: 5px;}
.left {float: left; padding: 5px;}
.center {padding: 5px; text-align: center;}

ul {margin-bottom: 10px;}
ul li {list-style-type: none; padding: 0 0 0 5px; line-height: 130%;}

h1, h2, h3, h4 {
padding: 5px;
margin: 0;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

p {
}

.SearchTerm {color: #2271C7;}

#Container {
background: #FFF;
border: 1px solid #7D7D7D;
}

/* Header */
#Header {
border-bottom: 5px solid #1D4086;
background: url(images/Header-bg.jpg) top right repeat-x;
}

#Header #HeaderContainer{
padding: 0;
margin: 0 auto; 
width: 980px;
}

#Header .Mast {
text-align: left;
}

#Header .Mast a {
margin: 0;
padding: 0;
display: block;
width: 500px;
height: 109px;
background: url(images/Mast.jpg) bottom left repeat-x;
}

#Header .Nav {
float: right;
margin: 0;
margin-top: 20px;
}

#Header .Nav ul.NavList {
text-align: right;
padding: 0;
margin: 0;
}

#Header .Nav ul.NavList li.NavItem {
list-style-type: none;
display: inline;
padding: 0;
margin: 0;
}

#Header .Nav ul.NavList li.NavItem a {
text-align: center;
margin: 5px 5px 0 0;
padding: 7px 5px;
background: #315579;
border: 1px solid #CCC;
color: #FFF;
}

#Header .Nav ul.NavList li.NavItem a:hover {
background: #FFFFEB url(images/yellow-bg.png) top left repeat-x;
border: 1px solid #555;
color: #444;
}

#SiteNav {
padding: 0;
margin: 0 auto; 
width: 980px;
background: #BFDAF8;
border: 1px solid #999999;
border-width: 1px 1px 0px 1px;
}

#SiteNav ul#SiteNavList {
text-align: left;
padding: 10px 0px;
margin: 0;
}

#SiteNav ul#SiteNavList li.SiteNavItem {
display: inline;
}

#SiteNav ul#SiteNavList li.SiteNavItem a {
padding: 5px; 
border: 1px solid #999;
background: #555;
color: #FFF;
}

/* Content Block */
#Content {
padding: 5px;
font-size: 12px;
}

span.permalink {
float: right;
margin: 10px;
font-size: 10px;
}

#Content h1 {
padding: 0;
margin: 0;
}

#Content p {
line-height: 150%;
padding: 10px;
}

#Content h1.PageTitle {
display: block;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
border-bottom: 2px solid #1D4086;
}

.NavPosts {
padding: 0;
margin: 0;
height: 52px;
}

.NavLeft {float: left; margin: 5px;}
.NavRight {float: right; margin: 5px;}

.NavPosts a {
padding: 5px 20px; 
margin: 0;
border: 2px solid #CCC; 
background: #3986DA url(images/blue-bg.png) top left repeat-x;
font-size: 140%;
color: #FFF;
}

.NavPosts a:hover {
border: 2px solid #555; 
color: #1D4086;
background: #CCC;
}

.NavPosts .NavText {
text-align: center;
color: #1D4086; 
font-size: 160%;
}

.PostTitleOnly {
border: 1px solid #FFF;
background: #FFF;
margin: 0 0 10px 0;
}

.PostTitleOnly h2.PostTitle {
padding: 0;
margin: 5px 0 15px 40px;
}

.PostTitleOnly h2.PostTitle a {
padding: 0;
margin: 0; 
font-size: 18px;
font-weight: bold;
} 
 
.PostTitleOnly .PostDate {
float: left;
border: 1px solid #333;
background: #1D4086;
text-align: center;
color: #FFF;
padding: 3px 6px 1px 6px;
margin: 0 10px 0 0;
}
.PostTitleOnly .PostDate .PostDateMonth {
font-weight: bold;
font-size: 90%;
}
.PostTitleOnly .PostDate .PostDateDay {
font-weight: bold;
font-size: 120%;
}

.line {
border: 3px solid #1D4086;
margin: 5px 10px 10px 10px;
}


.Post {
border-bottom: 3px solid #1D4086;
background: #FFF;
padding: 5px;
margin: 0 0 30px 0;
}

h2.PostTitle {
font-size: 260%;
}

h2.PostTitle, h2.PostTitle a { 
margin: 0; 
padding: 0;
}

h3.PostInfo { 
font-size: 14px; 
margin: 0; 
padding: 0;
}

h3.PostInfo span.categories {
font-style: italic;
}

.Post .EditLink {
padding: 3px;
}

.Post .PostContent {
margin: 10px 0; 
padding: 0;
}

#Content .Post .PostContent p {
padding: 0;
margin: 0 0 10px 0;
}

#Content .Post .PostFooter {
margin: 0; 
padding: 5px;
border-top: 2px solid #CCC;
}

#Content .Post .PostFooter p {
padding: 0;
margin: 0;
font-size: 12px;
}

.SinglePost {
border: 0px solid #333;
background: #FFF;
padding: 5px;
margin: 0 0 10px 0;
}

.PostContent blockquote {
margin: 10px 10px 10px 18px;
padding: 5px;
border-left: 6px solid #CCC;
}

.PostContent ul {
margin: 0 0 10px 0;
padding: 0;
line-height: 130%;
}
.PostContent ul li {
margin: 0;
padding: 0 0 0 10px;
}

.PostContent ol {
margin: 0 0 10px 30px;
padding: 0;
line-height: 130%;
}
.PostContent ol li {
margin: 0;
padding: 0;
}

.PostContent img {
border: none;
margin: 0;
padding: 0;
}
.PostContent a img {
border: none;
margin: 0;
padding: 0;
}
.PostContent a {
}
.PostContent a:hover {
}
.PostContent blockquote {
}

.PostContent .social_bookmark a.social_img {
}

.PostContent .GoogleAdsensePost {
text-align: center;
margin: 10px auto;
}

.PostContent h2 {
padding: 0;
margin: 0 0 5px 0;
}

.PostContent h2 a {
padding: 0;
margin: 0;
}

.PostContent .ReadMore span a {
display: block;
padding: 5px 20px; 
margin: 0;
border: 2px solid #CCC; 
background: #3986DA url(images/blue-bg.png) top left repeat-x;
font-size: 160%;
color: #FFF;
text-align: right;
}

.PostContent .ReadMore span a:hover {
color: #CCC;
}


/* Sidebar */
#Sidebar {
font-size: 12px;
}

/* General Block */
#Sidebar .sidebox {
padding: 0 0 5px 0;
margin: 5px;
background: #F4F4F4;
border: 1px solid #CCC;
}

#Sidebar .seachbox {
padding: 0;
margin: 5px;
border: 1px solid #CCC;
width: 300px;
}

.searchbox form {
padding: 0;
margin: 5px;
}

.searchbox input.SearchInput {
width: 200px;
border: 1px solid #3986DA;
background: #FFF;
padding: 5px;
margin-right: 5px;
}

.searchbox input.SearchInput:active, .searchbox input.SearchInput:focus {
background: #FFFFEB;
 }

.searchbox input.SearchSubmit {
padding: 3px;
}

#Sidebar .sidebox p {
padding: 10px;
}

#Sidebar .sidebox h2 {
}

#Sidebar .sidebox h3 {
margin: 0 0 5px 0;
padding: 5px;
background: #3986DA url(images/blue-bg.png) top left repeat-x;
color: #FFF;
}

#Sidebar .sidebox ul {
margin: 0 0 5px 0;
padding: 0;
}
#Sidebar .sidebox ul li {
list-style-type: none;
margin: 0;
padding: 0 0 0 10px;
}
#Sidebar .sidebox ul.box li a {
}
#Sidebar .sidebox ul.box li a:hover {
}

#Sidebar .sidebox ul.RecentPosts{
font-size: 90%;
margin-left: 10px;
}

#Sidebar a.Subscribe {
display: block;
text-align: center;
margin: 5px;
padding: 10px;
border: 1px solid #333;
background: #3986DA url(images/blue-bg.png) top left repeat-x;
font-size: 300%;
color: #FFF;
}

#Sidebar a.Subscribe:hover {
border: 1px solid #CCC;
background: #FFFFEB url(images/yellow-bg.png) top left repeat-x;
color: #66661A;
}

.GoogleAds {
padding: 5px 10px;
}


/* Advertising Block */
#Sidebar .sponsors {
margin: 0;
padding: 0;
}
.sponsors fieldset {
margin: 5px;
padding: 0 0 10px 0;
border: 1px solid #2271C7;
}
.sponsors fieldset legend{
padding: 0 5px;
font-weight: bold;
color: #2271C7;
font-size: 140%;
}
.sponsors .sponsor {
float: left;
width: 130px;
height: 130px;
margin: 6px;
padding: 0;
background: #CCC url(images/sponsors/house-1.jpg) top left no-repeat;
border: 1px solid #CCC;
}
.sponsors .sponsor:hover {
border: 1px solid #2271C7;
}


/* Comments */

#post_comments {
border: 1px solid #333;
}

#post_comments h4 {
font-size: 200%;
margin: 0 0 5px 0;
padding: 5px;
background: #1D4086 url(images/blue-bg.png) top left repeat-x;
color: #FFF;
}

#post_comments form input.text, #post_comments form input#response  {
border: 1px solid #3986DA;
background: #FFF;
padding: 5px;
}
#post_comments form input.text:hover, #post_comments form input#response:hover {
background: #FFFFEB;
}

#post_comments form p.GatekeeperQuestion {
padding: 2px 2px 2px 10px;
font-size: 110%;
font-weight: bold;
}

span.question {
margin: 0 10px;
border: 1px solid #ccc;
background: #FFFFEB;
padding: 5px;
}

#post_comments form input#response {
margin-left: 6px;
}

#post_comments form {
width: 650px;
}

#post_comments form label {
}

#post_comments form textarea {
width: 400px;
height: 150px;
border: 1px solid #3986DA;
background: #FFF;
padding: 5px;
}

#post_comments form textarea:hover {
background: #FFFFEB;
}

#post_comments form p {
padding: 10px 10px 4px 10px;
}


#post_comments form input.button {
width: 630px;
border: 1px solid #333;
padding: 5px;
background: #3986DA url(images/blue-bg.png) top left repeat-x;
color: #FFF;
font-weight: bold;
margin-bottom: 10px;
}

.comments_text {
margin: 10px;
border: 1px solid #CCC;
border-top: 3px solid #333;
background: #FFFFEB;
padding-bottom: 10px;
}

.comments_textalt {
margin: 10px;
border: 1px solid #CCC;
border-top: 3px solid #333;
background: #FFFFEB;
padding-bottom: 10px;
}

.comments_textauthor {
margin: 10px;
border: 1px solid #333;
border-top: 3px solid #333;
background: #FFF;
padding-bottom: 10px;
}


h3.CommentInfo {
float: right;
margin: 3px;
font-size: 90%;
font-weight: normal;
font-style: italic;
}

h3.CommentAuthor {
font-weight: bold;
font-size: 150%;
}


/* Footer */
#Footer {
margin: 20px 0;
border-top: 20px solid #7D7D7D;
}

#Footer p.copyright {
padding: 10px;
}

#Footer a {
}