/*
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.0
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;
	padding-bottom: 20px;
	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: 15px;
	overflow: hidden;
}

#content p 	
{
	font: 1em/1.25em  Calibri, Arial, Helvetica, sans-serif; 
	color: #000;
	letter-spacing: .05em;
	text-indent: .5em;
	margin-bottom: 1em;
}

#content a 	
{
	color: #4f84df;
	text-decoration: underline;
}

#content a:hover
{
	color: #8bb6ff;
	text-decoration: none;
	top: -2px;
}

#content small {display: none;}

#content h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}

#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
----------------------------------------*/
#notify
{
	width: 703px;
	height: 20px;
	background: transparent url(images/contentSlideOutTile.gif) bottom center repeat-y;
}

#notifyEnd
{
	width: 703px;
	height: 20px;
	background: transparent url(images/contentSlideOutEnd.png) bottom center no-repeat;
}

/* 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;
}


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

#linkcat-4 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;
}

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

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

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

/* 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;
}

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

#footer
{
	clear: both;
	width: 950px;
	height: 40px;
	margin:0 auto;
	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: 40px;
	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;
}

/* 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 */
.tooltip {
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}