/*   
Theme Name: cybersexualaddiction.com
Description: 
Author: Alissa Engstrom
Version: 1
*/

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	color: #231f20;
	padding: 0px; 
	margin: 0px; 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: url(images/bg-sub.jpg) repeat-x 0 0 #ffffff!important;
}
body.home{	background: url(images/bg.jpg) repeat-x 0 0 #ffffff!important;}
.container{ width: 960px; margin: 0 auto;
}
p{line-height: 22px; font-size: 13px; margin-bottom:14px;}
a:link, a:visited{text-decoration: underline; color: #04bae2;}
a:hover{color: #05d2ff;}
h1,h2,h3,h4,h5{ font-weight: 600; color: #555555;}
h1{line-height: 30px; font-size: 22px;margin: 0 0 13px 0;}
h2{line-height: 26px; font-size: 18px;margin: 0 0 12px 0;}
h3{line-height: 24px; font-size: 16px;margin: 0 0 11px 0;}
h4{line-height: 20px; font-size: 15px;margin: 0 0 10px 0;}
h5{line-height: 24px; font-size: 14px;margin: 0 0 9px 0;}
.alignleft{float:left; margin:0 20px 10px 0;}
.alignright{float:right; margin:0 0px 10px 20px;}
.clear{clear:both;}
br.clear{clear:both; height:0; padding:0; margin:0;}
img{border: 5px solid #e0f6fb}
hr{color: none;background-color: none;height: 1px; margin: 20px 0; clear: both;border-bottom:1px dotted #cccccc;}
strong{font-weight: 600}
em{font-style: italic}

/*header*/
html body #header{position:relative; border-bottom: 8px solid #04bae2; width: 960px; height: 217px; background: url(images/main-sub.jpg)0 0 no-repeat#000; margin-bottom: 30px;}
body.page #header, body.archive #header, body.single #header, body.error404 #header, body.search #header{background-color:black!important;width: 960px; height: 217px; background-image:url(images/main-sub.jpg)!important; background-repeat: no-repeat; }
body.home #header{width: 960px; height: 500px; background: url(images/main-image.jpg) 0 0 no-repeat!important;}
#logo{width: 178px; height: 180px; background: url(images/logo.gif) no-repeat 0 0; display: block; text-indent: -9999px; position: absolute; left: 0; top:40px;}
#nav{width: 700px; position: absolute; top:40px; right: 0; background: url(images/bg-nav.png) repeat; padding: 5px 20px;}
#nav ul{list-style: none; margin: 0; padding: 0;}
#nav ul li{display: inline; margin-right: 10px; font-size: 16px;}
#nav ul li a:link, #nav ul li a:visited{text-transform: lowercase; text-decoration: none; color: white; font-weight: 300;}
#nav ul li a:hover{text-decoration: underline;}
#nav ul li.current-menu-item a, #nav ul li.current-page-ancestor a, #nav ul li.current-post-ancestor a{background: url(images/nav-arrow.png) 0 2px no-repeat;padding-left: 18px; font-weight: 700; color: #04bae2;}
#header .text{position: absolute; top:88px; right: 20px; width: 720px;}
#header .text h1{color: #e0d93f; font-weight: 700; font-size: 34px; line-height: 38px; margin: 0; padding: 0;}
#header .text p{color: white; font-size: 20px; line-height: 28px; margin:20px 0; padding: 0;}
#header .text h1, #header .text p{text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000;}
#header .btn{width: 365px; height: 65px; background:url(images/take-self-test.gif) 0 0 no-repeat; display: block; text-indent: -9999px; float: right;}
.call{color:#fff;background-color: #024164; padding: 3px 0; text-align: center; width: 100%; font-size:26px;}
.call img{border: none!important; vertical-align:text-top;}
/*home body*/
.content{clear: both; padding: 0px 0 30px 0; }
.content .section{float: left; width: 470px;}
.content .section:first-child{margin-right: 20px;}
.content h1{color: #ff3333; }
.content .section .right{float:left; margin:0 0 20px 0; width: 340px;}

/*home grey*/
.grey{width:100%; background:url(images/bg-grey.jpg) repeat-x 0 0; padding:30px 0 0 0; clear:both;}
.grey .section{width:280px; float:left; padding:0 10px; margin-right: 10px; border-left:3px dotted #bbdae1;}
.grey .section:first-child{border-left:none!important;}
.grey h1{color:#04bae2;}
.grey .section .right{float:left; margin:0 0 20px 0; width: 200px;}

/*padding*/
.padding{clear: both; padding: 30px 0;}

/*page*/
.page-content{clear: both; }
.page-content h1{color: #ff3333; }


/*blog*/
.sidebar{width:280px; float:left; padding:0; margin-bottom: 30px; }
.sidebar h2{color:#e0d93f;}
.sidebar ul{list-style-type: none; margin-left: 0px;font-size: 13px; line-height: 20px; list-style: none!important;}
.sidebar ul ul{margin-left: 15px;}
.sidebar ul li:before,
.sidebar ul b {display: inline-block;width: 13px;font-size: 10px;text-align: center;color: #231f20;margin-right: 5px;}
.sidebar ul li {margin-bottom:5px;background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '<b>&#10140;</b>'+this.innerHTML); list-style: none!important;}
.sidebar ul li:before {content: "\279C"; /* ? */}
.sidebar select{width: 220px;}
.widget{margin-bottom: 20px;}
.blog-content{width: 630px; float: right;border-left:3px dotted #bbdae1; padding-left: 20px; margin-left: 10px; margin-bottom: 30px}
.blog-content h1{color:#ff3333;}
.post-content{margin-bottom: 20px;border-bottom:1px dotted #cccccc; padding: 20px 0; clear: both; }
.post-content h1, .post-content h1 a{color:#04bae2; line-height: 26px; font-size: 18px;margin: 0 0 12px 0; text-decoration: none; }
.post-content h1 a:hover{text-decoration: underline;}
.page-navigation{ margin: 30px 0 0px 0;padding-bottom: 30px;}
.next-posts a, .prev-posts a{display: block; width: 100px;color:#04bae2; font-weight:300; font-size:13px;}
.next-posts a{padding: 0; float: left; }
.prev-posts a{padding: 0; float: right;}
.blog-content ul{list-style-type: none; margin-left: 15px;font-size: 13px; line-height: 20px; list-style: none!important; margin-bottom: 20px;}
.blog-content ul li:before,
.blog-content ul b {display: inline-block;width: 13px;font-size: 10px;text-align: center;color: #231f20;margin-right: 5px;}
.blog-content ul li {margin-bottom:5px;background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '<b>&#10140;</b>'+this.innerHTML); list-style: none!important;}
.blog-content ul li:before {content: "\279C"; /* ? */}

.commentlist{}

.commentlist .comment{}
.comment-body{margin-bottom: 20px;border-bottom:1px dotted #cccccc; padding: 0 20px 20px; clear: both; font-size: 13px; line-height: 22px;}
.comment-author{}
.comment-author img{float: left; margin: 0 10px 10px 0;}
.comment-author cite.fn{}
.comment-author span.says{display: none;}
.comment-meta{}
.comment-body p{clear: both;}
.reply{clear: both;}
/*inputs*/
#searchform{margin-bottom: 20px;}
input, select, textarea{font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; line-height: 22px;}
input[type="text"], select, textarea{padding: 5px; border:1px solid #ccc; }
input[type="submit"]{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#e0d93f; color: #fff; font-weight: 600; padding: 5px; border: 0; width:auto!important;}
input[type="submit"]:hover{background-color:#ebe442; cursor: pointer;}
#respond input,#respond select,#respond textarea{margin-bottom: 10px; width: 400px;}
#respond textarea{height: 160px;}
label{font-weight: 600;color:#e0d93f; margin-bottom: 5px;}

/*footer*/
#footer{width: 100%; background: url(images/footer.gif) 0 0 repeat-x #636363; clear: both;color: #231f20; font-size: 12px; height: 108px; margin-top: 30px;}
#footer .container{padding: 20px 20px 30px 20px!important; width: 920px; background-color: #cccccc;}
#footer a:link, #footer a:visited{color: #231f20;}
#footer .left{float: left; width: 300px;}
#footer .right{float: right; width: 600px; text-align: right;}
#footer ul{list-style: none; margin: 0; padding: 0;}
#footer ul li{display: inline; margin-left: 8px;}

.gform_wrapper label {color: #333;}
.gform_wrapper .gfield_radio li {display: inline-block; margin-right: 30px !important; float: left;}
.gform_wrapper .gfield_radio label {line-height: 2 !important; }