/*
Theme Name: Cedar River Clinics theme
Theme URI: http://birth-control-comparison.info
Description: Birth Control Comparison theme.
Author: Peak Systems
Author URI: http://peaksystems.com
Version: 1.0
*/
* {
    padding: 0;
    margin: 0;
}
body {
font-family: Helvetica, Arial, Georgia, Sans-serif;
    font-size: 14px;
    line-height: 22px;
    background: url("/wp-content/themes/birthcontrol/images/bg.gif");
    color: #000000;
    z-index:0;
    overflow-x: hidden;    
    height:100%;
    position: relative;
    width: 100%;
    padding-top:20px;
    zoom: 0;
}

article,aside,details,figcaption,figure,header,hgroup,menu,nav,section { 
    display:block;
}

img {border: 0;}

a:link,
a:visited {
    text-decoration: underline;
    color: #000000;
}
a:hover { color: #5f5f5f }
#top-ribbon {  z-index:-1; position:absolute; top:133px; height: 40px; width: 100%;  background: url("/wp-content/themes/birthcontrol/images/bg_nav.png") repeat-x top center;
}
#wrapper {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    background: url("/wp-content/themes/birthcontrol/images/bg_wrapper.png") repeat-x top center #deebf6;
    padding: 0;
    *padding-top:20px;
    border: 1px solid #3c629e;
    border-top: 0;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
    z-index:98;
	position:relative;
}

#wrapper #shadow-right {position:absolute; right:-170px; top:27px;}
#wrapper #shadow-left {position:absolute; left:-168px; top:27px;}
#wrapper #shadow-right-bottom {position:absolute; right:-170px; bottom:105px;}
#wrapper #shadow-left-bottom {position:absolute; left:-168px; bottom:105px;}
#header-container {
    width: 100%;
    background: url("/wp-content/themes/birthcontrol/images/header.png") no-repeat top center transparent;
}

#header {
    width: 960px;
    margin: auto;
    height: 117px;
    position: relative;
    z-index:99;
}
#header #lang_nav
{
width: 106px;
position: absolute;
right: 0;
top:0;

list-style: none;
text-align: right;
}
#header #lang_nav li
{
text-transform: capitalize;
width: 75px;
float: left;
display: inline;
}
#header #lang_nav li a.active {
display: none;
}

#header li.current-menu-item { background: url("/wp-content/themes/birthcontrol/images/bg_nav_tab.gif") repeat-x top center }
#header li.current-menu-item a { background: url("/wp-content/themes/birthcontrol/images/bg_nav_tab_right.gif") no-repeat top right }
#header li.current-menu-item span {
    display: block;
    background: url("/wp-content/themes/birthcontrol/images/bg_nav_tab_left.gif") no-repeat top left;
}
#header #nav-container {
    background: url("/wp-content/themes/birthcontrol/images/bg_nav.png") repeat-x top center;
    height: 50px;
    clear: both;
    position: relative;
    margin-top: 50px;
}
#header #nav-container ul {
    list-style: none;
    margin-top: 6px;
    *margin-top:0;
    margin-left: 0;
    padding-left: 20px;
}
#header #crumbs {
    text-transform: capitalize;
    padding-top: 6px;
    float: right;
    margin-right: 40px;
}
#header #crumbs a:hover { text-decoration: underline }
#header #crumbs,
#header #crumbs a { color: #fff }
#header h1 a {
    width: 340px;
    height: 67px;
    line-height: 67px;
    position: absolute;
    overflow: hidden;
    text-indent: -9999em;
    left: 20px;
    top: 40px;
}
#header ul#contact-info {
    list-style: none;
    position: relative;
    top: 40px;
    right: 30px;
    text-align: right;
}
#header ul#contact-info li,
#header ul#contact-info li a {
    color: #3c629e;
    line-height: 22px;
}
#nav-container ul { list-style: none }
#nav-container li {
    float: left;
    position: relative;
    top:6px;
}
#header #nav-container .menu-primary-menu-container a, #header #nav-container .menu-spanish-container a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding: 2px 20px 10px;
    font-size: 16px;
    font-weight: bold;
}

