/***********************************

    CSS file for ObamaCondoms.com
    (c) StarmenUSA 2010.
    http://www.starmenusa.com/

***********************************/


*    { margin: 0; padding: 0; }
html { font: 12px/18px Helvetica, 'MS Sans Serif', Arial, sans-serif; color: #333; background: #e8e8e8 url(images/obama-headerbg.jpg) repeat-x 50% 0; }

a img, fieldset, button { border: 0; }

:active { outline: none; }

a { color: #009c32; outline: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
a:hover,
a:focus { color: #99b2cc; text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }

button { cursor: pointer; }

.skipper { position: absolute; left: -9999px; top: -9999px; }

#sizer { min-width: 1090px; width: auto; overflow: hidden; }
#sizer:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

.grid { width: 964px; margin: 0 auto; }

.grid:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }


.header { float: left; width: 100%;  border-bottom: 5px solid #fff; }
.header .grid { height: 160px; padding-top: 17px; }

#logo { float: left; background: url(images/obama-logo.png) no-repeat 0 8px; }
#logo a { display: block; width: 279px; height: 145px; text-indent: -9999px; overflow: hidden; }

#main-nav       { float: right; margin: 48px 0 0 0; padding: 5px; text-shadow: 0 1px 2px #000; }
/*
#main-nav       { margin: 37px 0 0 0; border: 2px dashed #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; }
#main-nav ul    { float: left; padding: 10px 20px; background: rgb(0,0,0); background: rgba(0,0,0, 0.5); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -khtml-border-radius: 30px; }
*/
#main-nav li    { float: left; list-style: none; }
#main-nav li a  { display: block; padding: 0 15px; font: bold 24px/28px Georgia, serif; text-decoration: none; color: #f5f6f5; border-right: 1px solid #fff; margin-left: 8px; padding-left: 5px; }
#main-nav li a:hover { color: #fff; }
#main-nav li.current a { color: #fff; }

#mn-blog-link  { border-left: 3px solid #d6e0eb; margin-left: 8px; padding-left: 5px; }
#mn-blog-link a { color: #ccc; }

.content { float: left; clear: both; width: 100%; background: #ededed url(images/gradient.png) no-repeat center top; }
.content2 {clear: both; width: 1090px; background: #e8e8e8 url(images/mid-content-bg.png) no-repeat center top; margin: 0 auto; min-height:500px;}
.main-content {width: 944px; margin: 0 auto;}
.main-content2 {width: 944px; margin: 180px;  height:0px;}
.content .grid { position: relative; }
 p{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #646464; line-height:22px; text-align:justify; padding-bottom:20px;}
.blue{color:#00295d; font-weight:bold;}
.leftbox{ width:500px; background-image: url(images/v_line.jpg); background-repeat: repeat-y; background-position: right; padding-right: 45px; text-align: justify;}
.leftbox2{ width:500px; background-image: url(images/v_line.jpg); background-repeat: repeat-y; background-position: right; padding-right: 45px; text-align: justify;
font-size:12px;}

.content p,
.content table,
.content ul { margin-bottom: 18px; }
.content li { margin-left: 20px; }

.content h1,
.content h2,
.content h4,
.content h5,
.content h6,
#supplementary-content h3{ font-family: Georgia, 'Times New Roman', Times, serif; }
.content h6 { font-size: 72px; line-height: 100px; margin-bottom: 90px; color: #009c32; padding: 5px; text-shadow: -5px 3px 2px#666;}
.content h2 { font-size: 30px; line-height: 36px; margin: 36px 0 9px; color: #009c32; text-shadow: -2px 1px 2px#333;}
.content h3 { font-size: 18px; line-height: 24px; margin-bottom: 9px; color: #99b2cc; }
.content h4 { font-size: 46px; line-height: 90px; margin-bottom: 90px; color: #009c32; padding: 2px; text-shadow: -2px 2px 2px#666;}
.content h5 { font-size: 30px; line-height: 36px; margin: 36px 0 9px; color: #009c32; text-shadow: -2px 1px 2px#333;}








.footer { float: left; clear: both; width: 100%; font-size: 11px; color:#bababa; background: #011e38 url(images/footer-b.png) repeat-x 50% 0; border-top: 5px solid #fff; }
.footer .grid { height: 140px; padding: 15px 0; }

.footer .box         { width:944px; height:130px; margin: 0 auto;}
.footer .box ul       {list-style: none; padding-right: 15px; min-height:123px;}
.footer .link_holder            {
	float: left;
	margin-left:18px;
	margin-top:5px;
	color:#bababa;
	border-right: 1px solid #bababa;}
.footer .link_holder1            {float: left; margin-left:18px; margin-top:5px; border-right: 1px solid #bababa;}
.footer a               { text-decoration: none; color:#bababa}
.footer a:hover         { text-decoration: underline;}
.big { font-size:12px;line-height: 30px; color:#fff}
.big2 { font-size:12px;line-height: 12px; color:#fff}

.white{color:#fff; font-weight:bold;}
.footer .pipe,
.footer .plus           { position: relative; bottom: -2px; display: inline-block; color: #99b2cc; padding: 0 3px; font-size: 14px; line-height: 18px; }
.footer .copyright  { float: left; padding-left: 10px; padding-top:10px; width: 1040px; color:#fff; font-size:10px;}

.footer .bottom { float: right; padding-top: 0px; }
.footer .siteby a,
.footer .siteby span { float: left; bottom: 0; }
#sty-link       { padding: 0 2px; }
#cn-link        { float:right; margin-right:80px;}



/*** HOMEPAGE ***/
 .right-top      { float:right; width: 385px; padding: 15px 0 15px 0; text-align:right; color:#0d2d56; font-weight:bold; font-size:11px; margin-top:50px;
 background-image: url(images/divider2.png);
	background-repeat: no-repeat;
	background-position: bottom;}
 .left-top      {
	float:left;
	width: 385px;
	padding: 21px 0 15px 0;
	text-align:left;
	color:#4a4a4a;
	font-weight:bold;
	font-size:11px;
	margin-top:50px;
	background-image: url(images/divider2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-transform: uppercase;

}
 .like-top      { float:right; width: 100px; margin:80px 0 0px 0;}
/* Generic boxes */

.align-left     { float: left; clear: both; margin: 0 20px .2em 0; }
.align-right    { float: right; clear: right; margin: 0 0 .2em 20px; }

.col-left   { float: left; clear: both; width: 200px; margin: 0 40px 0 0; }
.col-right  { float: right; clear: right; width: 200px; }




/* Network footer */
#network-homepage_all {
	margin:0px auto;
	clear: both;
	width: 960px;
	height:422px;
	background-image: url(images/grad_network.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#network-homepage { float: left; clear: both; width: 960px; background: url(images/footer-buttons.png) no-repeat 0 -230px; margin-left:0px;}

#network-homepage li      { float: left; display: inline; list-style: none; margin: 0; }
#network-homepage a       { opacity: 1; display: block; width: 240px; height: 230px; text-indent: -9999px; overflow: hidden; background: url(images/footer-buttons.png); -webkit-transition: all .3s ease; }
#network-homepage a:hover { opacity: .1; }

#network-homepage #fb-link a      { background-position: 0 0; }
#network-homepage #tw-link a      { background-position: -240px 0; }
#network-homepage #yt-link a      { background-position: -480px 0; }
#network-homepage #blog-link a    { background-position: -720px 0; }

#mini { float: right; clear: both; width: 213px; background: url(images/mini-icons-top.png) no-repeat 0 -55px; margin:20px 60px 0 0;}

#mini li      { float: left; display: inline; list-style: none; margin: 0; }
#mini a       { opacity: 1; display: block; width: 71px; height: 55px; text-indent: -9999px; overflow: hidden; background: url(images/mini-icons-top.png); -webkit-transition: all .3s ease; }
#mini a:hover { opacity: .1; }

#mini #fb-link a      { background-position: 0 0; }
#mini #tw-link a      { background-position: -71px 0; }
#mini #yt-link a      { background-position: -142px 0; }


.blog{ width:650px; margin-bottom: 18px; font-family: Georgia,'Times New Roman',Times,serif; font-style: italic; font-variant: normal; font-weight: normal; font-size: 12px;
-height: 18px;
font-size-adjust: none;
-x-system-font: none; color: #999999; }

#supplementary-content h3 { line-height: 18px; }
#supplementary-content { float: right; width: 330px; padding: 69px 0 0 20px; }
#supplementary-content h3 { margin-bottom: 12px; }

/* Blog */


.post { margin-bottom: 18px; border-bottom: 1px dashed #99b2cc; }
.post h1 a { text-decoration: none; }

.post img {border:1px dashed #99b2cc;padding:4px;}

#comments dt,
.post-meta { margin-bottom: 18px; font: italic 12px/18px Georgia, 'Times New Roman', Times, serif; color: #999; } 

#comments dt a,
.post-meta a { text-decoration: none; } 

#comments li { list-style: none; margin: 0; padding: 18px 0; border-top: 1px dashed #99b2cc; }

#comment-form       { padding-bottom: 18px; }
#comment-form label { float: none; display: block; text-align: left; }
#comment-form textarea  { width: 430px; }
#comment-form .button-holder { width: 100%; padding: 0; text-align: center; }

.sidebox    { margin-bottom: 36px; overflow: auto; }
.sidebox h3 { margin-bottom: 9px !important; }
.sidebox ul { border-top: 1px dashed #99b2cc; }
.sidebox li { list-style: none; margin: 0; padding: 4px; font-size: 11px; color: #999; border-bottom: 1px dashed #eee; }
.sidebox li a { text-decoration: none; }

.tags {text-align:justify;}
.tags a:link, .tags a:visited {text-decoration:none;}
        
blockquote {border-left:3px dashed #ccc; padding:10px 0 3px 10px; margin:15px 0; font-family: Georgia, 'Times New Roman', Times, serif; color: #336699; line-height: 24px}

div.social_share {float:left; margin:0 10px 10px 0;}
ul.children {margin:0 0 0 30px;}

.search {padding: 0 0 10px 0;}
input#s {padding:5px 3px;font-size:18px; color:#99b2cc;width:270px;}
input.btn {padding:10px 0 0 10px;}
.clear {clear:both;}
.pr{
	margin:0 auto;
	width:944px;
	padding:20px 0 20px 0;
	background-image: url(images/dividers-mid.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
}

#seal{position: absolute; top: 100px; left: 50%; width: 255px; height: 251px; margin-left: -127px; text-indent: -9999px; overflow-x: hidden; overflow-y: hidden;

background-color: transparent;

background-image: url("images/presidential-seal.png");

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt 0pt;}

.shadow{ margin: 183px auto; width:1090px; height:750px;}
.shadow2{ margin: 183px auto; width:1090px; height:450px;}
.shadow3{ margin: 183px auto; width:1090px; height:650px;}
.story{position:absolute; margin-top:150px; left: 50%; margin-left:-476px; width:971px; background-image: url(images/story-header.png); background-repeat: no-repeat; background-position: center top; padding:100px 0 0 0; text-align:center;}
.faq{position:absolute; margin-top:150px; left: 50%; margin-left:-476px; width:971px; background-image: url(images/faq-header.png); background-repeat: no-repeat; background-position: center top; padding:100px 0 0 0; text-align:center;}
.terms{position:absolute; margin-top:150px; left: 50%; margin-left:-476px; width:971px; background-image: url(images/terms.png); background-repeat: no-repeat; background-position: center top; padding:100px 0 0 0; text-align:center;}
.privacy{position:absolute; margin-top:150px; left: 50%; margin-left:-476px; width:971px; background-image: url(images/privacy.png); background-repeat: no-repeat; background-position: center top; padding:100px 0 0 0; text-align:center;}