/*
Theme Name:The Solar Company
Theme URI:http://www.thesolarco.com/
Version:1.0
Author:Adrian Hirt
Author URI:http://www.adrianhirt.com/
*/


/* Begin Typography & Colors */
body {font-size:70%; font-family: Verdana, Arial, Sans-Serif; background:#fff url('images/background.jpg') no-repeat fixed top center; color:#333; text-align:center; }
#page {width:960px; text-align:left; position:relative; }

#header {background:#73a0c5 url('images/header.jpg') no-repeat 0 -20px; }
#headerimg 	{margin:-10px 0 0 0; height:150px; width:100%; }
#header h2 {float:left; margin-left:-9999px; }
#header a {background:url('images/logo-animated.png') no-repeat top left; margin:-13px 0 0 20px; width:224px; height:149px; display:block; }
#header a:hover {background:url('images/logo-animated.png') no-repeat bottom left;}
#headerimg .description {font-size:1.2em; margin-left:-9999px; }



#content {width:100%; background:#f5f9fa url('images/page-bg.jpg') repeat-x top left; font-size:1.2em; position:absolute; top:140px; padding-top:14px; }

.column .entry p {font-size:1.05em; }
.column .entry {line-height:1.4em; }
.column {line-height:1.6em; }
.column .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 {background:#e7e7e7; border:none; }

small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em; }

h1, h2, h3 {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:bold; }



#phone a {display:block; width:232px; height:40px; background:url('images/phone.png') no-repeat; position:absolute; top:85px; right:15px; margin:0;}
#phone a:hover {background:url('images/phone.png') bottom left no-repeat; }
#phone h2 {float:left; margin-left:-9999px; }


/*   slideshow   */
#slideshow {margin:0 0 6px 20px; height:304px;}
#slideshow #bg {position:absolute; width:926px; height:304px; background:url('http://www.thesolarco.com/images/home/slideshow/slideshow-bg.gif') no-repeat; margin-left:-3px; z-index:12;}
ul.slideshow {list-style:none; width:926px; height:300px; overflow:hidden; position:relative; margin:0; padding:0 3px; }
ul.slideshow li {position:absolute; left:0; right:0;}
ul.slideshow li.show {z-index:5; }
ul img {border:none; }
#slideshow-caption {width:700px; height:100px; position:absolute; top:160px; left:-9999px; color:#fff; background:none; z-index:3; }
#slideshow .slideshow-caption-background {display:block; width:100%; height: 100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:3; position:absolute; }
#slideshow-caption .slideshow-caption-container {padding:5px 15px; z-index:3; position:absolute; filter:alpha(opacity=100); }
#slideshow-caption h3 {margin:0; padding:0; font-size:16px; z-index:3; }
#slideshow-caption p {margin:5px 0 0 0; padding:0; font-size:16px; z-index:3; }


#warriors {float:left; margin:0 0 0 20px;}
#warriors a {display:block; width:279px; height:80px; background:url('images/warriors.png'); }
#warriors a:hover {background:url('images/warriors.png') bottom; }

#slug {margin:6px 0 0 325px; }
#home-boxes {margin:0; text-align:center; }
#gallery-button {float:right; margin:0 328px 80px 0;}

#movie {z-index:0; position:relative;}


/*  Navigation Bar  */
#nav-bar {position:absolute; width:940px; height:48px; top:128px; left:10px; z-index:15000; }
#left-nav-bar {float:left; width:7px; height:48px; background:url('images/nav-bar-1.png') no-repeat; }
#middle-nav-bar {position:relative; float:left; width:925px; height:48px; background:url('images/nav-bar-2.png') repeat-x; }
#right-nav-bar {float:left; width:7px; height:48px; background:url('images/nav-bar-3.png') no-repeat; }
#nav-bar ul {margin:0; padding:0; list-style:none; }
#nav-bar li {display:inline-block; width:150px; font:normal normal bold 15px Arial, sans-serif; text-transform:uppercase; text-align:center; float:left; }
#nav-bar li.page-item-9 {width:90px; padding-left:15px; padding-right:15px;}

#nav a {display:block; color:#fff; text-decoration:none; margin:5px 4px 2px; padding:1px 2px; }
#nav a:hover {color:#fff; background-color:#b6c584}
#nav li ul {display:none; }
#nav li:hover ul {display:block; width:272px; height:auto; margin:-2px 0 0 -3px; padding:0 0 30px 0; position:absolute; background:url('images/nav-drop-down.png') bottom right; }
#nav li ul li {width: 200px; text-align:left; text-transform:capitalize; margin:0; padding:0; font-size:0.9em; }
#nav li:hover ul li {display:block; float:left; }
#nav li:hover ul li a {display:block; width:232px; margin:6px 0 2px 8px; padding:2px 4px; color:#415aaa; border:1px solid #ddd; border-right-color:#bbb; border-bottom-color:#bbb; }
#nav li:hover ul li a:hover {color:#415aaa; background:#fff97f; }
#nav li:hover ul li ul {position:relative; margin:0; padding:0 0 0 10px; border:none; background:none; }
#nav li ul li ul li {padding:0; font-size:0.8em; list-style:circle outside url('images/level3.png'); }
#nav li:hover ul li ul li { }
#nav li:hover ul li ul li a {margin:0; padding:0 16px 0 16px; color:#7b96f1; border:none; }
#nav li:hover ul li ul a:hover {color:#333; text-decoration:underline; background:transparent; }



#nav-bar #searchform {float:right; width:163px; height:32px; background:url('images/search-box.jpg') no-repeat; margin:8px -1px; padding:0; }
#nav-bar #searchform input {width:128px; padding:9px 0 9px 30px; border:none; background:transparent; color:#638231}
#nav-bar input#searchsubmit {display:none; }

#content .search {width:88%; }
.search .searchresult {float:left;}
.searchresult {display:block; border-bottom:1px solid #638231; margin-bottom:10px; }
.searchresult .hentry {float:left; width:23%; }
.searchresult h3 {margin-top:10px; text-align:left; }
.searchresult a {text-align:left; }
.searchresult .entry {width:72%; float:right}

#footer-icons {postition:relative; height:110px;}

/*  Social Buttons  */
#social {width:240px; position:absolute; bottom:10px; left:20px; }
#social p {float:left; color:#729639; }
#social a {display:block; width:32px; height:32px;}
#social li {list-style:none; display:inline-block; float:left; margin:0 0 0 2px; }
#social .twitter a {background:url('images/social/s-twitter.png'); }
#social .facebook a {background:url('images/social/s-facebook.png'); }
#social .youtube a {background:url('images/social/s-youtube.png'); }
#social .linkedin a {background:url('images/social/s-linkedin.png'); }
#social .twitter a:hover {background:url('images/social/s-twitter.png') bottom; }
#social .facebook a:hover {background:url('images/social/s-facebook.png') bottom; }
#social .youtube a:hover {background:url('images/social/s-youtube.png') bottom; }
#social .linkedin a:hover {background:url('images/social/s-linkedin.png') bottom; }

#certs {position: absolute; bottom:10px; right:20px; }
#certs img {margin:0 0 0 6px;}

h1 {font-size:1.6em;}
h2 {font-size:1.6em; }
h2.pagetitle {font-size:1.6em; }
#sidebar h2 {font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em; }
h3 {font-size:1.3em; }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none; color:#75892e; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#75892e; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration:none; }

.entry p a:visited {color:#b85b5a; }

.sticky {background:#f7f7f7; padding:0 10px 10px; }
.sticky h2 {padding-top:10px; }

.commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', 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:'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata {font-weight:normal; }
.nocomments {display:none; }

#sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777; }
code {font:1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em; }

a, h2 a:hover, h3 a:hover {color:#06c; text-decoration:none; }

a:hover {color:#147; 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 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center; }
#wp-calendar th {font-style:normal; text-transform:capitalize; }



/* Structure */
body {margin:-20px 0 0 0; padding:0; }
#page {margin:20px auto; padding:0; width:960px; }
#header {margin:0; padding:2px 0; height:150px; width:960px; }
//#headerimg {margin:0; height:170px; width:100%; }
.narrowcolumn {float:left; padding:0 0 20px 45px; margin:0px 0 0; width:450px; }
.widecolumn {padding:10px 0 20px 0; margin:5px 0 0 150px; width:450px; }
.post {margin:10px 30px; padding:30px; background:white; text-align:justify; }
.post hr {display:block; }
.widecolumn .post {margin:0; }
.postmetadata {clear:both; }
.narrowcolumn .postmetadata {padding-top:5px; }
.widecolumn .postmetadata {margin:30px 0; }
.widecolumn .smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; }
.widecolumn .attachment {text-align:center; margin:5px 0px; }
#footer {padding:0; margin:0 auto; width:960px; clear:both; }
#footer p {margin:0; padding:20px 0; text-align:center; }
.clear {clear:both; }



/*	Headers */
h1 {padding-top:20px; margin:0; }
h2 {margin:20px 0 0; }
h2.pagetitle {margin-top:30px; text-align:center; }
#sidebar h2 {margin:5px 0 0; padding:0; }
h3 {padding:0; margin:30px 0 0; }
h3.comments {padding:0; margin:40px auto 20px ; }




/* Images */
p img {padding:0; max-width:100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display:block; margin-left:auto; margin-right:auto; }
img.alignright {padding:4px; margin:0 0 4px 16px; display:inline; }
img.alignleft {padding:4px; margin:0 16px 4px 0; display:inline; }
.alignright {float:right; }
.alignleft {float:left; }




/* Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px; }
html>body .entry li {margin:7px 0 8px 10px; }

.entry ul li:before, #sidebar ul ul li:before {content:"\00BB \0020"; }
.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; margin-bottom:15px; }
#sidebar ul p, #sidebar ul select {margin:5px 0 8px; }
#sidebar ul ul, #sidebar ul ol {margin:5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px; }
ol li, #sidebar ul ol li {list-style:decimal outside; }
#sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0; }

.vcard {width:30%; margin:12px 0 4px; float:left; }
.vcard p {margin:0; font-size:1em; }
.vcard .org {font-weight:bold; font-size:1.2em; }






/* Form Elements */
#searchform {margin:10px auto; padding:5px 3px; text-align:center; }
#sidebar #searchform #s {width:108px; padding:2px; }
#sidebar #searchsubmit {padding:1px; }

.entry form { /* This is mainly for password protected posts, makes them look better. */ 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; }

form.mailer {font-size:12px;}
form.mailer p {text-align:left; clear:both; }
form.mailer label {display:block; float: left; width: 42%; text-align:right; margin:0 10px 0 0; padding-bottom:15px; clear: left; }
form.mailer select.fmselect {float: left; display: block; width: 52%; margin-bottom:15px; padding: 3px; }
form.mailer .fmcheck {width: 53%; float: left; display: block; margin-bottom: 15px; }
form.mailer .fmchecklabel {display: inline; float: none; clear: none; text-align: left; margin: 0; padding: 0; }
form.mailer .fmradio {display:block; float:left; width:52%; margin-bottom: 5px; }
form.mailer .fmradio input {float:left; margin:0 6px 0 0; }
form.mailer .fmradiolabel {clear:none; float:none; margin: 0; padding: 0; width:auto; text-align:left; }
form.mailer .fmradio p {padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.mailer .fmcheck p {padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.mailer textarea {float: left; position: relative; width: 51%; margin-bottom: 15px; padding: 3px; }
form.mailer input.fmverify {float:left; width: 22%; margin-bottom: 15px; padding: 3px; position: relative; display: block; }
form.mailer img {margin: 1px 10px 0 10px; float: left; }
form.mailer input.fmfile,
form.mailer input.fmtext {float: left; display: block; width: 50%; margin-bottom: 15px; padding: 3px; }
form.mailer input.fmdate {float: left; display: block; width: 40%; margin-bottom: 15px; padding: 3px; }
form.mailer textarea.fmtextwide {display: block; float: left; width: 93%; margin-right: 2px; margin-bottom: 15px; padding: 3px; }
form.mailer .submit {text-align:right; margin:10px 0 0; }
form.mailer .required {color: #FF0000; }
.ddfmerrors {color: #FF0000; }
form.mailer fieldset.contact {float:left; width:38%; min-height: 430px; margin-bottom:10px; }
form.mailer fieldset.info {float:right; width:55%; min-height:430px; margin-bottom:10px; }




/* Comments*/
.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 */
#sidebar {padding:20px 0 10px 0; margin-left:545px; width:190px; }
#sidebar form {margin:0; }




/* Calendar */
#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 { /* Doesn't work in IE */ background-color:#fff; }




/* Various Tags & Classes */
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:32px 50px -10px; color:green; }




/* Captions */
.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; }
.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; }