/*  
Theme Name: kayjayone
Theme URI: http://www.kayjayone.com
Description: custom layout for willy vlautin
Version: 1.1
Author: kayjayone
Author URI: http://www.kayjayone.com/

*/

body {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	margin:20px 0 0 0;
    padding:0;
	background-color:#ffffff;
}

.page {
	width:730px;
	text-align:left;
	padding:10px;
    background-image:url('images/white.gif');
	background-repeat:repeat-y;
	overflow:hidden;
}

.wrapper {
	width:710px;
	padding:0;
}

.left {
	float:left;
	width:200px;
	text-align:left;
}

.right {
	float:right;
	width:500px;
}

.leftimage {
	height:190px;
	margin-top:10px;
}

#home .leftimage {
	margin-top:50px;
	height:150px;
}

.leftnav {
	height:300px;
	width:180px;
	margin-left:20px;
	margin-top:30px;
    position: relative;
    background-image:url('images/left-nav.jpg');
	background-repeat:no-repeat;
}

.leftnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}

.leftnav li, .leftnav a {
    display: block;	
	height:27px;
}

#navbox-mail a {
	height:50px;
}

.leftnav span {
	display: none;
}

.leftnav img {
	margin-right:0;
	margin-bottom:0;
	display:block;
	float:none;
}

#navbox-motellife { left:0px; width:140px; height: 27px; top:0px; }
#navbox-northline { left:0px; width:97px; height: 27px; top:31px; }
#navbox-leanonpete { left:0px; width:121px; height: 27px; top:60px; }
#navbox-rf { left:0px; width:178px; height: 27px; top:89px; }
#navbox-latest { left:0px; width:107px; height: 27px; top:119px; }
#navbox-mail { left:1px; width:125px; height:50px; top:237px; }

#navbox-motellife a:hover {background:url('images/left-nav.jpg') 0px -301px no-repeat;}
#navbox-northline a:hover {background:url('images/left-nav.jpg') 0px -332px no-repeat;}
#navbox-leanonpete a:hover{background:url('images/left-nav.jpg') 0px -361px no-repeat;}
#navbox-rf a:hover{background:url('images/left-nav.jpg') 0px -390px no-repeat;}
#navbox-latest a:hover {background:url('images/left-nav.jpg') 0px -418px no-repeat;}
#navbox-mail a:hover {background:url('images/left-nav.jpg') 0px -538px no-repeat;}

#themotellife #navbox-motellife {background:url('images/left-nav.jpg') 0px -301px no-repeat;}
#northline #navbox-northline {background:url('images/left-nav.jpg') 0px -332px no-repeat;}
#leanonpete #navbox-leanonpete {background:url('images/left-nav.jpg') 0px -361px no-repeat;}
#rf navbox-rf{background:url('images/left-nav.jpg') 0px -390px no-repeat;}
#news-page #navbox-latest {background:url('images/left-nav.jpg') 0px -418px no-repeat;}
#news-listing-page #navbox-latest {background:url('images/left-nav.jpg') 0px -418px no-repeat;}
#mailing-list #navbox-mail {background:url('images/left-nav.jpg') 0px -538px no-repeat;}

.content {
	margin-top:50px;
	margin-bottom:20px;
	margin-left:30px;
	line-height:16px;
}

#home .content {
	height:490px;
	margin:0;
}

#contact .content {
	text-align:right;
}

#mailing-list .content {
	text-align:right;	
}

#news-page .post {
    background-image:url('images/white.gif');
	background-repeat:repeat-y;
	overflow:hidden;
	margin-bottom:15px;
}

#news-listing-page .content {
	text-align:right;
}

#links .content {
	text-align:right;
}

.bottomnav {
	width:500px;
	height:20px;
	margin-top:105px;
    padding: 0;
    position: relative;
	background-image:url('images/top-nav.jpg');
	background-repeat:no-repeat;
}

#home .bottomnav {
	height:20px;
	margin-top:2px;
	width:500px;
    padding: 0;
    position: relative;
	background-image:url('images/bottom-nav.jpg');
	background-repeat:no-repeat;
}

.bottomnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}
	
.bottomnav li, .bottomnav a {
    height: 20px; display: block;}

.bottomnav span {
	display: none;
}

#navbox-events { left: 181px; width: 72px; }
#navbox-store { left: 255px; width: 63px; }
#navbox-links { left: 320px; width: 63px; }
#navbox-bio { 	left: 385px; width: 47px; }
#navbox-contact { left: 433px; width: 67px; }

