/* 
Theme Name: Kristensen Klassic
Theme URL: http://kristensenklassic.com/
Author: Abundance Media
Author URI: http://abundancemedia.com
*/

/******************** RESET ********************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
a img{border:none}

/******************** GLOBAL ********************/
body {background:url('images/bg-body.gif') repeat-x 0 0 #e9e8b1; color: #262626; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; text-align: center; }
#container { margin: 0 auto; padding: 0; width: 960px; text-align: left; position: relative;}
#left { width:290px; float:left; margin:0 20px 30px 0; }

#logo {margin:30px 0 35px 15px;}
#logo a{width:290px; height:264px;}

#info {background:url('images/bg-info.gif') no-repeat 0 0; height:71px; width:290px; margin:0 0 20px 0; text-indent: -9999px;}

a.register {background:url('images/bg-left-buttons.gif') no-repeat 0 0; height:51px; width:290px; margin:0 0 5px 0; display:block; text-indent: -999px;}
a.sponsor {background:url('images/bg-left-buttons.gif') no-repeat 0 -51px; height:51px; width:290px; margin:0 0 5px 0; display:block; text-indent: -999px;}
a.donate {background:url('images/bg-left-buttons.gif') no-repeat 0 -102px; height:51px; width:290px; margin:0 0 5px 0; display:block; text-indent: -999px;}
a.volunteer {background:url('images/bg-left-buttons.gif') no-repeat 0 -153px; height:51px; width:290px; margin:0 0 5px 0; display:block; text-indent: -999px;}

a:hover.register {background-position: -290px 0;}
a:hover.sponsor {background-position: -290px -51px;}
a:hover.donate {background-position: -290px -102px;}
a:hover.volunteer {background-position: -290px -153px;}

a.facebook {height:50px; width:290px; display:block; margin:45px 0 0 0;}
a.twitter {height:50px; width:290px; display:block; margin:10px 0 0 0;}

#right {width:650px; float:left; margin:40px 0 0 0;}
#content{background: #fff; width:610px; border:1px solid #cecece; float: left; padding:20px;}


#main {float: left; width:360px;}
#main-right {float:left; width:230px; margin:0 0 0 20px;}
#sidebar { float:left; margin: 0 0 0 20px; width: 280px; }
#footer {margin:15px 0 30px 0;}

a { color: #159cdc; text-decoration: none; outline-style:none;}
a:hover { color: #262626; text-decoration: underline; }


/******************** HEADINGS ********************/
h1 { font-family:Georgia,"Century Schoolbook",Times,serif; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color:#262626; margin: 5px 0 15px 0; }
h2 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 15px; margin:0 0 5px 0; font-weight: bold;}
h3 { font-size: 15px; margin: 30px 0 0; padding: 0;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #262626; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited,h4 a:hover, h4 a:visited { text-decoration: none; }
h2 a:hover, h3 a:hover { color: #159cdc; text-decoration: none; outline-style:none;}
h4 a{font-family:Georgia,"Century Schoolbook",Times,serif; padding:5px; color:#262626; font-size:16px;}


/******************** HEADER ********************/

ul#navigation{display:block; width:650px; margin:25px 0 10px 0; float:left;}
#navigation li{display:inline; float:left;}
#navigation li.contact a {border-right:none;}
#navigation li.current a {color:#159cdc; cursor:default}
#navigation li a{font-family:Georgia,"Century Schoolbook",Times,serif; margin:15px 10px 0 0px; padding:0 10px 0 0; font-size: 13px; letter-spacing: 2px; color:#262626; border-right:1px dotted #262626; }
#navigation li a:hover{color:#159cdc; text-decoration: none;}

ul#sub-nav{display:block; width:610px; margin:0 0 15px 0; float:left;}
#sub-nav li{display:inline; float:left;}
#sub-nav li a{font-family:Georgia,"Century Schoolbook",Times,serif; margin:0 20px 0 0; text-transform:uppercase; font-size: 11px; }
#sub-nav li a:hover {text-decoration: underline; color:#159cdc;}
#sub-nav li.current_page_item a{cursor:default; text-decoration:none; color:#262626;}

/******************** FOOTER ********************/
#footer p{text-align: right; font-size:11px;}

/******************** HOME SLIDER & RECENT HEADLINES ********************/

noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */
.coda-slider-wrapper { padding: 0 }
.coda-slider { background: #ebebeb }
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 300px; overflow: auto !important; padding-right: 10px }
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 610px; height: 300px; } 
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

.coda-nav ul { position:absolute; top:10px; right:15px; }
.coda-nav ul li { display: inline; float: left; margin: 10px 0 0 0; }
.coda-nav ul li a { background:#e9e8b1; width:20px; height:10px; margin:0 5px 0 0; display:block; text-indent: -9999px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.coda-nav ul li a.current { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; cursor: default; }
	
.coda-slider-wrapper { clear: both; overflow: auto; float:left; margin:0 0 30px 0;}
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; position: relative; }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


/* Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { border-left: 5px solid #ddd; margin: 15px 30px 0 10px; padding-left: 20px; }
blockquote cite { display: block; margin: 5px 0 0; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { left: -1000em; position: absolute; }
hr { border:none; margin:30px 0 0 0;}
a img { border: none; }

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.postmetadata {display:block; border-bottom:1px dotted #b2b2b2; font-family:Georgia,"Century Schoolbook",Times,serif; padding: 0 0 5px 0; font-style:italic; margin:0 0 10px 0;}
.clear { clear: both; }
.alignright { float: right; }
.alignleft { float: left; }
.entry{margin:0 0 15px 0;}
.entry p {margin:0 0 15px 0}

.post { margin: 0 0 30px;}

.title-insert {background:#e9e8b1;filter: alpha(opacity=90);-khtml-opacity: 0.9;-moz-opacity: 0.9;opacity: 0.9; position:absolute; bottom:30px; right:0px;padding: 5px 15px 5px 15px; text-align: center;}

.even, .alt { border-left: 1px solid #ddd; }
small { font-size: 0.9em; line-height: 1.5em; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

.textwidget{clear:both; margin:10px 0 0 0;}
.textwidget .wrap{float:left; width:130px; margin:0 10px 15px 0;}
.textwidget .wrap p a{font-size:14px; color:#303030;}
.textwidget .wrap p span{color:#848484; display:block;}

p img { max-width: 100%; padding: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }

html>body .entry ul { list-style: none;  padding: 0 0 0 15px; }
html>body .entry li { background:url('images/bg-sponsors.gif') no-repeat 0 7px; margin:5px 0; padding:0 0 0 20px; list-style:none;}
.entry ul li:before, #sidebar ul ul li:before { content: "0BB 020"; }
.entry ol { margin: 0; padding: 0 0 0 35px; }
.entry ol li { margin: 0; padding: 0; }

#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { padding: 2px; width: 108px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { text-align: center; /* This is mainly for password protected posts, makes them look better. */ }
select { width: 130px; }
#commentform input { margin: 5px 5px 1px 0; padding: 2px; width: 170px; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { padding: 2px; width: 100%; }
#respond:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#commentform #submit { float: right; margin: 0 0 5px auto; }

a.more-link {color: #a7a7a7; font-style:italic;}
a:hover.more-line {text-decoration: underline;}

#sponsors li{background:url('images/bg-sponsors.gif') no-repeat 0 center; margin:0 0 10px 0; padding:0 0 0 20px; list-style:none;}
#sponsors li a{color:#262626; text-decoration: underline;}
#sponsors li a:hover {text-decoration: none;}

.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { list-style: none; margin: 15px 0 10px; padding: 5px 5px 10px 10px; }
.commentlist li ul li { margin-left: 10px; margin-right: -5px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { margin: 0; padding: 0; text-align: center; }
.commentmetadata { display: block; margin: 0; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { background: #fff; border: 1px solid #eee; float: right; padding: 2px; }
.commentlist cite, .commentlist cite a { font-size: 1.1em; font-style: normal; font-weight: bold; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }

.contactform {
width:580px;
margin-top:15px;
min-height:320px;
padding:15px 0
}
.contactform textarea,.contactform input {
font:12px Arial, Helvetica, sans-serif;
margin-right:5px;
width:280px;
padding:5px
}
.contactform textarea {
height:150px
}
.contactform #contactsubmit {
width:133px;
height:28px;
font:bold 12px Arial, Helvetica, sans-serif;
border:none;
cursor:pointer;
}
.contactleft {
font-weight:bold;
width:100px;
float:left;
margin-bottom:12px;
padding:6px 0
}
.contactright {
font:normal 9px Arial, Helvetica, sans-serif;
width:460px;
float:right;
margin-bottom:12px
}