/*-----Skin-Default-----*/

/*----------------------------Add Banner Styling Code Here-------------*/
.logo{
height:80px;
margin-left: 0px;
}


#blogstylearea{
top:80px;
overflow: visible;
}


#blogstylearea #sidebar{
top: -80px;
overflow: hidden;
}


#banner{
position: absolute;
top: 0px;
width:930px;
left: 30px;
height:80px;
display: block;
text-align: left;
}


#banner .blogname{
font-family: Geneva, Arial, Verdana, sans-serif;
font-size: 24px;
font-weight: normal;
text-align: left;
letter-spacing: 1px;
margin: 20px 30px 0px 30px;
display: none;
}

#banner .logo{
text-align: left;
margin: 0px;
width: 176px;
}

/*-------------------------------End Banner Styling Code ----------------*/


/*-------------------------------------------------------------- Body -------*/

body{
color: #333333;
font:11px Verdana, Helvetica, sans-serif;
background-color:#444756;
}

/*------------------------------------------------------------- Banner -------*/

#banner{
border: 1px solid #678276;
border-bottom: 0px;
background-image:  url(../skins/default/banner.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#banner a:link, #banner a:hover, #banner a:visited{
color:#35413B;
}



/*-------------- Blogarea / Graphics, Backgrounds and Borders ----------*/

#blogstylearea{
background-image:  url(../skins/default/blogskin.jpg);
background-position: top right;
background-repeat: repeat;
border: 1px solid #686C7E;
border-bottom: 20px solid #686C7E;
border-top:0px;
}


#blogstyletop{
background-image:  url(../skins/default/blogskintop.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#blogstylebottom{
background-image:  url(../skins/default/blogskinbottom.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}


#commentholder, #blogstylearea, #banner{
background-color: #A9BCB4;
}

.logo{
background-image:  url(../skins/default/logo.gif);
background-position: center;
background-repeat: no-repeat;
height: 80px;
}

/*------------------------------------------------- Content ---------------------*/

#content{
background-color:#FFFFFF;
border: 0px solid #FFFFFF;
}

/*------------------------------------------------ Text  and Menu Links-------*/

a:link, a:visited {
color:#354D72;	
}

a:hover, a:active {
color: #3E6646;
}


#sidebar h3, .displaydate, .blogname, a.blogname:link, a.blogname:visited, a.blogname:active, a.blogname:hover, a.logo:link, a.logo:visited, a.logo:active, a.logo:hover, a.menuitem:link, a.menuitem:visited, #navmenu a.menuitem:link, #navmenu a.menuitem:visited,   #navmenu a.menuitem:active  {
color: #35413B;
}


a.menuitem:hover{ 
background-color: #98A9A2;
} 


a.menuitem:active, a.menuitem:hover, #navmenu a.menuitem:hover{ 
color: #FFFFFF;
} 


/*-------------------------------------------------Dividers, Titles and  Dates------*/
.sidedivider{
background-color: #8FA099;
text-transform:uppercase;
letter-spacing: 0px;
color: #FFFFFF;
} 

.entrytitle{
color: #35413B;
}

/*------------------------------------------------------------------- Images------*/

#content img, #thumbwrapper img{
border: 1px solid #C7C7C7;
}

#sidebar img{
border: 2px solid #FFFFFF;
}



/*----------------------------Add Right Side Menu Code Here-------------*/
logo{
margin-right: 20px;
}

#blogstylearea #content{
left: 28px;
margin-left: 32px;
float: none;
}

#blogstylearea  #sidebar{
left: 754px;
float: right;
margin-right: 0px;
}


 #navmenu{
left: 20px;
}

#navmenu a.menuitem:link, #navmenu a.menuitem:visited,  #navmenu a.menuitem:active{ 
float: left; 
} 

#banner .blogname{
text-align: right;
letter-spacing: 1px;
margin: 20px 20px 0px 30px;
}


#entrytext img{
float: left;
margin: 10px 10px 10px 0px;
}

#content #entrytext h3{
text-align: left;
}


/*----------IMPORTANT NOTE---------------
When changing your blog from a left side to a right side menu you will need to tell the css file where to
find the right side menu graphics. To do this simply change the word "default" that is contained after "skins/" 
and before "/" to the name of the skin directory which you are using. For instance, if you are using the skin
called "blue" you will need to change the word "default" to "blue" in each of the graphic files listed below. -----*/

#banner{
background-image:  url(../skins/default/banner_right.jpg);
background-position: top left;
}


#blogstylearea{
background-image:  url(../skins/default/blogskin_right.jpg);
background-position: top left;
}

#blogstyletop{
background-image:  url(../skins/default/blogskintop_right.jpg);
background-position: top left;
}

#blogstylebottom{
background-image:  url(../skins/default/blogskinbottom_right.jpg);
background-position: bottom left;
}

/*---------------------------End Right Side Styling Code ------------------*/