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

/*////////// GENERAL //////////*/
body{
margin:0;
padding:0;
background-color:#EDE8D4;
}
#wrapper{
width:1000px;
margin:0 auto;
padding:0;
}

/*////////// HEADERS //////////*/
#header{
position: relative;
background:url(images/header.jpg) no-repeat;
height: 200px;
}
#navbar{
	background:url(images/divider.png) top repeat-x;
	position: relative;
	margin-top: 20px;
	padding: 15px 0 0 0;
}
#menu{
	margin:0 auto;
	background: url(images/divider.png) bottom repeat-x;
	padding-bottom: 15px;
}
ul.myMenu{
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
}
ul.myMenu li{
display:inline;
}
ul.myMenu li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-family:none;
	font-weight: none;
	padding:18px 10px;
	color: #9E815B;
}
ul.myMenu li a:hover, ul.myMenu li a.this{
color: #AA2600;
}
.container{
	width: 950px;
	margin:0 auto;
	padding: 0;
	background: #F3F0E4;
	margin-top: 30px;
	margin-bottom: 20px;
}
.container_blog{
width: 850px;
	margin:0 auto;
	padding: 0 50px 12px 50px;
	background: #F3F0E4;
	margin-top: 30px;
	margin-bottom: 20px;
}
.container_nb{
	width: 950px;
	margin:0 auto;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 20px;
}

#flash{
padding-top:15px;
width: 780px;
margin:0 auto;
padding:0;
}

/*////////// TYPOGRAPHY //////////*/
p, td{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #444;
	line-height: 1.6em;
}
h1,h2,h3,h4,h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #4D7429;
}
h1{
font-size:25px;
}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{
	font-size:14px;
}
h6{font-size:13px;}
h2.sub_title{
	color:#CC0000;
	font-size:18px;
	font-weight:normal;
	padding-bottom: 15px;
	padding-left: 25px;
}


a{
text-decoration:none;
color:#aa2600;
}

/*////////// RIGHT SIDEBAR GROUP //////////*/
.sidebarR{
	padding-left:20px;
	padding-right: 20px;
	width:230px;
	float:right;
	border-left: 1px #D9CFB6 solid;
	padding-bottom: 10px;
}
.mainL{
	margin-right:270px;
	border-right: 1px #D9CFB6 solid;
	padding-left:20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

/* ------------------ 3 COLUMNS ----------------*/
.c1{
	padding-left: 20px;
	padding-right: 20px;
	width:270px;
	float:left;
}
.c2{
	padding-left: 25px;
	padding-right: 25px;
	width:278px;
	margin-left:310px;
}
.c3{
	padding-left: 20px;
	padding-right: 20px;
	width:270px;
	float:right;
}

/*////////// FOOTER //////////*/
#footer{
	position: relative;
	padding-top:20px;
	background:url(images/divider.png) top repeat-x;
	margin-top: 35px;
	height:30px;
}
#footerL{
float:left;
width:400px;
}
#footerR{
float:right;
width:400px;
text-align:right;

}
/* BLOG AREA */
.story{
	position:relative;
	padding: 15px 0px 0 0px;
	margin-bottom:10px;
	padding-bottom:15px;
}
.page_story{
position:relative;
	padding: 0px 0px;
	margin-bottom:40px;
	padding-bottom:15px;
}

#date_box{
	position:absolute;
	top:14px;
	right:81px;
	color:#555555;
	font-size:12px;
}
/* END BLOG AREA */

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

/*-------------- BLOG MENU ---------------------*/

ul.blog_menu{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align: left;
	padding: 0;
	margin: 0;
}
ul.blog_menu li{
border-bottom:1px dashed #888;
padding-top:10px;
padding-bottom:3px;
}
ul.blog_menu li a{
color:#666;
text-decoration:none;
}
ul.blog_menu li.current_page_item{
padding-left:10px;
}
ul.blog_menu li.current_page_item a, ul.blog_menu li a:hover{
color: #CC4F16;
}

/* ---------------------LOGIN ---------------*/
#login{
	position:absolute;
	right: 72px;
	top: 28px;
}
#login ul{
list-style:none;
}
#login ul li{
display: inline;
list-style:none;
}
 #login ul li a{
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
padding:2px 5px 2px 5px;
color:#333;
}
/* END LOGIN */

/*////////// CLASSES //////////*/
.push{
clear: both;
}
.divide{
height:8px;
background:url(images/divider.png) top repeat-x;
}
p.copy{
font-size:12px;
}
.vine{
	position:absolute;
	left:26px;
	top:-27px;
}
h4.heading{
	font-size:22px;
	padding-left: 0px;
	padding-top: 10px;
	margin: 0;
	color: #000000;
}
span.color{
	color:#990000;
}
span.secure{
background-color:#009900;
font-weight:bold;
color:#fff;
padding:1px 3px;
}