/*  
Theme Name: TwilightPix
Theme URI: http://www.twilightpix.com/
Description: Charelston AMA Custtom Awesomeness
Version: 1.0
Author: TwilightPix
Author URI: http://www.twilightpix.com/
*/
@import "reset.css";
body{background:#f8f8f8; margin: 0; padding: 0; color: #2c2c2c; font-family:verdana,tahoma,arial,sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 15px;}
#bgHolder{background:transparent url(media/layout/headerbg.jpg) top left repeat-x;}
#wrapper{ width:947px; margin:0 auto; padding:20px 0 0 0; }

h1, h2, h3, h4, h5{font-family:Georgia,Verdana,Arial,Serif;; letter-spacing:normal }
h1{width:417px; height:71px; background:transparent url(media/layout/logo.gif) top left no-repeat; text-indent:-9000px; float:left; margin-bottom:17px;}
h1 a{display: block; width:417px; height:71px; outline: none;}
h2{font-size:210%; color:#454545; font-weight:bold;}
h3{font-size:210%;color:#65908e; font-weight:bold; letter-spacing:normal; margin-bottom:20px; line-height:normal;}
a img{border: none;}

a{color:#65908e; text-decoration:underline;}
a:hover{color:#405c5b;}

.thirds{width:32%;}
.left{float:left;}
.right{float:right;}
.center{margin:0 auto; text-align:center;}
.clear{clear:both;}

#photoHolder{height:269px; width:634px; background:transparent url(images/headerImageHolder.png) top left no-repeat; top:-5px; left:10px; position:absolute;}
#photoHolder #photoLeft{position: absolute; top:21px; left: 15px;}
#photoHolder #photoRight{position: absolute; right:23px; top: 13px;}

.theButton{background:transparent url(media/layout/buttonleft.png) center left no-repeat; padding-left:11px; height:30px; display:block; color:#ffffff; line-height:27px; text-decoration:none; font-family:Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Arial; font-weight:bold; font-size:14px; letter-spacing:normal; float:left; margin:10px 0; margin-left:-2px}
.theButton span{background:transparent url(media/layout/buttonright.png) center right no-repeat; text-decoration:none; display:block; float:left; padding-right:15px; height:30px}
.theButton:hover{text-decoration:underline; color:#ffffff;}

.joinButton{background-color:transparent; border:none; display:block; clear:both; width:auto; padding-right:0;}

input{background-color:#eeeeee; border:1px solid #bcbcbc; padding:4px; width:160px; color:#2c2c2c; font-size:11px;}

#newsletterForm{float:right;}

#wrapper .menu{clear: both;}
#wrapper .menu ul{background:transparent url(media/layout/mainNavBG.png) top left no-repeat; width:927px; height:42px; font-family:Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Arial; color:#65908e; padding-left:20px; margin-top:14px; letter-spacing:normal; margin-bottom:5px;}
#wrapper .menu ul li{float:left; list-style:none; position: relative}
#wrapper .menu ul li:hover ul{display: block;}
#wrapper .menu ul li:hover ul li ul{display: none}
#wrapper .menu ul li ul li:hover ul{display: block;}
#wrapper .menu ul li a{text-decoration:none; color:#65908e; font-weight:bold; font-size:14px; padding:13px; display:block}
#wrapper .menu ul li a:hover{text-decoration:underline;}
#wrapper .menu ul li ul{display:none;position: absolute; top:20px; left: -10px; background: none; float: left; width: 130px;}
#wrapper .menu ul li ul li{display:block;float: none; width: 130px; background-color: #f4f4f4; margin: 0; padding: 0; position: relative}
#wrapper .menu ul li ul li a{display: block; float: none; margin: 0; padding: 5px;}
#wrapper .menu ul li ul li ul{display: none; position: absolute; top:10px; left: 130px;}

#column2{margin-left:20px;}
#column1, #column2, #column3{line-height:2;}

#blogLinks li{background:transparent url(media/layout/bullet.png) no-repeat; background-position:0 1px; list-style:none; padding-left:25px; margin-bottom:15px; font-weight:bold; text-decoration:underline; line-height:1.5;}
#blogLinks li a{color:#2c2c2c; font-weight:bold;}

#featureBox{background:transparent url(media/layout/featurebg.png) top left no-repeat; width:920px; height:337px; overflow:hidden; padding:30px 47px 30px 13px;}
#featureBox a{outline: none;}

.story{width:50%; float:left;}
.story #bookNow{width:283px; display:block; margin-top:20px;}
.date{font-family:Lucida Sans Unicode, Lucida Sans, Trebuchet MS, Arial; color:#65908f; font-weight:bold; padding:8px 0; font-size:14px;}
.story p{color:#686868; padding-bottom: 20px;}

#tweet{padding-right:5px; padding-top:3px;}

#footer{float:left; margin:20px 0;}
#footer #bar{background:transparent url(media/layout/footerbar.png) top left no-repeat; width:943px; height:46px; color:#444444; margin-bottom:10px;}
#footer #bar address{float:left; padding:12px 0 0 10px; font-size:11px; line-height:1;}
#footer #bar a{float:right; font-size:11px; font-weight:bold; text-decoration:none; color:#444444; padding:15px 10px 0 0;}
#footer #bar a:hover{text-decoration:underline;}
#footer #mediaIcons li{float:left; list-style:none; padding-right:5px;}


#blogContent{float:left; width:613px; z-index:10; position:relative;}
#blogContent #top{background:transparent url(media/layout/column1top.png) top left no-repeat; height:11px; width:668px;}
#blogContent #middle{background:transparent url(media/layout/column1middle.png) top left repeat-y; width:613px; padding:9px 45px 0 20px;}
#blogContent #bottom{background:transparent url(media/layout/column1bottom.png) top left no-repeat; height:72px; width:668px;}

#sideTop{background:transparent url(media/layout/sidetop.png) top left no-repeat; height:15px; width:305px;}
#sideMiddle{background:transparent url(media/layout/sidemiddle.png) top left repeat-y; width:305px; padding-left:30px}
#sideBottom{background:transparent url(media/layout/sidebottom.png) top left no-repeat; height:19px; width:305px; z-index:-10;}


#middle{color:#686868}
#middle h2{line-height:normal;}
#middle h2 a{text-decoration:none; color:#454545}
#middle h2 a:hover{color:#000000}

#middle #comments{background-color:#ebebeb; padding:15px 15px 15px 15px; border:1px solid #9e9e9e; margin-top:30px}
#middle ol{margin-left:25px;}
#middle h3{font-size:190%; color:#454545;}

.commentlist li{list-style:none; clear:both; padding-top:15px; display:block;}
.col1{width:20%; float:left; text-align:right; font-weight:bold; padding-top:5px; font-size:10px}
.col2{float:right; width:74%; background-color:#f7f7f7; padding:10px;}
#respond h3{clear:both; padding-top:20px;}

#rightcol{float:right; width:305px; z-index:-10; margin-top:40px; }

#rightcol h3{color:#FFFFFF;}

#rightcol ul{width:250px;}
#rightcol ul li{ padding-bottom:9px; padding-top:9px; font-size:14px; padding-left:15px; background:transparent url(media/layout/bardivider.gif) bottom left repeat-x;}
#rightcol ul li ul li{background: none; list-style: disc; margin-left: 30px; padding-left: 0;}
#rightcol ul li a{text-decoration:none; color:#454545;}
#rightcol ul li a:hover{text-decoration:underline; color:#454545;}
.alignleft{float:left;}
img.alignleft{margin:0 10px 2px 0;}
.entry img{border:6px solid #ffffff;}
.entry ul, .entry ol{margin: 0px 0 20px 40px;}
.entry ul li{list-style:disc;}
.entry strong{font-weight:bold; color:#333333;}
#middle p{padding-bottom:15px;}
.ptags{font-size:10px; width:400px;}
.post{padding-bottom:40px;}
.post h2{padding-top:10px;}
.post .theButton{margin-top:-15px;}
#sideMiddle h3{color:#6d7381; margin-left:-40px; padding-left:40px;  padding-top:17px;background:transparent url(media/layout/sidebanner.png) top left no-repeat; height:46px; width:276px; font-size:21px; margin-bottom:0;}

/*=== Slider ===*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 830px;
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 830px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.wrapper{
	float: left;
	padding: 0 0 0 20px;
}
.btn-arr2{
	float: left;
	padding: 130px 0 0;
	width: 27px
}
.fr{
	float: right
}

#photos{float: left; width: 100%; height: 250px;}
.flickr_badge_image{float: left; margin-right: 5px;}
.flickr_photos{float: left; width: 240px;}

#formboxes{width: 300px;}