/*
Theme Name: Non12Step
Theme URI: http://www.non12step.com
Description: Custom Theme for Non12Step.com
*/

body{ color:#2e2e2e; font-family:Verdana, Arial, Sans-Serif; background-color:#ccc; background-image:url(images/page-bg.jpg); background-repeat:repeat-x; background-position:left top; font-size: 14px; line-height: 18px; }


.narrowcolumn .postmetadata{text-align:center}

.thread-alt{background-color:#f8f8f8}
.thread-even{background-color:white}
.depth-1{border:1px solid #ddd}

.even, .alt{border-left:1px solid #ddd}

#footer{border:none; background-image:url(images/footer-bg.jpg); background-repeat:no-repeat}
#footerwide{border:none; background-image:url(images/footer-bg-wide.jpg); background-repeat:no-repeat}
small{font-family:Verdana,Arial,Sans-Serif; font-size:0.9em; line-height:1.5em}



.sticky{background:#f7f7f7; padding:0 10px 10px}
.sticky h2{padding-top:10px}

.commentlist li, #commentform input, #commentform textarea{font:0.9em Verdana,Arial,Sans-Serif}
.commentlist li ul li{font-size:1em}

.commentlist li{font-weight:bold}

.commentlist li .avatar{float:right; border:1px solid #eee; padding:2px; background:#fff}

.commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em}

.commentlist p{font-weight:normal; line-height:1.5em; text-transform:none}

#commentform p{font-family:Verdana,Arial,Sans-Serif}

.commentmetadata{font-weight:normal}



small, .nocomments, .postmetadata, blockquote, strike{color:#777}
blockquote { color:#666 }

code{font:1.1em 'Courier New',Courier,Fixed}

acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em}

a, h2 a:hover {text-decoration:none}

a:hover{text-decoration:underline}

#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt}

#wp-calendar a{text-decoration:none}

#wp-calendar caption{font:bold 1.3em Verdana,Arial,Sans-Serif; text-align:center}

#wp-calendar th{font-style:normal; text-transform:capitalize}

body{margin:0 0 20px 0; padding:0}

#page{margin:0px auto; padding:0; width:960px; background-image:url(images/site-bg.png); background-repeat:repeat-y}


#header{padding:0; width:960px; background-image:url(images/header-bg.jpg); background-repeat:no-repeat; background-position:top; margin-bottom:8px}

.narrowcolumn{float:right; padding:0 65px 20px 0px; margin:0px 0 0; width:600px}

.widecolumn{ float:right; padding:0 120px 20px 5px; margin:0px 0 0; width:700px }

.post{margin:0 0 20px; }

.post hr{display:block}

.widecolumn .post{margin:0px}

.narrowcolumn .postmetadata{padding-top:5px}

.widecolumn .postmetadata{padding-top:5px}

.widecolumn .smallattachment{text-align:center; float:left; width:128px; margin:5px 5px 5px 0px}

.widecolumn .attachment{text-align:center; margin:5px 0px}

.postmetadata{clear:both}

.clear{clear:both}

#footer, #footerwide {padding:0; width:960px; clear:both; height:69px; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}
#footer p, #footerwide p {margin:0; text-align:center; font-size:11px; color:#FFF; padding-top:30px; padding-right:0; padding-left:0}

p img{padding:0; max-width:100%}

img.centered{display:block; margin-left:auto; margin-right:auto}

img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}

img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline}

.alignright{float:right}

.alignleft{float:left}


.entry ol{padding:0 0 0 35px; margin:0}

.entry ol li{margin:0; padding:0}

.postmetadata ul, .postmetadata li{display:inline; list-style-type:none; list-style-image:none}

#sidebar ul, #sidebar ul ol{margin:0; padding:0}

#sidebar ul li{list-style-type:none; list-style-image:none}


ol li{list-style:decimal outside}



#searchform{margin:10px auto; padding:5px 3px; text-align:center}

#sidebar #searchform #s{width:108px; padding:2px}

#sidebar #searchsubmit{padding:1px}

.entry form{text-align:center}

select{width:130px}

#commentform input{width:170px; padding:2px; margin:5px 5px 1px 0}

#commentform{margin:5px 10px 0 0}
#commentform textarea{width:100%; padding:2px}
#respond:after{content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
#commentform #submit{margin:0 0 5px auto; float:right}

.alt{margin:0; padding:10px}

.commentlist{padding:0; text-align:justify}

.commentlist li{margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none}
.commentlist li ul li{margin-right:-5px; margin-left:10px}

.commentlist p{margin:10px 5px 10px 0}
.children{padding:0}

#commentform p{margin:5px 0}

.nocomments{text-align:center; margin:0; padding:0}

.commentmetadata{margin:0; display:block}

#sidebar{ margin-left:30px; width:215px; }

#sidebar form{margin:0}

#wp-calendar{empty-cells:show; margin:10px auto 0; width:155px}

#wp-calendar #next a{padding-right:10px; text-align:right}

#wp-calendar #prev a{padding-left:10px; text-align:left}

#wp-calendar a{display:block}

#wp-calendar caption{text-align:center; width:100%}

#wp-calendar td{padding:3px 0; text-align:center}

#wp-calendar td.pad:hover{background-color:#fff}

acronym, abbr, span.caps{cursor:help}

acronym, abbr{border-bottom:1px dashed #999}

blockquote{margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd}

blockquote cite{margin:5px 0 0; display:block}

.center{text-align:center}

.hidden{display:none}

.screen-reader-text{ position:absolute;  left:-1000em}

hr{display:none}

a img{border:none}

.navigation{display:block; text-align:center; margin-top:10px; margin-bottom:60px}

.aligncenter, 
div.aligncenter{display:block; margin-left:auto; margin-right:auto}

.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

.wp-caption img{margin:0; padding:0; border:0 none}

.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

#logo img{padding-top:15px; padding-left:20px}
#logo{float:left; width:500px}
#logo h1{margin:0px; padding:0px; text-align:left}
#contactdetails{margin-left:525px; font-size:11px; text-align:right; margin-right:40px; color:#666; padding-top:110px}
#contenttop{ background-image:url(images/content-top-bg.png); clear:left; height:28px;  }
#contenttopwide{ background-image:url(images/content-top-bg-wide.png); clear:left; height:28px; background-repeat: no-repeat; }
#contentmid{background-image:url(images/content-mid-bg.png); background-repeat:repeat-y}
#contentmidwide{ background-image:url(images/content-mid-bg-wide.png); background-repeat:repeat-y; padding: 0px; margin: 0px; }
h1 { font-size: 24px; line-height: 28px; color: #0C6283; text-align:center; }
h2 {color:#028abd;font-size:14px;text-align:left;line-height:16px}
h3 { font-size: 20px; line-height: 24px; color: #0C6283; text-align: center; }
h4, h4 a { color:#0C6283; font-size:17px; text-align:left; line-height:22px; margin-bottom: 0px; padding-bottom: 0px; }
h6 { font-size: 14px; line-height: 18px; color: #0C6283; margin-top: 0px; margin-bottom:0px; }

hr { color: #fff; background-color: #fff; border: 1px dotted #ffff00; border-style: none none solid; margin-top: 10px; margin-bottom: 10px; }

.sidecont { background-color: #DFECF2; padding-top: 0px; padding-bottom: 5px; margin-top: 0px; margin-bottom: 10px; }
#sidebar .sidecont h2 { font-size: 15px; color: #FFF; background-color: #15A9C8; margin: 0px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 10px; }
#sidebar h2 a, #sidebar h2 { font-size: 15px; color: #FFF; }
#sidebar .sidecont ul { padding: 0px; margin-top: 5px; margin-right: 5px; margin-left: 20px; margin-bottom: 5px; }
#sidebar .sidecont ul li a:link, #sidebar .sidecont ul li a:visited, #sidebar .sidecont ul li a:active { color: #2E2E2E; }
#sidebar .sidecont ul li a:hover { color: #00669A; text-decoration: underline; }
#sidebar .wanthelp { padding-left: 10px; padding-right: 10px; color: #FFF; background-color: #15A9C8; border: 1px solid #FFF; }
.associations { text-align: center; padding-bottom: 10px; padding-top: 10px; color: #FFF; }
#sidebar .wanthelp p a { color: #FFF; }
.testimonials { background-color: #FFC; border: 1px solid #FC3; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
.testimonials td { padding: 10px; }
.testimonialheading { font-size: 17px; color: #000080; text-align: center; font-weight: bold; }
.entry a:link, .entry a:visited, .entry a:active { color: #088f7e; text-decoration: underline; }
.entry a:hover { color: #00669a; text-decoration: underline; }
.bluebold { font-weight: bold; color: #00669a; }
.entry ul li { margin-bottom: 10px; list-style-position: outside; list-style-type: disc; }
.entry ol li { margin-bottom: 10px; list-style-position: outside;}
.guarantee { padding-top: 10px; padding-bottom: 10px; border: 1px solid #CCC; }
.meetus { background-color: #FFFFE6; border: 1px solid #CCC; }
.casestudy {border: 1px solid #CCC;}
.casestudy td { padding: 10px; }
.planstay{ font-size: 11px; line-height: 14px; padding-left: 10px; }
.shadowbox {padding-bottom:10px}
.shadowboxinner {background:#fff url(http://www.non12step.com/images//shadow-bottom-bg.jpg) repeat-x left bottom;margin-right:25px; margin-left: 25px;padding-bottom:3px;text-align:center;}
.shadowboxborder { padding-bottom:5px; background:url(http://www.non12step.com/images/shadow-header-bg.jpg) repeat-x top left;  border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d2d2d2; border-left-color: #d2d2d2; }
.shadowboxinner h1 {color:#00669a;font-size:14px;text-align:center;margin-top:0;padding:5px;line-height:16px}
.shadowboxinner p,.shadowboxinner form {text-align:left;margin:5px}
.shadowboxinner p.margin {padding-top:10px;margin:0 10px 10px 10px}
.author{ font-family:Verdana, Arial, Sans-Serif; font-size:11px; line-height:14px; color: #666; }
.signup { background-color: #FF9; margin: 5px; border: 1px solid #999; }
#freereport { margin-top: 10px; margin-bottom: 15px; border: 1px solid #FFF; }
