/*
This site is built by BitFlip Tech
Project  Name: {RockHouse Events}
Site URL : http://www.rockhouseevents.com
Designer: Terry Williams
Programmer: Josh Klein 12/1/09
Revision Authors and Dates:

removed * from line 12 body *
*/

.banner_top {
    float:left;
    margin-left:17px;
    margin-top:9px;
}

body {
	font-family: Helvetica;
	color: #727272;
	font-size: 12px;
}
/* Global Styling */
#header {
	background: #FFFFFF url(../images/content/background/site/bg.jpg) repeat-x left top;
	height: 150px;
	clear:both;
	float:left;
	width:100%;
}
#header .newsletter{
	margin-top: 25px;
}
#header .navigation {
	margin-top: 6px;
}
#header .navigation ul {
/*	width:800px; */
	width:960px;
	height: 34px;
	background: #000000 url(../images/content/nav/bg.gif) repeat-x left top;
}
#header .navigation ul li {
	float:left;
	width: 160px;
	text-align: center;
	vertical-align: middle;
	height: 34px;
	line-height: 33px;
	background: transparent url(../images/content/nav/divide.gif) no-repeat left center;
}
#header .navigation ul li a, #header .navigation ul li a:visited, #header .navigation ul li a:active {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	height: 34px;
	line-height: 33px;
	width: auto;
	display: block;
}
#header .navigation ul li a:hover {
	color: #ef7d40;
}
#header .navigation .left {
	background: transparent url(../images/content/nav/left.gif) no-repeat left top;
}
#header .navigation .right {
	background: transparent url(../images/content/nav/right.gif) no-repeat right top;
}
/* end Header */
#main {
	clear:both;
	width: 100%;
	margin-top: 15px;
    float:left;
}
#main #primary {
	width: 676px;
	margin-right: 15px;
}
#main .entry {
	margin-bottom: 15px;
}
/* Footer */
#footer {
	width:100%;
    margin-bottom:10px;
}
#footer .container {
	border-top: 1px dotted #d6d6d6;
}
#footer .center {
	width: 423px;
	margin: 0 auto;
}
#footer ul {
    float:left;
    margin:0 auto;
    text-align:center;
    width:300px;
    margin-top: 5px;
}
#footer ul li {
	border-right:1px solid #ef7d40;
	display:inline;
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:auto;
}
#footer ul li.first {
    padding-left: 0px !important;
}
#footer ul li.last {
	border-right:medium none;
	padding-right:0;
}
#footer ul li a:hover, #footer ul li a:active {
	color:#231f20;
}
#footer ul li a {
	color:#ef7d40;
	text-decoration:none;
}
#footer .copyright {
    float:right;
    font-size:10px;
    margin:0 auto;
    text-align:center;
    width:310px;
        margin-top: 5px;
}
#footer .author {
	font-size: 10px;
}
/* End Footer */


.entry .entry-title {
	margin-bottom: 1px;
	color: #4c4b4b;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	height: 26px;
	background-color: #DCDCDC;

}
.entry .entry-title span.left {
	background: #dcdcdc url(../images/content/headers/left.gif) no-repeat scroll left top;
	height: 26px;
	width: 10px;
}
.entry .entry-title span.right {
	background: #dcdcdc url(../images/content/headers/right.gif) no-repeat scroll right top;
	height: 26px;
	width: 10px;
}

.entry .entry-content {
	border: 1px solid #dcdcdc;
	padding: 10px;
	overflow: hidden;

}

#secondary {
	width: 269px;
	float:left;
	}



.margin-top-10 {
	margin-top:10px;
}
.container {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:960px;
}
img {
	border:0px;
}

