/*
Theme Name: Kelly Jo
Theme URI: http://kellyjo.com
Description: Custom designed site by Ross Bruggink and Bobby Marko for Kelly Jo
Version: .1 (WP2.6.2)
Author: Bobby Marko
Author URI: http://bobby-marko.com
Tags: awesome
*/

/* reset v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end css reset */

body{background-image:url(functions/rotator.php); background-repeat:no-repeat; background-position: top left; color:#000000; font-family:"Trebuchet MS", "Lucida Sans", Helvetica, Arial; font-size: 62.5%; position:relative; text-align: left;}

h1 {background-image:url('images/logo.png'); height:36px; left:297px; position: absolute; text-indent:-9000px; top:30px; width:234px;}
h1 a{display:block; width:100%; height:100%;}
h2 {color:#3A83C0; font-size: 1.5em; font-weight: normal; margin:0 0 15px 0;}
h3{color:#98D1AA; font-size:2.2em; font-weight: normal; margin:0 0 13px 0; padding:0 0 0px; text-transform: uppercase;}
h4{color:#3A83C0; font-size:1.4em;}
label, p{color:#666666; font-size:1.1em; line-height:1.32em; margin:0 0 13px 0;}
a, a:link {}
a:hover{text-decoration: none;}

/*navigation menu*/
#nav {
 width: 309px;
 height: 25px;
 background: url(images/menu.png);
 margin: 0 0 0 300px; padding: 0;
 position: relative;
 top:90px;
 }
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; text-indent: -9999px;}

#nav li, #nav a {height: 25px; display: block;}
#nav1b {left: 0; 		width: 43px;}
#nav2b {left: 43px; 	width: 48px;}
#nav3b {left: 91px; 	width: 58px;}
#nav4b {left: 149px; 	width: 52px;}
#nav5b {left: 201px; 	width: 67px;}
#nav6b {left: 268px; 	width: 42px;}

#nav1b a:hover {background: transparent url(images/menu.png) 0 -25px no-repeat;}
#nav2b a:hover {background: transparent url(images/menu.png) -43px -25px no-repeat;}
#nav3b a:hover {background: transparent url(images/menu.png) -91px -25px no-repeat;}
#nav4b a:hover {background: transparent url(images/menu.png) -149px -25px no-repeat;}
#nav5b a:hover {background: transparent url(images/menu.png) -201px -25px no-repeat;}
#nav6b a:hover {background: transparent url(images/menu.png) -268px -25px no-repeat;}

a, a:link{color:#3a83c0; text-decoration: underline;}
a:hover{color:#98D1AA}
.hover{color:#3a83c0;}
#content{position:absolute; top:150px; left:300px; width:470px;}

#next_link, #previous_link{display;block; margin:1em; overflow: hidden; color:#98d1aa;}
#next_link{float:right;}
#previous_link{float:left;}
/*home page special*/
#introduction{background-image: url(images/introduction.png); width:493px; height:177px; text-indent:-9999px;}
#more a{background-image:url(images/arrow.png); background-repeat: no-repeat; background-position: bottom right; color:#999999; padding-right:15px; text-decoration: none;}
#more a:hover{color:#3a83c0;}
/*news section*/
.date{}
.entry{background: url(images/line.png) bottom left no-repeat; margin:0 0 20px 0; padding: 0 0 30px 0; position:relative;}
.entry-edit-comment{}
.entry-edit-comment a, .entry-edit-comment a:link{}
.entry-edit-comment em{text-decoration:none; margin-left:1em;}

.media{background:none; margin:0; padding:0;}
.tab{cursor: pointer;}
.active{}
.tour-month, .tour-month p {color:#3A83C0;}
.tour-month p {margin-left:60px;}
.tour-month strong {font-size: 3.6em; font-weight:normal; display:block; float:left; width:60px; overflow:hidden;}

.links{color:#666666;}
.links a{display:block; margin:1em 0 .5em 0; font-size:1.2em;}

#author, #email, #url{display:block; margin-bottom:1em;}
#comment{width:100%;}

#load{display:none;}

/*comments*/
#respond{text-transform: none;}
#commentslist{color:#B8B8B8; font-style:italic; background: url(images/line.png) bottom left no-repeat; padding-bottom:1em; margin-bottom:1.2em;}
	#commentslist li{margin-bottom:2.4em;}
	#commentslist img{float:left; margin-right:1em;}
	#commentslist cite{color:#3A83C0; font-size:1.5em; font-style: italic; line-height:1.4em;}