/*
Theme Name: WLUFA Theme
Theme URI: http://www.wlufa.ca//
Description: Theme developed for WLUFA.
Version: 1.5
Author: Corey Dutson
Author URI: http://www.wallofscribbles.com/
*/

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* gneric styles */
body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Arial', 'Helvetica', sans-serif; color: #333; text-align: center; 
background-image:url('images/site_background.png'); background-repeat: repeat-y; background-position:top center; background-color:#CCCCCC;}
h1, h2, h3, h4, h5, h6, #footer, #header, blockquote {font-family: 'Georgia', Times New Roman, Serif;}
h1 { font-size:3.5em;margin:5px 0px 10px;}
h2 { font-size:3em; color:#010066; margin:5px 0px; border-bottom: 1px solid #CCCCCC; padding-bottom:10px;}
h3 { font-size:1.8em; color:#333333; margin:5px 0px 10px;}
h4 { font-size:1.7em; color:#010066; font-style:italic; font-weight:bold; margin:5px 0px;}
h5 { font-size:1.5em; font-weight:bold; color:#010066;margin:5px 0px;}
h6 { font-size:1.5em; font-style:italic; margin:5px 0px;}
p {line-height:1.3em;}
a {color: #010066;}
a:hover {color: #6e6e6e;}
blockquote {font-style:italic; padding:10px 10px 5px; border:1px solid #CCCCCC; border-left:none; border-right:none;margin-bottom:10px;}

strong {font-weight:bold;}
em {font-style:italic;}
/* targeted */
#container { width: 980px; margin: 10px auto; text-align: left; font-size:1.2em; background: url('images/content_background.png') repeat-y top center #FFFFFF;}
#header { background: url('images/header.png') no-repeat top center; height:210px; position:relative;}
#header h1 {position:absolute; padding:20px 0px 0px 20px;}
#header h1 a {text-indent:-99999px; height:190px; width:540px;display:block; cursor:pointer;}
#header #address {width:230px; text-align:right; color: white; line-height:1.2em; font-size:1.2em; position:absolute; right:100px; top:70px;}
#header #searchform {text-align:right; position:absolute; right:100px; bottom:30px;}
#header #searchform label {display:none;}
/*#header #searchform input {height:26px; background:url('images/search_shim.png') repeat-x bottom left #FFFFFF; padding:0px; line-height:1em; margin:0px; border:1px solid #CCCCCC; width:180px;}*/
#header #searchform input {height:20px; background:url('images/search_shim.png') repeat-x bottom left #FFFFFF; padding:3px 0px 0px 0px; line-height:1em; margin:0px; border:1px solid #CCCCCC; width:180px;}
/** 1/15/2012  font-size:1px; **/
#header #searchform #searchsubmit {height:29px; background: url('images/search_button.png') no-repeat center transparent; border:none; text-indent:-99999px; width:28px; cursor:pointer; position:relative; }
#header #searchform #searchsubmit:hover {background: url('images/search_button_hover.png') no-repeat center transparent;}

#navigation {background: url('images/nav_shim.png') repeat-x top left #000000; width:940px; margin-left:20px; font-family:Arial, Verdana, Sans-serif;}
#navigation ul {height:38px; background: url('images/nav_cap.png') no-repeat top right; margin-left:20px;}
#navigation ul ul {margin-left:0px;margin-top:9px; background:transparent;}
#navigation ul ul ul{margin-top:0px;}
#navigation ul li {float:left; padding:0px;}
#navigation ul li a {display:block; text-align:center;height:48px; height:auto !important; min-height:16px; min-width:130px; padding:12px 15px; color:white; text-decoration:none;}
#navigation ul li a:hover, .hover_link {background: url('images/nav_hover_shim.png') repeat-x bottom left #FCFCFC; border:1 px solid #666666; color:#666666;margin-top:1px; text-shadow: #DDDDDD 1px 1px 1px; padding:11px 15px; min-width:130px; min-wborder-top:none;}
#navigation ul li.hover_link a {color:#666666;;}
#navigation ul li ul li a {color:#666666; text-align:left; padding:12px 25px 12px 5px; padding:12px 25px 10px 5px !important;}
#navigation ul li ul li a:hover {min-height:15px;}


/*** ESSENTIAL STYLES ***/
.sf-menu ul, .sf-menu ul * { margin: 0; padding: 0; list-style: none;}
.sf-menu ul { line-height: 1.0;}
.sf-menu ul ul { position: absolute; top: -999em; width: 158px; /* left offset of submenus need to match (see below) */ margin-left:0px;}

.sf-menu ul ul li { width: 100%; background:url('images/nav_child_shim.png') repeat-x bottom left #FFFFFF; border:1px solid #CCCCCC; border-top:none;}
.sf-menu ul ul li:hover {background:url('images/nav_hover_shim.png') repeat-x bottom left #FCFCFC;}
.sf-menu ul ul ul li { width: 100%; background:url('images/nav_child_child_shim.png') repeat-x bottom left EEEEEE; border:1px solid #CCCCCC;}

.sf-menu ul ul ul li:hover { background:url('images/nav_hover_shim.png') repeat-x bottom left #EEEEEE;}
.sf-menu ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu ul li { float: left; position: relative;}
.sf-menu ul a { display: block; position: relative;}
.sf-menu ul li:hover ul, .sf-menu ul li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99;}




div.sf-menu ul li:hover li ul, div.sf-menu ul li.sfHover li ul { top: -999em;}
div.sf-menu ul li li:hover ul, div.sf-menu ul li li.sfHover ul { left: 158px; /* match ul width */ top: 0;}
div.sf-menu ul li li:hover li ul, div.sf-menu ul li li.sfHover li ul { top:	-999em;}
div.sf-menu ul li li li:hover ul, div.sf-menu ul li li li.sfHover ul { left: 158px; /* match ul width */ top: 0;}
div.sf-menu ul .sf-sub-indicator {display:none;}
div.sf-menu ul ul .sf-sub-indicator { position: absolute; display: block; right: 0.75em; top:1.05em;/* IE6 only */ width: 15px; height: 10px; text-indent: -999em; overflow: hidden; background:url('images/arrow.png') no-repeat center; /* 8-bit indexed alpha png. IE6 gets solid image only */}

ul.breadcrumbs { list-style: none; padding: 0; margin: 0; font-size:0.9em; margin-bottom:10px;}
ul.breadcrumbs li { display:inline;	margin: 0 5px 0 0;	padding: 0; }

#content {width:776px;margin-left:20px; border: 1px solid #83839F; background:url('images/content_shim.png') repeat-x top left; border-bottom:none; padding:20px 80px 30px 80px; min-height:215px;}

#content p {margin-bottom:1.2em;}

#content .post ul, #content .post ol {margin-left:40px;margin-bottom:15px;}
#content .post ul li {list-style-type:disc; margin-bottom:.5em;}
#content .post ol li {list-style-type:decimal;margin-bottom:.5em;}

/** 1.15.2012 **/
#content .post table {padding-bottom:15px;}

#content .meta {font-style:italic; color:#666666; font-size:0.9em;}
#content .meta p {margin-bottom:.1em;}

.page_navigation {height:30px;padding-top:20px}
.page_navigation .alignleft {float:left;}
.page_navigation .alignright {float:right;}

#footer {height:144px; background:url('images/footer.png') no-repeat bottom center; text-align:center; color:white; font-size:1.2em;}
#footer p {padding-top:73px;}
/* classes */