.float-left {
	float:left;
	width:auto;
}
.float-right {
	float:right;
	width: auto;
}
.clear-both {
	clear:both;
}
.width175 {
	width:175px !important;
}
.white {
	color:#FFFFFF !important;
}
/* Form Styling */
.field {
	background:transparent url(../images/content/form/fieldset.png) no-repeat scroll 0 100%;
	margin-right:2px;
	overflow:hidden;
	padding:10px 0;
}
.last {
	background: none;
}
label {
	cursor:pointer;
	float:left;
	text-align:left;
	width:auto;
	font-weight: bold;
	margin-right: 15px;
	font-size: 12px;
}
input.button {
	background:transparent url(../images/content/form/button_bg.jpg) repeat-x scroll left top;
	border:1px solid #CCCCCC;
	color:#000000;
	width:75px;
	font-weight: bold;
	cursor:pointer;
}
input.text, textarea.text {
	background:#FFFFFF url(../images/content/form/input-text-bg.png) repeat-x scroll left top;
	border:1px solid #CCCCCC;
	padding:2px 20px 3px 3px;
	width:323px;
}
.required-icon {
	background:transparent url(../images/content/form/input-required.png) no-repeat scroll 0 0;
	display:inline-block;
	height:20px;
	margin-left:-20px;
	overflow:hidden;
	position:relative;
	text-indent:-9000px;
	top:-4px;
	vertical-align:top;
	width:15px;
}
fieldset {
	width:auto;
	margin:	0px;
	padding: 5px;
}
fieldset > :first-child {
	margin-top:0;
}
legend {
	color:#333333;
	font-weight:bold;
	margin-left:10px;
}
.field-error input.text, .field-error textarea {
	background:#FAE1E1 url(../images/content/form/input-text-error-bg.png) repeat-x scroll left top;
	border:1px solid #C25454;
	color:#A51919;
}
/* /end Form  Styling */

/* Navigation Styling */
a, a:active, a:visited {
	color:#ef7d40;
	text-decoration:none;
}

/* End Navigation Styling */



/*Home Page Elements*/


.newsletter_signup table {
	margin-left:-15px;}

#events_month {
	width:225px;
	float:right;}

#events_month h2 {
	color:#cccccc;
	font-size: 12px;}

#events_month ul {
	font-size: 12px;
	padding:0 0 0 15px;
	margin: 15px 0 0 0;}

#events_month ul li {
	list-style:circle;
	padding: 5px 0 5px 0;}

#events_month a, #events_month a:link {
	color:#ff6633; text-decoration: none;}

#events_month a:hover, #events_month a:active {
	color:#ff6633; text-decoration: underline;}

#slider {
	width:650px; height:326px;
	float:left;
	clear:both;
}

#subscribe {
	margin:40px 0 0 0;
	width:430px; height:157px;
	float:left;
    /*clear:left;*/
	background-image: url(../images/content/home/subscribe_03.png);
	background-repeat: no-repeat;
}

#subscribe * {
        float: right;
}

#subscribe h2 {
	margin:14px 0 0 10px;
	font-size: 16px;
	float: left;
}

#subscribe .newsletter_signup {
	position: relative;
	top: 5px;
	right: 20px;
}

#subscribe input.blurtext {
	width: 160px;
	border: solid 1px #ccc;
}

#subscribe p {
    margin:150px 0 0 210px;
}

#subscribe .newsletter_button {
	background: url("../images/layout/button_bg.png");
	height: 26px;
	color: #f7f7f7;
}

.blurtext {
	color: #333;
	/*font-size: 11px;*/
	padding-left: 3px;
}

#ad_1 {
	margin: 40px 5px 5px;
	width:205px; height:157px;
	float:right;
}

#ad_1 p {
	color:#ffffff;
	margin: 10px 0 0 10px;}



.gallery_pic {
	width:205px;
	float:left;
    height: 250px;
	padding-top:15px;
	margin-right:13px;}

.gallery_pic img {
	width:205px;
	height:150px;
   	border: 4px solid #cccccc;
 }

.gallery_pic a span.rollover {
    background:transparent none repeat scroll 0 0;
    border: 4px solid #ff6633;
    display:block;
    height:150px;
    left:0;
    position:absolute;
    top:0;
    width:205px;
}
.gallery_date {
	color:#333333;
	font-weight: bold;
	margin: 5px 0 5px 0;}

