/*   
Theme Name: Brenda's Theme #2
Theme URI: http://www.brendacutrell.com
Description: A theme designed for Brenda Cutrell's personal website.
Author: Max Cutrell
Author URI: http://
Version: 1.0
Tags: Comma-separated tags that describe your theme.
*/

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

body {
    -x-system-font:none;
    background:transparent url(images/bkgrnd_1.png) repeat scroll 0 0;
    line-height:1em;
    margin-top:1em;
    text-align:center;
    color:#1A2810;
    font-family:'Trebuchet MS';
}

#SiteWrapper{
    margin:auto;
    text-align:left;
    width: 870px;
}

#Header{
    background: transparent url(images/Header.png) no-repeat;
    width: 870px;
    height: 206px;
}

.margin-full{
    width: 10px;
    float: left;
}
 
#MarginLeft{
    background: transparent url(images/bkgrnd_shadow_left.png) repeat-y;
}

#ContentWrapper{
    background:#FFFFFF url(images/bkgrnd_tree_60.png) no-repeat scroll right top;
    float:left;
    height:550px;
    width:850px;
}

#ContentWrapperFull  { background: #ffffff url("images/bkgrnd_tree_60.png") no-repeat right top; width: 850px; height: auto; float: left }

#MainContent { font-size: 0.8em; padding: 30px 14px; width: 642px; height: auto; float: left }

#HomeIntro{
    float:left;
    /* width:317px; 100% image */
    width:381px; /* 80% Image*/
}

#MainContentFull{
    width: 642px;  /*670px total*/
    float : left;
    padding: 30px 14px;
}

#BrendaJagSHV{
    float: left;
    margin: 0 10px 5px 0;
}

#RightMenu{
    width: 166px;
    height: 270px;
    float : left;
    padding: 30px 7px;
}

#RightMenuFull{
    width: 166px;
    height: 270px;
    float : left;
    padding: 30px 7px;
}

/***** menu code *****/

ul.main-menu{
    padding: 0;
    margin: 0;
}

li.page_item a{
    padding-top: 12px;
    display: block;
    height: 30px;
    width: 166px;    
}

.page_item-bottom-border a{
    background: transparent url(images/bkgrnd_menuLink.png) no-repeat bottom left;
}

li.page-item-5 a, li.page-item-7 a, li.page-item-9 a{
    background: transparent url(images/bkgrnd_menuLink.png) no-repeat bottom left;
}

ul.main-menu li {    
    list-style: none;
    display: block;
    text-align: center;
    font-size:20px;
    font-style:italic;
}

ul.main-menu li a:link {color:#1A2810; text-decoration: none}      /* unvisited link */
ul.main-menu li a:visited {color:#1A2810; text-decoration: none}  /* visited link */
ul.main-menu li a:hover {color:#706414; text-decoration: none; background-color: #DBD7AE}  /* mouse over link */
ul.main-menu li a:active {color:#1A2810; text-decoration: none}  /* selected link */

/*********************/

.horizontal-rule{
    clear: both;
    height: 2px;
    margin-left: 22px;
    background: transparent url(images/HorizontalRule.png) no-repeat 0 0;
}
hr {height: 2px}
#BlogSummary  { padding: 17px 18px; width: 642px; height: auto }

#MarginRight{
    background: transparent url(images/bkgrnd_shadow_right.png) repeat-y;
}

#ContentBottom{
    clear: both;
    background: transparent url(images/bkgrnd_foot.png) no-repeat;
    width: 870px;
    height: 17px;
}

#Footer {
    background: transparent;
    width: 814px;
    text-align: center;
    font-size: .7em;
    font-weight: bold;
    color: #000000;
    clear:both;
}

#Footer a:link {color:#000000; text-decoration: underline }      /* unvisited link */
#Footer a:visited {color:#000000;}  /* visited link */
#Footer a:hover {color:#000000; text-decoration: none}  /* mouse over link */
#Footer a:active {color:#000000;}  /* selected link */

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