/*
Theme Name: SMASH! 2010 
Theme URI: http://smash.org.au/
Description: The 2010 SMASH! website theme; bright, charcoal & green, and a little boxy.
Version: 1.0
Author: Mike Camilleri, Nadia Attlee, Rob Howard, Jonathan Ling
Author URI: http://inqk.net http://devkdesigns.com http://robhoward.id.au
Tags: light, green, fixed width, two columns

Colour Palette:
	#afc397 - Pale grey/green

*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

.hide {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page
-----------------------------------------------------------------------------------------------*/

html {
	height: 100%;
}

body {
	background-color: #dbd7c3;
	background-image: url(images/background.lightflowers.png);
	background-repeat: repeat-x repeat-y;
	color: #363231;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	padding-bottom: 10px;
}

a, a:visited, a:active {
	color: #fff;
	text-decoration: none;
}

img {
	border: 0;
}


/* page wrapper, the entire page sits inside this <div> */
#wrapper {
	position: relative;
	width: 930px;
	margin: 0 auto;
	clear: both;
	padding-bottom: 15px;
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#splat-top {
	background-image: url(images/masthead.bar-splat-top-trans.png);
	background-repeat: no-repeat;
	height: 20px;
}

#smashsp {
	background-image: url(images/masthead.bar-background-top-trans.png);
	background-repeat: no-repeat;
	height: 84px;
}

#smashsp ul {height:84px; margin:0; padding:0; left:27px; position:absolute; line-height: 84px; z-index: 99; }
#smashsp ul li {float:left; list-style-type:none;}
#smashsp ul li a {display:block; text-decoration:none;}
#smashsp ul li a:link {text-decoration:none;}
#smashsp ul li a:visited {text-decoration:none;}
#smashsp ul li a:hover {text-decoration:none;}
#smashsp ul li a:active {text-decoration:none;}

/* Menu items */
#navigation {
	background-image: url(images/masthead.bar-background-bottom-trans.png);
	background-repeat: no-repeat;
	height: 37px;
}

ul#topnav {height:32px; margin:0; padding:0; left:27px; position:absolute; line-height: 37px; z-index: 99; }
ul#topnav li {float:left; list-style-type: none;}
ul#topnav li a:link {text-decoration: none;}
ul#topnav li a:visited {text-decoration: none;}
ul#topnav li a:hover {text-decoration: underline;}
ul#topnav li a:active {text-decoration: underline;}

ul#topnav li.flyout, ul#topnav li.flyout-disabled { padding: 0 8px 0 8px; position: relative;}
ul#topnav li.flyout:hover { background: #75124C; }

/* Flyout menus */
ul#topnav .menu {top:37px; position:absolute; background:url(images/background.flyout.png); padding:4px 0 12px 10px; min-width:150px; left:0px; z-index: 99; }

ul#topnav .menu ul.sub_nav {float: left; }
ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:140px;}
ul#topnav .menu ul.sub_nav li {float:none; background-image:none; line-height: 1.6em; width: 140px;}
ul#topnav .menu ul.sub_nav li.head-menu-item, ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited, ul#topnav .menu ul.sub_nav li.disabled-menu-item {display: block; font-size:1.1em; font-weight:normal; line-height:1.3em; text-decoration:none; padding:3px 6px; height:100%; background-color:transparent;}
ul#topnav .menu ul.sub_nav li.head-menu-item, ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited { color:#fff; }
ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: underline;}
ul#topnav .menu ul.sub_nav li a:active {color:#fff; text-decoration: none; background-color:transparent;}
ul#topnav .menu ul.sub_nav li.head-menu-item { color: #FFBE1B; font-weight: 800;}
ul#topnav .menu ul.sub_nav li.foot-menu-item { padding-bottom: 10px; } 
ul#topnav .menu ul.sub_nav li.disabled-menu-item { color: #ffc5e7; } 

ul#topnav li .menu {display:none;}
ul#topnav li.flyout:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px; height:1%;}

ul#topnav li.head-menu-item { font-weight: 800;}


#search {
	background: white;
	width: 110px;
	margin: 19px 40px 0 0;
}
#search-box {
	border: medium none !important;
	width: 90px;
	margin-top: 3px;
	margin-left: 10px;
	/*color: #A0ADB6;*/
	color: #9e9b99;
	outline: 0;
	background: transparent none repeat scroll 0 0 !important;
}

#splat-bottom {
	background-image: url(images/masthead.bar-splat-bottom-trans.png);
	background-repeat: no-repeat;
	height: 7px;
}


/*-----------------------------------------------------------------------------------------------
  Content-Box
-----------------------------------------------------------------------------------------------*/

