/*
Table of Contents:
General elements
Structural elements
Header elements
Sidebar elements
Post elements
Metadata elements
Comment elements
Footer elements
Widget-specific elements
*/

/* General elements */
* {
margin: 0px;
padding: 0px;
}
html,
body {
text-align: center;
}
body {
background: #fff;
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
font-size: small; /* set base size here, use percentages of this size throughout the rest of the stylesheet */
line-height: 140%;
}
p {font-size: 110%;}
h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h1, h2, h3, h4, h5, h6, .heading {
color: #336666;
}
.heading { /* for headings that don't have any real semantic value */
font-size: 140%;
font-weight: bold;
}
blockquote {
margin: 0px 30px 0px 30px;
}
p,
blockquote,
.post ul,
.post ol {
margin-bottom: 1.5em;
}
input[type="text"] {
border: 2px solid #336666;
}
input,
textarea {
font-family: ;
font-size: 100%;
}
a, a:active {
color: #336666;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #669999;
}
a:hover,
a.emphasize:hover {
color: #FF6600;
}
a.emphasize {
color: #336666;
}
a img,
a img:hover {
background: transparent;
border: 0;
}
.float-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
text-align: left;
}

.float-right {
float: right;
margin-bottom: 10px;
margin-left: 10px;
text-align: right;
}

div.clear {
     clear: both;
     font-size: 1px;
     line-height: 1px;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}
div.heighten {
float: left;
    width: 1px;
    height: 768px;
}
div.heighten-53 {
float: right;
    width: 1px;
    height: 53px;
}

/* Structural elements */
/* Positioning information goes here.  Colors, fonts, etc. should go in the individual sections. */
#page {
margin: 0 auto; /* for centered layouts */
overflow: hidden;
padding-left: 10px;
text-align: left;
width: 970px;
}
#header {
height: 85px;
margin-top: 10px;
overflow: hidden;
}
#navigation {
clear: both;
margin-top: 10px;
overflow: hidden;
}
#content {
background: url('images/yellow-dots-vertical.png') right top repeat-y;
float: left;
overflow: hidden;
padding-right: 35px;
width: 540px;
}
#sidebar-header {
background: url('images/yellow-dots-horizontal.png') left bottom repeat-x;
float: right;
overflow: hidden;
padding-bottom: 15px;
text-align: center;
width: 375px;
}
.sidebar {
background: url('images/yellow-dots-vertical.png') right top repeat-y;
float: right;
margin-top: 10px;
overflow: hidden;
padding-right: 25px;
padding-top: 5px;
width: 150px;
}
#sidebar-secondary {
margin-left: 25px;
}
#sidebar-primary {
}
#footer {
clear: both;
}

/* Header elements */
/* This section contains an image replacement technique and will need to be modified to call the right image and fit properly. */
#header #logo {
background: url('images/yellow-dots-vertical.png') right top repeat-y;
float: left;
padding-right: 10px;
width: 396px;
}
#header #rss {
background: url('images/yellow-dots-vertical.png') left top repeat-y;
float: right;
padding-left: 20px;
text-align: right;
width: 240px;
}
#header #rss a.rss-link img {
clear: both;
float: left;
}
#header #rss .searchform {
color: #336666;
font-weight: bold;
margin-top: 22px;
}
#header #rss .searchform #s {
width: 131px;
}
#header #rss .searchform #searchsubmit {
display: none;
}
#header #quote {
color: #336666;
float: right;
font-size: 90%;
line-height: 100%;
overflow: hidden;
padding: 0px 10px 0px 10px;
width: 280px;
}
#header #quote p {
margin-bottom: 1em;
}
#header #quote em {
font-style: normal;
text-transform: uppercase;
}
#header #quote strong {
color: #FF9900;
font-weight: normal;
}

#header #logo {
height: 86px;
}

#header #logo h1 a,
#header #logo h2 a {
color: #333333;
display: block;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 1.4em;
line-height: 90%;
text-transform: uppercase;
}

#header #logo h1 a {
font-size: 1em;
}

#header #logo h2.description {
text-transform: lowercase;
font-size: 110%;
}