#nav-container ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    z-index: 99;
    background: #212121;
}
#nav-container ul ul ul {
    top: 30%;
    left: 100%;
    background: #343434;
}
#nav-container ul ul a {
    height: auto;
    line-height: 1em;
    padding: 10px;
    width: 130px;
}
#nav-container li:hover > a,
.nav ul ul:hover > a { color: #ccc }
#nav-container ul li:hover > ul { display: block }
#content {
    position: relative;
    padding-top: 20px;
    clear: both;
    *height: 500px;
    *height: auto;
    min-height: 500px;
}

#content #sidebar {width: 260px; float: left; height: 500px;}
#content #post {width: 700px; margin-left: 240px;}
#content.page #post {margin-left: 0;}
#content img,
#content p,
#footer p,
#content ul,
#content  h1, #content h2, #content h3 { margin: 0 20px 10px }
#content h1, #content h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: #005dab;
}
#content h2 {
    font-size: 18px;
    margin-bottom: 0;
}
#content h3 {
font-size: 16px;
color: #383838;
margin-bottom: 0;
}


#content ul {
padding-left: 20px;
}
#content ul li {margin-top: 5px;}

#content h1#birth-control-comparision-chart {
    /*background: url("/wp-content/themes/birthcontrol/images/birthcomparisonchart.png") no-repeat center left;
    text-indent: -9999em;*/
    height: 32px;
    width: 940px;
    margin-bottom: 0;
    overflow: hidden;
}

#content .compare-container {
    width: 403px;
    height: 32px;
    position: absolute;
    right: 0px;
    text-align: left;
    line-height: 32px;
    color: #005dab;
    top:20px;
    
}
#content .compare-container span {
height: 32px;
line-height: 32px;
vertical-align: top;
*vertical-align:middle;
}

#content .compare-container.spanish { 
	right: 0px; 
	width: 458px; 
}

#content .compare-container.second{
	bottom:10px;
	top:auto;
}

#content .compare-container a.compare-selected {
    width: 32px;
    height: 32px;
    background: url("/wp-content/themes/birthcontrol/images/compare_icon.png") center center;
    display: inline-block;
    *display: inline; /* for ie */
    zoom: 1;
    overflow: hidden;
    text-indent: -9999em;
}

a.compare-selected.compare-selected-current {
background: url("/wp-content/themes/birthcontrol/images/compare_icon_selected.png") center center !important;
}

#content a.compare, #content a.compare  {
    width: 107px;
    text-indent: -99999em;
    overflow: hidden;
    background: url("/wp-content/themes/birthcontrol/images/compare.png") center center no-repeat;
    display: inline-block;
    *display: inline; /* for ie */
    zoom: 1;
}

#content a.compare.spanish  {
	    background: url("/wp-content/themes/birthcontrol/images/compara.png") center center no-repeat;
}

