/*  
Theme Name: 3-column
Theme URI: http://cuna-nola.org/
Description: The default WordPress theme for CUNA-NOLA.org
Version: 0.1
Author: Eric Ogburn
Author URI: http://pixelfork.com/
*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	font: 78%/1.5em "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #fff;
}

#header
{
width: 100%;
height: 120px;
	border-bottom: 7px solid #0056a6;
background: #FFF url(http://cuna-nola.org/wp-content/themes/cuna/images/cunalogo.jpg) no-repeat 5px bottom;
}

/****************************************************************
BEGIN HOLY GRAIL
****************************************************************/

/* All the content boxes belong to the content class. */
#content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
	min-width:120px;
	margin:0px 200px;
	order-left:1px dotted #0056a6;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
        background: #fff;	
}

#sidebar {
	position:absolute;
        background: #0056a6;	
	width: 200px;
	top: 127px;
	left:0;
	padding:10px;
	z-index:2;
color: #fff;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#navAlpha {width:128px;}
		
#sidebar2 {
	position:absolute;
	width:200px;
	top:127px;
	right:0;
	background-color:#0056a6;
	padding:10px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	}
/* Again, "be nice to Opera 5". */
body>#sidebar2 {width:168px;}

#footer {
       position: relative;
       background: #FFF;
       border-top: 7px solid #0056a6;
       padding: 10px;
       margin-top: 20px;
}
/****************************************************************
END HOLY GRAIL
****************************************************************/

/****************************************************************
LINK STYLES
****************************************************************/

a { color: #0056a6; }
a:hover { color: #aeb7de; }
#sidebar a, #sidebar2 a {color: #fff;}
#sidebar a:hover, #sidebar2 a:hover {color: #aeb7de;}
#sidebar .menu_list a { color: #0056a6;}
#sidebar .menu_list a:hover { color: #aeb7de;}

/****************************************************************
TEXT STYLES
****************************************************************/
h1, h2, h3, h4, h5, h6, ul, li { position: relative; }
h1, h2, h3, h4, h5, h6, #sidebar .menu_list h2 { color: #0056a6; }
#sidebar2 h2, #sidebar h2 { color: #FFF; }
#content h2 { font-size: 1.5em; line-height: 1.5em;}
.post { margin: 10px 0; }
.entry p { text-indent: 10px; margin-bottom: 10px; }
.entrytext { margin-top: 10px; }
.postmetadata { line-height: normal; margin-top: 10px; padding: 5px 0; text-align: center; border: dotted #0056a6; border-width: 1px 0; }
fieldset ul { margin-left: 15px; }
fieldset li { margin-bottom: 1em; }
.entry ul { margin-left: 20px; }
/****************************************************************
COMMENT STYLES
****************************************************************/
ol.commentlist { margin-left: 30px;  border: 1px solid #336;
background: #FFF;}
ol.commentlist .alt { background: #CDE3FC; }
ol.commentlist li { padding: 10px; }
ol.commentlist cite { font-weight: bold; }
/****************************************************************
SIDEBAR STYLES
****************************************************************/

#sidebar h2 { font-size: 1.2em; }
#sidebar ul, #sidebar2 ul { list-style-type: none; }
ul.menu_list { background: #FFF; border: 1px dotted #0056a6;
margin-bottom: 10px; padding: 5px; 
color: #0056a6;}
ul.menu_list ul { margin-left: 5px;}
ul.sidebar_link ul { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #0056a6; }
ul.sidebar_link li { margin-left: 5px; }
ul.sidebar_link li li { list-style-image: url(http://cuna-nola.org/wp-content/themes/cuna/images/page_go.png); 
margin-left: 25px; padding-left: 2px;}


.weather { text-align: center;  }
.weather_title { font-weight: bold; }

.search { margin-top: 20px; background: #FFF; padding: 10px; border: 2px solid #336; }
#sidebar2 .search h2 { color: #0056a6; padding-bottom: 5px;}
#searchform { margin: 0; width: 90%; text-align: right;}
#searchform #s { padding: 5px; width: 100%; background-color: #CFF; font-family: Courier, "Courier New";  }
#searchsubmit { margin-top: 5px; }

.meta { margin-top: 20px; border: 1px dotted #FFF; padding: 5px;}
.meta h2 { font-size: 1em; }
.meta p { font-size: .8em; line-height: 1.5em; }

ul.browsers { font-size: .8em; line-height: 1em; margin-top: 10px; text-align: right; color: #333; }
/****************************************************************
NAVIGATION STYLES
****************************************************************/
.navigation { position: relative; height: 40px; margin-bottom: 10px; }
.alignleft { float: left; }
.alignright { float: right; }

/****************************************************************
IMAGE STYLES
****************************************************************/
#content img { border: 3px solid #0056a6; margin: 5px; }
.imgLeft { float: left; margin: 10px 10px 10px 0; clear: left;}
.imgRight { float: right; clear: right; margin: 10px 0 10px 10px; }

/****************************************************************
FORM STYLES
****************************************************************/
fieldset { padding: 10px; margin: 10px; border-color: #0056a6;}
legend { font-size: 1.2em; font-weight: bold; padding: 0 5px; border: 1px solid #0056a6; background: #FFF; }
form dd { margin-left: 10px; }
form label { font-weight: bold;  }
dd { margin-left: 10px; }
#repopulation #firstname, #repopulation #lastname, #repopulation #street_name, #repopulation #email { width: 80%; }
#repopulation dt { margin-top: 15px; }
#repopulation #submit { background-color: #0056a6; color: #FFF; font-weight: bold; width: 20%; margin-left: 10px;}
#repopulation input { color: #0056a6; padding: 3px;}
#repopulation #electricity, #repopulation #gas, #repopulation #telephone, #repopulation #cable, #repopulation #slab, #repopulation #raised, #repopulation #raised_basement, #repopulation #flood, #repopulation #homeowners, #repopulation #block_captain, #repopulation #upc { margin: 0 10px 0 0; }
#repopulation #volunteer_other { width: 80%; height: 100px; }
#paypal { 
    color: #0056a6; 
    font-weight: bold;
    padding: 5px;
    margin-top: 15px;
}