/* CSS Document */

/*  
Theme Name: Manhattan/raven
Theme URI: http://www.manhattanray.com/manhattan
Description: Manhattan 4.2
Version: 4.2
Author: Raven Gildea, based on theme by Manhattan Ray
Tags: purple, teal, fixed-width, right-sidebar 
*/



body{
margin:0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
background: #fff;
color: white;
}


body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form{
margin: 0;
padding: 0;
}


#wrapper{
margin: 0 auto 0 auto;
width: 840px;
height: 100%;
overflow:hidden;
padding: 0;
text-align: left;
background: #fff;
border: 1px solid black;
margin-bottom: 15px;
}

#container{			/* this is the main column */
float: left;
width: 504px;		
height:  100%;
overflow: hidden;
margin: 0 20px 0 35px;				
display:inline;            /* because IE doubles set margins  */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
}


#header{
width: 504px;	
height: 108px;       
background-image: url(graphics/header.jpg);
background-repeat: no-repeat;
border: none;
border-top: 0;
margin-top: 10px;
margin-bottom: 2px;			
color: #630a76;
}




#header h1 {  
/* removed header title and description from header.php, replaced with clickable image header.jpg */
/* header image must have global url, or it won't work */
}



/* start: pagemenu */

/* NOTE:  Unlike most Suckerfish dropdowns  
   This code uses the pagemenu division as the  
   relative datum, not the top list items 
   Be aware of this, if you play with the pagemenu codes */


#pagemenudiv{
width: 504px;
height: 22px;
background: #447462;
position:relative;
margin-bottom: 15px;
}

#pagemenudiv ul{
margin: 0;
padding: 0;
list-style-type:none;
}

#pagemenudiv ul li{
float:left;
text-align:center;
}


#pagemenudiv ul li a{
display:block;
height: 18px;
padding-top:2px;
padding-left: 10px;         
padding-right: 10px;       
border: 1px solid #447462;     
float:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration:none;
text-transform: uppercase;
color: white;
}

#pagemenudiv ul li a:hover{
background: white;
color: #447462;
}


/* sub pages below */

#pagemenudiv li ul{
position: absolute;
display: none;
background: #447462;     /* teal green menu bar */
width: 504px;
height: 25px;
top: 22px;
left: 0px;
} 

#pagemenudiv li > ul{
top: 22px;
left: 0px;
}


#pagemenudiv li.over ul,
#pagemenudiv li:hover ul{
display:block;
}


#pagemenudiv li ul a{
border: 1px solid black;
font-size:16px;
padding-top: 2px;
height: 20px;
text-transform: none;
background: #447462;
color: #bbb;
}


#pagemenudiv li ul a:hover{
background: black url(graphics/submenuhoverbg.jpg);
color: #242424;
}

/* end: pagemenu */



#content{
width: 504px;			
color: black;
}




/* start: sidebar codes, except for calendar and links */

#sidebar{
float: left;
width: 227px;
position: relative; left: 15px;			/* places sidebar to the right */
border: 1px solid black;
padding: 10px 0;			
background: #996699;      
margin: 10px 20px 10px 0;
display:inline;           /* because IE doubles set margins  */
color: black;
}



#sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}


#sidebar ul li{
margin: 5px;
padding: 10px;
background: #555;
color: #ccc;
}

#sidebar ul > li{
border: 1px solid black;
}

#sidebar ul li li{
border: 0px;
}


#sidebar ul li h2{
background: #ccc url(graphics/sidebarh2bg.jpg);
height: 17px;
padding-top: 1px;
padding-left: 5px;
margin-bottom: 3px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color:#242424;
}

#sidebar ul ul li{
padding: 0;
line-height:16px;				/* tighten up sidebar items */
padding-top: 5px;
padding-bottom: 3px;
}


/* end: sidebar codes, except for calendar and links */


#footer{
clear: both;
width: 840px;				
padding: 4px 0;			
position:relative;
background: #447462;       /* teal green footer bar */
color: #eee;               /* very light gray, not quite white */
}

#footer a {
padding-left:4px;		
}

.footercredits{
position: absolute;
left: 285px;
}


/* start: anchor/link codes, except for page menu  */

#header a{                    /* headline is an anchor tag, so this styles h1, which we aren't currently using */
text-decoration: none;
/* color: #630a76;    dark purple -- use this style if you replace the photo with a lighter one  */
/*color: #fff; */
color: #630a76;
}

#header a img {
border: none;			
}

#header a:hover{			/* styles the headline, which we aren't using, since we replaced it with an image */
color: #c8b2d4 				/* lavender on hover */
}

#content a{
text-decoration: underline;
color: #630a76;
}


#content h2 a {
text-decoration: none;
color: #343434;
font-weight: 600;
}


#content a:hover{
color: #630a76;
}


#sidebar a{
text-decoration: none;
color: #ccc;
}

#sidebar a:hover{
color: white;
}



#footer a{
text-decoration: none;
color: #eee;
}

#footer a:hover{
color: #fff;
}



/* end: anchor/link codes, except for page menu  */


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}



hr{
border: 1px solid #484848;
}

acronym{
color: #484848;
font-weight: 600;
}

blockquote{
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 10px;
margin:10px;
background: #b0b0b0;
}


h1{
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
color: #fff;       /* h1 is an achor tag, so is actually styled by the a tag styles. 
                           This will apply if any page uses h1 without the a tag */
}

.post{
padding: 10px 0 10px 0;
}

.post h2{
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
padding-bottom: 10px;
}

.post ul li {
padding-bottom: 6px;
}

.post ul {  
								/* list-style-image: url("graphics/sq_bullet.gif");   */
list-style-image: url("graphics/sq_bullet.gif");
list-style-type: square;
} 

.entry{
line-height: 15px;
}

p{
padding: 10px 0 0 0;
}

p.postmetadata{
border-top: 1px solid #444;
border-bottom: 2px solid black;
margin: 10px 0 0 0;
}


.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}


table#wp-calendar{
width: 100%;
}



.comments-template{
margin: 10px 0 0;
border-top: 1px solid #ccc;
padding: 10px 0 0;
}

.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments-template ol li{
margin: 0px;
line-height: 15px;
padding: 10px;
border-bottom: 1px solid #444;
}

.comments-template ol li.alt{
background: #aaa;
border-bottom: 1px solid #444;
}


.comments-template h2, .comments-template h3{
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
border-bottom: 1px solid black;
}

.commentmetadata{
font-size: 12px;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.comments-template img{
border: 1px solid black;
}

.addthis_container	{					/* social bookmarking plugin icon  */
padding-top: 10px;
}

img#wpstats{display:none}				/* hides smiley img at bottom of page created by stats plugin */