/*
Name: ROCKING THE GARDENS
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0
Author: Obox Design
Author URI: http://www.from-the-couch.com/
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; }
	.no_ie h1{font-size: 22px; color: #a60000;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{margin: 0px; padding: 0px; font-size: 13px; color: #fff; background: #01090F url(images/layout/bg.png) top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; width: 100%;}

h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif;}
	h1{color: #fff; font-weight: bold; min-height: 20px; font-size: 22px; letter-spacing: 0px; padding: 5px 0px 5px 0px; margin-bottom: 10px; overflow: hidden;}
	h2{color: #fff; font-weight: lighter; font-size: 18px; margin: 0px 0px 10px; padding: 0px 0px 0px;}
	h3{color: #fff; font-size: 18px; margin: 0px 0px 4px; padding: 0px 0px 4px; font-weight: lighter;}
	h4{color: #fff; font-size: 12px; margin: 0px; padding: 8px 0px 10px 0px;}
	h5{color: #fff; font-size: 10px; margin: 0px; padding: 8px 0px 10px 0px;}
	h6{color: #fff; font-size: 9px; margin: 0px; padding: 8px 0px 10px 0px;}

p{color: #fff; padding: 0px 0px 5px 0px; margin: 0px 0px 8px 0px; line-height: 24px;}
blockquote{clear: both; color: #999; padding: 0px 20px 5px; margin: 0px 0px 8px 0px; line-height: 24px; font-style: italic; background: url(images/layout/quote-mark.gif) top right no-repeat;}

form{ font-family: Arial, Helvetica, sans-serif;}
input[type=radio]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=checkbox]{margin: 0px 5px 0px 0px; padding: 0px;}
input[type=image]{margin: 0px 5px 0px 0px; padding: 0px;}

/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a{color: #10c2af; text-decoration: none;}
a.std_link:hover, a:hover{color: #fff;}
a:active{outline: 1px dotted #555;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}

/*--- Forms ---*/

textarea, input{font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px;}
.txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;}
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.note a{color: #f60; text-decoration:none;}
.success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;}
.no_display{display: none;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 940px; margin: auto;}

#header{ width: 940px; height: 156px; background: url(images/layout/parent-header-2.jpg) top no-repeat;}

#menu{padding: 10px; background: #fff;}

#header-banner{width: 940px; position: relative; overflow: hidden;}/**/

#content-container{clear: both; margin-top: 20px;}
	#left-column{float: left; width: 780px; min-height: 300px; border-top: 1px dotted #fff;}
	#right-column{float: right; width: 150px; min-height: 300px;}

#footer{width: 940px; margin: auto; padding: 10px 0px; clear: both;}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ITEMS ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
h1{float: left; display: none;}
/*h1.logo a{float: left; width: 267px; height: 127px; display: block; background: url(images/layout/logo.png) 0 0 no-repeat; margin: 0px 10px 0px; text-indent: -9999px; overflow: hidden;}
	h1.logo a:hover{background-position: 0px -130px;}*/
a.get-tickets{display: none; /*float: right; width: 139px; height: 139px; display: block; position: relative; top: 10px; background: url(images/layout/get-tickets.png) 0 0 no-repeat; margin: 0px 10px 0px; text-indent: -9999px; overflow: hidden;*/}
	a.get-tickets:hover{display: none; background-position: 0px -150px;}

#menu ul li{ float: left; margin: 0px 10px; padding: 2px 12px; font-size: 15px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
	#menu ul li a{ color: #002336;}
	#menu ul li a:hover{ color: #779300;}

