/*  
Theme Name: Klam
Theme URI: http://www.klamonline.com
Description: For Kevin Lam Photography Blog Site</a>
Version: 1.0
Author: Kevin Lam
Author URI: http://www.klamonline.com
*/

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

a:link, a:visited, a:active { color: #517199; text-decoration: none; border-style: none; }
a:hover { color: #FFAA35; text-decoration: underline; }

body { background: #101010; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 12px; color: #000000; }

#wrapper { width: 990px; margin: 0 auto; background: #101010 url(img/body-bg.gif) repeat-x;}

#header { width: 990px; height: 150px; }
a.logo { width: 300px; height: 52px; float: left; background: url(img/logo.png); margin: 45px 0 0 30px; }
a.logo span { display: none; }

.search { float: right; margin: 55px 45px 0 0; }
.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }
.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }

#subheader { background: url(img/subheader-bg.png) repeat-x; width: 990px; height: 84px; float: left; }
#subheader p { font-size: 12px; margin: 15px 15px 15px 45px; width: 990px; letter-spacing: 2px; color: #517199; }

/*
	script stuff 
*/

#content { background: #F3F3F3; width: 990px; float: left; }
.post { width: 900px; margin: 0 45px 45px 45px; }
.post h2 { color: #FFAA35; font-weight: bold; text-decoration: none; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.post h2 a { color: #FFAA35; }
.post h2 a:hover { color: #FFFFFF; }
.post span.post-info { color: #658ebf; font-size: 10px; padding-bottom: 10px; width: 900px; float: left; letter-spacing: 1px;}
.post p { line-height: 22px; margin-bottom: 10px; }
.post div.cats { border-top: 1px solid #658ebf; padding-top: 10px; }

#sidebar { width: 900px; margin: 0 45px 10px 45px; }
.bordered { border-left: 1px solid #517199; }
#sidebar h2 { font-size: 18px; padding-bottom: 9px; font-weight: bold; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { padding-bottom: 5px; }

#footer { background: #D4D4D4 url(img/footer-bg.gif) repeat; clear: both; width: 990; float: left; padding: 20px 0; margin-top: 0px; }
#footer .copyright { text-align: center; font-size: 9px; letter-spacing: 1px; }

.navigation a { color: #FFAA35; font-weight: bold; font-size: 14px; }
.navigation div.previous { margin: 0 45px 45px 45px; float: left; }
.navigation div.next { margin: 0 45px 45px 45px; float: right; }

/*
	.comments template styles
*/

.comments { float: left; padding: 0; margin: 45px 0 45px 0; letter-spacing: normal; width: 900px; }
/*.comments { float: left; padding: 0; margin: 0 45px 15px 45px; letter-spacing: normal; } */
.comments input[type=text], textarea { width: 450px; border: 1px solid #517199; }
textarea { width: 450px; border: 1px solid #517199; }
.comments fieldset { padding: 20px; border: 1px solid #517199; margin: 10px 0 20px 0; }
.comments h2 { padding: 0 0 15px 0; }
.comments #submit, #reset {	width: 100px; 
	padding:5px; 
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:1em;
	background:url(img/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

#cdisplay { list-style-type: none; padding: 0; margin: 0; }
#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 880px; }
#cdisplay li.first {  background: #FFFFFF; }
#cdisplay li.second {  background: #F6F6F6; }
.commenthead { color: #658ebf; }
