/*

Theme Name: Hoosier Mama



*/


#social_box{
float:right;
padding:35px 20px 0 0;
font-size:15px;
}

#social_box img{vertical-align:middle;padding:0 3px;}

body{

margin: 0 auto;

padding:0;

background: url(images/bg-cookies.jpg);

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

color: #555;

font-size:12px;

text-align:center;

}



a img{border:0;}



h1,h2,h3{

color:#801100;

font-weight:normal;

}



h1{

font-size:43px;

margin:0px;

padding:0;

}



h2{

font-size:25px;

margin:0;

padding:0;

}



h3{

font-size:15px;

margin:0;

padding:0;

}



p{

line-height:21px;

margin: 12px 0px;

}



a:link, a:visited, a:active{

color:#C76200;

}



#wrapper-home{

width:913px;

margin:0 auto;

text-align:left;

background: url(images/wrapper-bg.jpg);

}



#wrapper-index{

width:913px;

margin:0 auto;

text-align:left;

background: url(images/bg-page.jpg);

}



#header{

background:url(images/header-homemade-cookies.jpg);

position:relative;

text-align:left;

width:913px;

height:142px;

margin:0 auto;

}



#mainnav{

color:white;

font-size:16px;

width:678px;

text-align:right;

position:absolute;

left:219px;

top:102px;

}



#mainnav li {

list-style:none;

display:inline;

}





#mainnav a{

color:white;

text-decoration:none;

padding:0 8px;

border-right:1px dotted white;

}



#mainnav a:hover{

text-decoration:underline;

}



#index-left-col{

float:left;

margin:9px 0 8px 28px;

width:550px;

border-right:1px dotted gray;

padding:10px;

padding-top:0px;

}

.cookie_jar_cols{width:410px !important;}

#index-right-col{

float:left;

margin:9px 0 12px 13px;

width:260px;

padding:6px;

padding-bottom:0px;

background:#F9F2E0;

border-top:1px dotted #971114;

border-bottom:1px dotted #971114;

}





#homesplash{

width:913px;

height:306px;

background:url(images/splash-home.jpg);

position:relative;

}



#homesplash-headline{

position:absolute;

top:60px;

width:449px;

height:84px;

left:38px;

}



#homesplash-text{

width:340px;

height:147px;

position:absolute;

left:55px;

top:103px;

}



#home-left-col{

width:428px;

height:260px;

margin-left:19px;

margin-top:6px;

background:url(images/home-left-col-bg.jpg);

float:left;

position:relative;

}



#cookie-otm{

	position:absolute;

	left:78px;

	width:330px;

	top: 45px;

	font-size:20px;

}



#cookie-otm-text{

	position:absolute;

	width:232px;

	height:165px;

	left: 20px;

	top: 89px;

}



#cookie-otm-pic{

	position:absolute;

	width:170px;

	height:170px;

	left: 257px;

	top: 86px;



}



#home-right-col-text{

	position:absolute;

	width:258px;

	height:233px;

	left: 162px;

	top: 22px;

}



#home-right-col{

width:428px;

height:260px;

margin-left:14px;

margin-top:6px;

background:url(images/home-right-col-bg.jpg);

float:left;

position:relative;

}



#footer{

width:913px;

height:23px;

background:url(images/footer-bg.jpg);

padding-top:24px;

color: #666666;

text-align:center;

font-size:11px;

}





/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */





/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.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 p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */



#tooltip{

	position:absolute;

	border:1px solid #333;

	background:#f7f5d1;

	padding:2px 5px;

	color:#333;

	display:none;

	width:200px;

	border:#b22 solid 2px;

	}