#sub-header-banner{margin: 10px 0px;}
	.nokia-banner a{float: left; display: block; width: 592px; height: 100px; background: url(images/rtg-nokia-banner.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}
	.ticket-banner a{float: right; display: block; width: 335px; height: 100px; background: url(images/rtg-ticket-banner.png) no-repeat; text-indent: -9999px; overflow: hidden;}
	
	
	/*-------------------------------------------------*/
	/*- FEATURE SLIDER --------------------------------*/
	#header-banner ul{display: block; max-height: 340px; width: 99999px; position: relative; left: 0px;}
	#header-banner ul li{float: left; display: block; width: 960px; max-height: 340px;}
	#header-banner ul li a{}
	#header-banner ul li a img{margin: auto;}
	#header-banner ul div.splurb{position: absolute; bottom: 0px; padding: 15px 40px; width: 860px; background: url(images/layout/white-overlay.png) repeat;}
		#header-banner h2 a{color: #779300;}
			#header-banner h2 a:hover{color: #333;}
		#header-banner p{color: #333; margin-bottom: 0px;}
	#header-banner a.prev, #header-banner a.next{display: block; width: 15px; height: 32px; background: url(images/layout/arrows.png) top left no-repeat; position: absolute; bottom: 25px; text-indent: -9999px; overflow: hidden;} 
	#header-banner a.prev{left: 10px;}
	#header-banner a.next{background-position: top right; right: 10px;}
		#header-banner a.prev:hover{background-position: bottom left;}
		#header-banner a.next:hover{background-position: bottom right;}
	

/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN ITEMS -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------*/
	/*- POST ITEMS ------------------------------------*/
	.menu-item-header{clear: both; width: 780px; height: 25px; background: url(images/layout/h2-bg.png) no-repeat; padding: 4px 0px 0px 10px; margin: 10px 0px 0px; color: #fff;}
		.menu-item-header a, .menu-item-header h2{color: #fff;}
		.menu-item-header h2{display: inline-block; width: 130px;}
		.menu-item-header a.arrow-top{width: 13px; height: 13px; display: inline-block; position: relative; top: -2px; left: 10px; background: url(images/arrow-top.gif) top no-repeat; text-indent: -9999px;}
	.post{clear: both; border-bottom: 1px dotted #fff; padding: 10px 0px;}
		.post-image{float: left; width: 114px; min-height: 114px; margin-right: 20px;}
		.post-copy{float: right; width: 640px;}
			.post-copy h3{color: #779300; font-weight: bold;}
			.post-copy a{color: #779300;}
				.post-copy a:hover{color: #feca00;}
				
				
	/*-------------------------------------------------*/
	/*- POST PAGE -------------------------------------*/
	.post-page{clear: both; background: #fff; border-bottom: 1px dotted #01090F; padding: 20px 20px; margin: 10px 0px;}
		.post-page .post-image{float: left; width: 114px; min-height: 114px; margin-right: 20px;}
		.post-page .post-copy{float: right; width: 600px; color: #01090F;}
			.post-page .post-copy h3{color: #fff; font-weight: bold; background: #779300; display: block; width: 450px; padding: 7px 10px;}
			.post-page .post-copy a{color: #fff; font-weight: bold;}
				.post-page .post-copy a:hover{color: #feca00;}

			/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
			.post-page .post-copy p{clear: none; color: #01090F;}
			.post-page .post-copy a{color: #779300;}
			.post-page .post-copy a:hover{color: #feca00;}
			.post-page .post-copy ol, .post-page .post-copy ul{list-style: disc; margin: 0px 0px 10px 30px; padding: 0px 0px 10px 0px; color: #01090F;}
				.post-page .post-copy ol li, .post-page .post-copy ul li{line-height: 22px; padding-bottom: 6px;}
			.post-page .post-copy ol{list-style: decimal;}
			.post-page .post-copy code, .post-page .post-copy pre{background-color: #333; border: 1px solid #5b5367; width: 540px; padding: 20px; overflow: scroll; line-height: 20px; font-family: "Courier New", Courier, monospace; color: #ccc; margin-bottom: 20px;}
			.post-page .post-copy h1, .post-page .post-copy h2, .post-page .post-copy h3{background: none; color: #000; font-family: "Times New Roman", Times, serif; font-weight: lighter; padding: 0px 0px 0px;}


	/*-------------------------------------------------*/
	/*- COMMENTS --------------------------------------*/
	.comment{clear: both; border-bottom: 1px dotted #fff; padding: 10px 0px;}
		.comment-image{float: left; width: 80px; height: 80px; overflow: hidden; margin-right: 20px;}
		.comment-copy{float: right; width: 680px;}
			.comment-copy h3{color: #779300; font-weight: bold;}
			.comment-copy h3 span.date{float: right; font-size: 9pt; font-family: Georgia, "Times New Roman", Times, serif; color:#ccc;}
			.comment-copy a{color: #779300;}
				.comment-copy a:hover{color: #feca00;}


	/*-------------------------------------------------*/
	/*- POST A COMMENT --------------------------------*/	
	.comment-form-content{margin: 10px 0px;}
	.comment-input{width: 350px; height: 50px; float: left;}
		label{display: block; margin: 7px 30px 5px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #fff; width: 70px; float: left; clear: left;}
		.comment-input input{width: 310px; padding: 8px 10px; }
		.comment-texarea textarea{width: 420px; height: 160px; padding: 6px 10px; }
			input.submit_button{ margin-top: 10px;}
		.checkbox{font-weight: bold; color: #fff; font-style: italic; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif;}
		
	/*-------------------------------------------------*/
	/*- POST A COMMENT --------------------------------*/
	.bread-crumb{list-style: none; margin: 0px; padding: 0px;}
		.bread-crumb li{float: left; margin: 10px 20px 10px  0px; color: #779300;}
			.bread-crumb li a{color: #779300;}
			.bread-crumb li a:hover{color: #feca00;}

/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ITEMS -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------*/
	/*- ADVERT ITEMS ------------------------------------*/
	.advert{margin-bottom: 20px; background: #fff;}
		.advert h4{ color: #fff; font-size: 18px; padding: 10px; width: 130px; background-color: #779300; font-weight: lighter;}
		.advert a{margin-bottom: 0px; overflow: hidden; padding: 10px 0px; text-align: center; display: block; line-height: 22px; color: #005377;}
		.advert a:hover{color: #000;}
		.advert a.rocking-the-dasies-link{padding: 0px; margin: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ITEMS ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.complete-events{float: left; width: 97px; height: 19px; display: inline-block; background: url(images/layout/complete-events.png) no-repeat; text-indent: -9999px;}
p.terms{float: right; width: 680px; height: 19px; margin: -4px 0px 0px; padding: 0px; font-size: 10px; text-align: right;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}