@import url(../thematic/library/styles/reset.css); @import url(../thematic/library/layouts/2c-r-fixed.css); 

/*   
Theme Name: Cup Theme
Theme URI: 
Description: Custom CUP theme for Wordpress under Thematic framework
Author: Mile Modic
Author URI:
Template: thematic
Version: 1.0
Tags: Thematic, buddypress

*/

/* =Global Elements
-------------------------------------------------------------- */
body { background-color:#329ecf; background-image:url(images/back-gradient.png); background-repeat:repeat-x; }
body,input,textarea { font-size:62.5%; line-height:1.5em; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size-adjust:none; }
p { margin-bottom:18px; }
a:link { text-decoration:none; color:#329ECF; }
a:active,a:hover { color:#000; }
h2 a {text-decoration:none; color:#329ECF;}
p a {text-decoration:none; color:#329ECF;}
h1 { font-size:3em; font-weight:bold; text-shadow:0 1px 0 #000000; }
h2 { font-size:1.6em; font-weight:bold; color:#666; text-shadow:0 1px 0 #FFF; margin-bottom:15px; line-height:normal; }
h3 { font-size:1.4em; font-weight:bold; color:#222; text-shadow:0 1px 0 #f2f2f2; margin-bottom:15px; line-height:1.4em; }
h4 { font-size:1.3em; font-weight:bold; color:#555; margin-bottom:15px; }
h6 { font-family:Georgia, Garamond, Times, serif; font-size:1.2em; font-style:italic; font-weight:normal; background:#d7ecf6; padding:20px; text-align:center; color:#0a212b; }
.edit-link { display:none; }
#wp-admin-bar {
display: none; /* hides the adminbar */
}
body.logged-in {

margin-top: 0;
padding-top: 0;

}

/* =Header
-------------------------------------------------------------- */
#header { z-index:100; overflow:visible; width:960px; margin:0 auto; }
#branding { padding:20px 0 0; background-image:url(images/nav-back.png); background-repeat:no-repeat; display:block; height:140px; overflow:visible; width:960px; }
#blog-title { font-family:Arial,sans-serif; font-size:34px; font-weight:bold; line-height:40px; }
#blog-title a { color:#000; text-decoration:none; }
#blog-title a:active,#blog-title a:hover { color:#FF4B33; }
#blog-description { color:#666; font-size:13px; font-style:italic; }

/* =Sliding Panel Login
-------------------------------------------------------------- */
#toppanel { position:absolute; 
/*Panel will overlap  content */

/*position: relative;*/

/*Panel will "push" the content down */
top:0; width:940px; z-index:999; text-align:center; margin-left:9px; font-size:140%; }
#panel { width:100%; height:230px; color:#000; background:#626262; overflow:hidden; position:relative; z-index:3; display:none; }
#panel h1 { font-size:2em; padding:5px 0 10px; margin:0; color:#FFF; text-align:left; line-height: 1.3em; }
#panel h2 { font-size:1.2em; padding:10px 0 5px; margin:0; color:#222; text-align:left; }
#panel p { margin:5px 0; padding:0; color:#ccc; }
#panel a { text-decoration:none; color:#FFF; }
#panel a:hover { color:#ccc; }
#panel a-lost-pwd { display:block; float:left; }
#panel ul { margin:0 0 5px; padding:0; line-height:1.8em; list-style:none; }
#panel ul li{}
#panel .content { width:960px; margin:0 auto; padding-top:15px; text-align:left; font-size:.85em; }
#panel .content .left { width:280px; float:left; margin-bottom:25px; padding:0 15px; border-right:1px solid #555; min-height:220px; }
#panel .content .right { width:280px; float:left; margin-bottom:25px; padding:20px 15px 0; min-height:160px; }
#panel .content .narrow { width:120px!important; }
#panel .content form { margin:0 0 10px; }
#panel .content label { float:left; padding-top:8px; clear:both; width:280px; display:block; color:#222; font-weight:bold; text-shadow:1px 1px 0 #777; }
#panel .content input.field { border:1px #666 solid; background:#333; margin-right:5px; margin-top:4px; width:200px; color:white; font-size:1.2em; padding:3px; }
#panel .content input.login-btn{padding: 20px; font-size: 1.5em;} 
#panel .content input:focus.field { background:#000; }

/* BUTTONS */

/* Login and Register buttons */
#panel .content input.bt_login,#panel .content input.bt_register { display:block; float:left; clear:left; height:24px; text-align:center; cursor:pointer; border:none; font-weight:bold; margin:15px 0 0; font-size:105%; }
#panel .content input.bt_login { width:74px; background:transparent url(images/bt_login.png) no-repeat 0 0; }
#panel .content input.bt_register { width:94px; color:white; background:transparent url(images/bt_register.png) no-repeat 0 0; }
#panel .lost-pwd { display:block; float:left; clear:right; padding:15px 5px 0; font-size:.95em; text-decoration:underline; }

/* Panel Tab/button */
.tab { background:url(images/tab_b.png) repeat-x 0 0; height:42px; position:relative; top:0; z-index:999; }
.tab ul.login { display:block; position:relative; float:right; clear:right; height:42px; width:auto; font-weight:bold; line-height:42px; margin:0; right:50px; color:white; font-size:80%; text-align:center; }
.tab ul.login li.left { background:url(images/tab_l.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left; }
.tab ul.login li.right { background:url(images/tab_r.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left; }
.tab ul.login li { text-align:left; padding:0 6px; display:block; float:left; height:42px; background:url(images/tab_m.png) repeat-x 0 0; }
.tab ul.login li a { color:#ccc; text-decoration:none; }
.tab ul.login li a:hover { color:#FFF; }
.tab .sep { color:#333; }
.tab a.open,.tab a.close { height:20px; line-height:20px!important; padding-left:30px!important; cursor:pointer; display:block; width:100px; position:relative; top:11px; }
.tab a.open { background:url(images/bt_open.png) no-repeat left 0; }
.tab a.close { background:url(images/bt_close.png) no-repeat left 0; }
.tab a:hover.open { background:url(images/bt_open.png) no-repeat left -19px; }
.tab a:hover.close { background:url(images/bt_close.png) no-repeat left -19px; }

/* =Menu
-------------------------------------------------------------- */
.menu { z-index:100; font-size:1.3em; font-weight:bold; margin:51px 0 0 320px; width:auto; }

/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; margin-left:330px; }
.sf-menu ul { position:absolute; top:-999em; width:10em; 
/* left offset of submenus need to match (see below) */
}
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; 
/* fixes IE7 'sticky bug' */
}
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul { left:0; top:2.5em; 
/* match top ul list item height */
z-index:99; }
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left:10em; 
/* match ul width */
top:0; }
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left:10em; 
/* match ul width */
top:0; }

/*** THEMATIC SKIN ***/
.sf-menu { margin-left:20px; float:left; }
.sf-menu a { text-decoration:none; display:block; padding:10px; color:#666; text-shadow:0 1px 0 #FFFFFF; }
.current_page_ancestor a { background:#CCC; }
.sf-menu li li { background:#fff; border-top:1px solid #cb1217; }
.sf-menu li li li { background:#9AAEDB; }
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background:#ea151b; color:#FFF; text-shadow:0 1px 0 #000000; }
.sfHover a { color:#FFF; text-shadow:0 1px 0 #000000; }
.sfHover ul li a { color:#4e0709; text-shadow:1px 1px 0 #f48285; }
.sf-menu ul ul { margin-top:0; margin-left:0; }
.sf-menu ul a { background:#ea151b; }
.sf-menu ul a:hover { color:#FFF; text-shadow:0 1px 0 #000000; }
.sf-menu .current_page_item a, { color:#FFF; }

/* =Content
-------------------------------------------------------------- */
#main { clear:both; padding:0 0 22px; }
.page-title { font-size:13px; line-height:18px; padding:0 0 44px; }
.attachment .page-title { font-style:italic; }
.page-title a { color:#666; text-decoration:none; }
.page-title a:active,.page-title a:hover { color:#FF4B33; }
.page-title span { font-style:italic; }
.page-title .meta-nav { font-style:normal; }
.hentry { padding:0 0 22px; }
.single .hentry { padding:0; }
.home #content .sticky { border:1px solid #ccc; margin:0 0 66px; padding:22px 20px 0; }
.entry-title { font-family:Arial,sans-serif; font-size:26px; font-weight:bold; line-height:26px; padding:0 0 7px; }
.entry-title a { color:#000; text-decoration:none; }
.entry-title a:active,.entry-title a:hover { color:#329ECF; }
.entry-meta { color:#666; font-size:13px; font-style:italic; line-height:18px; }
.entry-meta .author { }
.entry-meta .n { font-size:11px; font-style:normal; letter-spacing:.05em; text-transform:uppercase; }
.entry-meta a { color:#666; text-decoration:none; }
.entry-meta a:active,.entry-meta a:hover { color:#FF4B33; }
.entry-meta abbr { border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:.05em; text-transform:uppercase; }
.entry-content { padding:10px 0; font-size:1.2em; line-height:1.4em; }
.entry-content h1,.entry-content h2 { font-family:Arial,sans-serif; font-size:19px; font-weight:bold; padding:28px 0 14px; }
.entry-content h3 { font-size:17px; font-style:italic; padding:28px 0 14px; }
.entry-content h4 { font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:.05em; }
.entry-content embed { margin:0 0 22px; }
.entry-utility { color:#666; font-size:13px; line-height:18px; margin:0 0 10px; border-top:1px dashed #ccc; padding-top:20px; }
.entry-utility a { color:#666; font-size:.9em; font-weight:bold; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px; background:#ccc; padding:8px; text-shadow:0 1px 0 #f2f2f2; }
.entry-utility a:active,.entry-utility a:hover { color:#FFF; text-shadow:0 1px 0 #444; }
.page-link { font-size:13px; font-weight:bold; line-height:18px; margin:0 0 22px; padding:22px 0 0; word-spacing:.5em; }
.page-link a { border:1px solid #ccc; color:#666; font-weight:normal; padding:.5em .75em; text-decoration:none; }
.page-link a:active,.page-link a:hover { color:#FF4B33; }
ul#links-page,ul#archives-page { list-style:none; margin-left:0; overflow:hidden; }
li.content-column { float:left; margin-right:20px; width:45%; }
.gallery { padding:0 0 22px; }
.wp-caption-text,.gallery-caption { color:#666; font-size:13px; line-height:18px; }
#author-info { margin:0 0 44px; overflow:hidden; }
#author-info .avatar { float:left; margin:.3em 1em 0 0; }

/* =HomePage
-------------------------------------------------------------- */
#mission { width:950px; background-image:url(images/mission-slide-back.png); background-repeat:no-repeat; height:410px; display:block; overflow:hidden; background-position:top center; margin-left:4px; position: relative; }
#mission-container { margin:15px; width:940px; height:380px; overflow:hidden; }
#nav { z-index: 50; position: absolute; bottom: 30px; right: 365px; font-size: 1.3em; }
#nav a { margin: 0 2px; padding: 4px 9px; background: #444; text-decoration: none; color: #999; -moz-border-radius: 5px; -webkit-border-radius:5px; opacity:.7;}
#nav a:hover{color: #FFF;}
#nav a.activeSlide { background: #b10505; color: #EB5556;  border: none; }
#nav a:focus { outline: none; }
.mission-slide {width:920px ; height: 380px; overflow: hidden;}
.mission-image { float:left; }
.mission-txt { float:left; width:300px; height:340px; background-color:#ea151b; background-image:url(images/banner_back.jpg); background-repeat:no-repeat; color:#FFF; padding:20px; display: block; }
.mission-txt p { font-size:1.3em; line-height:1.2em; text-shadow:1px 1px 0 #910C10; font-weight:700; border-top:1px dashed #910C10; border-bottom:1px dashed #910C10; padding:15px 0; }
.mission-txt h1 { margin-top:60px; margin-bottom:20px; line-height:normal; }
.mission-txt a { background-image:url(images/redmore-btn.png); background-repeat:no-repeat; width:111px; height:31px; display:block; text-indent:-9999px; }
.mission-txt a:hover{background-position: -111px 0;}
.home #container { width:910px; padding:15px; background:#FFF; margin:10px 0 0 9px; -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; }
#access-txt { color:#444444; float:left; font-size:1.3em; line-height:1.6em; width:50%; }
#access-txt p { font-size:1.3em; font-weight:bold; margin:10px 0 35px 10px; }
#access-txt ul { margin-left:10px; width:400px; }
#access-txt li { border-bottom:1px dashed #CCCCCC; margin-bottom:5px; padding-bottom:5px; }
#home-buttons { margin-top:20px; overflow:hidden; margin-bottom:20px; }
#home-buttons ul li { float:left; margin-right:10px; }
#home-buttons .join { background-image:url(images/join.jpg); background-repeat:no-repeat; width:293px; height:121px; display:block; text-indent:-9999px; }
#home-buttons .events { background-image:url(images/events.jpg); background-repeat:no-repeat; width:293px; height:121px; display:block; text-indent:-9999px; }
#home-buttons .donate { background-image:url(images/donate.jpg); background-repeat:no-repeat; width:293px; height:121px; display:block; text-indent:-9999px; }
#left-container { float:left; overflow:hidden; }
#right-container { overflow:hidden; }
.latest { float:left; display:block; }
.latest h2 { color:#69badc; text-shadow:none; }
#latest-news { margin-right:20px; padding:15px; width:410px; background:#e5f3f9; }
#latest-news h2 { margin:0 0 20px; }
#latest-news .entry-title { font-size:1.6em; margin-bottom:10px; line-height: 1.3em; color: #888; }
#latest-news .entry-meta { margin-bottom:10px; }
#latest-news .post { border-bottom:1px dashed #c9e6f2; padding-bottom:10px; margin-bottom:10px;  margin-top:20px;}
#post-thumb img{ float:left; margin-right:10px; border:4px solid #FFF; }
#latest-events { background:none; height:300px; width:415px; background-image:url(images/events-back.png); background-repeat:no-repeat; padding:45px 15px 15px; position:relative; }
#event-slides p { clear:both; font-size:1.6em; margin-top:10px; text-align:center; }
#event-slides a { color:#000; }
#prevNext { position:absolute; top:150px; width:390px; padding:0 10px; }
.jFlowNext { float:right; }
.readmore { background:#77bfdf; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:.9em; color:#247599; text-decoration:none; text-shadow:0 1px 0 #bcdfef; font-weight:bold; display:block; width:60px; clear:both; text-align:center; margin:10px 0 0; }
.readmore:hover { color:#fff; text-shadow:0 1px 0 #000; }
#connect { overflow:hidden; background:#f2f2f2; float:left; padding:20px; width:90%; text-align:center; }
#connect h2 { margin:0 0 25px; font-size:2em; }
#connect img { margin-right:10px; margin-bottom:12px; }
#spotlight { min-height:250px; width:444px; background-image:url(images/spotlight-back.png); background-repeat:no-repeat; background-color:#e5f3f9; float:left; clear:both; display:block; margin-bottom:20px; padding-top:20px; }
#spotlight .member-div { margin:50px 15px 20px 21px; }
.viewall  {background-image: url('images/spotlight-btn.png'); text-indent: -9999px; width: 173px; height: 31px; display: block; float: right; padding-right: 15px; background-repeat: no-repeat; }
#member-thumb { float:left; width:162px; height: 156px; background-image: url('images/spotlight-thumb.jpg'); background-repeat: no-repeat; padding:8px 0 0 9px;}
#spotlight h2{margin:20px 0 10px 0; float: left;clear: right;}
#spotlight .readmore { float:right; margin-bottom:20px; }
#spotlight p { font-size:1.1em; float: left; width: 220px; margin-bottom: 0; }
#mycarousel .jcarousel-item-placeholder { background:transparent url(images/ajax-loader.gif) 50% 50% no-repeat; }
.jcarousel-skin-ie7 .jcarousel-container { background:#277fa7; margin-left:8px; margin-top:8px; }
.jcarousel-skin-ie7 .jcarousel-container-horizontal { width:860px; padding:10px 40px; }
.jcarousel-skin-ie7 .jcarousel-clip-horizontal { height:77px; margin-left:6px; width:860px; }
.jcarousel-skin-ie7 .jcarousel-item { width:75px; height:86px; }
.jcarousel-skin-ie7 .jcarousel-item:hover { border-color:#808080; }
.jcarousel-skin-ie7 .jcarousel-next-horizontal { position:absolute; top:35px; right:5px; width:32px; height:32px; cursor:pointer; background:transparent url(images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover { background-position:-32px 0; }
.jcarousel-skin-ie7 .jcarousel-next-horizontal:active { background-position:-64px 0; }
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-96px 0; }
.jcarousel-skin-ie7 .jcarousel-prev-horizontal { position:absolute; top:35px; left:5px; width:32px; height:32px; cursor:pointer; background:transparent url(images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover { background-position:-32px 0; }
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active { background-position:-64px 0; }
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-96px 0; }
#twitter-widget { overflow:hidden; margin:5px 0 10px; clear:both; background-image:url(images/twitterbox-back.png); background-repeat:repeat-x; height:228px; width:444px; display:block; float:left; }
#twitter-widget img { margin:20px 0 0 165px; }
#twitter-widget h2 { color:#000; line-height:1.2em; margin:20px; text-align:center; font-size:1.9em; text-shadow:1px 1px 0 #A0D2E9; }
#twitter-widget a { color:#cee8f4; text-decoration:none; text-shadow:none; }
#twitter-widget a:hover { color:#FFF; }
.twitter-timestamp { font-size:.8em; }
.view-all-news { background-image:url(images/view-news.png); background-repeat:no-repeat; width:110px; height:31px; display:block; text-indent:-9999px; float:right; }
.view-all-news:hover { background-position:-110px 0; }

/* =Page
-------------------------------------------------------------- */
.page #container { -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background-color:#FFF; margin-left:10px; background-image:url(images/title_back_pattern.png); background-position:top left; background-repeat:repeat-x; min-height:800px; }
.page #content { margin:20px; width:580px; }
.page .entry-title { text-shadow:0 1px 0 #FFF; color:#22789a; font-size:1.9em; margin-bottom:20px; }
.page h1 { }
.page h2 { margin-top:20px; padding:0; color:#333; }
.page .entry-content { padding:0; }
.page #content ul { background:#f2f2f2; padding:20px; margin-bottom:10px; }
.page #content ul li { border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; }
.page .entry-content img { margin-bottom:15px; }

/* =Page Template Simple
-------------------------------------------------------------- */
.page-template-page_simple-php #main { background-image:url(images/simple_page_bottom.jpg); background-position:bottom center; background-repeat:no-repeat; background-color:#FFF; width:940px; margin:0 auto; }
.page-template-page_simple-php #container { width:940px; min-height:600px; background-color:transparent; background-image:url(images/title_back_pattern.png); background-position:top left; background-repeat:repeat-x; margin-left:0; -webkit-box-shadow:none; -moz-box-shadow:none; }
.page-template-page_simple-php #container .hentry { margin:20px; }
.page-template-page_simple-php .entry-title { text-shadow:0 1px 0 #FFF; color:#4bafd7; font-size:1.9em; margin-bottom:20px; }

/* =Our Promise
-------------------------------------------------------------- */
.slug-our-promise p {font-size: 1.2em;}

/* =Board of Directors
-------------------------------------------------------------- */
.slug-bod #container { -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background:#ccc; margin-left:10px; width:940px; }
.slug-bod #container #title { padding:10px; text-align:center; font-size:1.2em; line-height:1.4em; width:600px; margin:30px auto 0; }
.slug-bod #content { margin-bottom:20px; width:920px; padding:10px; }
.bod-cell { background:#FFF; display:block; padding:5px; margin:0 10px 10px 0; overflow:hidden; width:430px; float:left; }
.bod-cell #info { width:250px; overflow:hidden; float:left; margin:10px 0 0 10px; }
.bod-cell h1 { font-size:2em; text-shadow:none; margin-bottom:10px; line-height:1em; }
.bod-cell h4 { }
.bod-cell #thumb { float:left; }

/* =Leadership Board
-------------------------------------------------------------- */
.slug-leadership #container { -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background:#ccc; margin-left:10px; width:940px; }
.slug-leadership #container #title { padding:10px; text-align:center; font-size:1.2em; line-height:1.4em; width:600px; margin:30px auto 0; }
.slug-leadership #content { margin-bottom:20px; width:920px; padding:10px; }


/* =Staff
-------------------------------------------------------------- */
.slug-staff #container { -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background:#ccc; margin-left:10px; width:940px; }
.slug-staff #container #title { padding:10px; text-align:center; font-size:1.2em; line-height:1.4em; width:600px; margin:30px auto 0; }
.slug-staff #content { margin-bottom:20px; width:920px; padding:10px; }
.slug-staff .bod-cell h4 { margin-bottom:5px; }
.bod-cell a { font-size:1.3em; }
.inline-bio { font-size:1.3em; padding:10px; }
.slug-staff #info .readmore { float:right; margin-top:38px; }
.consultant { background-image:url(images/cons_back.png); background-position:top right; background-repeat:no-repeat; }

/* =Contact Us
-------------------------------------------------------------- */
.slug-contact-us #main { width:940px; margin:0 auto; }
.slug-contact-us #container { width:440px; padding:40px 40px 0; background-color:#FFF; float:left; min-height:462px; margin-left:0; background-image:none; }
.slug-contact-us #forma { float:left; overflow:hidden; background:#52bbeb; padding:20px; width:380px; }
.slug-contact-us #forma h2 { color:#FFF; text-shadow:none; font-size:1.8em; line-height:1.3em; margin-top:0; }
.slug-contact-us .entry-title { text-shadow:none; color:#666; }
.slug-contact-us #forma p { margin-bottom:20px; font-size:1.2em; color:#116a93; line-height:1.8em; }
.slug-contact-us #forma input,.slug-contact-us #forma textarea { font-size:1.4em; padding:5px; background:#eaf7fd; border:none; width:360px; }
.slug-contact-us #forma textarea { height:150px; }
.slug-contact-us #forma .submit { width:100px; }
.slug-contact-us div.wpcf7-validation-errors { font-size:1.4em; text-align:center; }
.slug-contact-us #container p { line-height:1.2em; font-size:1.1em;}
.slug-contact-us #container a { background:#77bfdf; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:1.2em; color:#247599; text-decoration:none; text-shadow:0 1px 0 #bcdfef; font-weight:bold; line-height:1.8em; display:block; width:300px; text-align:center; }

/* =Category
-------------------------------------------------------------- */
.category .page-title,.category .archive-meta,.cat-links,.meta-sep-tag-links,.author,.meta-prep-author,.meta-sep-entry-date,.meta-sep { display:none; }
.category #container { -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background:#ccc; margin-left:10px; }
.category #content { margin:20px; width:580px; }
.category .hentry { background:#fcfcfc; padding:10px; margin-bottom:20px; }
.category .entry-title { font-size:2em; margin-bottom:0; }

/* =Single
-------------------------------------------------------------- */
.single #container { -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background:#FFF; margin-left:10px; }
.single #content { margin:20px; width:580px; }
.single .hentry { }
.single .entry-title { font-size:2em; margin-bottom:0; text-shadow:none; }
.single .entry-utility { border-bottom:1px dashed #ccc; padding-bottom:20px; }

/* =Members Spotlight
-------------------------------------------------------------- */
#single-thumb { float:left; margin:0 15px 15px 0; }
.s-category-members .entry-utility,.s-category-members .entry-meta { display:none; }
.s-category-members .entry-title { font-size:3em; margin-bottom:10px; background:#ccc; padding:10px; float:left; width:295px; text-shadow:1px 1px 0 #f2f2f2; }
.s-category-members h2 { padding:0; color:#333; line-height:1.1em; }
.category-spotlight .entry-utility , .s-category-spotlight #comments{display: none;}


/* =Donate
-------------------------------------------------------------- */
.slug-donate #container form { float:left; margin-right:10px; }
.slug-donate p { }

/* =Navigation
-------------------------------------------------------------- */
.navigation { color:#666; font-size:13px; line-height:18px; margin:0 0 22px; overflow:hidden; }
.navigation a { color:#666; font-size:.9em; text-decoration:none; }
.navigation a:active,.navigation a:hover { color:#329ECF; }
.navigation .meta-nav { font-style:normal; }
.nav-previous { float:left; width:40%; }
.nav-next { float:right; width:40%; text-align:right; }
#nav-above,#nav-below { width:100%; }
#nav-above { display:none; }
.paged #nav-above { display:block; padding:0 0 44px; }

/* =Comments
-------------------------------------------------------------- */
#form-allowed-tags { display:none; }
#comments { }
#comments,#comments input,#comments textarea { font-size:13px; line-height:18px; }
#comments code { font-size:12px; line-height:18px; }
#comments h3 { font-family:Arial,sans-serif; font-size:15px; font-weight:bold; line-height:22px; }
#comments-list { padding:0 0 18px; }
#comments-list ol,#comments-list ul { list-style:none; margin:0; }
#comments-list ol { border:1px solid #ccc; border-bottom:none; margin:0 0 18px; }
#comments-list li { background:#fafafa; border-bottom:1px solid #ccc; padding:18px 1.5em 0; position:relative; }
#comments-list li.alt { background:#fff; }
#comments-list li.bypostauthor { background:#FFFFCC; }
#comments-list ul li { border:1px solid #ccc; margin:0 0 18px; }
#comments-list li .avatar { position:absolute; top:22px; left:1.5em; width:36px; height:36px; }
#comments-list .comment-author { font-weight:bold; padding:9px 0 0 46px; }
#comments-list .comment-meta { color:#666; font-size:11px; padding:0 0 9px 46px; }
#comments-list .comment-meta a { color:#666; font-style:italic; text-decoration:none; }
#comments-list .comment-meta a:active,#comments-list .comment-meta a:hover { color:#FF4B33; }
.comment-reply-link { font-size:11px; padding:0 0 18px; text-align:right; }
.comment-reply-link a { color:#666; font-style:italic; text-decoration:none; }
.comment-reply-link a:active,.comment-reply-link a:hover { color:#FF4B33; }
.comment-navigation { font-weight:bold; padding:0 0 18px; margin-right:.5em; }
.comment-navigation a { border:1px solid #ccc; color:#666; font-weight:normal; padding:.5em .75em; text-decoration:none; }
.comment-navigation a:active,.comment-navigation a:hover { color:#FF4B33; }
.comment-navigation a,.comment-navigation span { margin-right:.5em; }
#trackbacks-list .comment-content { position:absolute; left:-9000px; }
#respond { background:#fff; margin-bottom:22px; overflow:hidden; padding:18px 0 0; position:relative; }
#comments-list #respond { border-bottom:1px solid #ccc; margin:0 0 18px; padding:18px 1.5em; }
#comments-list ul #respond { border:1px solid #ccc; margin:0; }
#cancel-comment-reply { font-size:11px; position:absolute; top:18px; right:1.5em; }
#cancel-comment-reply a { color:#666; }
#respond .required { color:#FF4B33; font-weight:bold; }
.form-section label { font-size:11px; }
.form-section input { margin:0 0 18px; width:98%; }
.form-section textarea { width:99%; }
#form-allowed-tags p { color:#666; font-size:11px; margin:0; }
#form-allowed-tags span { font-style:italic; }
#form-allowed-tags code { font-size:11px; line-height:normal; }
.form-submit { padding:18px 0 0; text-align:right; }
.subscribe-to-comments { color:#666; float:left; font-size:11px; margin:0; padding:18px 0 0; }
.solo-subscribe-to-comments { color:#666; font-size:11px; padding:18px 0 0; }
.comment_license { color:#666; clear:both; font-size:11px; margin:0; padding:18px 0 0; }

/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */
.aside,.aside input { font-size:13px; line-height:18px; margin-bottom:6px; }
.aside p,.aside ul,.aside ol,.aside dd,.aside pre { margin-bottom:18px; }
.aside pre,.aside code { font-size:12px; line-height:18px; }
.aside .current_page_item a { color:#FF4B33; }
.aside .current_page_item .page_item a { color:#666; }
.aside .current_page_item .page_item a:hover,.aside .current_page_item .page_item a:active { color:#FF4B33; }
.aside { color:#444; }
.aside a { }
.aside a:active,.aside a:hover { color:#FF4B33; }
.aside h3 { font-size:1.3em; line-height:22px; background:#ccc; padding:10px; color:#444; }
.aside h3 a { text-decoration:none; color:#444; }
.aside caption { font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:.05em; }
.aside ul { list-style:none; margin-left:0; }
.aside ul ul { }
.aside ul ul li { }
.aside ul ul ul { margin-bottom:0; }
.aside form,.aside table { margin-bottom:22px; }
.aside table { border:none; }
.aside thead { border:1px solid #ccc; }
.aside tbody { border:1px solid #ccc; }
.aside th,.aside td { border-right:1px solid #ccc; padding:.25em .8em; }
.aside tfoot tr { border:none; }
.aside tfoot td { border-color:transparent; }
.widget_tag_cloud { margin:0 0 22px; }
.aside #searchsubmit { display:none; }

/*
    Main Asides
*/
.main-aside ul { padding:0 20px; }
.main-aside h3 { }
.main-aside ul ul { padding:0; }
#primary { padding:18px 0 0; margin-bottom:22px; -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background:#f2f2f2; }
#secondary { padding:18px 0 0; -webkit-box-shadow:0 0 5px #333; -moz-box-shadow:0 0 5px #333; background:#f2f2f2; }

/*
    Content Asides
*/
#content .aside { border:1px solid #ccc; margin:0 0 22px; padding:18px 0 0; }
#content .aside ul { padding:0 20px; }
#content .aside h3 { font-family:Georgia,serif; font-weight:normal; font-size:17px; font-style:italic; padding:0 0 7px; text-transform:none; }
#content .aside ul ul { padding:0; }

/*
    flickr Widget */
.Simple_Flickr_Photos { margin-bottom:20px; overflow:hidden; }
.flickr_badge_image { float:left; }
.widget_twitter ul { list-style:none; }
.twitter-item { margin-bottom:15px; padding-bottom:10px; border-bottom:1px dashed #ccc; }

/*
    Footer Asides
*/
#subsidiary { padding:33px 0 0; }

/* =Footer
-------------------------------------------------------------- */
#footer { background:#f2f2f2; }
#siteinfo { color:#666; font-size:1.1em; line-height:18px; padding:22px 0 44px; text-align:center; }
#footer-menu { background:#FFF; padding:10px; margin-top:20px; }
#footer-menu ul { width:530px; margin:0 auto; overflow:hidden; }
#footer-menu ul li { float:left; margin-right:20px; }
#footer-menu a { color:#333; text-decoration:none; font-size:1.3em; }
#footer-menu a:hover { color:#999; }

/* ----------- Album Styles Extend -------------*/
.slug-photo-gallery .entry-content img { margin-bottom:0; }
.ngg-albumoverview { margin-top:40px; width:100%; clear:both; display:block!important; }
.ngg-album { border:1px solid #ddd; background:#eee; float:left; margin:0 12px 20px; overflow:hidden; padding:20px; width:384px; }
.ngg-albumtitle { text-align:left; margin:0; padding:0; font-size:2em; margin-bottom:10px; }
.ngg-albumtitle a { color:#222; text-decoration:none; }
.ngg-albumtitle a:hover { color:#666; }
.ngg-thumbnail { float:left; margin-right:12px; }
.ngg-thumbnail a { }
.ngg-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; margin:4px 0 4px 5px; padding:4px; position:relative; }
.ngg-thumbnail img:hover { background-color:#A9A9A9; }
.ngg-description { text-align:left; }

/* ----------- Gallery style -------------*/
.ngg-galleryoverview { overflow:hidden; margin-top:40px; margin-left:20px; width:100%; clear:both; display:block!important; }
.ngg-galleryoverview .desc { 
/* required for description */
margin:0 10px 10px 0; padding:5px; }
.ngg-gallery-thumbnail-box { float:left; }
.ngg-gallery-thumbnail { float:left; margin-right:5px; text-align:center; }
.ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:4px 0 4px 5px; padding:4px; position:relative; }
.ngg-gallery-thumbnail img:hover { background-color:#A9A9A9; }
.ngg-gallery-thumbnail span { 
/* Images description */
font-size:90%; padding-left:5px; display:block; }
.ngg-clear { clear:both; }

/* ----------- Gallery list -------------*/
.ngg-galleryoverview ul li:before { content:''!important; }
.ngg-gallery-list { list-style-type:none; padding:0!important; text-indent:0!important; }
.ngg-galleryoverview div.pic img { width:100%; }
.ngg-gallery-list li { float:left; margin:0 2px!important; overflow:hidden; }
.ngg-gallery-list li a { border:1px solid #CCCCCC; display:block; padding:2px; }
.ngg-gallery-list li.selected a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#000000 none repeat scroll 0 0; }
.ngg-gallery-list li img { height:40px; width:40px; }
li.ngg-next,li.ngg-prev { height:40px; width:40px; font-size:3.5em; }
li.ngg-next a,li.ngg-prev a { padding-top:10px; border:none; text-decoration:none; }

/* MY CALENDAR EVENTS -----------------------------------------------*/
h2.my-calendar-header { display:none; }
.slug-calendar #content ul { background:#FFF; padding:0; }
.slug-calendar #content ul li { border:none; }
#jd-calendar * { margin:0; padding:0; line-height:2; color:#000; }
#jd-calendar caption,#jd-calendar .my-calendar-date-switcher { background:#edf7ff; border:1px solid #a9e3ff; margin:0 0 10px; font-weight:700; padding:10px; }
#jd-calendar table { width:100%; line-height:1.2; border-collapse:collapse; }
#jd-calendar td { vertical-align:top; border:1px solid #eee; text-align:left; width:60px; height:70px; padding:2px!important; }
#jd-calendar th { text-align:center; padding:5px 0!important; letter-spacing:1px; }
#jd-calendar th abbr { border-bottom:none; }
#jd-calendar h3 { margin:3px 0; padding:0; width:100%; }
#jd-calendar h3 img { vertical-align:bottom; margin:0 3px 0 0!important; }
#jd-calendar #calendar-list h3 img { vertical-align:middle; }
#jd-calendar .list-event h3 { font-size:1.8em; margin:0; }
#jd-calendar .calendar-event .details { position:absolute; width:50%; background:#edf7ff; color:#000; border:1px solid #9b5; -moz-border-radius:10px; -moz-box-shadow:3px 3px 6px #777; -webkit-box-shadow:3px 3px 6px #777; box-shadow:3px 3px 6px #777; padding:5px; z-index:3; }
#jd-calendar .list-event .details { background:#fafafa; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:5px 0; padding:5px 5px 0; color:#333; }
#jd-calendar #calendar-list li { padding:5px; list-style-type:none; margin:0; }
#jd-calendar #calendar-list .odd { background:#DCEFF7; }
#jd-calendar .odd .list-event .details { background:#e3f3f3; border:1px solid #c3d3d3; }
#jd-calendar .current-day { background:#ffb; }
#jd-calendar .current-day span { color:#000; background:#eee; }
#jd-calendar td span { display:block; background:#f6f6f6; margin:-2px -2px 2px; padding:2px 4px; }
#jd-calendar .calendar-event span { display:inline; background:none; margin:0; padding:0; }
#jd-calendar .weekend { background:#bd7; color:#000; }
#jd-calendar th { font-size:.8em; text-transform:uppercase; padding:2px 4px 2px 0; }
#jd-calendar .category-key { background:#edf7ff; border:1px solid #a9e3ff; padding:5px; margin:5px 0; }
#jd-calendar .category-key ul { list-style-type:none; margin:0; padding:0; }
#jd-calendar .category-key li { margin:2px 10px; }
#jd-calendar .category-icon { margin-right:5px; margin-bottom:5px; vertical-align:middle; }
#calendar-list li { text-indent:0; margin:0; padding:0; }
#jd-calendar .event-time { display:block; float:left; height:100%; margin-right:10px; margin-bottom:10px; margin-left:10px; font-weight:bold; font-size:1.2em; }
#jd-calendar p { line-height:1.5; margin:0 0 1em; padding:0; }
#jd-calendar .sub-details { margin-left:6em; }
#jd-calendar .vcard { font-size:.9em; margin:10px 0; }
#jd-calendar .calendar-event .vcard { margin:0 0 10px; }
#jd-calendar,#calendar-list { clear:left; background:#fff; }
#jd-calendar { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; }
#jd-calendar img { border:none; }
.category-color-sample img { margin-right:5px; vertical-align:top; }
.my-calendar-nav { height:2.25em; border-bottom:1px solid #DCEFF7; }
#jd-calendar .my-calendar-nav ul { list-style-type:none; margin:0; padding:0; }
#jd-calendar .my-calendar-nav li { float:left; list-style-type:none; }
#jd-calendar .my-calendar-nav li:before { content:''; }
my-calendar-nav .my-calendar-next { text-align:right; }
#jd-calendar .my-calendar-nav li a { display:block; background:#fff; border:1px solid #DCEFF7; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-bottom:none; text-align:center; padding:1px 20px; color:#243f82; text-decoration:none; }
#jd-calendar .my-calendar-nav li a:hover { background:#a9e3ff; color:#000; border:1px solid #A9E3FF; border-bottom:none; }
#jd-calendar .my-calendar-next { margin-left:1px; }
#jd-calendar .day-without-date { background:#fafafa; }
#upcoming-events .past-event { color:#777; }
#upcoming-events .today { color:#111; }
#upcoming-events .future-event { color:#555; }


/* ----------------- COMMUNITY STUFF  -----------------------------------------------*/

.join-pay{border-top: 1px dashed #999; margin-top: 10px; padding-top: 10px;}
.join-pay h2{margin-bottom: 15px;}

/* .logged-in .aside{display: none;} */
.activity #container, .profile #container, .directory #container, .messages #container, .friends #container, .groups #container , .settings #container {background: #FFF; margin-left: 10px;}
.activity #content,.profile #content, .directory #content,  .messages #content, .friends #content, .groups #content , .settings #content{width: auto; margin: 20px; font-size: 1.2em;}
.group-home .aside{display: none;}
/* .logged-in #content{width: 900px; margin: 0;} */

.item-list-tabs {font-size: 1.1em; border-bottom: none !important;}
.item-list-tabs a {text-decoration: none; padding: 8px 12px; background: #ccc; color: #333; font-weight: bold;}
.item-list-tabs a:hover{color:#FFF; background: #329ECF;  }
#subnav {background: #f2f2f2; padding-left: 10px;}
#subnav.item-list-tabs a{ background: none; text-decoration: none; color: #333; padding-right: 5px !important; font-size: .9em; font-weight: bold; }
#subnav a:hover{color:#329ECF; }

ul.activity-list li{background: #f2f2f2; margin-bottom: 10px; padding: 10px !important;}
#groups-list, #members-list li{background: #f2f2f2; padding: 10px; }
#members-list li {margin-bottom: 10px;}
#groups-list .item-title{font-size: 1.3em; font-weight: bold; line-height: normal; }
#groups-list .item-title a{color: #333; text-decoration: none;}
#groups-list .item-meta{overflow: hidden;}


#item-meta{font-size: 1.4em;}
.item-title a{color:#329ECF; text-decoration: none;}
span.activity{color: #666; background: #d4d4d4; padding: 2px 4px; font-size: .9em; margin: 5px 0; float: left; }
.activity-header{font-size: .9em; border-bottom: 1px dashed #ccc; margin-bottom: 5px; color: #666;}
.activity-header p{margin-bottom: 5px;}
.acomment-reply, a.fav{padding: 5px; background:#fff;}

ul.item-list div.action {top:10px !important;}
form.dir-form div.dir-search{float: left !important;}

ul.item-list li{overflow: hidden;}

div.profile input, div.profile textarea{font-size: 1.2em}
div.profile .standard-form input[type=text]{width: 400px;}

div.profile .button-nav{font-size: 1.5em; font-weight: bold; margin: 10px 0; padding: 20px 0 5px 0; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
div.profile .button-nav a{text-decoration: none; color: #333;}
div.profile .button-nav a:hover{color:#329ECF;}
div.profile .button-nav li{margin-bottom:15px;}
div.profile .button-nav .current a{color:#329ECF; }