/*  

Theme Name: MercerTheme

Theme URI: http://www.mercerfamily.com/mercerjournal

Description: A theme for my lil' ol blog

Version: 1.0

Author: Rebecca Mercer

Author URI: http://www.mercerfamily.com/mercerjournal

*/







/* 

TABLE OF CONTENTS



  HTML Elements

  Page Structure

  Headings

  Content Styles

  Forms

  Clear

  Footer







/* ---------- @ HTML Elements -----------*/



* { 

	margin: 0;

	padding: 0;

	} 



body,html {

	min-height:101%; /*Firefox scrollbar fix*/

	}

	

body {	

	color: #000000;
 
        background: #666633 url(images/bg_texture.jpg);

	padding-bottom:38px;

	}



body, select, textarea, input {	

	font: 105% "Verdana", Arial

	}



p {	

	margin: 15px 0;

	line-height:160%;

	}

		

a, a:visited {	

	color: #8A7441;

	text-decoration:none 

	}



a:hover, a:active {	

	color:#C25649;

	text-decoration:underline

	}



*:focus { 

	outline: none;

	}



ol {

	margin: 15px 15px 15px 35px;

	}

	

li a:hover, li a:active {

	text-decoration:none

	}



a img {

	border:none

	}	

		

	



/* ---------- @ Page Structure -----------*/



#flag {

	background: #666633 url(images/bg_texture.jpg);;

	padding-bottom:33px;

	}



#interior #flag {

	background: #666633 url(images/bg_texture.jpg); ;

	}

				

.wrapper {

	margin: 0 auto;

        background: #FFFFFF url(images/bg_btm_body.jpg) bottom left no-repeat;

	font-size: 0.7em;

	width: 871px;

	}

.wrapper2 {

	margin: 0 auto;

        background: #FFFFFF url(images/bg_twitter_footer.jpg) top right no-repeat;;

	font-size: 0.7em;

	width: 871px;

	}

	   

#masthead {

	background: #000000 url(images/journal_header_sunflowers.jpg) no-repeat;

	height: 231px;

	padding: 0px 0 0 0px;

	}





#description {

	color:#000000;

	letter-spacing:0.06em;

	font-size:0.9em;

	text-transform:uppercase;

	padding-left:2px;

	}

		

.left {	

	float:left;

	}



.right {	

	float:right

	}

	

#sidebar {

	width:325px;

	float:right

	}



	

		

/* ---------- @ Headings -----------*/



		   

h1 {

	font:2.5em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;
      
        color: #FFFFFF;

	padding-top:160px;

        padding-left: 550px;

	}



h2 {	

	font:2em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	line-height:100%;

	}



h3 {	

	font: 1.5em Georgia, "Times New Roman", Times, serif;

	color:#666633;

	font-weight:bold;

	line-height:120%;

	}

			

h4 {	

	font-size: 1.2em;
        color:#666633;

	}



#commentarea h4, h4.pagetitle {

	color:#666633;

	margin-bottom:13px

	}



#submenu h4 {

	margin: 6px 0 5px 0;

	}

	

		

	





/* ---------- @ Content Styles -----------*/





	

h1 a, h1 a:visited {

	color:#FFF;

	}



h1 a:hover, h1 a:active {

	text-decoration:underline

	}	





h2 a, h2 a:visited {

	color:#666633;

	}



.commentcount {

	padding-left:5px;

	font:11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;

	margin-left:9px;

	}



.commentcount a, .commentcount a:visited {

	color:#8A7441;

	}

	

#interior #content {

	padding: 40px 50px 25px 50px;

	}



.col.left {

	width:65%;

	}



.col.right {

	width:35%;

	}



		



/*Post Styles*/ 

.thumb {

     float: left;
     margin-right: 7px;
     margin-bottom: 14px;
     
     }

.thumbgallery {

     float: left;
     margin-top: 5px;
     margin-right: 10px;
     margin-bottom: 10px;
    
     
     }

.wp-post-image{

     float: left;
     margin-top: 3px;
     margin-right: 10px;
    
     
     }


.entry {

	padding-bottom:20px;
	}

	

