/*

Theme name: Klog

Description: Custom Theme

*/



/*

    Default Styles

*/



* { margin: 0; padding: 0; outline: 0; }

body { font: 14px/18px Arial,sans-serif; color: #040404; text-align: left; background: #fff url(images/background.jpg) repeat-x center 0; }



a { color: #000; text-decoration: underline; cursor: pointer; }

a:hover { text-decoration: none; }

a img { border: 0; }

ol, ul { list-style: inside; }



input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; }

 

.ar { display: block; text-align: right; }

.ac { display: block; text-align: center; }

.al { display: block; text-align: left; }

.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }

.fr { float: right; display: inline; }

.fl { float: left; display: inline; }

.hidden { display: none; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.shell { margin: 0 auto; width: 978px; position: relative; }



.ad { position: relative; overflow: hidden; }

.tower-banner { position: absolute; top: 220px; left: 818px; height: 600px; width: 160px; z-index: 20;}





/* 

	Header 

*/



#header { position: relative; z-index: 10;}

#header .listen { height: 43px; width: 244px; background: url(images/listen-live.png) no-repeat 0 0; position: absolute; top: 142px; left: 250px; }



h1#logo { height: 247px; width: 254px; position: relative; margin-left: -30px; margin-bottom: -25px; z-index: 2; }

h1#logo a { display: block; height: 247px; background: url(images/logo.png); }



#header .leaderboard { float: right; display: inline; height: 90px; width: 728px; padding-top: 27px; }



#navigation { height: 33px; width: 808px; background: url(images/navigation.gif) no-repeat 0 0;  }

#navigation .nav-holder { position: relative; z-index: 3; }

#navigation ul { list-style: none outside; padding-left: 16px; }

#navigation ul li { float: left; display: inline; height: 25px; margin-top: 4px; line-height: 25px; margin-right: 20px; text-transform: uppercase; font-size: 16px; font-weight: bold;}



#navigation ul li a,

#navigation ul li a span { 

	float: left; 

	display: inline; 

	height: 25px; 

	padding-left: 10px; 

	background: url(images/nav-hover.gif) no-repeat 0 -25px; 

	color: #009a66; 

	text-decoration: none;

}

#navigation ul li a span { padding-left: 0; padding-right: 10px; background-position: right -25px; }



#navigation ul li a.hovered,

#navigation ul li a.hovered span { color: #050504; background-position: 0 0; text-decoration: none; }

#navigation ul li a.hovered span { background-position: right 0; }



#navigation ul li a.active,

#navigation ul li a.active span { background: none !important; color: #b8b4b5 !important; }



#navigation .sub-nav { position: absolute; top: 25px; left: -12px; padding-top: 15px; width: 100%;}

#navigation .sub-nav a { float: none; font-size: 12px; text-decoration: underline;  text-transform: none; }



#navigation .sub-nav a:hover,

#navigation .sub-nav a.active { background: none; color: #b8b4b5; }



#content { padding: 50px 10px 0; height: 100%; width: 788px; }



/*

	Main

*/



#main { float: left; display: inline; margin: 0 0 50px 25px; }

#main.fullwidth { width: 740px;  }

#main p { padding-bottom: 15px; }

#main h3 { font-size: 18px; font-weight: bold; padding-top: 12px; border-top: 1px solid black;}



h2.page-title { font-size: 18px; line-height: 1.2; color: #b8b4b5; }

h3 { font-size: 14px; font-weight: normal; line-height: 1.2; color: #040404; margin-bottom: 15px; }



#main .post { padding-bottom: 30px; }

#main .post h2 { font-size: 18px; line-height: 1.2; color: #b8b4b5; margin-bottom: 10px;  }

#main .post h2 a { color: #009a66; font-size: 18px; font-weight: bold; }

#main .post a , #commentform a, #comments a { color: black; }

#main .post .entry a { color: #009A66; }

#main .postmetadata { font-size: 12px; color: #666; margin-left: 20px; }



#main .local-news h3 { border: none; font-size: 14px; }

#main .local-news a { font-size: 14px !important; }

#main .local-news .post { padding-bottom: 0px; }



#commentform table input { margin: 3px 10px 3px 0px;}

#commentform textarea{ margin: 3px 0px 6px;}

#respond h3 { font-size: 18px; font-weight: bold; }



.comment-body p { padding: 10px; }

.comment-postmeta img { float: left; margin-right: 10px; }

.comment-postmeta .date { color: #666; font-size: 12px; }

.archivetitle { padding-bottom: 20px; }



/*

	Sidebar

*/





#sidebar { float: right; display: inline; width: 215px; margin-bottom: 50px; }

#sidebar ul {list-style: none outside; padding-left: 16px;}

#sidebar ul li h2{font-size: 18px; font-weight: bold; margin: 20px 0px 5px; }

#sidebar ul li ul li{margin-bottom: 3px; }





/*

	Bottom (blue) Box

*/



.bottom-box { background: url(images/box-bg.gif) repeat-y 0 0; }

.bb-bottom { background: url(images/box-bottom.gif) no-repeat 0 bottom; }

.bb-top { background: url(images/box-top.gif) no-repeat 0 0; height: 100%; padding: 10px 40px 10px 27px; color: #fff; font-size: 12px; line-height: 14px; }

.bottom-box a { color: #fff; }

.cowlitz-logo { float: right; display: inline; width: 175px; }





/*

	Footer

*/



#footer { width: 740px; text-align: center; margin: 20px 0; font-size: 12px; line-height: 14px; color: #b8b4b5; }

#footer a { color: #b8b4b5; }

.find-on-facebook {font-size: 0; line-height: 0; text-indent: -9999px; position: absolute; top: 163px; left: 818px; z-index: 30;}
.find-on-facebook a {display: block; width: 160px; height: 49px; background: url(images/find_us_on_facebook.png);}