/*  
Theme Name: Hamblog
Theme URI: http://www.beckyhaycox.com/hamblog
Description: Custom design to blog wordpress theme created for Becky Haycox of www.beckyhaycox.com/hamblog by Jessica of www.kerflop.com
Version: 1.0
Author: Jessica of Kerflop
Author URI: http://www.kerflop.com/
*/

/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(images/bgr.jpg) #d7b27e repeat-x top center;
	color: #333333;
	font: 12px Verdana,Arial,Tahoma,Geneva,Sans-Serif;
}
a{
	color: #336666;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #3b6c6c 1px solid;
	font-size: 12px;
	padding: 2px;
}
select{
	padding: 0;
}

/*=== Layout ===*/
#page{
	background: #ffffff;
	margin: 0 auto;
	width: 1060px;
}
#header, #header2, #topmenu ul, #footer{
	height: 188px;
	margin: 0 auto;
	width: 1060px;
}
/*=== Header ===*/
/*- Logo -*/
#header h1{
	background: url(http://beckyhaycox.com/hamblog/wp-content/themes/hamblog/images/logo.png) no-repeat;
	margin: 0 0 0 600px;
	position: absolute;
	text-indent: -9999px;
	top: 125px;
}
#header h1 a{
	display: block;
	height: 98px;
	width: 390px;
}
#header h1 a:hover{
	text-decoration: none;
}
/*- Logo Header 2 -*/
#header2 h1{
	background: url(http://beckyhaycox.com/hamblog/wp-content/themes/hamblog/images/logo2.png) no-repeat;
	margin: 0 0 0 600px;
	position: absolute;
	text-indent: -9999px;
	top: 125px;
}
#header2 h1 a{
	display: block;
	height: 98px;
	width: 390px;
}
#header2 h1 a:hover{
	text-decoration: none;

}/*=== Top Menu ===*/
#topmenu{
	background: #416373;
	font: bold 24px/45px "Times New Roman", Times, serif;
	height: 45px;
}
#topmenu ul{
	height: 45px;
}
#topmenu li{
	float: left;
	padding: 0 35px;
	text-transform: lowercase;
        list-style: none;
}
#topmenu li a{
	color: #d7b27e;
}
#topmenu li a:hover,#topmenu li.active a{
	color: #ffffff;
	text-decoration: none;
}
/*=== Title ===*/
#title{
	background: url(images/title.gif) no-repeat;
	height: 50px;
}
/*=== Columns ===*/
#columns{
	background: url(images/columns-bgr.gif) #ffffff repeat-y right;
	border-top: 5px solid #ffffff;
	height: 1%;
	padding: 0 30px 30px 38px;
}
#columns h2, #columns h3{
	clear: both;
	color: #663333;
	font: bold 24px "Times New Roman", Times, serif;
	padding: 0 0 10px;
}
#columns h2 a{
	color: #663333;
 }
#columns h3{
	font-size: 19px;
	padding: 0 0 10px;
}
#columns h4{
	font-size: 14px;
	padding: 0 0 10px;
	text-transform: lowercase;
}

#columns h5{
	font-size: 16px;
	padding: 10px 0 10px 0;
	text-transform: lowercase;
}

#columns p{
	line-height: 22px;
	padding: 0 0 20px;
}
/*--- Center Column ---*/
#centercol{
	float: left;
	margin: 20px 0 0;
	width: 730px;
}
#centercol a{
	font-weight: bold;
}

.entry ol {
padding-left: 50px;
}

.entry ul {
padding-left: 50px;
}

.entry li {
padding-bottom: 15px;

}

.entry img {
        padding: 3px;
        margin: 0 auto 0 auto;
        border: 1px dashed #ccc;
}

blockquote{
        padding-left: 60px;
        padding-right: 75px;
}

caption{
        padding-left: 60px;
        padding-right: 75px;
	font: 10px Verdana,Arial,Tahoma,Geneva,Sans-Serif;
	font-style: em;
}

caption.a{
        padding-left: 50px;
        padding-right: 75px;
	font: 10px Verdana,Arial,Tahoma,Geneva,Sans-Serif;
	font-style: em;
}

/*- Post Info -*/
#columns p.date{
	color: #663333;
	font-size: 11px;
}
#columns p.postinfo{
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 40px;
}
/*--- Right Column ---*/
#rightcol{
	float: right;
	margin: 30px 0 0;
	width: 220px;
}

#rightcol li{
list-style: none;
}

#rightcol h2{
font-size: 16px;
}

/*=== Styling Boxes ===*/
/*- Box -*/
.box{
	background: #cccc99;
	font-size: 10px;
	height: 1%;
	padding: 10px 10px 0;
}
#columns .box p{
	line-height: 14px;
}
.box a, .box em{
	color: #330066;
	font-style: normal;
        font-size: 11px;
}


#twitter_div {
        font-size: 11px;
     
}

#twitter_update_list li {

padding: 5px 0 10px 0;

}

/*- Flickr Placeholder -*/
.flickr img{
	border: 1px solid #333333;
	display: block;
	float: left;
	margin: 2px;
}
.flickr a{
	color: #99cccc;
}

.photolink {
        color: #99cccc;
	font-size: 11px;
	font-weight: bold;
}
/*=== Styling Forms ===*/
/*- Search -*/
#search{
	margin: 0 0 20px;
}
#search label{
	color: #99cccc;
	font-size: 11px;
	font-weight: bold;
}
#search input{
	margin: 5px 0 0;
	padding: 4px;
	width: 212px;
}
/*=== Styling Lists ===*/
.list1{
	font: 14px "Times New Roman", Times, serif;
	padding: 0 0 20px;
}
.list1 li{
	margin: 0 0 3px;
	padding: 0 0 0 10px;
}

#comments{
        padding-top: 15px;
        padding-bottom: 8px;
}

.commentlist{
        padding: 5px 0 3px 0;
}
ol.commentlist{
list-style: none;
}

.commentlist li{
        padding: 20px 10px 0 10px;
        margin-bottom: 5px;
        border-bottom: 1px solid #663333;
}

.alt {
       background-color: #fff;

}


/*=== Footer ===*/
#bot{
	background: #416373;
	clear: both;
	height: 45px;
	line-height: 45px;
}
#footer{
	color: #d7b27e;
	font-size: 14px;
	height: 45px;
}
#footer a{
	color: #d7b27e;
}
#footer p{
	padding: 0 15px;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}
.fl{
	float: left;
}
img.fl{
	margin: 0 10px 5px 0;
}
.fr{
	float: right;
}

