/*  
Theme Name: JG MCC
Theme URI: http://www.marylandcommunityconnection.org
Description: Theme for maryland community connection website.
Version: 1.0
Author: Joseph Gummadi

This theme is adopted from a blank theme by Elliot Jay Stocks http://elliotjaystocks.com

flickrs
http://www.flickr.com/photos/bunnymay/2383766265/sizes/o/in/set-72157604066533274/
http://www.flickr.com/photos/teotwawki/1444791636/sizes/o/
*/

/* ************************************************************************
GLOBAL RESETS - Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui
************************************************************************ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul, li {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

q:before, q:after {
}

a {
	text-decoration:none;
	outline:none;
}

/* Sensible Defaults*/

strong { font-weight:bold;}
em, em strong, strong em { font-style:oblique;}
* a { position:relative;} /* Gets links displaying over a PNG background */
a img { border:none;} /* Gets rid of IE's blue borders */

/* ************************************************************************
GENERAL
************************************************************************ */

body {
	background:#F4F4F4 url(media/body.png) repeat-x;
	font:0.8em Arial, Helvetica, Sans-Serif;
	color:#444;
}

#page {
	width:760px;
	margin:0 auto;
}

/*-- Header Sizes --*/
h1 { font-size:170%;}
h2 {	font-size:150%;}
h3 {	font-size:130%;}
h4 {	font-size:120%;}
h5 {	font-size:110%;}
h6 {	font-size:100%;}


/* ************************************************************************
MENU and dropdown
************************************************************************ */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { height:48px; font-size:0.85em; position:relative; z-index:100;float:left;display:inline;border-left:1px dashed #5D5D5D;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:180px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; height:18px; padding: 15px 18px; color:#EAF6FB; text-decoration:none; background:transparent;border-right:1px dashed #5D5D5D;font-weight:bold;font-size:13px;}
.menu ul li ul li a,  .menu ul li ul li a:visited {border-right:0px solid #fff;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat!important;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat!important;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat!important;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#4f4f4f;border-bottom:1px dashed #404040;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#4f4f4f;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:48px;left:0; width:auto;}

/* another hack for IE5.5 */
* html .menu ul ul {top:48px;t\op:46px;}

/* position the third level flyout menu */
.menu ul ul ul{left:200px!important; top:0px; width:180px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-180px!important;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#404040; color:#EAF6FB; height:auto; line-height:1.9em; padding:5px 10px; width:180px!important;border-bottom:1px dashed #5D5D5D;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:180px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#404040;text-decoration:underline;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#404040;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
	color:#fff;
}

.menu .current_page_item a {
	color:#fff;
}

.menu ul .current_page_item ul a {
 	color:#EAF6FB;
}

.menu ul .current_page_item ul a:hover {
	color: #fff;
}

.menu .current_page_item a:hover {
}


/*-----Searchbar----*/

#searchbar {
	float:right;
	background:url(media/searchform.png) no-repeat;
	padding:15px;
	height:45px;
	width:220px;
}

#searchbar form {	
	margin:5px auto 13px auto;
	width:178px;
	height:18px;
	border:1px solid #aaa;
	background:#fff;
	padding:3px;
}

#searchbar form input#s {
	border:0;
	height:14px;
	width:152px;
	float:left;
	padding:2px;
}

#searchbar form input#searchsubmit {
	border:0;
	background:url(media/search.png) no-repeat;
	height:18px;
	width:20px;
	padding:0;
	margin:0;
	float:right;
	cursor:pointer;
}

/*-------SUBMENU -------------*/

#submenu {
	width:670px;
	background:#C3D9FF;
	padding:10px;
	margin:0 -5px 10px -5px;
	text-align:left;
}

#submenu ul {
	padding:0 0 0 40px;
}

#submenu ul li {
	display:inline;
	background:transparent url(media/dot.png) center left no-repeat;
	padding: 0 6px 0 10px;
	margin:0;
	font-size:95%;
}

#submenu ul li.title {
	background:none;
	font-weight:bold;
	margin:0 0 0 -40px;
	color:#666;
}

#submenu ul li a {
	color:#666;
}

#submenu ul li a:hover{
	text-decoration:underline;
}

#submenu ul li ul {
	display:inline;
}

/* ************************************************************************
HEADER
************************************************************************ */

#header {
	height:60px;
	clear:both;
	background:url(media/mcc.gif) no-repeat; /*mcc*/
	padding:0 0 0 38px; /*mcc*/
	margin-bottom:5px; /*mcc*/
	z-index:-1;
}

#header h1#title{
	padding:8px 10px 0 10px;
	font-size:32px;
	text-align:left;
	letter-spacing:-2px; /*mcc*/
}

#title a, #title a:hover {
	color:#EBF1F4;
}


/* ************************************************************************
CONTENT
************************************************************************ */

#content {
	background:url(media/content.png) no-repeat;
	padding:55px 40px 10px 40px;
	line-height:1.5;
}

#contentbg {
	background:url(media/contentbg.png) repeat-y;
}

#content p {
	padding:8px 0;
}

blockquote {
	font-style:oblique;
	margin:10px 0 10px 0;
	padding:5px 10px 5px 10px;
	background:#F4F7F9;
	border:1px solid #E5ECF9;
}

a {
	color:#479BD3;
	text-decoration:none;
}

#content img {
	border:4px solid #C3D9FF;
}

#content #narrow ul li {
	list-style-type:disc;
	margin:0 0 0 15px;
}

