/* keef styles */
/* The visual design, layout, and style sheets for keef.tv 
are copyright 2008 Mandy Brown and Keith Ehrlich and may not be reproduced. */


/* TOC -------------------------------------------------------------------------- 

general
typography
	links
	headings
	paragraphs
	lists
layout
	header
	main
		blog
		spot
		play
	foot
---------
testing

*/



/* general -------------------------------------------------------------------------- */

body {
	background: #fff;
	font: 12px/16px Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 50px;
	}

/* typography -------------------------------------------------------------------------- */

/*------------------------ links -------------------------------------------------- */

a, a:link {
	font-weight: bold;
	text-decoration: none;
	color: #333;
	}

a:visited { 
	color: #666; 
	}

a:hover, button:hover, button a:hover {
	text-decoration: none;
	color: #f60;
	}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
	color: #666;
	}

#nav ul li a:hover {
	color: #f60;
	}


/*------------------------ headings -------------------------------------------------- */

h1 {
	float: left;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	}

h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
        padding: 20px 0;
	border-bottom: 2px solid #999;
	}

h2.search {
	font-weight: normal;
	}

h2.play {
        padding-top: 0;
        margin-bottom: 20px;
}

h3 { 
	font-size: 18px; 
	}
	
h4 { 
	font-size: 12px;
	margin: 0;
	}

h5 {
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	border-top: 2px solid #000;
	padding-top: 5px;
	}

h5.first {
	padding-top: 0;
	margin-top: 5px;
	border: 0;
	}
	
h6 {
	font-size: 10px;
	border-bottom: 1px solid #ccc;
	margin: 20px 0 0 0;
	font-weight: normal;
	}


/*------------------------ paragraphs -------------------------------------------------- */

#blog .meta p,
#foot p { font-size: 10px;}

#blog .post blockquote {
	padding-left: 20px;
	width: 480px;
margin: 0;
	}

#foot p { margin: 0; }

p.rss {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url("http://keef.tv/images/uploads/feed.png") no-repeat 0 50%;
	}

#blurb p {
	font-size: 14px;
	line-height: 18px;
	}

#playnav p{
	margin-top: 5px;
	font-size: 12px;
}

p.error {
	color: red;
}

/*------------------------ lists -------------------------------------------------- */

ul.links {
	list-style: none outside;
	margin: -35px 0 0 210px;
	padding: 0;
	}

ul.links li { padding-bottom: 3px; }







/* layout -------------------------------------------------------------------------- */


#header, #main, #play, #foot, #bio { 
	width: 815px; 
	}

#blurb {
	width: 300px;
	margin: 10px 0 -105px 0;
	}

/*------------------------ header -------------------------------------------------- */

#header {
	padding: 10px 0;
	border-top: 2px solid #999;
	border-bottom: 2px solid #000;
	margin: 5px 0;
	height: 40px;
	}

#header h1 {
	margin: 15px 0 0 0;
	}


#nav ul {
	float: right;
	margin: 10px 59px 0 0;
	}

#nav ul li {
	display: inline;
	font-size: 24px;
	line-height: 100%;
	padding-left: 25px;
	font-weight: bold;
	color: #000;
	}



/*------------------------ main -------------------------------------------------- */

#main, 
#bio {
	margin-top: 200px;
	border-top: 2px solid #000;
	}



/*---------------------------------------------------- blog ----------------------- */

#blog .post {
	overflow: hidden;
	border-bottom: 1px solid #333;
	padding: 10px 0 30px 0;
	margin: 0;
	}

#blog .post .message { 
	float: left; 
	}
	
#blog .message p { 
	width: 500px; 
	}

#blog .meta {
	float: left;
	width: 285px;
	padding: 0 0 0 25px;
	}

#blog .meta p.date,
#blog .meta p.time {
	float: left;
	text-align: right;
	width: 80px;
	}

#blog .meta p.cats {
	float: left;
	width: 155px;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #666;
	}

#blog .meta p.link {
	float: right;
	text-align: right;
	width: 7px;
	}

#blog img {
	padding: 10px 0;
	border: 0;
	}

#blog .post #contact {
font-size: 12px;
float: right;
width: 265px;
padding-top: 10px;
}

#blog .post #contact p {
margin: 0;
}

#blog .post #contact h4 {
font-weight: normal;
font-style: italic; }


#blognav { 
	margin: 70px 0; 
	}

#blognav ul {
	list-style: none outside;
	padding: 0 25px 0 0;
	margin: 0;
	width: 185px;
	float: left;
	}

#blognav ul.last {
        padding: 0;
        }

#blognav ul li {
	padding: 3px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #333;
	}

/*---------------------------------------------------- spot ----------------------- */

#main .spot {
	border-bottom: 2px solid #999;
	}

#main .spot {
	padding: 10px 0;
	height: 150px;
	}

#main .spot .info {
	width: 185px;
	margin-top: 20px;
	float: left;
	}

#main .spot .thumbs img {
	float: left;
	margin: 20px 0 0 25px;
	padding: 0;
	width: 183px;
	border: 1px solid #ccc;
	}
	
#main .spot .thumbs a:hover img {
	border: 1px solid #333;
	}






/*---------------------------------------------------- play ----------------------- */

#play {
	padding-top: 20px;
	}

#movie {
	width: 100%;
	padding-bottom: 25px;
	border-bottom: 2px solid #ccc;
}

#info {
	width: 395px;
	float: left;
	margin-right: 25px;
	padding-top: 20px;
}

#info p {
	margin: 0 0 5px 0;
}

#info #credits {
	padding: 10px;
	text-indent: -10px;
}

#info p.runtime {
	width: 80px;
	border-top: 1px solid #ccc;
	padding-top: 3px;
	font-size: 10px;
}

#playnav {
	width: 185px;
	float: left;
	margin-left: 210px;
}

/*------------------------ foot -------------------------------------------------- */

#foot {
	clear: both;
	margin: 300px 0 0 0;
	padding: 12px 0 5px 0;
	height: 40px;
	border-top: 2px solid #999;
	border-bottom: 2px solid #000;
	}

#feeds, #contact, #search, #copyright { 
	float: left; 
	}

#feeds, #contact {
	width: 80px;
	margin-right: 25px;
	}
	
#copyright {
	margin-left: 25px;
	}

#search {
	width: 395px;
	margin-top: 2px;
	}


form {
        margin: 0;
        }

input#search-txt {
	border: 1px solid #333;
	width: 308px;
	height: 25px;
	padding: 0;
	margin: -1px 5px 0 0;
	float: left;
	}
	
input#search-btn {
	margin-top: 1px;
	}


	


/* testing --------------------------------------------------------------------------
body { background: url(http://www.keef.tv/images/grid.gif) repeat-y; } */