/*--- Page Content ---*/

#splash, #content {
	color: #000000;
	text-align: center;
	margin: 15px 25px 15px 27px;
}

#splash.carousel {
	padding: 30px 0px;
}

#splash img {
	border: 1px solid #8d8776;
}
#splash #looped-slider img {
	border: 0;
}

#content {
	padding: 0;
	background-color: #f4f1e4;
}

#content h1 {
	min-height: 1px;
	display: block;
	padding: 5px 45px 5px 14px;
	background-color: #514A45;
	margin: 0;
	font-size: 2.0em;
	letter-spacing: 0.00em;
	color: #ffffff;
	text-align: left;
}

/* content pages */
#content div.image-wide { padding: 0; width: 100%; text-align: center; margin: 15px 0 0 0; }
#content div.columns-container { margin: 20px 0 0 0; padding: 0 30px; text-align: center; }

#content div.double-column { clear: both; text-align: left; padding-bottom: 25px; }
#content div.column, #content div.one-third-column, #content div.two-thirds-column { 
	float: left; margin-right: 40px; text-align: left; padding-bottom: 25px;
}
#content div.column { width: 45%; }
#content div.one-third-column { width: 28%; }
#content div.two-thirds-column { width: 61%; }

/* sidebar-picture pages */
#content div.image-sidebar-left-1,
#content div.image-sidebar-left-2,
#content div.image-sidebar-left-3 { padding-left: 290px; margin-bottom: 20px; background-repeat: no-repeat; background-position: top left; }
#content div.image-sidebar-right-1,
#content div.image-sidebar-right-2,
#content div.image-sidebar-right-3 { padding-right: 290px; margin-bottom: 20px; background-repeat: no-repeat; background-position: top right; }


/* post-listing pages */
.has-sidebar { background-image: url(images/background.blog-sidebar.png); background-repeat: repeat-y; }
#content #sidebar { float: left; text-align: left; width: 200px; margin: 0 15px 0 0; padding: 0 0 50px 0; overflow: hidden; text-overflow: ellipsis; }
/* background: #E6E3D6; border-right: 1px solid #CBC8BA; */

#content #sidebar ul.main { padding: 0; margin: 0; }
#content #sidebar ul.main li.main-item, #sidebar ul.main li.categories { padding: 17px 5px 15px 10px; margin: 0; list-style-type: none; border-top: 1px solid #CBC8BA;}
#content #sidebar ul.main li.first { border: 0; }
#content #sidebar ul.main h2 { padding: 0; margin: 0; line-height: 1.1em; font-size: 1.1em;}

#content #sidebar ul.main ul { padding: 0; margin: 2px 0 0 14px; }
#content #sidebar ul.main ul li { padding: 0; margin: 4px 0 0 0; list-style: none;}
#content #sidebar ul.main ul.twitter li { font-size: 0.8em; margin: 7px 5px 12px 0; }

#content #posts { float: left; text-align: left; padding: 15px 0 20px 0; width: 630px; }

#content div.post { margin: 0 0 20px 0; }
#content div.entry a { font-weight: bold; }

#content #posts .author-container { float: left; width: 79px; text-align: center; background: #75124C; margin: 1px 0 0 0; padding: 2px 0 4px 0;}
#content #posts .author-container .author { font-size: 0.8em; color: #F4F1E4; }

#content #posts .entry-container { float: left; width: 530px; margin: 0 0 0 14px; padding: 0; }
#content #posts .entry-container h2 { margin: 0 0 3px -1px; padding: 0; font-family: Helvetica, "Arial Narrow", "Arial"; font-weight: bold; font-size: 1.7em; letter-spacing: 0.00em; }

#content #posts .entry-container h3, #content #comments h3, #content #respond h3 { padding: 0; color: #c7c3b0; font-family: Helvetica, "Arial Narrow", "Arial"; font-size: 2.5em; letter-spacing: 0.00em; font-weight: normal;}
#content #posts .entry-container h3 { margin: -6px 0 2px -1px; }
#content #posts .entry-container h4 { padding: 0 0 14px; }
#content #posts .entry-container h4 a { color: #444; }
#content #posts .entry-container .tags { font-weight: bold; margin: 0 0 17px 0; }
#content #posts .entry-container .tags a { font-weight: normal; }

#content #respond h3, #content #comments h3 { margin: 15px 0 12px 0; }



/*
   Do NOT touch; IE8-js has a rendering bug that causes all hell to break loose if you get
   rid of the #content before #comments on the lines above the comment-content business.
   No, I don't have any further information, other than it took me more than an hour or two
   to get to this point.

   If you do touch this, please increment the counter below when you're done.

   hours_wasting_trying_to_fix_this_section = 3;
*/
#content #comments { margin: 20px 0; }

#content #comments div.commentlist { margin: 0px 0; }
#content #comments div.commentlist div.comment {  clear: both; margin: 0; padding: 0; }
#content #comments div.commentlist div.comment.alt { }

#content #comments div.commentlist div.comment div.comment-author { float: left; width: 92px; font-weight: bold; overflow: hidden; }
#content #comments div.commentlist div.comment div.comment-author cite { font-style: normal; }
#comments div.commentlist div.comment div.comment-content { float: left; width: 530px; margin: 0; }

#comments div.commentlist div.depth-2 div.comment-content { width: 500px; margin: 0; padding-left: 30px; }
#comments div.commentlist div.depth-3 div.comment-content { width: 470px; margin-left: 30px; padding-left: 30px; }

#comments div.commentlist div.comment div.comment-meta,
#comments div.commentlist div.comment div.comment-meta a { color: #949080; }

#comments div.commentlist div.comment div.comment-text p { margin: 5px 0; padding: 0; }
#comments div.commentlist div.comment div.comment-actions { margin-bottom: 14px; padding-bottom: 10px; text-align: right; border-bottom: 1px solid #c7c3b0;}

#comments div.commentlist div.comment div.comment-author p.smash { color: #880000; font-size: 8px; font-weight: normal; display: none; }
#comments div.commentlist div.byuser div.comment-author p.smash { display: block; }


#content #respond { clear: both; padding-top: 5px; }
#content #respond .details { float: right; text-align: right; width: 300px; margin: 0 -1px 0 0; }
#content #respond .details p { padding: 0; margin: 0 0 13px 0; }
#content #respond .details .required { font-size: 17px; font-weight: bold; color: #AA0000; vertical-align: bottom; }
#content #respond .submit { margin: 0 -1px 0 0; text-align: right; }