.gallery_title {
	font-size: 14px;
	color:#ff6633;
	}


.newsletter_button {
    border: 1px solid #e1e1e1;
    padding: 3px 3px;
    height: 26px;
}
/*Events Page*/

.tool {
    float:right;
    width:auto;
    margin: 15px;
}

.tool a {
    text-decoration: underline;
}
.toggle h2 {
	color:#ff6633;
	font-size: 30px;
	margin: 20px 0 0 0;
    padding: 5px;
    display:block;
    border-bottom: 1px solid #dcdcdc;
    cursor:pointer;
    width: 644px;
    float:left;
}

.toggle .event_date{
	margin:10px 0 10px 0;
	font-weight: bold;
    font-size: 12px;
	}
.toggle .over {
    background-color: #e1e1e1;
}
.hidden p{
	width:auto;
	margin:10px 0 0 0;
	padding: 0 0 0 10px;
}
    /* Accordian Style*/

.toggle .hidden { float:left; clear:both; width:100%; border-bottom:1px solid #DCDCDC; margin-top:10px; margin-bottom:10px; display:none;}

 .event_entry {
    cursor: pointer;
 }

    /* S3 Slider jQuery */
 #s3slider {
   width: 650px; /* important to be same as image width */
   height: 325px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 650px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
  text-align:center;
    width:100%;
}

.s3sliderImage span {
    position: absolute; /* important */
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    background-color: #000;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    top:0;
    height:20px;
    left:0;
    width:650px;
    text-align: left;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.s3sliderImage span a, .s3sliderImage span a:link {
	font-size: 18px;}

.s3sliderImage span p{
	width:500px;
	color:#ffffff;
	padding-top:10px;
	line-height: 15px;}

   /* S3 Slider jQuery */
 #s3slider_gallery {
   width: 650px; /* important to be same as image width */
   height: 325px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider_galleryContent {
   width: 650px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3slider_galleryImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3slider_galleryImage span {
    position: absolute; /* important */
    font:25px/20px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    background-color: #000;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    top:0;
    height:30px;
    left:0;
    width:650px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.s3slider_galleryImage span a, .s3slider_galleryImage span a:link {
	color:#ff6633;
	font-size: 25px;
	padding:20px 0 0 0;}

#scroller {
	width:650px;
	height:100px;
	margin:350px 0 0 0;
	background-color: blue;}



/*About Page Layout*/

h2, #about_title {
	color:#ff6633;
	font-size:25px;
	margin:0 0 15px 0;}

.about_text {
	margin:10px 0 10px 0;}


/*Contact Page Layout*/



#contact_form {
	width:550px;
	overflow: hidden;
	margin:15px 0 0 25px;
	border-bottom: 1px #cccccc solid;
	padding: 0 0 20px 0;}

.entry-content form .element {
	float:left;
	clear:both;
	width: 100%;
	padding: 3px 0 3px 0;}

.entry-content form label.error { clear:both;float: left; width:auto; color: red; padding-left: .5em; vertical-align: top; font-size: 12px;
	margin:3px 0 0 105px; width:100%;}

.entry-content form label {
	float:left;
	width:95px;
	font-size: 18px;
	font-weight: bold;}

.entry-content form input, .entry-content form textarea {
	float:left;
	width:auto;}

.entry-content #contact_title {
	color:#ff6633;
	font-size:25px;
	margin:0 0 15px 25px;}

.entry-content #contact_text {
	font-style: italic;
	color:#666666;
	width:550px;
	margin: 0 0 15px 25px;}

#contact_info {
	width: 500px;
	clear:both;
	margin:5px 0 10px 25px;
	padding-top: 20px;
	overflow: hidden;}

#contact_info h2 {
	color:#ff6633;
	font-size:22px;
	padding-bottom: 10px;
}

#contact_info h3 {
	color:#ff6633;
	font-size:18px;
	padding-bottom: 10px;
}

