/* Blueprint overwrite */

body{
/*background: #989785 url(images/rainbow-tile.png) repeat-x;*/
background: url(images/body-bg-pattern.gif);
font-size: 62.5%;
position: relative;
color: #4b4b4b;
}

.container, .span-24, div.span-24{
width: 870px;
}

h1, h2, h3, h4, h5, h6{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

h1, h2.title{
font-size: 2.5em;
}

h2{
font-size: 1.9em;
}

h3{
font-size: 1.6em;
}

h4{
font-size: 1.4em;
font-weight: bold;
}

p, ul{
font-size: 1.4em;
margin-bottom: 10px;
}

a{
text-decoration: none;
}

blockquote{
padding: 10px 0 0 10px;
border: 3px solid #913b38;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}

	blockquote:hover{
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
	}

#info-wrapper a, .panel-wrapper a{
color: #f8f8f8;
/*background: #913b38;*/
background: #754318;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 0 3px;
}

#info-wrapper a:hover, .panel-wrapper a:hover{
background: #749dC7;
}

/* Blueprint overwrite end*/

#header{
height: 140px;
position: relative;
}

	#logo{
	background: rgb(48, 50, 50);
	background: rgba(48, 50, 50, 0.8);
	padding: 10px 0 5px 0;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	}

		#logo h1{
		font-size: 2.4em;
		color: #f8f8f8;
		text-shadow: 3px 3px 5px black;
		}

		#logo h1 a{
		color: #f8f8f8;
		}
		
	#language-select{
	background: rgb(48, 50, 50);
	background: rgba(48, 50, 50, 0.8);
	padding: 5px 10px 0 10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	position: absolute;
	top: 0;
	right: 3px;
	}
	
		#language-select h3{
		color: #f8f8f8;
		text-shadow: 3px 3px 5px black;
		margin: 0;
		}
		
		#language-select img{
		margin: 7px 5px 3px 5px;
		}
		
#js-off{
text-align: center;
font-size: 1.3em;
font-weight: bold;
}
		
.content-wrapper{
background: #f8f8f8;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom: 30px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}

#info-wrapper .info{
margin: 25px;
}

h2.slider-header{
padding-left: 37px;
height: 32px;
line-height: 32px;
}

	.info h2.slider-header{
	background: url(images/icons/info.png) no-repeat;
	}
	
	.twitter h2.slider-header{
	background: url(images/icons/twitter.png) no-repeat;
	}
	
	.flickr h2.slider-header{
	background: url(images/icons/flickr.png) no-repeat;
	}
	
	.digg h2.slider-header{
	background: url(images/icons/digg.png) no-repeat;
	}
	
	.lastfm h2.slider-header{
	background: url(images/icons/lastfm.png) no-repeat;
	}
	
	.youtube h2.slider-header{
	background: url(images/icons/youtube.png) no-repeat;
	}
	
#digg-list span{
display: block;
margin-left: 20px;
font-style: italic;
}

img#shm{
float: right; padding: 0 0 5px 5px;
opacity: 0.5;
}

#info-wrapper:hover img#shm{
opacity: 1;
}



/* Code slider styles */
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 620px } 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
/* Panel padding */
.coda-slider .panel-wrapper { padding: 20px; }
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Tabbed nav */

div.coda-nav{
margin: 15px 0 15px 15px;
}

.coda-nav ul{
width: 100%;
list-style: none;
margin: 0;
padding: 0;
font-size: 1.7em;
}

.coda-nav ul li a{  
display: block; 
padding: 3px 10px; 
text-decoration: none; 
color: #293747;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
text-shadow: 3px 3px 5px grey;
}

.coda-nav ul li a.current{ 
background: #293747;
color: #f8f8f8;
text-shadow: 3px 3px 5px black;
}

.coda-slider-wrapper{
border-left: 5px solid #293747;
min-height: 187px;
}
	
/* Miscellaneous */
.coda-slider-wrapper { overflow: hidden }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }