/*
Theme Name: Central SP Council
Theme URI: http://wordpress.org/
Description: A custom theme designed for the Central San Pedro Neighborhood Council website.
Version: 1.2
Author: Vince Kurzawa
Author URI: http://allVK.com
Tags: white, light, custom navigation
*/

/* Imports
----------------------------------------*/
@import url("../css/reset.css");
@import url("../css/externalLinks.css");


/* Elements
----------------------------------------*/
body
{
	background: #3d557d url(images/bgGradient.png) repeat-x;
	margin: 0;
}

body, p, td, th
{
	font:.875em/1.5em Arial, Helvetica, sans-serif;
	color: #000;
}

img
{
	border: 0;
	text-align: center;
	font:1em/1em Arial, Helvetica, sans-serif;
	background-color: #f3f3f3;
	color: #9e9e9e;
}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left; margin: 0 20px 20px 0;}
.right 		{float:right; margin: 0 0 20px 20px;}
.center 	{display: block; margin: 0 auto;}
.clearThis 	{clear:both;}
.textLeft 	{text-align:left;}
.textRight 	{text-align:right;}
.textCenter	{text-align:center;}
.textJustify{text-align:justify;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#808080;}
.hide		{display:none;}
.outdent	{text-indent: -1em;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header
{
	width: 950px;
	height: 114px;
	margin: 0 auto;
	background: url(images/header.jpg) no-repeat;
}

#seal
{
	position: relative;
	top: 15px;
	width: 93px;
	height: 89px;
	background: url(images/LAseal.gif) no-repeat;
}

/* Nav
----------------------------------------*/
#navigation
{
	float: right;
	margin: -15px -15px 0 0;
}

/* Nav
----------------------------------------*/
#nav
{
	width:950px;
	height:58px;
	overflow: hidden;
}

#navLeft
{
	float: left;
	width: 111px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: transparent url(images/nav.png) 0 0 no-repeat;
}

#navRight
{
	float: left;
	width: 110px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: transparent url(images/nav.png) -840px 0 no-repeat;
}

#nav ul
{
	margin: 0; 
	padding: 0;
}

#nav li 
{
	float:left; 
	margin:0; 
	padding:0;
	list-style-type:none; 
}

/* Image Replacement 
----------------------------------------*/
#nav li a {/*Set to height of image*/ height:58px; display:block; text-indent:-9999px; outline:none; margin:0; padding: 0;}

/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
#home a			{background-position:-111px 0; 	background-image: url(images/nav.png); width:99px;}
#aboutUs a		{background-position:-210px 0; 	background-image: url(images/nav.png); width:128px;}
#newsletter a	{background-position:-338px 0; 	background-image: url(images/nav.png); width:140px;}
#subscribe a	{background-position:-478px 0; 	background-image: url(images/nav.png); width:127px;}
#contactUs a	{background-position:-605px 0; 	background-image: url(images/nav.png); width:141px;}
#links a		{background-position:-746px 0; 	background-image: url(images/nav.png); width:94px;}

/* CSS Rollover (Sprites) - Advanced Users!
----------------------------------------*/

/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
#home a:hover		{background-position:-111px -58px;}
#aboutUs a:hover	{background-position:-210px -58px;}
#newsletter a:hover	{background-position:-338px -58px;}
#subscribe a:hover	{background-position:-478px -58px;}
#contactUs a:hover	{background-position:-605px -58px;}
#links a:hover		{background-position:-746px -58px;}
	
/* Main Container
----------------------------------------*/
#mainContainer
{
	width: 950px;
	margin: 0 auto;
	background: #fff url(images/sidebarFade.gif) bottom left repeat-y;
}
		
/* Content Container
----------------------------------------*/
#contentContainer
{
	float: right;
	width: 703px;
	background-color:#fff;
}

/* Content
----------------------------------------*/
#content
{
	min-height: 300px;
	padding: 0 15px 15px;
	overflow: hidden;
}

#content p 	
{
	font: 1em/1.25em  Calibri, Arial, Helvetica, sans-serif; 
	color: #000;
	margin: 0 0 1em;
}

#content a	
{
	color: #4f84df;
	text-decoration: none;
	border-bottom: 1px dotted #4f84df;
}

#content a:hover
{
	color: #8bb6ff;
	text-decoration: none;
	border-bottom: 1px dotted #8bb6ff;
}

#content small {display: none;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {margin: 0;padding: 0;}
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {border-bottom: none;}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {border-bottom: none; color: #1e66d9; }

#content h1 	{font:bold 1.7em/1.7em  Calibri, Arial, Helvetica, sans-serif; color: #174da7;}
#content h1.sub {font:1.3em/0em  Calibri, Arial, Helvetica, sans-serif; color: #4f84df; padding-bottom: .5em;}

#content h2	{font:bold 1.7em/1.7em  Calibri, Arial, Helvetica, sans-serif; color: #174da7;}
#content h2 a {color: #174da7; text-decoration: none;}
#content h3 {font:bold 1.4em/1.5em  Calibri, Arial, Helvetica, sans-serif; color: #000;}
#content h3 a {font:bold 1.4em/1.5em  Calibri, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
#content h4 {font:bold 1.3em/1.4em  Calibri, Arial, Helvetica, sans-serif; color: #000;}
#content h4 a {font:bold 1.3em/1.4em  Calibri, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
#content h5 {font:bold 1.2em/1.3em  Calibri, Arial, Helvetica, sans-serif; color: #000;}
#content h5 a {font:bold 1.2em/1.3em  Calibri, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
#content h6 {font:bold 1em/1.2em  Calibri, Arial, Helvetica, sans-serif; color: #000;}
#content h6 a {font:bold 1em/1.2em  Calibri, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}

#content hr
{
  height : 3px;
  margin : 15px;
  background : url(images/contentHR.png) 0 0 no-repeat;
  border : 0;
}

#content li
{
	margin-left: 1em;
	list-style-position: inside;
	font: 1em/1.25em  Calibri, Arial, Helvetica, sans-serif; 
	letter-spacing: .05em;
	color: #000;
}

p.postmetadata
{
	display: none;
}

/* Notification Panel
----------------------------------------*/
#notifyContainer
{
	width: 703px;
	background: transparent url(images/contentSlideOutTile.gif) bottom center repeat-y;
}

#notifyContent
{
	margin: 0;
	padding: 0 20px 10px;
}

#notifyContent h3
{
	margin: 0 0 0.5em;
	padding: 0;
	color: #a35c5a;
}

#notifyContent h3 a, #notifyContent h3 a:visited
{
	color: #a35c5a;
	text-decoration: none;
	border-bottom: none;
}

#notifyContent h3 a:hover
{
	color: #bf6c69;
	text-decoration: none;
	border-bottom: none;
}

#notifyContent a, #notifyContent a:visited	
{
	color: #4f84df;
	text-decoration: none;
	border-bottom: 1px dotted #4f84df;
}

#notifyContent a:hover
{
	color: #8bb6ff;
	text-decoration: none;
	border-bottom: 1px dotted #8bb6ff;
}

#notifyContent p
{
	margin: 0 0 1em;
	padding: 0;
}

#notifyContent ul
{
	margin: 0;
	padding: 0;
}

#notifyBar
{
	height: 20px;
	background: transparent url(images/contentSlideOutEnd.png) top center no-repeat;
}

#notifyBarMini
{
	height: 20px;
	background: transparent url(images/contentSlideOutEnd.png) top center no-repeat;
}

.notifyHide
{
	background-image: url(images/contentSlideOutEnd_hide.png) !important;
	cursor: pointer;
}

.notifyShow
{
	background-image: url(images/contentSlideOutEnd_show.png) !important;
	cursor: pointer;
}

/* Sidebar
----------------------------------------*/
#sidebar
{
	float: left;
	width: 247px;
	overflow: hidden;
}

.widgettitle
{
	display: none;
}

#sidebar ul
{
	margin: 0;
	padding: 0;
}

#sidebar li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
}

#sidebar hr
{
  border : 0;
  height : 4px;
  background : url(images/sidebarHR.png) 0 0 no-repeat;
  margin : 15px;
}

#sidebar h1
{
	margin: 0;
	padding: 0;
	font: 0.9em/1.3em Arial,Helvetica,serif;
	text-align: center;
}

#sidebar a
{
	color: #3d557d;
	text-decoration: underline;
}

.textwidget
{
	padding: 0 0;
}

.textwidget h3
{
	text-align: center;
	color: #174DA7;
}

.textwidget ul
{
	text-align: center;
	margin: 0 0 10px !important;
}

.textwidget li
{
	text-align: center;
	margin: 0 0 10px !important;
}

/* Sidebar Navigation
----------------------------------------*/

#menu ul
{
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding-bottom: 30px;
	background: transparent url(images/sidebarNav.png) bottom center no-repeat;
	list-style-position: inside;
}

#menu li
{
	margin: 0 10px;
	padding: 3px 0 3px 15px;
	border-bottom: #e5e5e5 1px solid;
	color: #ccc;
	list-style-type: disc;
}

#menu a
{
	padding-left: 5px;
	font:1.2em/1em "Palantino Linotype","Times New Roman",serif;
	text-decoration: none;
	color: #6e6e6e;
}

#menu a:hover {color: #2a2a2a;}
#menu li:hover {background-color: #fafafa;}

/****WP POLLS****/
.widget_polls-widget
{
	margin: 10px !important;
	background: #fff url(images/poll-bg.png) top center no-repeat;
	border: 1px solid #CCC;
	border-top: none;
	border-bottom: 1px solid #999;
}

.widget_polls-widget h2.widgettitle
{
	display: block;
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

.wp-polls-header
{
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

.wp-polls-question
{
	margin: 0 !important;
	padding-left: 10px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

div.wp-polls form ul
{
	padding-left: 0 !important;
	border-top: 1px solid #eee;
}

div.wp-polls form ul li
{
	padding: 5px 10px !important;
	border-bottom: 1px solid #eee;
}

ul.wp-polls-ul
{
	padding-left: 0 !important;
	border-top: 1px solid #eee;
}

ul.wp-polls-ul li
{
	padding: 5px 10px !important;
	border-bottom: 1px solid #eee;
}

.wp-polls .Buttons
{
	font-size: 18px;
}

.widget_polls-widget ul li a
{
	display: block;
	padding: 5px !important;
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	text-align: center;
	color: #333 !important;
	font-size: 12px;
}
.widget_polls-widget ul li a:visited { color: #333 !important;}
.widget_polls-widget ul li a:hover { color: #999 !important;}

.widget_nav_menu h2.widgettitle
{
	display: block;
	margin-bottom: 5px !important;
	color: #174DA7;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

.widget_nav_menu ul
{
	border-top: 1px solid #DDD;
	margin-bottom: 1em !important;
}

.widget_nav_menu li
{
	border-bottom: 1px solid #DDD;
}

.widget_nav_menu li a 
{
	display: block;
	padding: 5px 10px !important;
}
.widget_nav_menu li a:hover {display: block; background: #e1e1e1; color: #0D254D !important;}

/* Search Box
----------------------------------------*/
#searchform {
	width: 227px;
	height: 25px;
	margin: 0 auto;
}

#searchform input {
	border: none;
	float: left;
}

#s {
	width: 130px;
	height: 22px;
	margin: 0 0 0 4px;
	padding: 3px 10px 0 25px;
	background: transparent url(images/searchbox.png) no-repeat;
	color: #6e6e6e;
	font: 12px/12px Arial,Helvetica,serif;
}

#s:focus {
	background: transparent url(images/searchbox.png) no-repeat left -25px;
	outline: none;
}

#searchsubmit {
	width: 55px;
	height: 25px;
	background: transparent url(images/searchbox.png) no-repeat top right;
	text-indent: -9999px;
	cursor: default;
}

#searchsubmit:hover {
	background: transparent url(images/searchbox.png) no-repeat bottom right;
}

label.screen-reader-text
{
	display: none;
}

li.widget_search
{
	padding: 10px 0 !important;
}

/* Footer
----------------------------------------*/
#footerContainer
{
	z-index: 1;
	width: 100%;
	height: 40px;
	position: fixed;
	bottom: 0px;
}

#footer
{
	clear: both;
	width: 950px;
	height: 40px;
	margin:0 auto 20px;
	background: #fff url(images/footerGradient.png) repeat-x center 10px;
	border-bottom: black 1px solid;
	overflow: hidden;
}

#stripe
{
	width: 950px;
	height: 10px;
	background: #fff url(images/footerStripe.png) repeat-y top center;
}

#copyright
{
	float: left;
	width: 248px;
	height: 30px;
	margin: 0;
	background: transparent url(images/footerDivider.png) no-repeat top right;
	text-align: left;
}

#copyright p
{
	margin: 0;
	padding: 5px 10px;
	font: 0.9em/1.5em Arial,Helvetica,serif;
	color: #6e6e6e;
	text-align: center;
}

#wp-login
{
	display: block;
	float: left;
	height: 30px;
	min-width: 50px;
	background: transparent url(images/footerDivider.png) no-repeat top right;
}

#wp-login a
{
	display: block;
	color: #868686;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
	margin-right: 2px;
	padding-left: 10px;
}

#wp-login a:visited {color: #868686;}
#wp-login a:hover {color: #000; background: url(images/footer-hover.gif) top repeat-x; }

#wp-login a img
{
	float: right;
	margin: 7px 10px 0;
	padding: 0;
	background: none;
}

/* Footer Links Sprites
----------------------------------------*/
#footerLinks ul
{
	margin: 0; 
	padding: 0;
}

#footerLinks li 
{
	float:right; 
	margin:0; 
	padding:0;
	list-style-type:none; 
}

/* Image Replacement 
----------------------------------------*/
#footerLinks li a {/*Set to height of image*/ height:58px; display:block; text-indent:-9999px; outline:none; margin:0; padding: 0;}

/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
#sitemap a			{background-position:0 -30px; 		background-image: url(images/footerLinks.png); width:120px;}
#footerAddress a	{background-position:-120px -30px; 	background-image: url(images/footerLinks.png); width:184px;}

/* CSS Rollover (Sprites) - Advanced Users!
----------------------------------------*/

/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
#sitemap a:hover	{background-position:0 0;}
#footerAddress a:hover	{background-position:-120px 0;}

/* Address Button Tooltip
----------------------------------------*/
/* tooltip styling */
.address-popup 
{
	display:none;
	background: #fff url(images/address-popup-bg.png) top repeat-x;
	width:170px;
	border: 1px solid #bbb;
}

.address-popup h4
{
	margin: 10px 0 10px;
	padding: 0 10px;
	color: #fff;
	background: #a35c5a url(images/address-popup-h4-bg.png) left repeat-y;
}

.address-popup p
{
	margin: 0;
	padding: 0 10px 10px;
	color: #000;
}

/* Creators Mark
----------------------------------------*/
#creators-mark {
	width: 950px;
	margin: 0 auto;
}

#creators-mark p {
	color: #829ECE;
	text-align: center;
}

#creators-mark a {
	text-decoration: none;
	color: #A7BBDD;
	border-bottom: 1px dotted #CCD7EB;
}

#creators-mark a:hover { color: #fff; }