#contact_info #contact_left {
	float:left;
	width:250px;}

#contact_info #contact_right {
	float:right;
	width:250px;}

#contact_info #contact_left ul{
	font-size: 16px;
	color:#666666;
	font-weight: bold;}

#contact_left li{
	padding-bottom:5px;}

#contact_right li{
	padding-bottom:5px;}

#submit {
	margin: 0 0 0 110px;}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size: 12px;}

/*single gallery page*/

.gallery_image {
	width:205px;
	float:left;
	margin: 10px 8px 0 5px;}

.gallery_image a span.rollover {
    background:transparent none repeat scroll 0 0;
    border: 4px solid #ff6633;
    display:block;
    height:150px;
    left:0;
    position:absolute;
    top:0;
    width:205px;
}

#single_gallery_title{
	color:#ff6633;
	font-size:25px;
	margin:0 0 15px 10px;}


/*Twitter API Div*/
#widget_twitter {
	color:#333333;
	padding:0 10px 30px 0;
	width:auto;
	margin-top: 15px;
}

p {
   line-height:20px;
    margin-top:5px;
}

p strong {
    font-weight: bolder;
    font-size: 14px;
}




/*Gallery Page */
div#makeMeScrollable{
    height:150px;
    position:relative;
    width:100%;
    float:left;
}

#advertisement {
    margin:0 auto;
    text-align: center;
}
#advertisement div {
    margin: 0 auto;
    text-align: center;
}
.image-float{
    float:left;
    width:auto;
    margin:10px;
    text-align: center;
}
.image-float img.border {
    border:1px solid #000000;
}

.paginate_counter {
    background-color:#DCDCDC;
    clear:both;
    float:left;
    padding:5px;
    text-align:center;
    width:644px;
}
.paginate_counter .qp_counter {
    margin: 10px;
}

/* Twiiter image */
#follow_me {
    float:left;
    margin-top:25px;
    text-align:center;
    width:100%;
}

/* scrollable area float left*/
.scrollableArea a {
    float:left;
    width:auto;
    margin-right: 3px;
}
#home_blurb {
    float:left;
    clear:both;
    width:100%;
}


/* EVENTS */
.toggle_container {
    display:none;
}

/* Sidetree side */
.archivetreehide {
	display:all;
}

.pastsidetree {
    font-style: italic;
    color: #727272 !important;
}
.futuresidetree {
    color: #FF6633;
}

/*style for col3 */
#sidetree ul li ul li {
	list-style: none;
	padding: 5px 5px 5px 20px !important;
}
#sidetree ul.blog-archive{
	padding-left: 0px;
	margin-left: 0px;
}
#sidetree .sidebox-wrapper {
	   border-bottom: 1px solid #c3c0bc;
}
#sidetree .date-header {
	color: #535353;
}
#sidetree ul li {
	list-style: none;
	color: #727272;
	margin:0px !important;
	padding:0px  !important;
}

#sidetree ul, #sidetree ul * {
	margin:0;
	padding:0;
}

#sidetree span {
	cursor: pointer;}

.blog_year {
	margin-top:5px;}

  #header .emailtitle tbody tr td {
    color: #FFF;
  }


#signup {
    position: relative;
    width: auto;
}

#sign_up_inner {
    margin-top: 5px;
}

#sign_up_inner label,
#sign_up_inner input {
    height: 26px;
    line-height: 26px;
    vertical-align: text-bottom;
    margin: 0 5px 0 0;
    float: left;
    border: none;
}

#signup label {

    color: #000;

    font-weight: normal;



}



input#email {
    width: 160px;
}



.newsletter_title {

    color: #f1f1f1;

    font-size: 14px;

    margin: 10px 10px 10px 0;

}


/* VIDEO STYLING */

div.video_description {
  margin: 4px 0;
}

div.video_description p {
  padding: 2px 6px;
  border: solid 1px #eee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

div.video_description span.date {
  font-weight: bold;
  color: #ff6633;
}

div.video_divider {
  height: 20px;
}