/*  
Theme Name: Big Sky Fiber Arts Festival 2009
Theme URI: http://bigskyfiber.com/
Description: Baaaa. Baaaa.
Version: 2.0
Author: Erik Randall
Author URI: http://erikrandall.com/

*/

body {
	font-size: 85%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #c5d5de;
	}

img{
	border: none;
	padding: 0;
	margin: 0;
	}

a{font-weight: bold;}
	
a img{
	border: none;
	}
	
a:link, a:visited, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:focus, a:hover{
	color: #147;
	text-decoration: underline;
	}

a:active{
	color: #147;
	}

h2{
	font-size: 1.2em;
	margin: .2em 0 .7em 0;
	padding: 0;
}

h2 a.contact{text-decoration: none; color: #000;}


h3{
	font-size: 1.1em;
	margin: .2em 0 .7em 0;
	padding: 0;
}


h4{
	margin: .5em 0 .2em 0;
	padding: 0;
}


p{
	margin: .2em 0 1em 0;
	padding: 0;
	}

ul, ol{
	padding: 0;
	}

#page {
	background: url("images/BSFAF-page-back.jpg");
	width: 700px;
	margin: 10px auto;
	padding: 0;
	background-color: #e1f0f8;
	border: 1px solid #087d8e;
	line-height: 140%;
	}
	
#top{
	padding: 0;
	margin: 0 auto 0 auto;
	background-color: #e1f0f8;
	border-bottom: 1px solid #087d8e;
	height:141px;
	color: #e1f0f8;
	}
		
#top h1{
	padding: 0;
	margin: 0;
	}
		
#left_column{
	float: left;
	width: 139px;
	margin: 0;
	padding: .2em .3em 0 .3em;
	}
		
#right_column{
	float: right;
	width: 140px;
	margin: 0;
	padding: .2em .3em 0 .3em;
	}
	
#right_column p{font-size: .9em;}
	
#right_column a img{border: 1px solid transparent;}
	
#right_column a img:hover{border: 1px solid red;}

		
#content{
	margin-left: 145px;
	border-left: 1px solid transparent;
	margin-right: 145px;
	border-right: 1px solid transparent;
	padding: .1em .4em;
	}
		
#footer{
	background: url("images/bsfaf-2007-footer.jpg") no-repeat 50% 50%;
	clear: both;
	margin: 0;
	padding: .2em .2em .1em .2em;
	background-color: #4599A6;
	border-top: 1px solid #087d8e;
	font-size: 1.1em;
	}
		
#address{
	float: left;
	width: 30%;
	margin: 0;
	padding: 0 .3em 0 .3em;
	}
		
#contact{
	float: left;
	width: 45%;
	margin: 0;
	padding: 0 .3em 0 .3em;
	}
		
#copyright{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 1em .3em 0 .3em;
	text-align: center;
	font-size: .8em;
	font-weight: normal;
	}
		
.wpblurb{
	margin: 0 auto 0 auto;
	padding: 1em .3em 0 .3em;
	text-align: center;
	font-size: .8em;
	font-weight: normal;
	}

.centered{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}


#navigation {margin: .2em .3em .2em 0em; font-weight: bold;}
#navigation li {margin: 0 0 .2em 1em; list-style: outside url("images/nav-arrow.gif");}
#navigation li ul li {font-size: .9em; margin: 0 0 .2em 1.3em; list-style: outside url("images/nav-arrow.gif");}

.column_item{
	font-size: .9em;
	margin: 1em 0 .5em 0;
	border-top: 1px solid #69c1ce;
	text-align: justify;
	}

.entry {margin: .5em .3em .4em .3em; padding: 0em; text-align: justify;
	border: 1px solid #69c1ce;
	padding: .5em;}

.entry h2{margin-top: 0;}
	
.entry ol li, .entry ul li {
	margin-left: 1.2em;
	margin-bottom: .3em;
	}
	
.entry a:link, .entry a:visited, .entry h2 a:hover, .entry h3 a:hover {
	color: #03a;
	text-decoration: none;
	}

.entry a:focus, .entry a:hover{
	color: #147;
	text-decoration: underline;
	}

.entry a:active{
	color: #147;
	}

a.footerLink{
	color: #000;
	text-decoration: underline;
	}

a.footerLink:hover{
	color: #fff;
	text-decoration: underline;
	}

.workshop{
	font-size: .95em;
	}

.workshopPageTitle{
	padding-top: .4em;
	text-align: center;
	}

.workshopTitle{
	padding-top: .4em;
	border-top: 1px solid #087d8e;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
	}
	
.workshopBio{
	border-top: 1px solid #69c1ce;
	font-size: .85em;
	}
	
.workshopTeacher{
	font-weight: bold;
	}
	
.workshopSchedule{
	font-size: .95em;
	margin-bottom: 2em;
	}
	
.workshopSchedule td{
	text-align: left;
	}

.workshopDate{
	text-align: center;
	}
	
.download, .infobox{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .6em;
	text-align: left;
	width: 90%;
	border: 1px solid #69c1ce;
	background: #cef;
	padding: .5em;
	}
	
.notice{
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .6em;
	text-align: left;
	width: 90%;
	border: 1px solid #f00;
	background: #cef;
	padding: .5em;
	}

.rules{
	margin-top: 1.3em;
	border-top: 1px solid #69c1ce;
	font-size: .95em;
	}

.referenceData {
	color: #aaa;
	}

.referenceData a {
	color: #aaa;
	}


.postmetadata {
	text-align: center;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.alignleft {
	float: left
	}

.textright {
	text-align: right;
	}