/*   

Theme Name: Tremor 

Theme URI: http://www.quakemedia.com/wordpress-themes/free/tremor

Description: A new theme by Caleb White of <a href="http://www.quakemedia.com">Quake Media</a>. Tremor is a clean style three column blog theme for personal and business use.

Author: Quake Media

Author URI: http://www.quakemedia.com

Tags: 3-Column, Widget Ready, valid XHMTL, valid CSS, Clean, blue, gray, white, three columns, fixed width

Version: 1.23

.

GPL License. Please consider sharing Links as they help further development and help us provide more FREE themes for you to enjoy.

.

icons used are part of the free icon set FamFamFam.



To use a header IMAGE just upload a file named header.png into your Tremor/images folder!



*/



* {

	padding: 0 0 0 0;

}



img {

	margin: 5px;

}



html, body {

	/* settings for body and html tags, as well as the page text styles if unassigned */

	margin: 10px auto;

	background-image: url('images/gbck.gif');

	color: #5b5b5b;

}



/* sets the colors for all links not set within divs and lists */

a, a:visited, a:link {

	font: 10pt Trebuchet MS, Verdana, Arial, Sans-Serif;

	color: #4a4e55;



}

a:hover {

	color: #dbdde6;

	text-decoration: none;

}



/***** Main Divs *****/



#container {

	/* surrounds the entire page setting the width and height */

	margin: 0 auto;	

	width: 900px;

	background: #fff;

}



#navwrap {

	border-top: 5px solid #fff;

	width: 900px;

	margin: 0 auto;

	background: #fff;

}

#headerarea {

        text-align: left;

	margin: auto;

	height: 40px;

	width: 890px;

	background-image: url('images/header_bg.png');

        border-top: 5px solid #ffffff;

        border-bottom: 5px solid #ffffff;

        border-left: 5px solid #ffffff;

        border-right: 5px solid #ffffff;

}



.searchform {

        padding: 0px 0px 0px 0px;

        margin: 5px 9px 5px 0px;

        float: right;

}

.searchform #searchsubmit {
	height: 22px;
}



#logo {background-image: url('images/logo.gif'); background-repeat: no-repeat; width: 890px; height: 40px;}



#nav {

	text-align: left;

	margin: auto;

	height: 35px;

	width: 890px;

	background: #f3f2ed;

}





#header {

	border-left: 5px solid #fff;

	border-right: 5px solid #fff;

	margin: auto;

	width: 890px;

	background: #fff ;

}



p.description {

	/* description of the blog underneath the header title */

	font: 11pt bold Trebuchet MS, Lucida, Verdana, Arial;	

	padding: 0px;

	margin: 0px;

}



#wrapper {

	margin: auto;

	width: 900px;

	overflow: hidden;

	background-color: #fff;

	

}





#content {

	width: 900px;

	color: #000;

	/* float: left; */

	/* padding: 0px -225px 0px 225px ; */

	background: #fff;

    /* margin: 15px 0 0 175px; */
  

}

* html #content {

	width: 900px;

}

#centercolumn {
	margin: 0px 0px 0px 215px;
}

#center-left {
	width: 470px;
	float: left;
}


.sidebartitle {
        border-bottom: 1px solid #cfcfcf;
        border-top: 1px solid #cfcfcf;
        padding: 2px 0 2px 0;
		font-size: 12pt;
}



#sidebarLeft {

	/* Left Sidebar properties */

	width: 200px;

	float: left; 

	color: #676768;

	background: #ffffff;

	/* margin: 0px 0px 0px -225px; */

        border-right: 1px solid #cfcfcf;

        align-vertical: top;

        padding-top: 0px;

}



* html #sidebarLeft {

	/* Left Sidebar IE Fix */

	width: 200px;

}



#sidebarRight {	

	/* Right Sidebar Properities */

	background: #fff;

	width: 200px;

	float: right;

	color: #676768;

	/* margin: 0px 0px 0px 0px; */

        border-left: 1px solid #cfcfcf;

   /*  position: absolute; */

}



* html #sidebarRight {

	/* Right Sidebar IE Fix */

	width: 200px;

}





#footer {

	/* Footer properities (check padding area for footpad) */

	font: 10pt Trebuchet MS, Verdana, Arial, Sans-Serif;

	clear: both;

	margin: auto;

	height: 40px;

	width: 890px;

	background: #6F7174;

	border: 5px solid #fff;

        color: #fff;



}



.footer, a.footer, a.footer:link, a.footer:visited {

	/* footer class links */

	font: 10pt Trebuchet MS, Verdana, Arial;

	text-decoration: none;

        color:#E3D4A6;

}



a.footer:hover {

	border: 0px;

	text-decoration: none;

}

/***** Padding *****/



.headpad {

	text-align: left;

	padding: 5px 20px 5px;	

}

.navpad {
	width: 60%;
	float: left;
}



.padding {

	padding: 10px;

}





.footpad {

	padding: 8px;

}



/* Heading Tags



h1.header a {

	font: bold 24px Trebuchet MS, Verdana, Arial;

	color: #4a505a;

	text-decoration: none;

}



h1.header a:hover {

	color: #7e8899;

}



h1, h1 a {

	font: bold 18px Trebuchet MS, Verdana, Arial;

	color: #4a505a;

	text-decoration: none;

	margin: 10px 0 0;



}



h1 a:hover {

	color: #7e8899;

}


h2, h2 a {	

	margin-top: 3px;

	font: bold 14px Trebuchet MS, Verdana, Arial;

	color: #7e8899;

	text-decoration: none;

}

h2 a:hover {

	color: #000;

	border-bottom: 2px dashed;

	border-color: #ccc;

}


h3, h3 a {	

	font: bold 15px Trebuchet MS, Verdana, Arial;

	color: #7e8899;

	text-decoration: none;

	border-bottom: 1px solid #cecece;

	margin: 0px;

	padding: 2px;

}



h3 a:hover {

	color: #000;

}

 */



