/*--------------------------------------------------------------- NOTE---------------------------------------------------------------------
The Simple II skin requires that you make adjustment sto the HTML templates.

For instructions on implementing see:  http://www.createyourownphotoblog.com/entries/39.php

Simple 2 does away with the sidemenu, displays all navigation at the top and allows an image up to 900 pixels wide. The background can be any color you choose. If making a change to the background color be sure to check all the text and link colors to make sure that everything can be seen and looks as you want it to. 

For a web safe color palette see: http://www.createyourownphotoblog.com/entries/40.php

Once the skin is installed alter the HTML templates by changing the module "navigationlinks" to "simpletopmenu" where it appears in the main index and the individual archive templates. You must change BOTH templates for this skin to be fully implemented. When you are done with these changes, don't forget to rebuild your site. 


---------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----Skin-Simple II-----*/

/*----------------------------Add Banner Styling Code Here-------------*/


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


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

#blogstyletop{
display: none;
}

#blogstylearea{
left: 58px;
}



body{
font:11px Verdana, Helvetica, sans-serif;
background-color:#FFFFFF;
background-image:  url(../skins/simple2/logo.gif);
background-position: top left;
background-repeat: no-repeat;
}


.logo{
background-color: transparent;
height: 60px;
margin-top: 0px;
}


#blogstylearea #content{
border: 0px;
margin: auto;
margin-left: 20px;
width: 1000px;
padding: 0px;
}

#blogstylearea #sidebar {
display: none;
}


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

a:link, a:visited, #content a:hover, #content a:active {
color:#666666;	
}

a:hover, a:active, #sidebar{
color: #000000;
}

#content a:link, #content a:visited{
color: #888888;
}


a.menuitem:link, a.menuitem:visited,a.showimage:link, a.showimage:visited,  a.showimage:active,  #navmenu a.menuitem:link, #navmenu a.menuitem:visited,   #navmenu a.menuitem:active, a.blogname:link, a.blogname:visited, a.blogname:active, a.blogname:hover, a.logo:link, a.logo:visited, a.logo:active, a.logo:hover { 
color: #FFFFFF;
} 


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

#blogstylearea #navmenu{
text-align: left;
width: 900px;
left: 0px;
color: #666666;
z-index: 9999;
margin-bottom: 10px;
padding-bottom: 0px;
}

#navmenu a.menuitem:link, #navmenu a.menuitem:visited,  #navmenu a.menuitem:active, #navmenu a.activelink { 
width:auto; 
margin: 0px 10px 0px 10px;
font-size:10px;
letter-spacing: normal;
font-weight: normal;
color: #666666;
}

#navmenu a.menuitem:hover{ 
width:auto; 
font-size:10px;
letter-spacing: normal;
font-weight: normal;
color: #660000;
}

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

.entrytitle{
color: #FFFADD;
}

#sidebar h3, .displaydate, .blogname{
color: #FFFADD;
}


#thumbwrapper img{
margin: 16px 16px 16px 5px;
border: 1px solid #343849;
}


#blogstylearea #content .imageholder{
width: 800px;
text-align: center;
margin: auto;
margin-top: 10px;
padding: 0px;}


#blogstylearea #content .imageholder img{
display: block; 
border: 0px;
float: none;
padding: 1px;
margin-top: 0px;
margin: auto;
max-width: 1000px;
width: auto;
width:expression(
    this.scrollWidth >750? "750px" : "width:auto");
border: 1px solid #666666;
}

#blogstylearea #content #entrytext{
width: 80%;
padding: 2% 10% 10% 10%;
margin: 0px auto 20px auto;
}

#entrytext h3{
text-align: left;
margin-top: 0px;
}