/*  
Theme Name: MSPtweet-by-ContentRobot-v1.2
Theme URI: http://www.contentrobot.com/
Description: This WordPress theme was created for <a href="http://www.msptweet.com/">msptweet.com by <a href="http://www.contentrobot.com/">ContentRobot.</a>
Version: 1.2
Author: Dana Rockel
Author URI: http://www.contentrobot.com/
*/

/* @group Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
/* @end */

/* @group Hacks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
/* @end */

/* @group Global Styling */
body { background: #ababab url(images/bg.png) repeat-x; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 14px; color: #000; line-height: 17px; margin: 10px; }
/* @end */

/* @group Layout */
#dropshadow-top { width: 975px; height: 20px; margin: 0 auto; background: url(images/drop-shadow-top.png) no-repeat; }
#dropshadow-middle { width: 975px; margin: 0 auto; background: url(images/drop-shadow-middle.png) repeat-y; }
#dropshadow-bottom { width: 975px; height: 20px; margin: 0 auto; background: url(images/drop-shadow-bottom.png) no-repeat; }
#wrapper { width: 935px; margin: 0 auto; background-color: #393; border-left: 1px solid #236923; border-right: 1px solid #236923; padding: 0 10px; }
#header { background-color: #393; background: url(images/header.png) no-repeat; height: 100px; padding: 0px; position: relative; }
#navwrapper { background-color: #393; }
#navigation { background: #393 url(images/nav-bg.png) no-repeat; width:935px; margin:0 auto; text-align:center; }
#container { background: url(images/container-bg.png) repeat-y; }
.containerwide { background: #fff none!important; }
#content { width: 570px; float: left; margin: 0; }
.contentwide { width: 935px!important; }
#footer { background-color: #393; padding: 10px 10px 0; text-align: center; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; }
/* @end */

/* @group Typography */
a { outline: 0; }
a:link { color: #2a59a0; }
a:visited { color: #2a59a0; }
a:hover { color: #000; }
a:active { color: #000; }
blockquote { font-style: italic; margin: 0 20px; color: #666; }
strong { font-weight: bold; }
em { font-style: italic; }
code, code p {  }
acronym, abbr, span.caps {  }
small {  }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 24px; margin-bottom: 10px; }
h2 { font-size: 18px; margin-bottom: 6px; }
h3 { font-size: 14px; margin-bottom: 4px; color: #236a23; }
h4 { font-size: 12px; margin-bottom: 2px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }
hr { clear: both; display: block; width:526px; height:16px; background: url(images/dot-divider.png) no-repeat; border:none;  }
/* @end */

/* @group Images */
img.aligncenter, img[align="center"] { display: block; border: 1px solid #339933; padding: 3px; margin: 0 auto 10px; }
img.alignright, img[align="right"] { border: 1px solid #339933; padding: 3px; margin: 0 0 5px 10px; display: inline; }
img.alignleft, img[align="left"] { border: 1px solid #339933; padding: 3px; margin: 0 10px 5px 0; display: inline; }
#featured img.aligncenter, #featured img[align="center"] { display: block; border: 1px solid #2a59a0; padding: 3px; margin: 0 auto 10px; }
#featured img.alignright, #featured img[align="right"] { border: 1px solid #2a59a0; padding: 3px; margin: 0 0 5px 10px; display: inline; }
#featured img.alignleft, #featured img[align="left"] { border: 1px solid #2a59a0; padding: 3px; margin: 0 10px 5px 0; display: inline; }
img.noborder { border: none !important; }
/* @end */

/* @group Header */
.description { display: block; text-indent: -2000em; }
#header h1#logo { margin: 0; }
#header h1#logo a { float: left; width: 392px; height: 100px; display: block; position: absolute; top: 0px; left: 270px; margin: 0; text-indent: -2000em; }
#topbanner { float: right; width: 728px; height: 90px; display: block; position: absolute; top: 10px; right: 10px; background-color: #fff; }
/* @end */

/* @group Navigation */
#navigation { padding: 8px 0px 6px; text-align: center; line-height: normal; font-size: 14px; font-weight: bold; }
#navigation li { display:inline; margin-right:3px; }
#navigation li a, #navigation li a:visited { color: #000 !important; background: #393; padding: 8px 8px 6px; text-decoration: none; }
#navigation li.current_page_item a { color: #fff !important; background: #393; }
#navigation li a:hover, #navigation li.current_page_item a:hover, #navigation li a:active, #navigation li.current_page_item a:active { color: #fff !important; background: #393; }
/* @end */

/* @group Sponsors Area */
#sitesponsors { width: 935px; height: 78px; margin: 0 0 5px; background: #efefef url(images/sponsors-bg.png) no-repeat; }
.sponsorhead { /* width: 129px; height: 35px; float: left; background: url(images/site-sponsors.png) no-repeat; margin-top: 20px; */ }
.adarea { width: 797px; height: 52px; float: right; text-align: center; margin: 9px 65px 0 0; position: relative; z-index: 100; }
.adarea .coverleft { width: 51px; height: 52px; float: left; background: url(images/ad-cover-left.png) no-repeat; z-index: 102; position: absolute; }
.adarea .coverright { width: 51px; height: 52px; float: right; background: url(images/ad-cover-right.png) no-repeat; z-index: 102; position: absolute; top: 0; right: 0; }
#adscroll { width: 797px; height: 52px; /* background-color: #0f0; */ z-index: 101; overflow: hidden; }
#adscroll img { border: 1px solid #cacaca; margin-right: 9px; }

/* @end */

/* @group Top Area */
#toparea { width: 935px!important; }
#topintro { float: left; width: 276px; margin: 20px 20px 10px; color: #333; }
#topintro h2 { font-size: 20px; color: #000; margin-bottom: 15px; }

#toptweets { float: left; width: 303px; background: #d4deec url(images/toptweets-bg-top.png) no-repeat; margin-bottom: 10px; }
#toptweets h2.widgettitle { display: block; height: 48px; padding: 10px; line-height: 50px; }
#toptweets h2.widgettitle a { font-size: 24px!important; color: #2a59a0; }
#toptweets ul li { list-style: none; margin-left: 0!important; }
#toptweets .tweetimg { float:left; width:48px; height: 48px; background: url(images/top-image-bg.png) no-repeat; padding: 3px 6px 9px; margin-right: 2px; }
#toptweets ul.tweets { margin: 0 15px; font-size: 12px; line-height: 15px; overflow: hidden; }
#toptweets ul.tweets li { margin-bottom: 5px!important; }
#toptweets a { color: #2a59a0; }
#toptweets a:hover { color: #000; }
#toptweets a.timesince { color: #6b85ad; text-decoration: none; }
#toptweetsbottom { display: block; width: 303px; height: 8px; background: #d4deec url(images/toptweets-bg-bottom.png) no-repeat; }

#topmore { float: left; width: 276px; margin: 20px 20px 10px; }
#topmore h2 { font-size: 20px; color: #000; margin-bottom: 15px; }
#topmore li { background: url(images/li-bullet.png) 0px 1px no-repeat; padding-left: 20px; list-style: none; margin-bottom: 2px; }
/* @end */

/* @group Tweets Area */
.tweetarea h2.cattitle { width: 935px; height: 13px; text-align: center; background: url(images/cat-heading-bg.png) 0 -10px no-repeat; font-size: 10px; line-height: 13px; margin-bottom: 10px; color: #336633; }
.tweetarea h2.cattitle span { background-color: #fff; padding: 0 5px;}

.maintweets li.widget_twitter { float: left; width: 222px; background: url(images/tweet-bg-top-grey.png) no-repeat; margin: 0 0 10px 9px!important; }
.maintweets li.widget-even { /* background: #eaeaea url(images/tweet-bg-top-blue.png) no-repeat!important; */ }
.maintweets h2.widgettitle { display: block; height: 48px; padding: 10px; line-height: 55px; }
.maintweets h2.widgettitle a { font-size: 14px!important; color: #2a59a0!important; }
.maintweets ul li { list-style: none; margin-left: 0!important; }
.maintweets .tweetimg { float:left; width:48px; height: 48px; background: url(images/tweet-image-bg.png) no-repeat; padding: 3px 6px 9px; margin-right: 2px; }
.maintweets ul.tweets { font-size: 12px; line-height: 15px; background: url(images/tweet-bg-bottom-grey.png) no-repeat bottom; overflow: hidden; }
.maintweets li.widget-even ul.tweets { /* background: #eaeaea url(images/tweet-bg-bottom-blue.png) no-repeat bottom!important; */ }
.maintweets ul.tweets li { margin: 0 15px 0!important; padding-bottom: 10px; }
.maintweets a { color: #2a59a0!important; }
.maintweets a:hover { color: #000!important; }
.maintweets a.timesince { color: #666!important; text-decoration: none; }

.error { padding: 10px; text-align: center; font-weight: bold; color: #2a59a0; }
#toptweets .error { padding-bottom: 5px; font-weight: bold; color: #363; font-size: 20px; line-height: 24px; }

/*
.maintweets { float: left; width: 222px; background: #dce8f1 url(images/tweet-bg-top-blue.png) no-repeat; margin: 0 0 10px 10px; }
.maintweets h2.widgettitle { display: block; height: 48px; padding: 10px; line-height: 55px; }
.maintweets h2.widgettitle a { font-size: 17px!important; color: #2a59a0!important; }
.maintweets ul li { list-style: none; margin-left: 0!important; }
.maintweets .tweetimg { float:left; width:48px; height: 48px; border: 1px solid #000; padding: 3px; margin-right: 5px; }
.maintweets ul.tweets { margin: 0 15px; font-size: 12px; line-height: 15px; }
.maintweets ul.tweets li { margin-bottom: 5px!important; }
.maintweets a { color: #2a59a0!important; }
.maintweets a:hover { color: #000!important; }
.maintweets a.timesince { color: #666!important; text-decoration: none; }
.maintweetsbottom { display: block; width: 222px; height: 5px; background: #c0e0f7 url(images/tweet-bg-bottom-blue.png) no-repeat; }
*/

/* @end */

/* @group Content */
#content p { padding-bottom: 10px; }
#content ul { padding-bottom: 10px; list-style: disc; }
#content ul ul { padding-bottom: 0px; list-style: disc; }
#content ul li { margin-left: 15px; }
#content ol { padding-bottom: 10px; list-style: decimal; }
#content ol ol { padding-bottom: 0px; list-style: decimal; }
#content ol li { margin-left: 20px; }
#content #featured { background-color: #d4deec; margin: 0 10px 10px 10px; font-size: 14px; padding: 0; }
#content #featuredleft { float: left; width: 120px; }
#content #featuredright { padding-left: 120px; }
#content #featured p { color: #000; display: inline; line-height: 16px; }
#content #featuredtop2 { width: 915px; height:10px; background: url(images/featured-bg-top2-wide.png) no-repeat; margin-left: -18px; }
.contentwide #featuredtop { width: 915px!important; background: url(images/featured-bg-top2-wide.png) no-repeat!important; }
#content #featured #featuredbottom { background: url(images/featured-bg-bottom.png) no-repeat 0 bottom; padding: 0 18px 5px; }
.contentwide #featured #featuredbottom { background: url(images/featured-bg-bottom-wide.png) no-repeat 0 bottom!important; }
#content #featuredbottom .entry { padding-bottom: 10px; }
#content #featured h2 { width: 410px; }
#content #featured h2 a { margin: 5px 0; color: #fff!important; font-size: 20px; line-height: 20px; }
#content #featured h2 a:active, #content #featured h2 a:hover { color: #fff!important; }
#content #featured #featuredright a, #content #featured .entry a { color: #ffcc66; }
#content #featured #featuredright a:active, #content #featured #featuredright a:hover, #content #featured .entry a:active, #content #featured .entry a:hover { color: #fff; }
#content #featured a.more-link { font-size: 14px; color: #fff!important; text-decoration: none; font-weight: bold; }
#content #featured a.more-link:active, #content #featured a.more-link:hover { color: #ffcc66!important; }
#content #featured .postinfo { font-size: 12px; color: #000; display: block; margin-top: 5px; font-weight: bold; text-align: left; line-height: 14px; }
#content #featured .postinfo a { color: #000; text-decoration: none; }
#content #featured .postinfo a:active, #content #featured .postinfo a:hover { color: #fff!important; }
#content .postinfo a:hover { color: #000!important; }
#content #featured .commentcount { position: absolute; left: 0px; bottom: 0px; padding: 6px 0 18px 20px; font-size: 12px; font-weight: bold; }
#content #featured .commentcountalt { position: absolute; right: 0px; top: 0px; padding: 6px 20px 18px 20px; font-size: 12px; font-weight: bold; }
#content #featured .commentcount a, #content #featured .commentcountalt a { display: block; text-decoration: none; color: #000; height: 25px; background: url(images/comment-bubble-wo.png) no-repeat; padding-top: 4px; }
#content #featured .commentcount a:active, #content .commentcount a:hover, #content #featured .commentcountalt a:active, #content .commentcountalt a:hover { color: #fff!important; }
#content #featured .commentcount span, #content #featured .commentcountalt span { display:block; width: 31px; margin-right: 3px; text-align: center; float:left; color: #000!important; }

#content #nonfeatured { background-color: #eaeaea; margin-bottom: 10px; font-size: 14px; padding: 0; }
#content #nonfeatured p { color: #000; display: inline; line-height: 16px; }
#content #nonfeaturedtop { width: 570px; height:10px; background: url(images/nonfeatured-bg-top.png) no-repeat; }
#content #nonfeaturedbottom { background: url(images/nonfeatured-bg-bottom.png) no-repeat 0 bottom; padding: 5px 18px 20px; position: relative; }
#content #nonfeatured h2 a { margin: 5px 0; color: #336699!important; }
#content #nonfeatured h2 a:active, #content #nonfeatured h2 a:hover { color: #336699!important; }
#content #nonfeatured #featuredleft a { color: #000; }
#content #nonfeatured #featuredleft a:active, #content #nonfeatured #featuredleft a:hover { color: #336699!important; }
#content #nonfeatured #featuredright a { color: #336699; }
#content #nonfeatured #featuredright a:active, #content #nonfeatured #featuredright a:hover { color: #000; }
#content #nonfeatured a.more-link { font-size: 14px; color: #336699!important; text-decoration: none; font-weight: bold; }
#content #nonfeatured a.more-link:active, #content #nonfeatured a.more-link:hover { color: #000!important;  }
#content #nonfeatured .postinfo { font-size: 12px; color: #000; display: block; margin-top: 5px; font-weight: bold; text-align: left; line-height: 14px; }
#content #nonfeatured .postinfo a { color: #000; text-decoration: none; }
#content #nonfeatured .postinfo a:active, #content #nonfeatured .postinfo a:hover { color: #336699; }
#content #nonfeatured .commentcount { position: absolute; left: 0px; bottom: 0px; padding: 0 0 18px 20px; font-size: 12px; font-weight: bold; }
#content #nonfeatured .commentcount a { display: block; text-decoration: none; color: #000; height: 25px; background: url(images/comment-bubble-bg.png) no-repeat; padding-top: 4px; }
#content #nonfeatured .commentcount a:active, #content #nonfeatured .commentcount a:hover { color: #336699; }
#content #nonfeatured .commentcount span { display:block; width: 31px; margin-right: 3px; text-align: center; float:left; color: #fff!important; }

#content .post { padding: 5px 15px 0 25px; margin-bottom: 10px; font-size: 14px; line-height: 18px; color: #333; }
#content #postright { float: right; margin: 0 0 10px 10px; }
#content .post .postinfo { font-size: 12px; color: #000; display: block; font-weight: bold; margin-bottom: 5px; }
#content h2 a { font-size: 18px; text-decoration:none; color: #2a59a0; display: block; margin-bottom: -3px; }

#content .squarebanner160x160 { margin-right: 18px; float: left; display:block; width: 160px; height:160px; background-color: #fff; }
#content #postmetafeatured { background-color: #dce8f1; margin-bottom: 10px; font-size: 14px; padding: 0; }
#content #postmetafeatured p { color: #000; display: inline; line-height: 16px; }
#content #postmetafeaturedtop { width: 570px; height:10px; background: url(images/bluefeatured-bg-top.png) no-repeat; }
#content #postmetafeaturedbottom { background: url(images/bluefeatured-bg-bottom.png) no-repeat 0 bottom; padding: 5px 18px 20px; position: relative; }
#content #postmetafeatured #featuredright a { color: #336699; }
#content #postmetafeatured #featuredright a:active, #content #postmetafeatured #featuredright a:hover { color: #000; }
#content #postmeta { color: #000; font-size: 12px; line-height: 15px; }
#content #postmeta a { color: #336699!important; }
#content #postmeta a:active, #content #postmeta a:hover { color: #000!important; }
#content #commentfeatured { background-color: #eaeaea; margin-bottom: 10px; font-size: 14px; padding: 0; }
#content #commentfeatured p { color: #000; line-height: 16px; }
#content #commentfeaturedtop { width: 570px; height:10px; background: url(images/nonfeatured-bg-top.png) no-repeat; }
#content #commentfeaturedbottom { background: url(images/nonfeatured-bg-bottom.png) no-repeat 0 bottom; padding: 5px 18px 20px; position: relative; }
#content #commentfeatured h2 a { margin: 5px 0; color: #336699!important; }
#content #commentfeatured h2 a:active, #content #commentfeatured h2 a:hover { color: #336699!important; }
#commentform textarea#comment { border: 1px solid #666; padding: 3px; width: 519px; }
#commentform input#author, #commentform input#email, #commentform input#url { border: 1px solid #666; padding: 3px; }
.commentlist li { padding: 10px 10px 0; border-bottom: 1px solid #ccc; }
.sectionbreak { display: block; width: 100%; height: 69px; padding: 0; margin: 10px 0; }
.sectionbreak2 { display: block; width: 520px; padding: 0 20px 0 30px; margin-bottom: 10px; }
/* .navigation { padding: 0 15px; font-weight: bold; } */
.nextpage { float: right; }
.prevpage { float: left; }
.nextpage a { display: block; width: 91px; height: 21px; background: url(images/next-page-button.png) no-repeat; margin-top: 10px; text-indent: -2000em; }
.nextpage a:active, .nextpage a:hover { background: url(images/next-page-button.png) no-repeat -91px 0; }
.prevpage a { display: block; width: 113px; height: 21px; background: url(images/previous-page-button.png) no-repeat; margin-top: 10px; text-indent: -2000em; }
.prevpage a:active, .prevpage a:hover { background: url(images/previous-page-button.png) no-repeat -113px 0; }
h2.pagetitle { font-size: 18px; color: #2a59a0; display: block; margin: 5px 0 10px; }

.wpcf7-form p { padding-bottom: 0px!important; padding-top: 10px; font-weight: bold; }
.wpcf7-form span { font-weight: normal; }
.wpcf7-form textarea { border: 1px solid #666; padding: 2px; width: 500px; height: 100px; }
.wpcf7-form input { border: 1px solid #666; padding: 2px; }
.wpcf7-list-item { display: block; }

.posttable { width: 532px; border: 1px solid #c5d5e1; font-size: 12px; }
.posttable thead { background-color: #dce8f1!important; font-weight: bold; }
.posttable td { padding: 2px 3px; border-bottom: 1px solid #c5d5e1; vertical-align: top; }
.posttable tr.odd { background-color:#dce8f1; }
/* @end */

/* @group Footer */
#footer { font-size: 12px; color: #c1e0c1; }
#footer li { list-style: none; display: inline; }
#footer a { color: #c1e0c1; margin-right: 15px; }
#footer a:hover, #footer a:active { color: #000; }
/* @end */

/* @group ContentRobot */
#crwrapper { width: 900px; margin: 0px auto; text-align: center; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#poweredbycr { height: 26px; width: 232px; margin: 0px auto; line-height: 26px; font-size: 10px; background: url(images/cr-bot.gif) no-repeat 103px 0; cursor: pointer; }
#poweredbycr:active, #poweredbycr:hover  { background: url(images/cr-bot.gif) no-repeat 103px -26px; }
#crl { float: left; width: 100px; text-align: right; }
#crc { float: left; width: 26px; height: 26px; margin: 0 3px; }
#crr { float: left; width: 100px; text-align: left; }
#poweredbycr a { color: #555; text-decoration:none; cursor: pointer; }
#poweredbycr a:hover, #poweredbycr a:active { color: #000; }
/* @end */