/* 
Theme Name: Kickass-Dune
Theme URI: http://www.kickasswebdesign.com/wordpress/
Description: another kickass wordpress theme- 2 column, right nav, full header and footer
Version: 1.0
Author: KICKASS Web Design
Author URI: http://www.kickasswebdesign.com/
Photography: Jason Koche 
This theme is released under the Creative Commons License with some rights reserved.  It is free for non-commercial use providing this css header and the link to http://kickasswebdesign.com in the sidebar remain intact.
*/
/* general formatting for html and body */
html {margin: 0; padding: 0;}
body {
	background-color: #CBC2A7;
	color: #61594c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	padding: 0;
	margin: 0;
	background-image: url(images/bodybg.jpg);
	background-attachment: fixed;
}
body a {
	font-weight: normal;
}
body a:link {
	color: #0000ff;
	font-weight: normal;
	text-decoration: none;
}
body a:visited {
	color: #0000ff;
	font-weight: normal;
	text-decoration: none;
}
body a:hover {
	color: #ad4829;
}
body a:active {
	color: #849536;
}


#sidebar a:link {
        color: #ccff33;
        font-weight: bold;
        text-decoration: none;
}
#sidebar a:visited {
        color: #ccff33;
        font-weight: bold;
        text-decoration: none;
}
#sidebar a:hover {
        color: #ad4829;
}


#mainwrapper {
	padding: 0;
	width: 96%;
	font-size: small;
	background-color: #ffffff;
	color: #61594c;
	margin-left: 20px;
}
#headerwrapper {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background: #ffffff url(images/headerimg333X175.jpg) no-repeat left top;
}
#header {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 175px;
}
#header h1 {margin: 0; padding: 0; position: absolute; font-size: 0; left: 267px; top: 50px;}
#header img{border: 0; float: right; width: 300px; margin: 20px 15px 0 0;}
.headernav {
	background: #61594c url(images/headnavbg.jpg) repeat-x bottom;
	width: 100%;
	min-height: 50px;
	position: relative;
}

#header h1 a {text-decoration: none;}

* html .headernav { height: 50px; }

.headernav ul {
	margin: 0;
	padding: 0;
	display: block;
	padding-bottom: 8px;
}
.headernav li {
	display: inline;
	list-style-type: none; 
	padding: 3px 0 0 0;
	margin-left: 1.5em;
}
.headernav ul a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
	font-size: 85%;
}
.headernav ul a:link {
	color: #ffeabc;
}
.headernav ul a:visited {
	color: #cccccc;
}
.headernav ul a:hover {
	color: #e09c5f;
	text-decoration: underline;
}
.headernav ul a:active {
	color: #acb84d;
}
/*end header, begin two columns. Sidebar is the right column, content is the left content column, colwrapper encloses content and sidebar, footer stretches across the bottom, outside colwrapper and within mainwrapper */
#colwrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	color: #61594c;
	background: #ffffff url(images/sidebarbg210.jpg) repeat-y right top;
}
#sidebar {
	width: 175px;
	float: right;
	left-margin: 0px;
	padding: 5px 3px 10px 0px;
	font-size: 85%;
	text-align: left;
	color: #ccff33;
}
#sidebar h2 {
	font-size: 1.1em;
	margin: 10px 0 0 0;
	width: 100%;
	color: #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
sidebar p { margin: 20px 0 5px 0px; padding: 7px;}

#sidebar ul {
	margin-left: 2px;
	padding: 0 0 0 0;
	width: 155px;
}

#sidebar ul.children { margin-left: 10px; }

#sidebar li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar li {
	padding-top: 4px;
}
#sidebar ul a {
	display: block;
	padding: 0;
	margin-left: 5px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
#sidebar ul a:link {
	color: #ccff33;
}
#sidebar ul a:visited {
	color: #ccff33;
}
#sidebar ul a:hover {
	color: #e09c5f;
}
#sidebar ul a:active {
	color: #ccff33;
}
#content {
	float: left;
	display: inline;
	font-size: small;
	color: #000000;
	padding: 5px 5px 15px 5px;
	margin: 0 0 5px 30px;
	width: 60%;
}
#content h3, #content h2 {
	color: #330000;
}
/* just some general formatting stuff for tags */
#content h2 {font-size: 120%; padding-top: 7px;}
#content h3 {
	color: #194e48;
	font-size: 110%;
	margin: 0;
	padding: 0;
}
h4 {
	margin: 5px;
	font-size: 1em;
	color: #393e35;
}
/* the footer div, which needs a clearer after and sometimes before it in the html */
#footer {
	color: #e5f1ff;
	background: #87796c url(images/footerbg.jpg) repeat-x center top;
	font-size: .7em;
	width: 100%;
	text-align: right;
	clear: both;
	padding-top: 25px;
}
#footer p {
	margin: 0;
	padding: 5px 15px;
}
#footer h4 {
	width: 100%;
	margin: 0;
	padding: 15px;
	font-size: 95%;
	color: #91bdbc;
	background: #194b48;
}
#footer a {
	font-weight: bold;
}
#footer a:link {
	color: #ffeabc;
}
#footer a:visited {
	color: #ffffff;
}
#footer a:hover {
	color: #e09c5f;
}
#footer a:active {
	color: #acb84d;
}

/*the clearer class for any clearing needed for the floats, use in empty divs or brs */
.clearA {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
img a {
	border: 0;
}
/*necessary haslayout hack to make IE6 windoze behave like a normal browser and keep links from jumping around on hover*/
/* hide from IE5-mac \*/

* html a { height:1%;}

/* end hide */
/*some basic wp classes to define the look of the blog elements*/
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}
.description {
	margin: 0 0 30px 0;
}
.navigation {
	font-size: 70%;
	width: 100%;
	float: left;
	margin: 0;
}
/*last entry and next entry link classes */
.alignleft {
	float:left;
	width: 45%;
	margin: 0 15px 0 0;
	display: block;
}
.alignright {
	float:right;
	width: 45%;
	margin: 0 0 0 15px;
	display: block;
}
/* post stuff */
.postmetadata {
	font-size: 85%;
}
.post {
	padding: 0 5px;
	clear: both;
}
.bloginfo {margin: 0; padding: 0;}
.storytitle {margin: 0; padding: 0;}
#searchform {margin: 5px 3px 0 0;}
.searchbox {width: 130px;}
#searchsubmit {background: #eeeeee; margin: 2px 0 0 1px;}
.feedback {margin: 0 0 20px 0;}
/*this is the class for the display box containing the random quote, if you include it*/
.pullquote {
	display: block;
	margin: 5px 0 15px 15px;
	padding: 10px;
	background: #435186;
	color: #e5f1ff;
	border: 2px solid #609B99;
	width: 80%;
}
.textbox {width: 300px;}
#header h1 a{ color: #677841;}
h1{ color: #677841;}