@charset "utf-8";
/* CSS Document */

body {
	font-size:1em;
	color:#FFC;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	background:#000;
	margin:10px auto 10px auto;
	width:840px;
}


/*Scale fonts
--------------------------------*/
h1 {
	font-size:150%;
	text-align:center;
	line-height:100%;
}

h2 {
	font-size:120%;
	line-height:120%;
	border-bottom:1px dotted;
}

h3 {
	text-align:right;
	color:#0FF;
	font-family:"Lucida Console", Monaco, monospace;
	font-size:90%;
}

p {
	font-size:80%;
}

.caption {
	font-size:67%;
}

/*Style links
------------------------------------*/
a:link {
	color:#FC0;
	text-decoration:none;
}

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

a:hover {
	color:#6F0;
}

a:active {
	color:#0FF;
}

p a:visited {
	color: #FC0 !important;
}

p a:hover {
	color:#0F0 !important;
}

p a:active {
	color:#0FF !important;
}

/*Masthead
------------------------------------*/

#masthead {
	background:#000;
	height:160px;
	padding:5px;
	margin-bottom:10px;
	width:840px;
}

/*Main page area settings
-------------------------------------*/
#main {
	width:70%;
	margin-right:180px;
	background:#000 url(../../../images/horsehead2.jpg) repeat-y;
	background-position:top;
	padding:0;
	margin-bottom:10px;
}

#main p {
	padding:5px;
}

/*Text box settings
------------------------------------*/
#box {
	float:right;
	width:170px;
	line-height:120%;
	padding:5px;
	border:1px solid #FFF;
	background-color:#630;
	margin-bottom:10px;
}

/*Navbar settings
-------------------------------------*/

.navbar {
	text-align:center;
	color:#630;
	padding:2px;
	border:1px solid #FFF;
	background-color:#FC3;
	margin-bottom:10px;
}

.navbar ul li {
	list-style-type:none;
	text-align:justify;
	display:inline;
	margin:0;
	padding:2px 10px;
	border-width:1px;
	border-style:solid;
	border-color:#fff #666 #333 #fff;
}

#main .navbar {
	margin:0;
	border:none;
	background-color:transparent;
}


/*Navbar buttons
---------------------------------------*/

.one {
	background:#FFC;
}

.one a:link, a:visited {
	color:#630;
}

.two {
	background:#FCF;
}

.two a:link, a:visited {
	color:#630;
}

.three {
	background:#0FF;
}

.three a:link, a:visited {
	color:#630;
}

.four {
	background:#F0F;
}

.four a:link, a:visited {
	color:#630;
}

.five {
	background:#6F0;
}

.five a:link, a:visited {
	color:#630;
}	

.six {
	color:#630;
	background:#FFF;
}

.six a:link, a:visited {
	color:#630 !important;
}

.seven {
	color:#630;
	background:#FC0;
}

.seven a:link, a:visited {
	color:#630 !important;
}

/*Container for cool content links
-------------------------------------*/
.content {
	border:1px dotted #60F;
	background:transparent;
	padding:2px;
	height:120px;
	width:300px;	
	margin:10px 0 10px 10px;
}


/*Footer
-----------------------------------------*/
#footer {
	margin:10px 0 0 0;
	width:840px;
	clear:both;
	background:#000;
}

#footer .navbar {
	text-align:center;
	margin:0;
	border:none;
	width:100px;
	background:transparent;
}

#footer .navbar ul li {
	display:block;
	margin-bottom:2px;
}

#footer .navbar ul li .six, .seven {
	color:#630;
}

#footer .logo {	
	float:left;
}

#footer .footercol {
	float:left;
}

#footer .credit {
	float:left;
	width:100px;
	margin-left:10px;
}


/*Float/clear settings

-----------------------------------*/
.image_float {
	float:right;
	margin:0 0 5px 5px;
}

.spacer_right {
	clear:right;
}

.spacer_left {
	clear:left;
}

.spacer {
	clear:both;
}

.header_image {
	float:left;
	margin:5px;
}

/*No borders on images, no outlines on links
----------------------------*/
img {
	border:0;
}

a {
	outline:none;
}


/*Story pages
-------------------------------*/

.stories #main {
	padding:5px;
	width:80%;
	background:url(../../../images/horsehead2.jpg) repeat-y;
	background-position:center;
	margin:10px auto 10px auto;
}

.stories ul li {
	list-style-type:none;
	font-size:80%;
}

.chapters a:link {
	color:#FC0;
}

.chapters a:visited {
	color:#FC0;
}

.chapters a:hover {
	color:#0F0;
}

.chapters a:active {
	color:#0FF;
}


/*Vidding
--------------------------*/
#vids .content {	
	height:160px;
	width:360px;	
}