.entry ul, .entry ol {

	padding:0 15px 10px 10px;

	}		



.entry ul li {

	margin-left:35px;

	list-style:square;

	padding:2px 0;

	}



.entry blockquote {

	margin:15px 35px 25px 35px;

	border-left:5px solid #C25649;

	padding-left:15px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style:italic;

	color:#8A7441;

	line-height:140%;

	}			



.entry img {

	margin: 13px 13px 13px 0;

	border: none;

	}

.entrygallery {

        padding: 30px 100px 20px 100px;

        }


.postmetadata {

	text-transform:uppercase;

	font-size: 0.9em;

	color:#607723;

	border-bottom:1px dotted #000000;

	border-top:1px dotted #000000;

	padding:3px 0;

	}



.entry pre, .entry code {

	font: 1em "Courier New", Courier, monospace;

	overflow:auto;

	padding:14px;

	background:#FFFFFF;

	display:block;

	width:100%;

	}



.entry pre	{

	padding:20px 20px 40px 20px;

	}



table {

	width:100%;

	border-collapse:collapse;

	margin:15px 0;

	}



td, th {

	border-bottom:1px solid #D4BB8A;

	padding:4px 8px;

	background:#E4DAC3;

	}



th {

	font-weight:normal;

	text-align:left;

	width:35%;

	}







	

	

/*Comments*/



#commentarea {
        
	border-top: 1px dotted #000000;
	padding-top: 25px;
	}



.commentlist {

	margin:25px 0 25px 0;

	}



.commentlist li {

	margin: 10px 0 10px 0px;

        background: url(images/bg_comment.jpg) top left no-repeat;

	padding: 5px 25px 5px 40px;

        list-style:none;


	}



#commentarea small {

	font-size:1.1em;

	}



.commentlist cite {

	font-style:normal;

	font-weight:bold;

	font-size:1em;

	}	



.gravatar {

	float:left;

	border:1px solid #D4BB8A;

	}

	

.commentinfo {

	float:left;

	padding:5px 0px 5px 0px;

	}



.commentlist li.my_comment {

	background: url(images/bg_comment2.jpg) top left no-repeat;

	}



li.my_comment cite {

	font-size:1em;

	}	

	

	

/*Flickr*/



#flickr {

	list-style:none;

	padding-top:13px;

	}



#flickr li {

	float:left;

	display:inline;

	margin:0px 17px 16px 0px;

	border-right:1px solid #E4DAC3;

	border-bottom:1px solid #E4DAC3;

	}



#flickr li a {

	display:block;

	border:4px solid #E4DAC3;

	}

	

#flickr li a:hover {

	border:4px solid #C25649;

	}



	



	

/* ---------- @ Forms -----------*/


#s {

	background:#CCCC99;

	border:none;

	color:#000000;

	padding-left:10px;

	margin-top:-10px;

	width:200px;

	}

		

.field {

	background:#FFF;

	border: 1px solid #CCCC99;

	padding:4px;


	}



.field:focus {

	background:#FFFFFF;

	}

	

#submit {	


	}



#submit:hover {	

	}

	

#searchsubmit {

		}

.search-form input {
float: right;  
width: 250px;
height: 15px;
padding: 5px; 
background: #CCCC99;
}

		



/* ---------- @ Float Clearing -----------*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block

	}





/* ---------- @ Footer -----------*/



#meta {

	padding-top: 25px;

	}



.block {

	width:187px;

	float:left;

	margin:0 13px;

	}

.blocktwt {

	width:187px;
	
        float:left;

	margin:0 13px;

	}




#meta ul {

	margin-top:15px; 

	}

			

#meta li {

	list-style:none;

	border-top:1px dotted #000000;

	padding:6px 0;

	}



#meta a, #meta a:visited {

	color:#8A7441;

	}



#meta a:hover, #meta a:active {

	color:#C25649;

	}

			

#footer {

	padding: 12px;

	color:#FFFFFF;

	background:#000000;

	margin-top:28px;

	text-align:center

	}



a#cat4 {

	display:block;

	width:30px;

	height:24px;

	float:right;

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

	text-indent:-9000px;

	margin: 8px 15px 0 0;

	}