/*
Theme Name: Accordion
Theme URI: http://www.badapplemedia.com
Description: Custom WP theme
Version: 1.0
Author: Michael Ciccarelli
Author URI: http://www.badapplemedia.com
*/

/* Begin Misc Styles */
.hide {display:none;} 
.clear {clear: both;line-height: 1;}
.alignright {float: right;}
.alignleft {float: left}
.linklove {display:none;}
/* End Misc Styles */

/* Begin Typography & Colors */
body {background: #1A1A1A;margin: 0 0 20px 0;padding: 0;font-size: 62.5%; /* Resets 1em to 10px */font-family: "Myriad Pro","Lucida Grande", Verdana, Helvetica, Arial, sans-serif;color: #999;text-align: left;}
p {margin:5px 0px;}
p a, p a:visited {color:#111;text-decoration:none;}
p a:hover {color:#000;border-bottom: none;text-decoration:none;}
a, a:visited {outline: none;color: #ccc;text-decoration: none;}
a:hover {color: #eee;border-bottom: none;text-decoration: none;}
small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}
/* End Typography & Colors */

/*	Begin Structure */
#header {width: 860px;height: 100px;margin: 25px auto;padding: 0 20px;}
#header h1 a {background: url("images/dark/header-logo.png") no-repeat;float: left;margin: 10px 0px;text-indent: -9999px;width: 346px;height: 83px;border: none;}
#header ul.contact {float: right;padding:0;margin: 35px 0 0 0;list-style: none;}
#header ul.contact li {margin: 2px 0;padding: 0;font-size: 1.1em;}
#container {background-color: #e5e5e5;border-color:#111;border-style:solid;border-width:1px 1px 4px;width:900px;margin:0px auto;text-align: left;}
/*	End Structure */

/*	Begin Headers */
h2,h3 {margin: 5px 0 10px 0;}
h3#send_us_message {background: url(images/send_message.gif) 0 0 no-repeat;width: 118px;margin: 0;}
h2#aboutus {margin:0 0 10px 0;background: url(images/aboutus.png) 0 0 no-repeat;display: block;width: 58px;height: 14px;text-indent: -999px;}
h2#workingwithus {margin:0 0 10px 0;background: url(images/workingwithus.png) 0 0 no-repeat;display: block;width: 110px;height: 14px;text-indent: -9999px;}
h2#wespecializein {margin:0 0 10px 0;background: url(images/wespecializein.png) 0 0 no-repeat;display: block;width: 100px;height: 14px;text-indent: -9999px;}
h2#wordpress {margin:0 0 10px 0;background: url(images/wordpress.png) 0 0 no-repeat;display: block;width: 73px;height: 14px;text-indent: -9999px;}
h2#twitterupdates {margin:0 0 10px 0;background: url(images/twitterupdates.png) 0 0 no-repeat;display: block;width: 107px;height: 14px;text-indent: -9999px;}
/* End Headers */


/* Start Vertical Accordions */
		
.accordion_toggle {/*display: block;*/height: 40px;width: 880px;background: url(images/dark/accordion_toggle.gif) no-repeat;border-bottom: 1px solid #000;padding: 5px 10px;line-height: 40px;color: #fff;font-weight: normal;text-decoration: none;outline: none;font-size: 16px;cursor: pointer;margin: 0;}
.accordion_toggle span{color:#ccc;margin-left: 3px;}
.accordion_toggle:hover{background: url(images/dark/accordion_toggle_hover.gif) no-repeat;}
.accordion_toggle:hover span{color:#fff;margin-left: 3px;}
.accordion_toggle_active {background: url(images/dark/accordion_toggle_active.gif) no-repeat;color: #ffffff;}
.accordion_toggle_active span{color:#fff;margin-left: 3px;}
.accordion_heading {margin: 10px 0;}

.accordion_content {background: #E5E5E5;color: #333;overflow: hidden;position:relative;padding: 20px;}
.accordion_content .leftcol-half{position:relative;width:400px;padding: 0 15px;float: left;}
.accordion_content .rightcol-half{position:relative;width:400px;padding: 0 15px;float: right;}
.accordion_content a,.accordion_content a:visited {color:#c90000;font-weight: bolder;}
.accordion_content a:hover {color:#000;}
.accordion_content h2 {margin: 5px 0px 10px 0;font-size:1.8em;}
.accordion_content h3 {margin: 5px 0px;font-size:1.3em;}
.accordion_content p {line-height: 150%;padding: 5px 10px 15px 0px;font-size:1.3em;}
.accordion_content ul {padding: 0 10px;}
.accordion_content .postmetadata {padding: 0px 0px 15px 0px;}
.accordion_content .tagged {padding: 5px 0px 20px 0px;}

.feature_content {display:block;height:200px;padding:0;margin:0;overflow:hidden;position:relative;width:900px;}
.feature_content img {width:100%;z-index:0;}
.feature_content .title {background:#111 none repeat scroll 0 0;bottom:0;display:block;left:0;opacity:0.85;padding:4px 3px;position:absolute;width:100%;z-index:3;}
.feature_content .title h2{color: #fff;font-weight: normal;text-align: center;}
.feature_content .title a,.feature_content .title a:visited {border: none;color: #fff;}

.portfolio_content {padding: 0px;}
.portfolio_content .folio-item{margin: 0;height: 150px;overflow: hidden;}
.portfolio_content .folio-image {float: left;width:525px;border-top: 5px solid #333;}
.portfolio_content .folio-info {float:left;width:335px;padding: 5px 20px 0px 20px;position:relative;border-top: 5px solid #777;height: 130px;}
.portfolio_content .folio-info p{padding: 5px 0;margin: 0;font-size: 1.1em;}
.portfolio_content .folio-info a.visit_link{position: absolute;right: 20px;top:10px;}

.vertical_accordion_toggle {display: block;height: 30px;width: 600px;background: url(images/accordion_toggle.gif) no-repeat top right #a9d06a;padding: 0 10px 0 10px;line-height: 30px;color: #ffffff;font-weight: normal;text-decoration: none;outline: none;font-size: 16px;color: #000000;border-bottom: 1px solid #777;cursor: pointer;margin: 0;}
.vertical_accordion_toggle_active {background: url(images/accordion_toggle_active.gif) no-repeat top right #e0542f;color: #ffffff;border-bottom: 1px solid #777;}
.vertical_accordion_content {background-color: #ffffff;color: #999;overflow: hidden;}
.vertical_accordion_content h2 {margin: 15px 0 5px 10px;color: #999;}
.vertical_accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}
/* End Vertical Accordion */

/* Start Horizontal Accordion */
.accordion_content h4 {margin: 0;padding: 5px;}
.horizontal_accordion_toggle {float: left;display: block;height: 500px;width: 30px;background:#00;color: #ffffff;text-decoration: none;outline: none;border-right: 1px solid #161616;cursor: pointer;margin: 0;}
.horizontal_accordion_toggle_active {background: #ffcc00;border-right: 1px solid #161616;}
.horizontal_accordion_content {height: 500px;float: left;width: 300px;overflow: hidden;color: #fff;}
.horizontal_accordion_content p {width: 250px;line-height: 150%;padding: 5px 10px 15px 0px;}
/* End Horizontal Accordion */					
					
/* Start Container styling */
#horizontal_container {/*margin: 20px auto 20px auto;width: 300px;*/height: 500px;}
#vertical_nested_container {margin: 20px auto 20px auto;width: 620px;}
/* End Container styling */

/* Start Contact */
.contact_info {float: right;width: 300px;padding: 0 20px 20px 20px;}
ul.contact_details{list-style: none;margin: 0;padding: 0;}
ul.contact_details li{font-size: 1.3em;}


#error_box {background: #F9F4B6;border: 1px solid #E2DC90;margin-top: 16px;padding: 10px 13px;color: #75713C;}

#message {color: #5c5c56;width: 430px;padding: 0 0 30px 0;float: left;}

.left_textinput {width: 200px;margin: 0 30px 0 0;float: left;}
.right_textinput {width: 200px;float: left;}

#message .row {margin: 9px 0 0 0;}
#message .row label em {font-style: normal; padding-left: 3px; color: #AAAAAA;}
#message div.textinput {background: url(images/textbox_200.gif) 0 0 no-repeat;height: 26px;margin: 3px 0 0 0;}
#message input {background: none;width: 188px;height: 21px;padding: 5px 6px 0 6px;border: none;}
#message div.textarea {background: url(images/textarea_430.gif) 0 0 no-repeat;height: 95px;margin: 3px 0 0 0;}
#message textarea {background: none;width: 418px;height: 83px;margin: 5px 6px 5px 6px;border: none;}
#message button {background: url(images/send_message.gif) 0 0 no-repeat;height: 26px;width: 100px;margin: 16px 0 0 0;float: right;}
#message button:hover {background-position: 0 -26px;}
/* Start Contact */


/* Begin Images */
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}
a img {border: none;}
/* End Images */

/* Contact */

/* General
============================================================================= */

/*.section {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #dcdcdc;
}
*/

/* Start Footer */
#footer {padding: 0;margin: 30px auto;width: 900px;background: #E5E5E5;/*border-top: 1px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;*/color: #333;}
#footer p {margin: 0;text-align: left;}
#footer .col{width:184px;float:left;padding: 20px;/*border-right: 1px solid #1a1a1a;*/}
#footer .col ul.services{list-style: none;margin: 0;padding: 0; }
#footer .col ul.services li{background: url(images/bullet.gif) no-repeat;padding:2px 0 0 20px;margin: 2px 0;}
#footer .last{border: none;}
.copyright {color: #999;margin: 0 auto;width: 900px;}
/* End Footer */