/* Navigation elements */
#navigation {
background: #336666;
margin-bottom: 17px;
padding: 9px 10px 5px 10px;
}
#navigation ul {
line-height: 160%;
}
#navigation ul li {
display: inline;
font-size: 1.4em;
font-weight: bold;
text-transform: lowercase;
}
#navigation ul.primary {
float: left;
}
#navigation ul.primary li {
margin-right: 25px;
}
#navigation ul.primary,
#navigation ul.primary a {
color: #FFCC33;
text-decoration: none;
}
#navigation ul.secondary {
float: right;
}
#navigation ul.secondary li {
margin-left: 25px;
}
#navigation ul.secondary,
#navigation ul.secondary a {
color: #8BBEBE;
text-decoration: none;
}

/* Sidebar elements */
.sidebar input[type="text"] {
width: 146px;
}
#sidebar-header {
color: #336666;
font-weight: bold;
}
#sidebar-header p {
margin-bottom: 1em;
}
#sidebar-header em {
font-weight: normal;
text-transform: uppercase;
}
#sidebar-header strong {
color: #FF9900;
}
.widget {
margin-bottom: 35px;
}
#sidebar-secondary .widget .heading {
background: url('images/sidebar-arrow.png') left center no-repeat;
}
#sidebar-primary .widget .heading {
background: url('images/sidebar-asterisk.png') left center no-repeat;
}
.sidebar .widget .heading {
display: block;
font-size: 160%;
margin-bottom: 5px;
padding-left: 25px;
}
.sidebar .widget .heading,
.sidebar .widget .heading a {
color: #336666;
}
.sidebar .widget ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.sidebar .widget ul li {
border-bottom: 1px dashed #FAEEC9;
margin-bottom: 3px;
padding-bottom: 3px;
}
#searchform label,
#searchform-side label {
display: none;
}


/* Post elements */
.post {
background: url('images/green-dots-horizontal.png') left top repeat-x;
clear: both;
margin-bottom: 25px;
padding-top: 10px;
}
.post-header {
background: url('images/meta-embelish.png') left center no-repeat;
color: #336666;
padding-left: 80px;
}
.post-header p {
font-weight: bold;
line-height: 120%;
margin-bottom: 0px;
}

.post-header h1,
.post-header h2,
.pagetitle {
font-size: 160%;
line-height: 1em;
}

.post-header h1 a:link,
.post-header h2 a:link,
.post-header h1 a:visited,
.post-header h2 a:visited {
color: #000;
}
.post-header a {
color: #FFCC33;
text-decoration: none;
}
.post-header-wrapper {
background: url('images/green-dots-horizontal.png') left bottom repeat-x;
margin-bottom: 15px;
padding-bottom: 7px;
}
.post p.heading,
.page p.heading {
margin-top: 1.5em;
}
.post-ads {
padding: 0px 0 20px 0;
text-align: center;
}
.post-ads p {
font-size: 80%;
margin: 0 auto;
text-align: right;
width: 468px;
}
.single {
background: transparent;
}
.interpost-nav {
margin: 30px;
text-align: center;
}
.interpost-nav .float-left {
}
.interpost-nav .float-right {
}
#content ul,
#content ol {
margin-left: 30px;
}

/* Metadata elements */
.postmetadata {
text-align: right;
}
.trackbackURL {
font-size: 75%;
}

/* Comment elements */
#comments h3 {
margin-top: 30px;
}
#comments .comment-meta {
display: block;
font-weight: bold;
padding-bottom: 10px;
}
.comment {
clear: both;
}

#comments .comment-list .alt,
div.landing_pages,
div.series_toc,
.wwsgd {
background: #EAF6F6;
}
#comments .authorcomment { /* To emphasize replies from the author */
background: #A3D7D7 !important;
}
#comments .authorcomment a {
color: #000;
}
.comment-number {
display: inline;
}
.comment-gravatar {
float:left;
margin: 10px 5px 5px 0px;
padding: 3px;
border: 1px solid #ccc;
background: #fff;
}
.gravatar {

}
.postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #ccc;
background: #fff;
}
.comment-list cite {

}
.comment-content {

}


/* Footer elements */
#footer {
font-size: 90%;
padding-top: 30px;
text-align: center;
}

/* Widget-specific elements */

/* Plugin-specific elements */