/*
Theme Name: theTAPIR
Theme URI: http://thetapir.com
Description: Theme created for the site <a href="http://thetapir.com">theTAPIR</a>.
Version: 1
Author: theTAPIR Design Team
Author URI: http://thetapir.com
Tags: newspaper, news, 3 columns, white, red, black, grey, clean

	theTAPIR v1.0

	This theme was designed and built by theTAPIR Design Team
*/

@import url(reset.css);

/* =Main ----------------------------------------------------------------------------------------------------*/
body { text-align:center; font:13px "HelveticaNeue-Roman", "Helvetica 55 Roman", Helvetica, Arial, sans-serif; color:#111; background:#F1F2F2; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
/* =Structure ---------------------------------------------------------*/
#skip {left:-100000px;position:absolute;top:-1000px;}
#wrapper { background:#fff; width:980px; margin:20px auto; text-align:left; padding:20px 20px 5px 20px; border-bottom:3px solid #e6e7e8; }
#header { height:86px; position:relative; }
#nav { font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:45px;}
#mainContent { width:540px; float:left; }
#sidebar { width:220px; margin-right:20px; float:left; }
#advertising { width:140px; float:right; }
#footer { clear:both; margin:20px 0; padding:13px 15px;background:#e6e7e8; }
#footerPrint, #logoPrint { display:none;}
/* =Links ------------------------------------------------------------------------------------------------------*/
a:link { text-decoration:none; color:#f00; }
a:visited { text-decoration:none; color:#c90b0b; }
a:hover, a:active { text-decoration:underline; color:#a40808; -webkit-transition:color 0.5s linear; }
/* =Header ------------------------------------------------------------------------------------------------------*/
#header h1 a { display:block; background:url(images/thetapir-logo.png) no-repeat; width:326px; height:73px; text-indent:-100000px; }
#rssLink, #twitterLink { position:absolute; right:0; text-align:right; }
#rssLink { top:0; }
#twitterLink { top:35px; }
#rssLink a, #twitterLink a { color:#7b7b7b; text-decoration:none; background:none no-repeat right center; padding:8px 37px 8px 0; display:block; }
#rssLink a { background-image:url(images/rssLink.gif); }
#twitterLink a { background-image:url(images/twitterLink.gif); }
#rssLink a:hover, #twitterLink a:hover { text-decoration:underline; }
/* =Nav ---------------------------------------------------------------------------------------------------------*/
#nav li { float:left; margin-right:20px; }
#nav a:link,
#nav a:visited { color:#111; }
#nav a:hover, #nav a:active { text-decoration:underline; color:#a40808; }
/* =Type --------------------------------------------------------------------------------------------------------*/
#mainContent h1 { font-size:26px; margin-bottom:20px; }
h2 { font-size:30px; line-height:1; margin-bottom:10px; }
#respond h2, h2#comments { font-size:22px;}
p { font-size:14px; line-height:1.4; margin-bottom:15px; }
#footer p {color:#333; font-size:12px; margin-bottom:0;}
/* =Post ---------------------------------------------------------------------------------------------------------*/
.post, .page, .authorDescrip { background:#f1f2f2; padding:10px; position:relative; border-bottom:3px solid #e6e7e8; margin-bottom:20px; }
.authorDescrip { background:#666; color:#fff; border-bottom-color:#333; }
.date { position:absolute; right:10px; top:-10px; background:#808285; color:#fff; text-align:center; padding:4px; line-height:.9; border-bottom:2px solid #6d6e71; }
.date span { clear:both; display:block; }
.date .day { font-size:25px; }
.date .monthYear { font-size:11px; text-transform:uppercase; }
.post h2, .page h2 { margin-right:80px; font-weight:bold; }
.author { margin-bottom: 15px;}
.post img { display: block; }
.photoAuthor { display: block; background:#FFF;color:#808285;padding:5px 6px;font-style:italic; font-size:12px; margin-bottom:15px; }
.meta { font-size:12px; margin:10px 0;}
.comments { margin:0; font-size:15px; font-weight:bold; }
.old { float:left; padding-bottom:20px; width:45%; }
.new { float:right; width:45%; text-align:right; padding-bottom:20px; }
/* =Sidebar ------------------------------------------------------------------------------------------------------*/
#sidebar div { margin-bottom:30px; }
#sidebar h3 { font-size:14px; font-weight:bold; text-transform:uppercase; color:#58595b; margin-bottom:10px; }
#search { background:#e6e7e8; padding:4px 0; position:relative; }
#latestPosts li, #topCommentators li { margin-bottom:10px; }
.ads { width:125px; margin:0 auto 20px auto; }
/* =Lists --------------------------------------------------------------------------------------------------------*/
.post ul, .post ol, .page ul, .page ol { margin:0 0 20px 20px; font-size:14px; }
.post li, .page li { margin-bottom:8px; }
.post ol li, .page ol li { list-style-type:decimal; }
.post ul li, .page ul li { list-style-type:disc; }
.post .archives { margin:0; }
.post .archives li { overflow:hidden; padding-bottom:10px; border-bottom:1px solid #999; margin-bottom:0; list-style:none;}
.post .archives .dateArchive { color:#666; margin-right:10px; float:left; width:105px; text-align:right; padding-top:10px;}
.post .archives .archiveTitle { font-weight:bold; float:right; width:400px; padding-top:10px;}
/* =Forms --------------------------------------------------------------------------------------------------------*/
#search #s { border:0; background:white; width:202px; margin-left:4px;font:14px "HelveticaNeue-Roman", "Helvetica 55 Roman", Helvetica, Arial, sans-serif; color:#999; padding:5px; }
#search #s:focus, #searchForm #s.touched { color:#666;}
#search #searchsubmit { position:absolute; border:0; background:url(images/search-icon.gif) no-repeat; width:16px; height:20px; right:8px; top:7px; cursor:pointer; }
.wpcf7-form p, #respond p { clear:both; display:block; }
.wpcf7-form label,
#respond label { float:left; margin-right:5px; text-align:right; width:90px; }
.wpcf7-form input, .wpcf7-form textarea,
#respond input, #respond textarea{ width:250px; margin-bottom:10px; font:13px  "HelveticaNeue-Roman", "Helvetica 55 Roman", Helvetica, Arial, sans-serif; padding:3px; border:1px solid #666; float:left; }
.wpcf7-form input:focus, .wpcf7-form textarea:focus,
#respond input:focus, #respond textarea:focus { background:#f1f1f1; border-color:#111; }
input#submit { display:block; clear:both; margin-left:95px; font:14px  "HelveticaNeue-Roman", "Helvetica 55 Roman", Helvetica, Arial, sans-serif; padding:3px; border:1px solid #f00; background:#f00; color:#fff; cursor:pointer; width:auto; }
input#submit:hover { background:#333; border-color:#333; }
.req { color:#f00; font-weight:bold; }
#respond label { width:110px; }
#respond p { margin-bottom:5px;}
#respond #submit { margin-left:115px; margin-right:5px;}
/* =Comments ------------------------------------------------------------------------------------------------------*/
.commentlist { margin:0; padding:0 0 15px; list-style:none; }
.commentlist li { margin:10px 0 0; line-height:18px; padding:10px; border:1px solid #ccc; }
.commentlist div.comment-author { font-size:15px; margin-bottom:10px; }
.commentlist div.comment-author img { vertical-align:middle; margin-right:5px; }
.commentlist .commentmetadata { margin-bottom:5px; font-size:12px; }
.commentlist p.nocomments { padding:0; }