/*
THEME NAME: Sherrill
THEME URI: http://Theonlineseo.com/
DESCRIPTION: Template author Ian Stewart
VERSION: 0.1
AUTHOR: Daniel G. 
AUTHOR URI: http://theonlineseo.com/
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');
html {
min-height: 100%;
margin-bottom: 1px;
} 

/* re-define base font-face and size */
body, input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

/* apply a background color to the whole page */
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin:0 auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#a52a2a;

						/* The min-width property does not work in old versions of Internet Explorer */
}




#containertemplate{
width:1196px;
float:left;
		background:url(images/background_con.jpg) top center repeat-y;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	padding-bottom:30px;
	}
	
#content {
font-family:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif;}
	
	
/* correct the margin to better fit the background image */


#contentemplate {
	background-color:#FFF;
	color: #000;
	padding: 0px;
	width:520px;
	padding-top:40px;
	MARGIN-left:220px;
	

}
#contentemplatewide {
	background-color:#FFF;
	color: #000;
	padding: 0px;
	width:750px;
	padding-top:40px;
	MARGIN-left:228px;
}

#contentemplatewide .hentry {
width:750px;}

#current {
color:#a52a2a;
}
#current a{
color:#a52a2a;
}

li#current a{
	color:#a52a2a;
	text-transform:uppercase;
	}
#current a{
	color:#a52a2a;
	text-transform:uppercase;
	}
.sf-menu li #current a{
	color:#a52a2a
}
.sf-menu li #current a{

	color:#a52a2a
}

a.new_book {
display:block;
margin-top:70px;}

/*same width of #main to have menu left-aligned with it*/
.menu {
color:#000;
width: 780px;
margin:0 auto; 
border: 0 none;

  background-color:#fff;
}
.menu1 {
color:#000;
width: 780px;
border: 0 none;
background-color:#fff;
}


/*items have same background color of #subsidiary #first*/
.sf-menu li {
border: 0 none;
display: block;
padding-right:0px;
}
.sf-menu a.last {
border: 0 none;
display: block;
padding-left:413px;
}


/*no bottom borders on items. left borders has color used for #subsidiary #first border*. Top border is just a little darker than header background*/
.sf-menu a {
padding:0px 13px; /*default is 9px 13px*/
padding-bottom:8px;
font-size:13px;
font-weight:NORMAL;
text-transform:uppercase;
}

#footerA .menu ul.sf-menu a {
font-size:11px;}

/*same color must be applied to the end-of-menu border*/
.sf-menu {
	border:0 none;
	}

.sf-menu a, .sf-menu a:visited {
}

/*we must change also the height of #access (it's the menu container)*/
#access {
height: 50px;
border: 0 none;
}

/*on mouse over*/
.sf-menu a:hover, .sf-menu a:active {
color:#a52a2a;}

#sf-menu li:hover a{

	
}
.sf-menu li:hover a, .sf-menu li.sfHover a {

}

/*sub-items*/
.sf-menu ul, .sf-menu ul a {
border:0 none;
padding:0px 18px; /*default is 9px 13px*/
margin-top:11px;
padding-bottom:8px;
}

.sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
color:#000;
}

.page_item {
}

	
/* by removing #branding width we move blog-title on the left of the page*/
#branding {
width:0 auto;
margin-left:-1960px; /* let's add some margin though*/
}

#main-aside{	
border: 0 none;
}

/* common styles (both #primary and #secondary have .main-aside class*/
.main-aside h3.widgettitle{
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
border: 0 none;
list-style:none;
color:#a52a2a;
}

/* common text styles */
.main-aside{
font-size:12px;
color:#333333;
}
.main-aside a{
text-decoration:none;/* links on both primary and secondary are not underlined */
font-weight:bold;
list-style:none;
color:#a52a2a;
}
.main-aside a:active, .main-aside a:hover {
/*text-decoration:underline;  but they are underlined on mouse over */
}

/* links on primary are blu */
#primary a{
color:#a52a2a;
}

#primary a:active, #primary a:hover{
color:#666666;
list-style:none;
}

/* links on secondary are white and bold */
#secondary a {
color:#a52a2a;
}

/* bullet images on list inside widgets */
#primary .widgetcontainer ul li {
list-style:none;
}

#secondary .widgetcontainer ul li {
list-style:none;
}

/* primary is blu */
#primary h3.widgettitle{
color:#333333;/* color blue (same color of header background) */
border: 0 none;
}

/* secondary is white */
#secondary h3.widgettitle{
color:#000;
list-style:none;
}

/* a new set of paddings for #branding to overwrite the defaults*/



/* thin borders on top and bottom borders of content area */


/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   

.entry-content img {
	margin: 0 0 18px 0px;
	max-width:100%;
	}
	
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
	}
	
	
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}

.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}

.wp-caption {
	text-align: center;
	margin-bottom:18px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}

.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}


	body {
		
		
	}

	#header {
	width:1196px;
	float:left;
		clear:both;
		background:url(images/background_te.jpg) top center no-repeat;
		height:50px;
		padding-top:119px;
	}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
		
	}
	.col1 {
	width:1196px;
	margin:0 auto;}
	
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#a52a2a;		/* right column background colour */
	}
	.threecol .colmid {
		right:7%;			 /*width of the right column */
		background:#fff;	 /*center column background colour */
	}
	

	
	.threecol .colleft {
		right:1100px;			/* width of the middle column */
		background:#a52a2a;	/* left column background colour */
	}
	.threecol .col1 {
		width:1100px;			/* width of center column content (column width minus padding on either side) */
		left:100%;	/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}



	/* Footer styles */
	#footerA{
		background-color:#FFF;
		width:1196px;
		height:40px;
		padding-top:15px;
		background:url(images/footer.png) top center no-repeat;
	}
	
	#footer {
	float:left;
	width:1196px;
	background-color:#ffffff;
	}
	#footerc{
	width:1196px;
	height:50px;
		clear:both;
		background-color:#ffffff;
	}
	/* --> */
	
	.clear {
	clear:both;}