/* ************************************************************************
NARROW/WIDE COLUMNS
************************************************************************ */

#narrow {
	width:440px;
	padding:0 40px 0 0;
	float:left;
}

#wide {
	width:680px;
}

.clear {
	clear:both;
}

/* ************************************************************************
HOMEPAGE
************************************************************************ */

.quote {
	color:#AAA;
	font-size:60px;
	float:left;
}

#hometagline {
	color:#BBB;
	font:30px "times new roman", serif;
	text-align:center;
	line-height:1.3;
	font-style:oblique;
	letter-spacing:0.8;
}

/* ************************************************************************
BOTTOMBAR
************************************************************************ */

#bottombar {
	width:680px;
	display:block;
	background:#F4F7F9;
	padding:5px 0 5px 0;
	border:1px solid #E5ECF9;
}

ul#bottombarul {
	list-style:none;
}

ul#bottombarul li {
	width:203px;
	margin:0 12px 0 10px;
	display:inline;
	float:left;
}

ul#bottombarul li ul {
	display:block;
	border:10px solid #C3D9FF;
	height:230px;
	background:#fff;
}

ul#bottombarul li ul li a{
	padding:3px;
	width:177px;
	display:block;
	border-bottom:1px solid #D9E3ED;
	font-weight:bold;
	background:#fff;
	color:#111;
}

ul#bottombarul li ul li a:hover{
	background:#E5ECF9;
	color:#222;
}


ul#bottombarul li ul li {
	margin:0;
}


/* ************************************************************************
SIDEBAR
************************************************************************ */

#sidebar {
	width:200px;
	float:right;
}

#sidebar h2 {
	padding:5px 0 0 0;
}

a#donate {
	display:block;
	height:39px;
	width:195px;
	background:url(media/donate.png) no-repeat;
	margin:10px auto 10px auto;
}

a#donate:hover {
	background:url(media/donate.png) 0 -39px no-repeat;
}

#sidebar .widget ul{
	background:#C3D9FF;
	padding:10px;
}

#sidebar .widget ul li{
	background:#fff;
}

#sidebar .widget ul li a, #sidebar .widget ul li ul li a{
	padding:3px;
	width:174px;
	display:block;
	border-bottom:1px solid #D9E3ED;
	font-weight:bold;
	background:#fff;
	color:#111;
}

#sidebar .widget ul li a:hover, #sidebar .widget ul li.current_page_item li a:hover, #sidebar .widget ul li.current_page_item a{
	background:#E5ECF9;
	color:#222;
}

#sidebar .widget ul li.current_page_item a{
	background:#F1F5FC;
	color:#222;
}

#sidebar .widget ul li.current_page_item li a{
	background:#fff;
	color:#111;
}

/*Nested Lists - for subnavigation */

#sidebar .widget ul li ul{
	padding:0 0 0 0;
}


#sidebar .widget ul li ul li{
	border-left:15px solid #E5ECF9;
}

#sidebar .widget ul li ul li ul li{
	display:none;
}

#sidebar .widget ul li ul li a{
	width:159px;
	font-weight:normal;
}


#sidebar ul li b {
	font-size:90%;
	text-transform:uppercase;
	padding:0 3px 0 10px;
	background:url(media/dot.png) center left no-repeat;
}



/* ************************************************************************
FOOTER
************************************************************************ */

#footer {
	background:#3b3b3b;
}

#footercontainer {
	background:#3B3B3B url(media/footer.png) no-repeat;
	display:block;
	padding:10px 40px 40px 40px;
	margin:0 auto;
	width:680px;
	text-align:center;
	font-size:90%;
}

#footer #credits {
	padding:0 0 75px 0;
	color:#aaa;
}

#footer #credits a {
	color:#888888;/*#A2CDE5*/
	text-decoration:underline;
}

#footer #credits a:hover {
	color:#C3D9FF;
	text-decoration:underline;
}

#footercontent {
	font-size:106%;
	color:#aaa;
	line-height:1.4;
	font-style:oblique;
}

#footercontent h2 {
	color:#666;
}

#footercontent a {
	color:#A2CDE5;
}

#footercontent a:hover{
	color:#66B6E8;
}

#footer img.footerlogo {
	float:right;
	margin:2px 0 2px 6px;
	border:0;
}

#footerleft {
	float:left;
	text-align:right;
	width:48%;
}

#footerright {
	float:right;
	text-align:left;
	width:48%;
}

/* ************************************************************************
POSTS
************************************************************************ */

.post {
	margin:0 0 25px 0;
}

.post h2 {
	line-height:1.4;
}

/* Meta Data */

.post p.postmetadata  {
	background:#DAE8EF;
	color:#A0B2BC;
	line-height:1;
	padding:7px 10px!important;
}

.post p.postmetadata  a {
	color:#82A6BA;
}

.post p.postmetadata  a:hover {
	text-decoration:underline;
}

/*Comments*/

#comments {
	margin-left:30px;
}

#comments h3 {
	margin-left:-10px;
}

form#commentform {
	background:#DAE8EF;
	color:#82A6BA;
	padding:10px 10px 10px 50px;
	width:590px;
}

form#commentform textarea {
	width:400px;
}

ol.commentlist li{
	background:#fafafa;
	padding:20px;
}

ol.commentlist li.alt {
	background:#f4f4f4;
}

#commentauthor {
	width:30%;
	float:left;
}

#commenttext {	
	width:70%;
	float:right;
}

#commenttext p {
	padding:0 !important;
	margin:0 !important;
}