/****** Posts ******/



.post {

	font: 10pt Trebuchet MS, lucida, Verdana;

}



.post a {

	font: 10pt Trebuchet MS, Verdana, Arial, Sans-Serif;

	color: #4a4e55;

	border-bottom: 1px #CCC solid;

	text-decoration: none;

        

}



.post a:hover {

	border-bottom: 1px #4a4e55 solid;

	color: #dbdde6;

	text-decoration: none;

}



h3.posttitle, h3.posttitle a {	

	font: bold 15pt Trebuchet MS, Verdana, Arial;

	color: #7e8899;

	text-decoration: none;

	border-bottom: 0px solid #cecece;

	margin: 0px;

	padding: 2px 5px 2px 2px;

}

h3.posttitle a:hover {

	color: #000;

	text-decoration: none;

}



.title {

	width: 504px;

	height: 20px;

	padding: 3px;

}



.tags {

	float: left;

	width: 348px;

	height: 20px;

	padding: 10px 3px 3px;

}



.comments {

	text-align: right;

	float: right;

	width: 150px;

	height: 20px;

	padding: 3px;

}



.entry {

	margin-top: 10px;

	margin-bottom: 10px;

	font: 10pt Trebuchet MS, lucida, verdana ;

}



small {

	font: 9pt Trebuchet MS, lucida, Verdana;

}



small a {

	font: 9pt Trebuchet MS, lucida, Verdana;

}



.postmetadata {

	color: #313131;

	font: bold 9pt Trebuchet MS, lucida, verdana;

}



.postmetadata a {

	font: bold 9pt Trebuchet MS, lucida, verdana;

	color: #000;

}

.postmetadata a:hover {

	color: #CCC;

	text-decoration: none;

}

img, img a {

	border: 0px;

}



.comments img {

	text-decoration: none;

	border: 0px;

}

/**************** End Post Classes **/





ul.navi {

	display: inline-block;

	padding: 0 0 0px 0;

	float: left;

	list-style: none;

	width: 890px;

	font: 10pt bold Trebuchet MS, Verdana, Arial;

	color: #efefef;

	text-decoration: none;

        height: 0px;

        

}



ul.navi li{		

        display: block;

	padding: 0px 4px 0px 4px;

	float: left;

	font: 10pt bold Trebuchet MS, Verdana, Arial;

	color: #555;

        

}



ul.navi a:link, ul.navi a:visited, ul.navi a {

	padding: 0px 9px 0px 9px;

	color: #555;

	font: 10pt bold Trebuchet MS, Verdana, Arial;

	text-decoration: none;

}



ul.navi a:hover {

    text-decoration: underline;

}



* ul, li {

	list-style: none;

	

}



/******** COMMENTS FORMATTING *********/



img.avatar {

	float: left;

	height: 32px;

	width: 32px;

	padding: 0px 5px 0px 0px;

	margin: 0px;

}

p.comauth {	

	float: left;

	height: 32px;

	padding: 0px;

	margin: 0px;

	vertical-align: top;

	text-align: left;

}



.postmetacom {

	padding: 0px 0px 2px;

}



label {

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

}

#commentform textarea {

	width: 450px;

	padding: 5px;

	margin: 2px;

	border: 1px solid #49647d;

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

}

ol.commentlist {

	padding: 0px;

	margin: 10px 0px 10px 15px;

}



ol.commentlist li {

	list-style-type: none;

	font: 10pt Trebuchet MS, Lucida, Verdana, Arial, Helvetica;

	padding: 5px;

	margin: 0 0 10px;

	color: #363636;

}



.alt {

	background: #f5f5f5;

}



.authorcomment {

	/* Author Comments Highlight */

	background: #f5f5fc;

	border: 1px solid #cecece;



}



/******* WIDGETS FORMATTING ********/

ul li h2.widgettitle {

	padding: 10px 0px 5px 10px;

	margin: 0px 0 0 0;

}



.sidebarcontent {padding-left: 10px;}



ul#sidebarl, ul#sidebarr {

	font: 10pt Trebuchet MS, Verdana, Arial, Helvetica;

        color: #676768;

	width: auto;

	padding: 0px 0 0 0px;

	margin: 0px 0 0;

}


ul#sidebarl li ul, ul#sidebarr li ul {

	margin: 0px 0 0px 0;

	padding: 0px 0 10px 0;

}



ul#sidebarl li ul li, ul#sidebarr li ul li {

	padding: 0px 0px 0px 0px;

	margin: 0px;

	display: block;



}



ul#sidebarl li ul li a, ul#sidebarr li ul li a {

	padding: 0px;

	margin: 0px;

}



/***** Ordered Lists *****/



ol {

	margin-left: 30px;

}



ol li {

	list-style-type: square;

}



blockquote {

	padding-left: 10px;

	display: block;

	background: #f5f5fc;

	border: 1px solid #cecece;

}



/***** Image Alignment *****/



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



/***** Image Captions *****/



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption-dd {

	font-size: 11pt;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}