/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/
html, body, form, fieldset{ margin: 0;padding: 0; font-family:Verdana, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin: 1em 0;padding: 0; }
li, dd, blockquote{ margin-left: 1em; }
fieldset{ border: none; }
input, select, textarea{ font-size:1em; }
/* End Normalization */

body{background:#111 url(../images/background.png) 0 0 repeat-x;font-size:62.5%;line-height:150%;}

img{border:0;}
a img{border:0;text-decoration:none;position:relative;bottom:-2px;}

a:link{color:#006699;}
a:visited{color:#333366;}
a:hover, a:active{color:#990000}

button{background:transparent;margin:0;padding:0;border:0;}
input.text{
background:white url(../images/form-box-background.png) repeat-x;
border:1px solid #666;
padding:3px;
}
ul, ol{padding-left:2.5em;}

h1, h2, h3, h4, h5, h6{font-weight:normal;line-height:1.2em;}
h1{font-size:2em;}
h2{font-size:1.7em;}
h3{font-size:1.2em;}
h4{font-size:1em;font-weight:bold;}

blockquote{ padding:0 10px; border-left:2px solid #ccc; }

button{background:transparent;border:0;margin:0;padding:0;cursor: pointer;color:#006699;text-decoration: underline;font-size:.9em;}


hr{
visibility:hidden;
clear:both;}

/* General Classes
-----------------------------------------------------------------*/
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

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

.alt { margin: 0; padding: 10px; }	
.nom{margin:0;}
.notm{margin-top:0;}
.nobm{margin-bottom:0;}
.ul{text-decoration:underline;font-weight:bold;color:#006699;}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* Structure
-----------------------------------------------------------------*/
#container{
width:990px;
margin:0 auto;

}
h1#logo{
margin:0;padding:0;
}

h1#logo a{
display:block;
width:405px;
margin:0;
padding:0;
height:72px;
text-indent: -9999px;
background:url(../images/logo.png) 0 0 no-repeat;
}

#main{
width:930px;
margin:0 auto 30px;
padding:0;
padding-left:60px;
background:url(../images/content-back.jpg) 50% 0 no-repeat;
text-align:center;
color:#ccc;
font-size:1.1em;
position:relative;
}

#nav{
width:150px;
float:left;
background:transparent url(../images/nav-back-trans.png) 50% top no-repeat;
margin-top:20px;
text-align: left;
padding:0 0 10px;
position:relative;
}
* html #nav {background:#111;}

#content{
width:470px;
margin:0 12px;
padding-top:20px;
float:left;
background:white url(../images/middle-content-back.png) repeat-x;
color:#333;
}

#sidebar{
margin-top:20px;
width:285;
float:right;
}

#footer{
text-align:center;
}

#nav ul{
margin:5px 0 30px;padding:0;
text-decoration: none;
list-style:none;
position: relative;
z-index:1000;
}
#nav li{
margin:0;padding:0;
border-bottom:1px solid black;
}
#nav li a{
margin:0;padding:1em 10px;
color:white;
display:block;
text-decoration: none;
position: relative;
z-index: 1005;
}
#nav li a:hover{background:#444;}

#nav p{
text-align:center;
text-transform: uppercase;
font-size:1em;
}


#content h2{
margin:0 0 5px 0;
color:#f00;
font-size:2em;
padding:5px 10px;
font-family: Futura, "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
text-align:left;
}

#content .content{
text-align:left;
margin:0 20px 20px;
padding:0;
border-bottom:2px solid #f00;
}



#content .content h3{
margin:0 0 5px 0;
color:#000;
font-size:1.4em;
padding:5px 10px;
}

#content .content h3 a{
text-decoration: none;
}

#content .content p{
padding:3px 10px;
font-weight:normal;

}
#content .content form{
width:350px;
margin:0 auto;
padding:0 10px 10px;
}
#content .content form input.text, #content .content form textarea{
width:80%;
font-size:12px;
}


#sidebar .content{
width:285px;
text-align:left;
margin:0;
padding:0;
padding-top:10px;
background:transparent url(../images/sidebar-back-trans.png);
}
* html #sidebar .content{
background:#111;
}

#sidebar .contentbottom{
width:285px;
height:10px;
margin:0 0 10px 0;
background:transparent url(../images/sidebar-back-trans.png) 50% bottom;
}
* html #sidebar .contentbottom{background:transparent;background-image:none;}
#sidebar .contentbottom p{
height:0;padding:0;margin:0;
}

#sidebar .content h2{
margin:0 0 5px 0;
color:#f00;
font-size:1.4em;
padding:5px 10px;
padding-left:45px;
background:url(../images/logo-bullet-trans.png) 10px 50% no-repeat;
font-family: Futura, "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
}
* html #sidebar .content h2{background:transparent;background-image: none;}


#sidebar .content p{
padding:3px 10px;
font-weight:normal;

}
#sidebar .content form{
width:200px;
margin:0 auto;
padding:0 10px 10px;
}
#sidebar .content form input.text{
width:100%;
}

#footer{
border-top:3px solid #666;
width:100%;
clear:both;
text-align:center;
}

/* WRAPPER
************************************************************************************************ */

div.fs { background: #000 !important; }

/* WRAPPER - LOADING
************************************************************************************************ */

div.fs div.fsLoading { 
	background: #D1D1D1 url("http://v6.flickrshow.com/themes/green/al.gif") 50% 50% no-repeat!important;
	z-index: 500;
}

div.fsLoaded-0 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-1 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-2 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-3 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-4 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-5 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-6 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-7 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-8 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-9 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-10 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }

/* WRAPPER - SLIDER
************************************************************************************************ */

div.fs div.fsSlider { background: #D1D1D1 url("http://v6.flickrshow.com/themes/blue/sl.gif") !important; }

div.fs div.fsSliderH { 
	background: #464646 !important; 
	cursor: pointer;
}

/* WRAPPER - BUTTONS
************************************************************************************************ */

div.fs ol.fsButtons { background: #E8E8E8; }

div.fs ol.fsButtons li {
	background: #E8E8E8 50% 50% no-repeat;
	overflow: hidden;
	text-indent: -999px;
	z-index: 300;
}

div.fs ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/blue/ip.gif") !important; }
div.fs ol.fsButtons li.fsButtonB { background-image: url("http://v6.flickrshow.com/themes/blue/ir.gif") !important; }
div.fs ol.fsButtons li.fsButtonC { background-image: url("http://v6.flickrshow.com/themes/blue/il.gif") !important; }

div.fsPlaying ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/blue/is.gif") !important; }

/* WRAPPER - IMAGES
************************************************************************************************ */

div.fs ol.fsImages, div.fs ol.fsImages li { background: #000; padding:0;margin:0;}

div.fs ol.fsImages li h2 {
	color: #2E2E2E !important;
	font-family: "Lucida Grande", "Helvetica", "Arial", Sans-serif !important;
	font-size:1em !important;
	font-weight: lighter !important;
	overflow: hidden !important;
	z-index: 200 !important;
	background:transparent !important;
margin:0 !important;
padding:0px !important;
}