.submit input, input.submit { background: #c7c3b0; }
input.textbox, textarea.textbox, input.submit, .submit input { border: 1px solid #949080; padding: 3px; }

#content h2 { font-size: 17px; font-weight: bold; padding: 0 0 5px 0; margin-left: -1px; color: #75124C; /*#acd33a;*/ /*#75124C;*/ }
#content h3 { font-size: 14px; font-weight: 800; padding: 0 0 5px 0; margin-left: 0px; color: #75124C; /*#acd33a;*/ /*#75124C;*/ }
#content h4 { font-size: 13px; font-weight: bold; padding: 0 0 5px 0; margin-left: 0; color: #000000; /*#acd33a;*/ /*#75124C;*/ }

#content p { padding: 0 0 17px 0; font-size: 13px; line-height: 1.5em; }
#content ul, #content ol { padding: 0 0 20px 0; }
#content ul li, #content ol li { margin: 0 0 0 25px; font-size: 13px; line-height: 1.5em; }
#content table { font-size: 13px; line-height: 1.5em; }
#content table td.cell { padding-right: 10px; }

#content a { color: #75124C; text-decoration: none; /*#acd33a;*/ /*#75124C;*/ }
#splash a { color: #fff; text-decoration: none; }
#content a:hover, #content a:active { color: #75124C; text-decoration: underline; /*#acd33a;*/ /*#75124C;*/ }
#splash a:hover, #splash a:active { color: #fff; text-decoration: underline;}


#content div.feature-box, #content div.big-button {	border: 1px solid #c7c3b0; padding: 10px 10px 0px 10px; background: #fecb4b url(images/background.box.gold.png) repeat-x; width: 250px; text-align: justify; }
#content div.feature-box h3 { color: #000; text-align: center; }
#content div.feature-box a { color: #444; }

#content div.feature-box { float: right; margin: 11px 5px 20px 10px; }
#content div.big-button { margin: 11px auto 40px auto; }
#content div.big-button a { font-size: 14px; font-weight: 800; padding: 5px 0 12px 0; margin-left: 0; color: #444; display: block; text-align: center; }

#content div.danger { border: 1px solid #c7c3b0; padding: 20px; background: #94450b url(images/background.box.red.png) repeat-x; margin: 30px auto; width: 90%; text-align: justify; font-size: 15px; color: white; }
#content div.danger h3, #content div.danger a { font-weight: bold; }

#content div.go { border: 1px solid #6e8019; padding: 20px; background: #7f941d url(images/background.box.green.png) repeat-x; margin: 30px auto; width: 90%; text-align: justify; font-size: 15px; color: white; }


/* Vendors -> Artist Tables */
div.artist-list .artist, div.artist-list .description { float: left; margin: 0; padding: 10px 0; }
div.artist-list .artist { clear: both; width: 220px; }
div.artist-list .artist .name, div.artist-list .artist .website { }
div.artist-list .artist .name { font-weight: bold; }
div.artist-list .description { width: 570px; padding-top: 7px; font-size: 13px; line-height: 1.3em; }

ul.artist-list { list-style: none; padding: 0; margin-left: -25px; }
ul.artist-list li { list-style: none; padding: 0; margin: 0; clear: both; display: block; }
ul.artist-list .details, ul.artist-list .description { float: left; margin: 0; padding: 10px 0; }
ul.artist-list .details { width: 220px; font-size: 11px; line-height: 1.3em; }
ul.artist-list .details .name, ul.artist-list .artist .website { }
ul.artist-list .details .name { font-weight: bold; }
ul.artist-list .description { width: 550px; padding-top: 7px; font-size: 13px; line-height: 1.3em; }

/* Ticket Prices */
table.tickets {
	width: 320px;
	margin: 10px 8px;
	border-collapse: collapse;
}
table.tickets td {
	font-size: 1.1em;
	margin: 0;
	padding: 3px;
	color: #fff;
}
table.tickets th {
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 3px 3px 4px 0;
}
table.tickets th.price {
	width: 100px;
	padding: 3px 3px 4px 3px;
}

/* Ticket Purchase Form */
table.tickets-form { width: 100%; margin-left: 15px; margin-bottom: 25px; }
table.tickets-form td, table.tickets-form { vertical-align: top; padding: 3px 0 3px 0; text-align: left; }
.tickets-form .label, table.tickets-form th { width: 150px; font-weight: bold; padding-top: 7px; }
.tickets-form input.text, .tickets-form select { padding: 3px; border: 1px solid #888888; margin-bottom: 3px;}
.tickets-form input.text-single, .tickets-form .note { width: 300px; }
#content .tickets-form .note { display: block; font-size: 10px; color: #888; }
.tickets-form td.submit { text-align: right; padding-right: 50px; }
.tickets-form .required { color: #880000; font-weight: bold; }
p.disclaimer { margin-top: 20px; }


/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/

/*--- News summaries ---*/
div#news { background: #363231; padding: 12px 0 12px 0; margin: 0 25px 20px 27px; }

div#news h1 { font-size: 1.2em; font-weight: normal; margin-top: 2px;}
div#news h1 a, div#news h1 a:visited { color: #fff; text-decoration: none; }
div#news h1 a:hover, div#news h1 a:active { text-decoration: underline; }
div#news h2 { font-size: 0.9em; color: #FFBE1B; }

div#news div.news-item { float: left; padding: 0 1% 0 2%; width: 22%}

/*--- "Highlight" boxes ---*/
div#boxes { text-align: center; }
div#boxes img {
	padding: 0 12px 0 20px;
}


/*--- Affiliate List / Footer ---*/
#footer, #affiliates {
	border-top: 1px solid #747373;
	color: #363231;
}

#footer a, #affiliates a { color: #363231; }
#footer a:hover, #footer a:active { text-decoration: underline; }

#affiliates {
	padding: 10px 0 10px 0;
	margin: 20px 25px 0px 27px; 
}

#footer {
	padding: 8px 0 12px 0;
	margin: 0px 25px 0px 27px; 
}

#footer .divider {
	color: #747373;
}

.balanced {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/*-----------------------------------------------------------------------------------------------
  WP-Specific Styles
-----------------------------------------------------------------------------------------------*/

.wp-edit {
	text-align: right;
	line-height: 0;
	position: relative;
	top: -10px;
}

#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; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 3px 30px 20px 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
/* End Various Tags & Classes*/



/* Captions */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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


/*-----------------------------------------------------------------------------------------------
  Looped Slider
-----------------------------------------------------------------------------------------------*/

/* Note that unlike Rob I actually put the CSS where it's supposed to go. */

div#looped-slider div.slider_controls { background-color: #363231; height: 60px; margin-top: -10px; }
div#looped-slider ul { padding-top: 25px }
div#looped-slider a { font-size: 4.0em; color: #bab5a7; }
div#looped-slider a:active { text-decoration: none; color: #bab5a7; }
div#looped-slider a:hover { text-decoration: none; color: #847f6f; }
a#slides-prev { margin-left: 200px; float: left; }
a#slides-next { margin-right: 200px; float: right; }

/*-----------------------------------------------------------------------------------------------
  Flickr Images
-----------------------------------------------------------------------------------------------*/

#content #sidebar ul#flickr { list-style: none; margin-top: 5px; }
#content #sidebar #flickr li { display: inline; padding: 2px; }