#content #chart {margin-bottom: 30px;}
#content .method-container {
width:448px; border:3px solid #dde4f2;
margin:16px 0 16px 16px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position:relative;
padding-bottom: 16px;
}
#content .method-container p {color: #602d91;}
#content .method-container h2 {margin-left:16px; margin-top: 0px; }
#content .method-container h2 a{font-size:14px; color:#fff; }
#content .method-container .method {margin:0 8px; padding:8px 8px 20px; position: relative;
}
#content .method-container .method:last-of-type, #content .popup ul li:last-of-type {-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
#content .method-container .method:first-of-type, #content .popup ul li:first-of-type {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#long-term-container .method.gradients, #permanentes-container .method.gradients {background: url("/wp-content/themes/birthcontrol/images/gradient.png") repeat-x top center #FFEAC1;}
#content #long-term-container .method:first-of-type, #content #permanentes-container .method:first-of-type {background-color:#C6E7E0 !important;}
#content .method-container .method h3 { font-size:16px; font-weight:bold; text-decoration:underline; color:#383838;}
#content .method-container .method .read-more a, #content .method-container .method .read-less a {font-size:12px; line-height:12px; position:absolute; *position:static;  top: auto; right:16px; width:79px; bottom:14px; height:12px; text-decoration:underline; background:url("/wp-content/themes/birthcontrol/images/down.png") no-repeat right center; text-align:left; *background:url(); *padding-left:5px;}
#content .method-container .method .read-less a{background:url("/wp-content/themes/birthcontrol/images/up.png") no-repeat right center; *background:url(); *padding-left:5px;}
#content #knowledge-container.method-container, #content #conocimiento-container.method-container {background-color: #5d2d91;  margin-top:-30px;}
#content #knowledge-container.method-container .method, #content #conocimiento-container.method-container .method{background-color: #d2c8e3; margin-bottom: 1px;}
#content #barrier-container.method-container, #content #barrera-container.method-container {background-color: #ed1262; }
#content #barrier-container.method-container .method, #content #barrera-container.method-container .method {background-color: #f9c5c7; margin-bottom: 1px; padding-bottom: 20px;}
#content #hormonal-container.method-container, #content #hormonales-container.method-container {background-color: #00b09b; }
#content #hormonal-container.method-container .method, #content #hormonales-container.method-container .method {background-color: #c6e7e0; margin-bottom: 1px;}
#content #long-term-container.method-container, #content #permanentes-container.method-container {background-color: #fdb813; margin-top:-30px;}
#content #long-term-container.method-container .method, #content #permanentes-container.method-container .method{background-color: #ffeac1; margin-bottom: 1px;}
#content .method .thumb {display: block; height: 82px; width: 82px;  margin:0; margin-right:10px; text-align: left; z-index: 9999; font-weight: bold; background-color: transparent; float: left; position: relative;}
#content .method .thumb img {margin: 0 10px 10px 0; padding: 0; z-index:-1;}
#content .method .thumb span {position: absolute; top:58px; left: 0;}
#content #knowledge-container.method-container .method .thumb span, #content #conocimiento-container.method-container .method .thumb span {color:#602d91;}
#content #barrier-container.method-container .method .thumb span, #content #barrera-container.method-container .method .thumb span {color:#ed1261;}
#content #hormonal-container.method-container .method .thumb span, #content #hormonales-container.method-container .method .thumb span {color:#40c4b3;}
#content #long-term-container.method-container .method .thumb span, #content #permanentes-container.method-container .method .thumb span {color:#fdb813;}
#content .method .thumb span {background-color: transparent; text-align: center; width: 82px;}
#content .method .thumb .selected {width:28px; height:33px; display:block; overflow:hidden; text-indent:-999999em; background:url("/wp-content/themes/birthcontrol/images/check.png") center center no-repeat; position:absolute; top:31px; right:5px; left: auto;}
#content .method p, #content .method h3 {margin-left: 0px;}
#content.category .column {padding-bottom: 40px;}
#content.category .method h3 a {font-size: 16px; text-decoration: underline;}
#content.category .method {padding-right:10px; margin-left:20px; width:450px; float: left; padding-top:20px;}
#content.category .tag {padding: 8px; display: block; float:right; color: #fff; text-align: center; margin: 0 0 5px 5px;}
#content.category .tag.p-only {background: #FDB813;}
#content.category .tag.e-and-p {background: #00B09B;}
#content .column{width:50%; float: left;}
#content .column.right {float:right !important;}
#content #long-term.method-container {}
#content .popup {width: 300px; min-height: 100%; float: left; color: #602D91;}
#content .popup ul{ padding-left:10px; }
#content .popup h2 a {font-size: 18px; color: #fff;}
#content .popup h2 a:hover {text-decoration: underline;}
#content .long-term.popup, #content .permanentes.popup { background-color: #FDB813; }
#content .barrier.popup, #content .barrera.popup { background-color: #ED1262; }
#content .hormonal.popup, #content .hormonales.popup { background-color: #00B09B; }
#content .knowledge.popup, #content .conocimiento.popup { background-color: #5D2D91; }
#content .knowledge.popup ul li, #content .conocimiento.popup ul li{ background-color: #D2C8E3; }
#content .barrier.popup ul li, #content .barrera.popup ul li{ background-color: #F9C5C7; }
#content .hormonal.popup ul li, #content .hormonales.popup ul li { background-color: #C6E7E0; }
#content .long-term.popup ul li, #content .permanentes.popup ul li { background-color: #FFEAC1; }
#content .popup p, #content .popup h2 {margin:10px; }
#content .wpcf7 {margin-top:26px;}
#content .wpcf7 input, #content .wpcf7 textarea{padding:5px; margin-top:5px; }
#content .wpcf7 input[type=submit]{border:0; padding:5px 20px; text-transform:uppercase; background-color:#005DAB; color:#fff;}
img.wpcf7-form-control {margin-left:0 !important;}
html.en body {background: url() #fff !important; padding-top:0 !important; }
html.en, html.en #content{margin-top:0 !important; padding-top:0!important;}
html.en h1 {margin-left: 0px !important; margin-top: 10px !important;}
html.en ul {margin: 10px 5px 10px 5px !important;}
html.en ul li {list-style: none; margin-bottom:1px; padding: 10px;}
#blog {
    float: left;
    width: 520px;
    padding: 0 10px 10px 10px;
}

