/* 
Theme Name: Kickass-Squawk
Theme URI: http://www.kickasswebdesign.com/wordpress/
Description: my 2nd wordpress theme- 3 column, right nav, full header and footer
Version: 1.0
Author: bj novack
Author URI: http://www.kickasswebdesign.com/ 
Creative Commons license terms- do not remove this info!
Linkback in the sidebar to http://kickasswebdesign.com is required.
*/
/* general formatting for html and body, and header section */
html {margin: 0; padding: 0;}
body {
	background-color: #393e35;
	color: #ffecab;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	padding: 0;
	margin: 0;
}
body a:link {
	color: #2b5400;
}
body a:visited {
	color: #666666;
}
body a:hover {
	color: #dc551c;
}
body a:active {
	color: #FF6600;
}
/*display inline on the mainlayout box gets rid of the IE margin doubling bug*/
#mainlayoutbox {
	float: left;
	display: inline;
	width: 80%;
	margin: 0 10% 0 10%;
	padding: 0;
	min-width: 775px;
	font-size: small;
	line-height: 1.30em;
	background-color: #fffff1;
	color: #393e35;
	background-image: url(images/rightgrad150.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}
#headerwrapper {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(images/headergrad.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 200px;
}
#header {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/rightbird.jpg) no-repeat right top;
	height: 200px;
}
#headerimg {
	background-image: url(images/leftbird.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
}
.squawklogo {
	margin: 60px 0 55px 130px;
}
#header h1 {margin: 0; padding: 0; position: absolute; font-size: 0; left: -1000px; }
/*end header, begin three columns, leftcol is the left column, sidebar is the right column, maincolumn is the center content column, footer stretches across the bottom of the three, while wrapper encloses all */
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	background-image: url(images/leftgrad150.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	color: #393e35;
	border-top: 1px solid #d5cdb8;
}
/*display inline on the leftcol gets rid of the IE margin doubling bug*/
#leftcol {
	float: left;
	width: 130px;
	display: inline;
	margin: 0 0 0 3px;
	padding: 20px 0;
	font-size: 85%;
}
#sidebar {
	width: 140px;
	float: right;
	line-height: 1.50em;
	margin: 0;
	padding: 0;
	font-size: 85%;
}
#sidebar h2, #leftcol h2 {
	font-size: 110%;
	padding: 5px 7px 0 7px;
}
sidebar p, #leftcol p { margin: 20px 0 5px 0; padding: 7px;}
#sidebar ul, #leftcol ul {
	margin: 0;
	padding: 7px;
	width: 120px;
}
#sidebar li, #leftcol li {
	list-style-type: none;
	padding: 5px 0 0 0;
}
#sidebar ul a, #leftcol ul a {
	display: block;
	padding: 0 4px;
	text-decoration: none;	
}
#sidebar ul a:link, #leftcol ul a:link {
	color: #6a719b;
}
#sidebar ul a:visited, #leftcol ul a:visited {
	color: #5d6a8c;
}
#sidebar ul a:hover, #leftcol ul a:hover {
	color: #fffff1;
	background-color: #393e35;
}
#sidebar ul a:active, #leftcol ul a:active {
	color: #dc551c;
}
/*/*display inline on the maincolumn gets rid of the IE margin doubling bug, while min-height keeps footer from floating up- except in IE, which needs minmax.js*/
#maincolumn {
	float: left;
	display: inline;
	font-size: small;
	line-height: 1.50em;
	padding: 15px;
	margin: 0 0 5px 20px;
	width: 60%;
	min-height: 400px;
}
#maincolumn h3 {
	color: #393e35;
}
/* just some general formatting stuff for tags */
h1 {
	color: #393e35;
	font-size: 125%;
	margin: 0;
	padding: 15px 0 0 0;	
}
h2, h3 {
	color: #393e35;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
h3 {
	margin: 20px 0 0 0;
	font-size: 1.20em;
}
h3 div {
	margin: 0 0 0px 1px;
	padding: 3px 10px 0px;
	font-size: 11px;
	background: #BABADC url(images/h3_corner.gif) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
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: #393e35;
	background: #ffecab;
	font-size: .7em;
	width: 100%;
	text-align: right;
	clear: both;
}
#footer p {
	margin: 0;
	padding: 5px 15px;
	color: #393e35;
	background: #ffecab;
}
#footer h4 {
	width: 100%;
	margin: 0;
	padding: 15px;
	font-size: 95%;
	color: #393e35;
	background: #ffecab;
}
#footer a:link {
	color: #6a719b;
	font-weight: bold;
}
#footer a:visited {
	color: #666666;
	font-weight: bold;
}
#footer a:hover {
	color: #ffecab;
	background-color: #393e35;
	font-weight: bold;
}
#footer a:active {
	color: #dc551c;
	font-weight: bold;
}
/*the clearer class for any clearing needed for the floats	*/
.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;
}

.postmetadata {
	padding-bottom: 10px;
	font-size: 85%;
}
.post {
	padding: 8px 5px 0 5px;
	clear: both;
}
.bloginfo {
	margin: 0; padding: 0;
}
#searchform {
	margin: 20px 0 10px 5px;
}
.searchbox {
	width: 120px;
	background: #fffff1;
}
#searchsubmit {
	background: #ffecab;
	color: #333333;
	margin: 2px 0 0 1px;
}
/*this pullquote class is the class for the display box containing the random quote, and can be used for other things as well, ie to highlight an important point within a post*/
.pullquote {
	display: block;
	margin: 5px 0 5px 15px;
	padding: 10px;
	background: #ffecab;
	color: #393e35;
	border: 1px solid #393e35;
}
.textbox {
	width: 300px;
}

/* Portlet Styles */
.portletTitle{
	font-size: 11px;
	font-weight: bold;
	padding: 3px 5px;
	line-height: 12px;
	color: #393e35;
}
/* text blocks and banners */
.block {
	border: 1px solid #333333;
	margin: 0 0 0px;
	padding: 5px 10px;
}
.block#mod1 {
	background: #e6eff6;
}
.block#mod2 {
	border: 1px solid #a3bd0b;
	background: #FFCCCC;
}
/* used 3&4 in sub-nav */
.block#mod3 {
	border: 1px solid #9999CC;
}
.block#mod4 {
	border: none;
}
.portletText {

	font-size: 12px;
	font-weight: normal;
	padding: 3px 5px;
	line-height: 12px;
	color: #393e35;
}