/*   
Theme Name: THE WRITE IDEA
Theme URI: http://srsblog.com/write-idea-theme
Description: Steven Smith's <a href="http://srsblog.com/write-idea-theme/" title="THE WAY TO GO GET IT">THE WRITE IDEA</a>.
Author: Steven Smith
Author URI: http://SRSBlog.com
Version: 2.2
*/

/**** Global Styles ****/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, img {margin: 0; padding: 0; border: 0;}
body {margin: 0; padding: 0; border: 0; width: 100%;
   background: #102548 url(img/black-lines.png) repeat bottom left;
   background-attachment: fixed;
   color: #000000;
   font-family: Calibri, Helvetica, Verdana, sans-serif; font-size: 100%; font-size: 16px; line-height: 1.5em;}

/**** Typography and Colors--fonts, sizes, colors, decorations ****/
h1, h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4, h5, h6 {font-size: 1.125em;}
h1, h2, h3, h4, h5, h6 {line-height: 1.125em;}
h1, h2, h3, h4, h5, h6, p, ul, li {color: #000000;}
h1, h2, h3, h4, h5, h6, acronym, label, .wp-caption p, .wp-caption-text {color: #000000;
 font-family: Georgia, "Times New Roman", Times, serif;}
p, li, abbr {font-size: 1em; font-family: Calibri, Helvetica, Verdana, sans-serif;}
p {line-height: 1.5em;}
ul, ol {list-style-type: none;}
li {line-height: 1.25em;}
blockquote {color: #000000; font-size: .875em; line-height: 1.125em; border-left: #121513 2px solid;}

a:link {color: #4374b7; text-decoration: none;}
a:visited {color: #662978; text-decoration: none;}
a:hover, a:active, .current_page_item {color: #214184; text-decoration: underline;}

strong {font-weight: bold;}
em {font-style: italic;}
cite {font-family: Georgia, "Times New Roman", Times, serif; font-style: normal;}
cite.fn {font-size: 1.125em;}
abbr, acronym {font-variant: small-caps;}
abbr:hover {border-bottom: 1px dotted #dcddde;}

.alignleft {text-align: left; float: left;}
.alignright {text-align: right; float: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.wp-caption {text-align: center;}
.wp-caption p, .wp-caption-text {text-align: center; font-variant: small-caps; font-weight: bold; font-size: .75em;}

.navigate {padding: 5em 1em; background: url(img/ubagua-125.png) no-repeat top center;}
.navigate .alignleft a {padding: 0 0 0 18px; background: url(img/blog_blue.png) no-repeat left center;}
.navigate .alignleft a:hover {background: url(img/arrow_180.png) no-repeat left center;}
.navigate .alignright a {padding: 0 18px 0 0; background: url(img/blog_blue.png) no-repeat right center;}
.navigate .alignright a:hover {background: url(img/arrow.png) no-repeat right center;}

#wrap {background: #ffffff; border-top: 4px groove #214184;}
#header h1, #header h2 {font-size: 2em;}
.menu li {font-variant: small-caps;}
.menu .current_page_item, .menu a:hover {font-weight: bold; text-decoration: none;}
#content {text-align: justify;}
#content h1, #content h2 {font-size: 1.5em; text-align: center;}
#content h1 a:hover, #content h2 a:hover {text-decoration: none;}
.the_content ul li {list-style-type: disc;}
.the_content li:hover {list-style-type: circle;}
.the_content ol {list-style-type: decimal;}
.postmeta, .postmeta p, .comment-meta, .commentmetadata {font-size: .875em; color: #636466;}
.even, .thread-even {background: #ededee;}
.odd, .thread-odd {background: #ffffff;}
#sidebar {text-align: left;}
#sidebar, #sidebar p, #sidebar li {font-size: .875em; line-height: 1.25em;}
#footer {text-align: center;}
#footer, #footer p, #footer li {font-size: 1em; line-height: 1.25em; color: #636466;}
#footer a:link, #footer a:hover, #footer a:visited {color: #636466;}
.column {text-align: center;}


/**** GENERAL STRUCTURES ****/
h1,h2,h3,h4,h5,h6 {margin: 0;}
p {margin: 1.5em 0;}
li {margin: 1.125em 0;}
img {border: 1px solid #ffffff; margin: .5em; padding: 0;}
.wp-smiley img {margin: 0; padding: 0;}
a:hover img {border: 1px solid #ededee;}
blockquote {margin: 4em 2.5em; padding: 0 .5em;}
.wp-caption {border: 1px solid #42194f;}
.wp-caption p {margin:0;}
.navigate {height: 4em; padding: 1.5em;}
.navigate .alignleft a {padding: 0 0 0 18px; background: url(img/gear_small.png) no-repeat left center;}
.navigate .alignleft a:hover {background: url(img/gear.png) no-repeat left center;}
.navigate .alignright a {padding: 0 18px 0 0; background: url(img/gear_small.png) no-repeat right center;}
.navigate .alignright a:hover {background: url(img/gear.png) no-repeat right center;}
.clear {clear: both;}
#wrap {width: 55em; margin: 0 auto; padding: 1.5em 2.5em;}
#round {width: 60em; margin: 0 auto 3em auto; padding: 0;}
.r1 {margin: 0 5px; height: 0px; border-top: 1px solid #ffffff;}
.r2 {margin: 0 3px; height: 0px; border-top: 1px solid #ffffff;}
.r3 {margin: 0 2px; height: 0px; border-top: 1px solid #ffffff;}
.r4 {margin: 0 1px; height: 0px; border-top: 2px solid #ffffff;}

/**** Header Structures ****/
#header {padding-bottom: 1.5em; border-bottom: 1px solid #214184;}
#header h1, #header h2 {float: left; margin: 0;}
#header img {margin: 1em; border: 0;}
#header h1 a, #header h2 a {padding: 3.5em 0 0 1.5em; background: url(img/ssmith-64.jpg) no-repeat center left;}
#header p {text-align: left; margin: .5em 0 0 24em; padding: 0;}
#headmenu {float: right; text-align: right; margin: 4em 2.5em 0 0; padding: 0;}
.menu {padding: 0;}
.menu ul {margin: 0; padding: 0;}
.menu li {margin: 0; padding:0 .5em; display: inline;}
.ads {margin: 2.5em auto; text-align: center;}

/**** Content Structures ****/
#content {border: 0;}
.narrowcolumn {float: left; width: 35em; padding: 0 1.5em 0 0;}
.widecolumn {width: 40em; margin: 0 auto; padding: 0;}
.searchcolumn {width: 50em; margin: 0 auto; padding: 0;}
.the_content {margin-bottom: 2.5em; padding-bottom: 2.5em; border-bottom: 1px solid #dcddde;}
#content h1, #content h2 {margin: 2.5em 1.5em 1.5em 1.5em;}
#content h3, #content h4, #content h5, #content h6 {margin: 2.5em 0 1.5em 0;}
#content .commentlist ul, #content .commentlist ol {margin: 1.5em;}
.the_content ul, .the_content ol {margin: 2.5em;}
.postmeta {margin: 0;}
.postmeta p {margin: 0; padding: 0;}
.social {margin: 2.5em auto; text-align: center; padding-bottom: 2.5em; border-bottom: 1px solid #dcddde;}

/**** Comment Structure Finesse ****/
#comments, #respond {margin: 1.5em 0; padding: 0;}
#comments p {line-height: 1.25em; margin: 1em 0;}
.commentlist {margin: 0; padding: 0;}
.commentlist ol {list-style-type: none; margin: 1.5em 0; padding: 0;}
.commentlist ol li {list-style-type: none; margin: 2.5em 0; padding: 1.5em 0;}
.nocomments {text-align: center; color: #393839;}
.comment, .pingback {margin: 0; padding: 1.5em; border-bottom: 1px solid #dcddde;}
.comment-author {margin: 0; padding: 0;}
.says {display: none;}
.avatar {float: right;}
.comment-meta, .commentmetadata {padding: 0; margin: .5em 0;}
.cancel-comment-reply {margin: 0;}
#commentform, #comment_form {padding: 0;}
input.textbox {width: 8em; padding: 2px;}
textarea {padding: .5em; height: 18em; width: 100%;}

/**** It's Sidebar Structure! ****/
#sidebar {float: right; width: 16em; padding: 2.5em 0 0 1.5em; border-left: 2px groove #ededee;}
#sidebar img {margin: 0;}
#sidebar ul, #sidebar ol {margin: 1.5em;}
.widget {margin: 2.5em 0; padding: 1px 0;}

/**** Footer Structures ****/
#footer {width: 55em; margin: 3em auto;}
#footer p, #footer li {margin: 0;}
#footer img {margin: 1em;}
#columns {width: 80%; margin: 1em auto;}
.column {float: left; width: 31%; padding: 0 1%;}

/**** And Some Icons ****/
.cat-archive em {padding: 4px 4px 4px 18px; background: url(img/folder.png) no-repeat left center;}
.cat-archive p {margin:2.5em auto;}
.categories a {padding: 3px 18px 3px 3px; background: url(img/folder.png) no-repeat right center;}
.categories a:hover {background: url(img/folder_open_document.png) no-repeat right center;}
.bubble a {padding:3px 18px 3px 3px; background: url(img/balloon.png) no-repeat right center;}
.bubble a:hover {background: url(img/balloon_pencil.png) no-repeat right center;}
.edit a {padding: 3px 18px 3px 3px; background: url(img/blog.png) no-repeat right center;}
.edit a:hover {background: url(img/blog__pencil.png) no-repeat right center;}
.email-small a {padding: 4px 4px 4px 18px; background: url(img/mail-small.png) no-repeat left center;}
.email-small a:hover {background: url(img/mail.png) no-repeat left center;}
.emailing {padding-top: 2.5em;background: url(img/mail-48.png) no-repeat top left;}
.emailing:hover {background: url(img/mail-64.png) no-repeat top left;}
.emailing-page {padding-top: 2.5em;background: url(img/calligraphy-48.png) no-repeat top center;}
.emailing-page:hover {background: url(img/calligraphy-64.png) no-repeat top center;}
.facebook a {padding: 4px 4px 4px 18px; background: url(img/facebook.png) no-repeat left center;}
.facebook a:hover {background: url(img/arrow.png) no-repeat left center;}
.feed-small a {padding: 4px 4px 4px 18px; background: url(img/feed-small.png) no-repeat left center;}
.feed-small a:hover {background: url(img/feed.png) no-repeat left center;}
.film-small a {padding: 4px 4px 4px 18px; background: url(img/film-small.png) no-repeat left center;}
.film-small a:hover {background: url(img/film.png) no-repeat left center;}
.linkedin a {padding: 4px 4px 4px 18px; background: url(img/linkedin-16.png) no-repeat left center;}
.linkedin a:hover {background: url(img/arrow.png) no-repeat left center;}
.logo a {text-decoration: none; padding: 8px;}
.logo img, .logo a img {border: 0;}
.icons a {padding: 3px 18px 3px 3px; background: url(img/briefcase_small.png) no-repeat right center;}
.icons a:hover {background: url(img/briefcase.png) no-repeat right center;}
.pdf-little a {padding: 4px 4px 4px 18px; background: url(img/pdf-16.png) no-repeat left center;}
.pdf-little a:hover {background: url(img/arrow.png) no-repeat left center;}
.rssup {padding: 16px; background: url(img/rssup.png) no-repeat top center;}
.rssup a {color: #102548;}
.stumbleupon a {padding: 4px 4px 4px 18px; background: url(img/stumbleupon.png) no-repeat left center;}
.stumbleupon a:hover {background: url(img/arrow.png) no-repeat left center;}
.tag-archive em {padding: 4px 4px 4px 18px; background: url(img/tag.png) no-repeat left center;}
.tags a {padding: 3px 18px 3px 3px; background: url(img/tag.png) no-repeat right center;}
.tags a:hover {background: url(img/tag__arrow.png) no-repeat right center;}
.twitter a {padding: 4px 4px 4px 18px; background: url(img/twitter-16.png) no-repeat left center;}
.twitter a:hover {background: url(img/arrow.png) no-repeat left center;}
.valid {padding: 3px 18px 3px 3px; background: url(img/tick_small.png) no-repeat right center;}
.valid:hover {background: url(img/tick.png) no-repeat right center;}