/*
Theme Name: CSST Simple Blue
Theme URI: http://www.csstinderbox.com
Description: Basic template frame with three total columns: sidebar left column / main content / sidebar right column. With multiple widget locations defined.
Version: 1.0
Author: CSS Tinderbox
Tags: simple, fixed width, three columns, widgets

This is a seriously basic template frame with enough to get you started.
Bend, fold and manipulate in any way to make it your own. Cheers.
*/

/* //BASIC STYLES// ======================================================================================== */

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:16px;
background-color:#ffffff;
}

a:link, a:visited {
color:#424242;
text-decoration:underline;
}

a:hover, a:active {
color:#DF0174;
text-decoration:none;
}

h1 {
margin:0;
padding:0;
font-size:20px;
}

h2 {
margin:0;
padding:0;
font-size:18px;
}

h3 {
margin:0;
padding:0;
font-size:16px;
}

p {
margin:5px 0 10px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

blockquote {
margin:0;
padding:4px;
font-size:12px;
font-style:italic;
border-top:1px solid #993300;
border-bottom:1px solid #993300;
}

ul, ol {
margin:0;
padding:0;
}

ul li, ol li {
margin:0;
padding:0;
}

ul li ul, ol li ol {
margin:0;
padding:0;
}

ul li ul li, ol li ol li {
margin:0;
padding:0;
}

ul li {
list-style-type:disc;
}

ul li ul li {
list-style-type:circle;
}

ol li {
list-style-type:decimal;
}

ol li ol li {
list-style-type:lower-alpha;
}

/* //MAIN STRUCTURE// ======================================================================================== */

#pageWrap {
margin:0 auto;
padding:0;
width:1000px;
}

#header {
margin:0 0 15px 0;
padding:0 0 15px 0;
width:1000px;
height:90px;
border-bottom:1px dashed #FF0080;
}

#mainBody {
float:left;
margin:0 0 0 0;
padding:0;
width:570px;
}

#sideBarWrapLeft {
float:left;
margin:0 15px 0 0;
padding:0;
width:195px;
}

#sideBarWrapRight {
float:left;
margin:0 0 0 10px;
padding:0;
width:195px;
}

#footer {
clear:both;
margin:25px 0 25px 0;
padding:10px 0 10px 0;
width:1000px;
text-align:center;
}

/* //HEADER STRUCTURE// ======================================================================================== */

#header h1 {
margin:0 0 0 0;
padding:35px 0 0 10px;
font-size:100px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#header a:link, #header a:visited {
color:#333333;
text-decoration:none;
}

#header a:hover, #header a:active {
color:#FF0080;
text-decoration:none;
}

.headerDescription {
float:right;
margin:0 60px 0 0;
padding:40px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#cccccc;
font-size:18px;
}

/* //POST STYLES// ======================================================================================== */

.post {
margin:10px 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px dashed #cccccc;
}

.postTitle {
margin:0 0 6px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
text-transform:capitalize;
}

.postTitle a:link, .postTitle a:visited {
color:#333333;
text-decoration:none;
}

.postTitle a:hover, .postTitle a:active {
color:#FF0080;
text-decoration:none;
}

.postAuthor, .postMeta, .postFeedback {
font-size:11px;
color:#BDBDBD;
}

.postAuthor a:link, .postAuthor a:visited, .postMeta a:link, .postMeta a:visited, .postFeedback a:link, .postFeedback a:visited {
color:#BDBDBD;
text-decoration:none;
}

.postAuthor a:hover, .postAuthor a:active, .postMeta a:hover, .postMeta a:active, .postFeedback a:hover, .postFeedback a:active {
color:#FF0080;
text-decoration:underline;
}

/* //COMMENT STYLES// ======================================================================================== */

.postCommentWrap {
margin:0 10px 0 0;
padding:0;
color:#454545;
background-color:#eeeeee;
}

.postCommentWrap input, .postCommentWrap textarea {
border:1px solid #cccccc;
background-color:#ffffff;
margin:0 0 0 15px;
}

.postCommentWrap h3 {
padding:15px 0 0 15px;
}

.commentInput  {
font-size:11px;
}

.postCommentLeave h3 {
padding:5px 0 0 15px;
margin:0 0 15px 0;
}

#postCommentList {
margin:0;
padding:0;
}

#postCommentList li {
margin:0;
padding:15px;
font-size:11px;
border-bottom:1px dashed #cccccc;
}

.commentMeta {
text-align:right;
}

.commentMeta a:link, .commentMeta a:visited, .postCommentFeed a:link, .postCommentFeed a:visited, .postCommentLog a:link, .postCommentLog a:visited {
color:#39C;
text-decoration:none;
}

.commentMeta a:hover, .commentMeta a:active, .postCommentFeed a:hover, .postCommentFeed a:active, .postCommentLog a:hover, .postCommentLog a:active {
color:#333333;
text-decoration:underline;
}

.postCommentNo {
padding:15px 0 0 25px;
font-style:italic;
}

.postCommentFeed, .postCommentLog {
padding:5px 0 0 15px;
font-size:11px;
}

/* //SIDEBAR STYLES// ======================================================================================== */

#sideBarWrapLeft ul li, #sideBarWrapLeft ol li, #sideBarWrapRight ul li, #sideBarWrapRight ol li {
list-style-type:none;
margin:0 0 10px 5px;
}

.widget {
margin:0 0 15px 0;
padding:0;
font-size:13px;
}

.widgetTitle, .columnTitle {
margin:5px 0 10px 0;
padding:0 0 5px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
}

.widget ul li a:link, .widget ul li a:visited {
color:#FE2E9A;
text-decoration:none;
padding-left:3px;
border-left:2px solid #cccccc;
}

.widget ul li a:hover, .widget ul li a:active {
color:#000000; 
border-left:2px solid #FE2E9A;;
}

.columnText p {
font-size:11px;
}

/* //FOOTER STRUCTURE// ======================================================================================== */

#footer p {
font-size:10px;
}

#footer a:link, #footer a:visited {
color:#FE2E9A;
text-decoration:underline;
}

#footer a:hover, #footer a:active {
color:#333333;
text-decoration:none;
}