/*   
Theme Name: Akoostik1
Theme URI: www.savvywebdesign.net
Description: Custom theme for Wingham Akoostik Festival, by www.savvywebdesign.net.
Author: Savvy Web Design
Author URI: http://www.savvywebdesign.net
Template: akoostik1
Version: 02
.
Custom theme for Wingham Akoostik Festival. Includes several custom pages, custom page.php, custom index.php.
.
*/



/* Custom CSS code for www.winghamakoostikfestival.com.au by Savvy Web Design www.savvywebdesign.net */

* {padding:0; margin:0;}

body {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	text-align:center;
	background:#a82c31 url(images/bg-body.jpg);
	margin:0 auto;}

img {border:0;margin:0;padding:0;}
img.title {margin:30px 0 10px 0;}
p {margin:17px 0;line-height:160%;}
.caption {color:#ffffff;font-size:95%;font-weight:normal;margin:15px 0;}

blockquote{text-align:left;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size: 1em;margin:20px;}
blockquote p {color:#ffffff;}

.post-edit-link {font-size:.85em;text-transform:uppercase;}
.post {clear:both;}
.wp-caption-text {padding:0 10px;font-size:95%;}

a {color:#ffffff;text-decoration:underline;}
a:hover {text-decoration:underline;}

a.dashed {color:#ffcc33;text-decoration:none;border-bottom:1px dashed #ffcc33;}
a.arrowed {padding-right:7px;background:url(images/arrow-link.gif) no-repeat right top;}
a.youarehere {background: url(images/youarehere.gif) no-repeat center top;}

h1.logo {display:none;}

h1 {
	color: #000000;
	text-align:left;
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 2em;
	font-weight: bold;
	margin:0;}
	
h2 {
	color: #fbd207;
	text-align:left;
	font-family: 'Arial black',Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 2.4em;line-height:120%;
	font-weight: bold;
	margin: 30px 0 15px 0;
}
h2 a {color:#fbd207;text-decoration:none;}

h3 {color: #f47d21;
	text-align:left;
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin: 30px 0 20px 0;}
	
.topmenu {padding:0px 30px;}
ul {list-style-position:outside;list-style-type:square;margin-left:25px;line-height:160%;}
ol {list-style-position:outside;margin-left:25px;line-height:170%;}

#wrapper {
	margin:15px auto 0 auto;
	width:960px;
	text-align:left;
	position:relative;
	background: #fff200;font-size:1.1em;}
/* Position:relative is necessary to allow inner elements to use position:absolute if required later */


/* HEADER SECTION */

#header {
	padding:0px;
	margin: 0 auto;
	text-align:left;
	height:240px;
	background: url(images/bg-header.jpg) no-repeat right top;}

#navbar-holder {color:#e6fd01;font-weight:bold;font-size:1em;/*height:30px;*/padding-top:11px;text-align:center;}

#navbar-holder ul {list-style-type:none;margin:0;padding:0;list-style-image:none;}
#navbar-holder ul li {padding:13px 8px;display:inline;}
#navbar-holder a {color:#ffcc33;text-decoration:none;text-transform:uppercase;}
#navbar-holder a:hover {color:#ffffff;text-decoration:underline;}
#navbar-holder ul li.current_page_item {background: url(images/youarehere.gif) no-repeat center top;}
#navbar-holder ul li.current_page_item a {color:#ffffff;}
/* Note the current_page_item styles above cannot be combined as the BG image must apply to the list item, not to the anchor it contains. */


/* MAIN SECTION */

#main {margin:0 auto;position:relative;
	background:#fbd207 url(images/bg-main.jpg) no-repeat right top;
	width:960px;padding-bottom:30px;overflow:auto;}
/* Overflow auto is for the Firefox empty container problem */


#leftcolumn {margin:20px 0 0 25px;float:left;display:inline;padding-bottom:30px;
 color: #ffffff;background:#111111 url(images/bg-left.png) no-repeat right top;width:600px;text-align:justify;overflow:auto;border:2px solid #f37921;}
/* Border is OK here because the exact width isn't crucial */

#content {font-size: 1.2em;padding:5px 20px;}
 

#sidebar {float:right;width:255px;display:inline;margin:20px 25px 0 0; color:#ffffff;background:#111111 url(images/bg-sidebar.png) no-repeat left top;text-align:left;padding:0 20px 20px 20px;border:2px solid #f37921;font-size: 1.2em;list-style-type:none;}
/* Padding and border are OK because the exact width isn't crucial */

#sidebar p {margin: 5px auto 10px auto;}
#sidebar h2 {margin:30px 0 5px 0;}
#sidebar ul {list-style-position:outside;list-style-type:none;list-style-image:none;margin:0;line-height:150%;}

/* FOOTER */

#footer {clear:both;
	width:960px;
	color:#ffffff;
	background: #ed942f url(images/bg-footer.jpg) no-repeat right top;
	border-top:5px solid #fbd207;
	margin:30px auto 0 auto;font-size:1.2em;}

#footer a {font-weight:bold;text-decoration:none;border-bottom:none;color:#ffffff;}
#footer a:hover {text-decoration:underline;border-bottom:none;}
#footer ul {list-style-type:none;margin:0;padding:0;list-style-image:none;}
#footer ul li {padding:0 4px;display:inline;}
#footer ul li.current_page_item a {text-decoration:underline;border-bottom:none;padding-bottom:0;}

/*  The following code is excerpted from the WP Default stylesheet */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments styling */

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 0;
	padding: 15px 5px 5px 10px;
	list-style: none;border-bottom:1px dashed #cccccc;}

.commentlist li.odd {background:#eeeeee;}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Tahoma,Verdana,Arial,Helvetica,sans-serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
/*	Wordpress standard image styles follow */

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;margin-left:10px;
	}

.alignleft {
	float: left;margin-right:10px;
	}
/* End Wordpress standard image styles */

/*-------------*/