/*  
Site Name: 
Site URI: 
Description: 
Version: 
Author: 
Author URI: 

*/

/*  =COLORS
---------------------------------------------------
	Body Background:
	Main Text:
	Links:
*/


/*  =RESET
---------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
ol,ul {
	list-style: none;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
abbr,acronym { border: 0;
	}
	
	
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */

body {
	font-family: "Helvetica Neue Light", "Arial Narrow", Verdana, Helvetica, Arial,  sans-serif;
	font-size: 100%;
	background: #000000;
	background: -webkit-gradient(linear, 0% 35%, 0% 55%, from(#000000), to(#0F131F), color-stop(.6,#0F131F));
	background: -moz-linear-gradient(0% 50% 90deg,#0F131F, #000000, #000000 45%);
	color: #FFFFFF;
}

a:link {
	color: #E2C521;
	text-decoration: none;
}

a:visited {
	color: #E2C521;
	text-decoration: none;
}

a:hover, a:active {
}

@font-face {
  font-family: Harrington;
  src: url(Harrington.otf) format("opentype");
}


h1 {
	color: #E2C521;
	font-size: 270%;
	font-family: Harrington, Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

h2 {
	color: #;
	font-size: 160%;
}

h3 {
	color: #;
	font-size: ;
}

h4 {
	color: #;
	font-size: ;
}

ol {
	list-style-type: ;
}

ul {
	list-style-type: ;
}

li {
	margin: ;
}

blockquote {}

#wrapper {
background-image:url(assets/magicbackground.jpg);
background-repeat:no-repeat;
background-position:bottom;
	width: 1000px;	
	height: auto;
	margin: 10px auto;
}


/*  =HEADER
-------------------------------------------------------------- */

#header {
background-image:url(assets/header.jpg);
height: 667px;}

#logo {}


/*  =NAVIGATION
-------------------------------------------------------------- */

#nav {
background: url(assets/navsprite.jpg);
width:865px;
height:50px;
margin:0 0 0 40px;
padding:0;
}

#nav span {
display: none;
}

#nav li, #nav a {
height:50px;
display:block;
}

#nav li {
float:left;
list-style:none;
display:inline;
}

#nav ul li {
  height: 17px;
  display: block;
  position: relative;
  float: left;
  padding: 0 0 0 90px;
  margin:0 0;
}

#nav ul li a {
color:#FFFFFF;
}

#nav li ul { 
display: none; 
height:17px;
}

#nav ul li a {
  display: block;
  text-decoration: none;
  padding: 0 0 0 0;
  background:#000000;
  white-space: nowrap;
}

#nav ul li a:hover { 
background: #000000; 
}

#nav li:hover ul {
  display: block;
  position: absolute;
}

#nav li:hover li {
  float: none;
  font-size: 11px;
}

#nav1 {
width: 167px;
}
#nav2 {width: 162px;}
#nav3 {width: 151px;}
#nav4 {width: 210px;}
#nav5 {width: 175px;}

#nav1 a:hover {background: url(assets/navsprite.jpg) 0px -50px no-repeat; }
#nav2 a:hover {background: url(assets/navsprite.jpg) -167px -50px no-repeat; }
#nav3 a:hover {background: url(assets/navsprite.jpg) -329px -50px no-repeat; }
#nav4 a:hover {background: url(assets/navsprite.jpg) -480px -50px no-repeat; }
#nav5 a:hover {background: url(assets/navsprite.jpg) -690px -50px no-repeat; }





/*  =CONTENT
-------------------------------------------------------------- */


#content{

}	

#backgroundh1 {
background-image:url(assets/backgroundh1.png);
width: 670px;
height: 316px;
margin: 100px 0 0 70px;
}

#backgroundh1 h1 {
padding: 50px 10px 0 20px;
}

#backgroundh1 h2 {
padding: 0 25px 0 25px;
}

#backgroundh1 p {
padding: 25px 25px 30px 25px;
}

#bcontent {
width: 634px;
height: auto;
margin: 50px 0 0 82px;
}

#bcontentimg {
width: 215px;
}

#available {
width: 400px;
}

#bcontent img {
padding: 10px 15px 0 10px;
}

#bcontent h1 {
margin: 20px 0 10px 20px;
}

#bcontent p {
margin: 25px 25px 25px 25px;
}

#bcontentleft {
width: 350px;
}

#bcontentright {
width: 280px;
}

#bcontentright h1 {
padding: 0 25px 0 0;
}


/*  =SIDEBAR
-------------------------------------------------------------- */

#sidebar {
background-image: url(assets/sidebar.png);
width: 203px;
height: 761px;
margin: 130px 34px 0 0;
}

#sidebar h1 {
font-size: 190%;
padding: 20px 30px 0 20px;
}

#sidebar img {
margin: 0 0 0 25px;
}

#sidebar ul {}
#sidebar li {}


/*  =FORMS
-------------------------------------------------------------- */

#contact {
padding: 25px;
}

input {}
textarea {}
button {}

input:focus {}
textarea:focus {}
button:hover {}


/*  =TABLES
-------------------------------------------------------------- */

table {
margin: 0 0 0 150px;
}

table.sample {
	border-width: 0px;
	border-spacing: 2px;
	border-style: none;
	border-collapse: separate;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px;
	padding: 1px;
	border-style: none;
	-moz-border-radius: 0px 0px 0px 0px;
}


/*  =FOOTER
-------------------------------------------------------------- */

#footer {
width: 872px;
height: 350px;
margin: 0 0 0 82px;
padding: 40px 0 0 0;
}

#footer h1 {
font-size: 170%;
}

#about {
width: 288px;
height: 250px;
}

#about h1 {
padding: 10px;
}

#ladyellen {
padding: 0 0 0 10px;
}

#ladyellen p {
width: 160px;
height: 100px;
padding: 0 0 0 10px;
}

#ladyellen img {
width: 100px;
height:129px;
}

#cockney {
width: 288px;
height: 250px;
}

#cockney h1 {
padding: 10px;
}

#cockney p {
padding: 10px;
}

#musings {
width: 288px;
height: 250px;
}

#musings h1 {
padding: 10px;
}

#musings p {
padding: 10px;
}

#copyright {
width: 872px;
padding: 20px;
}

#cpr { width: 300px; margin: 20px 0 0 0;}

#designer {width: 150px; margin: 20px 0 0 0;}


/*  =DEFAULT STYLES
-------------------------------------------------------------- */

.georgiayellow {
font-family:Georgia, "Times New Roman", Times, serif;
color: #E2C521;
}

.medp {
font-size:115%;
}

.theirstory {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 150%;
color: #E2C521;
padding: 0;
margin:0;
}

.h1two {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 150%;
}

.transp {
background-color: rgb(33,33,33); opacity: 0.75;
border: #3a3a3a solid 1px;
}

.shadow {
-moz-box-shadow: 4px  4px 4px #000;
-webkit-box-shadow: 4px 4px 4px #000;
box-shadow: 4px 4px 4px #000;
}

.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.small {font-size: 0.8em;}
.hidden {display: none;}