#navbox-events a:hover {background:url('images/top-nav.jpg') -181px -20px no-repeat;}
#navbox-store a:hover {background:url('images/top-nav.jpg') -255px -20px no-repeat;}
#navbox-links a:hover {background:url('images/top-nav.jpg') -320px -20px no-repeat;}
#navbox-bio a:hover {background:url('images/top-nav.jpg') -385px -20px no-repeat;}
#navbox-contact a:hover {background:url('images/top-nav.jpg') -433px -20px no-repeat;}

#events-page #navbox-events {background:url('images/top-nav.jpg') -181px -20px no-repeat;}
#store #navbox-store {background:url('images/top-nav.jpg') -255px -20px no-repeat;}
#links #navbox-links {background:url('images/top-nav.jpg') -320px -20px no-repeat;}
#bio #navbox-bio {background:url('images/top-nav.jpg') -385px -20px no-repeat;}
#contact #navbox-contact {background:url('images/top-nav.jpg') -433px -20px no-repeat;}

#home #navbox-events { left: 88px; width: 71px; }
#home #navbox-store { left: 161px; width: 69px; }
#home #navbox-links { left: 231px; width: 58px; }
#home #navbox-bio { left: 289px; width: 52px; }
#home #navbox-contact { left: 342px; width: 69px; }

#home #navbox-events a:hover {background:url('images/bottom-nav.jpg') -88px -20px no-repeat;}
#home #navbox-store a:hover {background:url('images/bottom-nav.jpg') -161px -20px no-repeat;}
#home #navbox-links a:hover {background:url('images/bottom-nav.jpg') -231px -20px no-repeat;}
#home #navbox-bio a:hover {background:url('images/bottom-nav.jpg') -289px -20px no-repeat;}
#home #navbox-contact a:hover {background:url('images/bottom-nav.jpg') -342px -20px no-repeat;}

.footer {
	font-size:9px;
	width:700px;
	float:left;
	background-color:#ffffff;
}

.footerleft{
	float:left;
	width:600px;
	text-align:left;
}

.footerright {
	float:right;
	width:14px;
	text-align:right;
}

a {
	text-decoration:none;
	color:#10384B;
}

.content a {
	text-decoration:underline;
}

a:hover {
	color:#EE4000;
}

.date {
	margin-bottom:5px;
	margin-top:1px;	
}

.smalldate {
	font-size: 9px;
	margin-bottom:3px;
	margin-top:1px;	
}

.small {
	font-family: verdana, arial, helvetica;
	font-size: 9px;
}

.large {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight:bold;
	color:#10384B;
}

.largepress {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight:bold;
	color:#10384B;
	margin-bottom:10px;
}

.exlarge {
	font-family: verdana, arial, helvetica;
	font-size: 15px;
	font-weight:bold;
}

img {
	border:0;
	margin-right:10px;
	margin-bottom:5px;
	display:inline;
	float:left;
}

#home img {
	border:0;
	margin-right:0px;
	margin-bottom:0px;
	display:inline;
	float:none;
}

#mailing-list img {
	display:block;
	float:none;
	text-align:center;
}

#links img {
	display:block;
	float:none;
	text-align:center;
}

#bio img {
	display:block;
	float:none;
	text-align:center;
}

#notfound img {
	display:block;
	float:none;
}

#events-page .content img {
	margin-left:10px;
	margin-bottom:5px;
	display:inline;
	float:right;
}

#themotellife .content img {
	margin-left:10px;
	display:inline;
	float:right;
}

#northline .content img {
	margin-left:10px;
	display:inline;
	float:right;
}

#leanonpete .content img {
	margin-left:10px;
	display:inline;
	float:right;
}

#pressforthemotellife .content img {
	margin-left:10px;
	margin-bottom:5px;
	display:inline;
	float:right;
}

#pressfornorthline .content img {
	margin-left:10px;
	margin-bottom:5px;
	display:inline;
	float:right;
}

#pressforleanonpete .content img {
	margin-left:10px;
	margin-bottom:5px;
	display:inline;
	float:right;
}

.imgright {
	border:0;
	margin-left:10px;
	display:inline;
	float:right;
}

inputbutton {
	margin-left:300px;
	color: #000;
	font-weight:bold;
	background: #808080;
	border: 2px outset #404040;
}

p {
	margin-top:0px;
	margin-bottom:10px;
}

#news-page .textright {
	text-align:right;
}

.bioquote {
	text-align:right;
	margin-left:2px;
}

.storeitem {
	width:100%;	
	margin-bottom:20px;
}

.storeitempic {
	float:left;
	width:80px;	
}

.storeitemtitle {
	font-size:14px;
	color:#10384B;
	margin-bottom:5px;	
}

.storeitemcontent {
	float:right;
	width:380px;
}