@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}
body{
background:url(images/page_bg.jpg) repeat-x;
color:#7c512f;
font-family: Georgia,Tahoma,Sans-serif;
font-size: 12px;
}

#container{
width:1000px;
padding:0;
margin:0 auto;}
#top{
position:relative;
width:1000px;
background:url(images/header_bg.jpg) no-repeat;
height:300px;
}
#menu{
	position:absolute;
	bottom:133px;
	right:73px;
	width: 532px;
}
#adtag{
	position:absolute;
	bottom:43px;
	right:70px;
	width: 574px;
}
#logo{
	position:absolute;
	width:361px;
	height:299px;
	left:13px;
	top:0px;
}
#blog a{
color:#E83D75;
text-decoration:none;
}
#content{
width:750px;
line-height: 20px;
padding:0;
margin:0px 0px 0 250px;
}
#blog{
width:450px;
margin:0 300px 0 0;
padding:0;
}
#sidebar{
width:240px;
float:right;
padding:0;
margin:0;
}

#sidebar ul{
list-style:none;
}
#sidebar ul li{
padding:0;
margin:0;
}
#sidebar ul li a{
color:#7c512f;
text-decoration:none;
}

#flash{
margin:20px auto;
text-align:center;
}
.testimonial{
clear:both;
	margin:0px auto;
	background: url(images/butterfly.png) top no-repeat;
	padding-top:110px;
}
#footer{
background:url(images/foot_bg.jpg) left bottom #fff no-repeat;
float:left;
height:60px;
color: #E83D75;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#footer a{
text-decoration:none;
color:#FF0066;
}
#footL{
padding-left:20px;
margin-top:30px;
float:left;
width:150px;
}
#footR{
text-align:right;
margin-top:30px;
padding-right:20px;
text-align:right;
float:right;
width:350px;
}
#footR ul{
	display:block;
	padding:0;
	list-style:none;
	margin-left:70px;
}

#footR li{
float:left;
 font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 border-right: 1px solid #ccc;
 font-size: 10px; 
 font-weight:normal;
 }
#footR ul li a{padding:0 15px 0 12px; color: #333; text-decoration:none;}
#footR ul li a:hover{text-decoration:underline;}
#footR li.home{border-left: 1px solid #eaeaea;}


/*///////// text ////////*/
h1,h2,h3,h4{
font-family:Arial, Helvetica, sans-serif;
}
h1{font-size: 22px;}
h2{font-size:18px;color:#E83D75;margin:10px 0}
h3{
	font-size:20px;
	color:#7c512f;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
h4{
font-size: 16px;
color:#e83d75;
font-family:Georgia, "Times New Roman", Times, serif;
font-style: normal;
padding:0;
margin:0;
}
#bioPics{
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
margin:20px auto;
text-align:center;
}
.img_left{
float:left;
border: 1px dotted #000;
padding:5px;
}
.img_right{
float: right;
border: 1px dotted #000;
padding: 5px;
}
.textbox{margin-bottom:20px;}

/*///////// CLASSES /////*/
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*	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 */