#footer {
    clear: both;
    text-align: left;
    height: 120px;
   	color: #005dab;
   	background: url("/wp-content/themes/birthcontrol/images/footer_bg.gif") repeat-x top left;
   	margin-bottom: 80px;
   	position: relative;
   	width: 960px;
display: block;   	
}

#footer #facebook {
	position: absolute;
	right:160px;
	top:30px;
	width: 100px;
	overflow: hidden;
}

#footer-banner {
	width: 100%;
	height: 120px;
	background: url("/wp-content/themes/birthcontrol/images/footer_bg.gif") repeat-x;
	margin-top: -190px;
	zoom:1;
	position: relative;
}

#footer p {font-size:12px; line-height:18px;}
#footer .menu-primary-menu-container a, #footer .menu-spanish-container a {color: #005dab; text-decoration: underline;}
#footer #donate {float:right; margin:15px 20px;}
#footer #nav-container a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    font-weight:normal; text-transform:capitalize; border-right:1px solid; margin-right:8px; height:16px !important; line-height:16px !important; padding:0 5px 0 0; font-size: 13px;
}
#footer #nav-container a {}
#footer #nav-container .menu-primary-menu-container ul, #footer #nav-container .menu-spanish-container ul{ width:350px; height:25px; padding-top:15px; padding-left:20px;}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url("/wp-content/themes/birthcontrol/images/border1.png") no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url("/wp-content/themes/birthcontrol/images/border1.png") repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url("/wp-content/themes/birthcontrol/images/border1.png") no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url("/wp-content/themes/birthcontrol/images/border1.png") no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url("/wp-content/themes/birthcontrol/images/border1.png") repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url("/wp-content/themes/birthcontrol/images/border1.png") no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url("/wp-content/themes/birthcontrol/images/border2.png") repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url("/wp-content/themes/birthcontrol/images/border2.png") repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url("/wp-content/themes/birthcontrol/images/loading.gif") no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url("/wp-content/themes/birthcontrol/images/ie6/borderTopLeft.png");}
.cboxIE6 #cboxTopCenter{background:url("/wp-content/themes/birthcontrol/images/ie6/borderTopCenter.png");}
.cboxIE6 #cboxTopRight{background:url("/wp-content/themes/birthcontrol/images/ie6/borderTopRight.png");}
.cboxIE6 #cboxBottomLeft{background:url("/wp-content/themes/birthcontrol/images/ie6/borderBottomLeft.png");}
.cboxIE6 #cboxBottomCenter{background:url("/wp-content/themes/birthcontrol/images/ie6/borderBottomCenter.png");}
.cboxIE6 #cboxBottomRight{background:url("/wp-content/themes/birthcontrol/images/ie6/borderBottomRight.png");}
.cboxIE6 #cboxMiddleLeft{background:url("/wp-content/themes/birthcontrol/images/ie6/borderMiddleLeft.png");}
.cboxIE6 #cboxMiddleRight{background:url("/wp-content/themes/birthcontrol/images/ie6/borderMiddleRight.png");}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
}
 
html[xmlns] .clear {
	display: block;
}
 
* html .clear {
	height: 1%;
}
/* Sets height of cells in compare popup */
html.en ul li {height: auto !important; height: 300px;  min-height: 300px;} 

#menu-spanish-1.nav {
	width: 350px !important;
}

@media all and (max-device-width: 768px) {
  html {
	overflow-x: hidden;
} /* Fix issue with iPad */
}