/*
THEME NAME: Detour Cafe
THEME URI: http://www.detourcafe.com
DESCRIPTION: A theme for Detour Cafe
VERSION: 1.0.0
AUTHOR: Aaron Jorbin
AUTHOR URI: http://aaron.jorb.in

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 95%;
	font-family: arial;
	vertical-align: baseline;
	color:#4d4d4d;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{
text-decoration:none;

}
#center{
width:740px;
margin-left:auto;
margin-right:auto;
}

#flashhead{
background:blue;
height:200px;
width:740px;
margin-top: 60px;
margin-bottom:10px;
}
h1{
display:none;
}

#horizontalnav{
float:right;
margin-bottom:10px;	
}
#horizontalnav li{
float:left;
padding-left:33px;
text-align:left;
}
#horizontalnav li a{
color:#4d4d4d;
font-size:1.1em;
float:left;
text-align:left;
}
ul#linkpage{
height:360px;
background-image:url('img/detourlinks.jpg');
background-repeat:no-repeat;
background-position:bottom center; 
}
#page{
width:400px;
float:right;
clear:both;
overflow:auto;
height:300px;
}
#contactpage{
width:400px;
float:right;
clear:both;

}
#page .post p{
margin-bottom:15px;
line-height:1.25em;
font-size: .92em;
}
#footer{
clear:both;
text-align:center;
padding-top:35px;
}
#footer p{
font-size:.9em;
}
#homeimg{

height:300px;
width: 270px;
}
.pagetitle{
clear:both;
float:right;
margin-right: 150px;
margin-bottom: 20px;
}

#linkpage{


}
#linkpage li{

width:350px;
}

#linkpage li.left{
float:left;
clear:both;
text-align:right;
margin: 8px 0 8px 0;
}
#linkpage li.right{
float:right;
text-align:left;
margin: 8px 0 8px 0;

}
#linkpage li a{
color: #000000;
font-size: .8em;
letter-spacing:.01em;
}
#linkpage li a:link{

}
#linkpage li a:visited{

}
#linkpage li a:hover{
margin: 8px 0 6px 0;
padding-bottom: 1px;
border-bottom: 1px solid #000000;
}
#linkpage li a:active{
margin: 8px 0 6px 0;
padding-bottom: 1px;
border-bottom: 1px solid #000000;
}
#homebody{
float:right;
width: 400px;
clear:both;
height:300px;
overflow:auto;
}
#aboutbody{
float:right;
width: 401px;
clear:both;
height:300px;
overflow:auto;

}
.thetime{
font-size: .75em;
margin: 2px 0px;
color: #13902a;
}
#homebody .post{
margin-bottom: 8px;
}
#homebody .post p{
font-size:.85em;
}
h2.headline{
font-size: 1.3em;
color: #13902a;
font-weight:bold;
}
.post{
line-height: 1.2em;
}
.newsarchive{
color:#13902a;
text-align:right;
float:right;
clear:right;
margin-top:10px;
}
#archivelink{

width:100px;
}
#header { width:778px; height:228px; margin:20px auto; background: url(background.jpg) no-repeat top left; }
#header ul { height:117px; width:610px; float:right; margin:90px 48px 0 0; padding:0; list-style:none; }
#header ul li { float:left; }
#header ul li:hover { cursor:pointer; }
#header ul li div { position:absolute; height:34px; text-indent:-99999px; z-index:999; display:none; }
#header ul li.selected div { display:block; }

#header ul li#home { height:110px; width:35px; }
#header ul li#menu { height:55px; width:390px; }
#header ul li#about { height:55px; width:335px; }
#header ul li#contact { height:55px; width:160px; }
#header ul li#gallery { height:55px; width:105px; }
#header ul li#links { height:110px; width:80px; float:right; }

#header ul li#home div { margin-top:105px; width:100px; background:url(home.png) no-repeat top left; }
#header ul li#menu div { margin-top:-30px; margin-left:199px; width:110px; background:url(menu.png) no-repeat top left; }
#header ul li#about div { margin-top:45px; margin-left:100px; width:203px; background:url(about.png) no-repeat top right; }
#header ul li#contact div { margin-top:45px; margin-left:50px; width:164px; background:url(contact.png) no-repeat top right; }
#header ul li#gallery div { margin-top:-30px; margin-left:-55px; width:184px; background:url(gallery.png) no-repeat top right; }
#header ul li#links div { margin-top:-30px; margin-left: 20px; width:136px; background:url(links.png) no-repeat top right; }


#header ul li#home a { 
display:block; position:relative;
height:110px; width:35px;
bottom:27px;
}
#header ul li#menu a {
display:block; position:relative;
right:198px;
 height:55px; width:390px;
top:27px;}
#header ul li#about a {
height:55px; width:335px;
display:block; position:relative;
right:98px;
bottom:48px;}
#header ul li#contact a {
display:block; position:relative;
right:53px;
bottom:48px;
height:55px; width:160px;
}
#header ul li#gallery a {
height:55px; width:105px;
display:block; 
position:relative;
left:50px;
top:27px;
}
#header ul li#links a {
display:block;
height:110px; width:80px;
position:relative;
right:20px;
top:27px;
}

#musicplayer{
position:relative;
left: 686px;
top:66px;
}
#clear{
clear:both;
}
#maillink {
display:block;
height:10px;
left:715px;
position:relative;
top:53px;
width:15px;
}