/*
Theme Name: APS Family Network
Theme URI: hhttp://www.familynetwork-arlington.org/ttp:///
Description: APS Family Network
Version: 1.0
Author: Sean Michael Hoffman
Author URI: http://twitter.com/raz88
*/

@import "reset.css";
body {background: url('http://www.familynetwork-arlington.org/wp-content/themes/familynetwork/images/bg.jpg') top center #D0D0D0; font: 14px/22px MS Sans serif, Geneva;}
.wrapper {width:900px; padding:0px; margin:0px auto; }
#header {padding:10px 0 0 0; clear:both; overflow:hidden; background: url('images/header.jpg') bottom left repeat-x #0C3C90; margin-bottom:10px; border-bottom:1px solid #0C3C90;}
#footer {background:#222; width:100%; color:#FFF; padding:25px;}
#main {}

h1, h2, h3, h4, h5, h6  { margin: 0; color: #222; }
h1  {font-size: 22px; color:#0b3e91; } h2  {font-size: 18px;} h3  {font-size: 20px;} h4  {font-size: 14px;} h5  {font-size: 12px;} h6  {font-size: 25px;}

a:link, a:visited  { color: #0B3E91; text-decoration:none;}
a:hover { color:#FFD93A; text-decoration:underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline; color:#FFD93A}

.logo {height:120px; float:left; color:#FFF;}
#upcoming {padding:25px; overflow:hidden;}
#past {padding: 0 25px 25px 25px; overflow:hidden;}
.events {width:500px; border:1px solid #DDD; float:left;}

.about {padding:25px; background:#0B3E91; color:#FFF; text-shadow:1px 1px #000;}
.about h3 {color:#FFF;}
.about a{color:#FFD93A;}

#navigation {background: url('images/nav.jpg') top left repeat-x;}
ul.nav {overflow:hidden; padding-left:15px; font-weight:bold;}
ul.nav li.menu-item a {padding:10px; float:left; line-height:16px; }
ul.nav li.menu-item a:hover {background: url('images/nav_hover.jpg') top left repeat-x; color:#FFD93A; text-decoration:underline; font-weight:bold;}
ul.nav li.menu-item.current_page_item a {background: url('images/nav_hover.jpg') top left repeat-x; color:#FFD93A; font-weight:bold;}

.side {width:320px; margin: 0px 0px 0px 20px; float:left; background:#0B3E91; color:#FFF; }
.side h4 {color:#FFF; padding:20px; text-transform:uppercase; text-shadow:1px 1px #000;}

ul.tabs {width:320px; margin:0px 0px 0px 20px; float:left; border-bottom:1px solid #DDD;}
ul.tabs h2 {margin-bottom:5px; line-height:38px; padding:10px; color:#FFE370; background:#333; text-shadow:1px 1px black;}
ul.tabs li {border:1px solid #DDD; border-bottom:none;}
ul.tabs li a {background:#ededed; border:1px solid #FFF; width:276px; display:block; font-size:12px; line-height:20px; color:#1D56B9; padding:20px;}
ul.tabs li a:hover {background:#333; color:#FFE370; text-decoration:none}
ul.tabs li a h3 {color:#0B3E91;}
ul.tabs li a:hover h3 {color:#FFD93A;}

.event-post p {margin-bottom:10px; font-size:12px;}
.post {width:458px; padding:10px 20px 10px 20px; border:1px solid #FFF; display:block; background:#ededed;}
.no-post {width:458px; padding:10px 20px 10px 20px; border:1px solid #FFF; display:block; background:#ededed;}
.post-head h1 {line-height:20px;}
h1.post-title {background:#0B3E91; border:1px solid #666; text-shadow:1px 1px #000; display:block; margin-bottom:5px; padding:10px;}
h1.post-title a, h1.post-title span.notfound {padding:7px 20px; color:#FFF; display:block;}

.post-head {}

.post-head h1 a:hover {color:#F2C816; text-decoration:none;}

.tagline {font-size:10px; text-transform:uppercase; font-weight:bold;}
.meta-date {font-size:10px; color:#FFF; text-transform:uppercase; font-weight:bold; text-shadow:1px 1px #000; margin-bottom: 5px;}


#footer a {color:#FFF; text-decoration:underline;}
#footer a:hover {color:#FFD93A; text-decoration:none;}
.overflow {overflow:hidden;}
.col1 {float:left; margin:0px 0px 0px 20px; width:415px;}
.col2 {float:left; width:415px;}
.left{float:left;}
.right{float:right;}

.single-page {background:#FFFFFF; padding:25px; margin:0px 0px 20px 0px; overflow:hidden;}
.single-page .content {width: 620px;}
.content {width:500px; float:left; margin-right:10px;}
.content p {}
.sidebar {width:200px; margin-top:10px; padding:10px; float:left; background:#0B3E91; color:#FFF;}
.sharebar {width:200px; margin-top:10px; padding:10px; float:left; background:#ffd93a; color:#FFF;}
.single-date {}
.single-meta {padding:25px; background:#0B3E91; color:#FFF; text-shadow:1px 1px #000;}
.single-meta h6 {color:#FFF;}
.cal-meta {padding:25px; background:#0B3E91; color:#FFF; text-shadow:1px 1px #000; overflow:hidden;}
.cal-meta h6 {color:#FFF; padding-bottom:7px; float:left; width:360px;}
.cal-meta a {color:#FFD93A;}
.cal-meta a:hover {color:#FFF;}
.sidebar h4 {color:#FFF; text-transform:uppercase; text-shadow:1px 1px #000;}
.post-date {color:#999; font-size:12px;}
.post-more {border-top: 1px solid #DDD; padding: 14px; font-size:12px; font-weight:bold; text-align:right; }

.ui-tabs-hide {display: none;}
.tec-month-nav {float: right;}
select.tec-events-dropdown{margin-top:10px !important}
table.tec-calendar thead {background:#808080;}

.sharebar h4 {color:#FFF; text-transform:uppercase; text-shadow:1px 1px #000; margin:0 0 10px 0;}
.fb_ltr {width:46px !important; height:64px !important; margin:0 10px 0 10px;}
.twitter-share-button {margin: 0 10px 0 0; }


.localmap {border-bottom:1px solid gray; padding-bottom:10px; margin-bottom:10px;}
.extrainfo {margin:10px 0 0 0; padding-top:10px; border-top:1px solid gray;}
.relatedevents{width:310px; padding-left:10px; float:left; border-left:1px solid gray; }
.booking {width:290px; float:left;}
.gcalbutton {margin:10px 0 0 0;}


.em-booking-form-details {padding:0px !important;}
#em-booking-form label {width:75px !important;}
.em-booking-form-details input.input, .em-booking-form-details textarea {width:183px !important;}

#upcoming .em-location-map, #upcoming .em-locations-map, #past .em-location-map, #past .em-locations-map { width: 458px !important; height: 300px !important; margin-bottom: 20px; }

table.fullcalendar {width:850px; }
table.fullcalendar td {width: 14.28% !important; height: 100px !important; padding:0px !important;}

tr.days-names td {width: 250px !important; height: 10px !important; color: white; padding: 4px 0 !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); text-align: center !important; background:gray; font-weight:bold;}

.daynum { background-color: #EEE; color: #333; font-size: 10px; padding: 3px 9px; }
.daynum-today { background-color: #2D81BB; color: white; font-size: 10px; padding: 3px 9px; }
.daynum-post, .daynum-pre {background-color: #EEE; color: #AAA; font-size: 10px; padding: 3px 9px;}
table.fullcalendar thead tr td {text-align: center !important; vertical-align: middle; color: #FFE370; background: #333; text-shadow: 1px 1px black; text-transform: uppercase;}
table.fullcalendar thead tr td a {color:#FFE370; }
#em-loading {width:850px !important;}

table.em-calendar td.eventful a {font-size: 13px; line-height:1.2; color: #0B3E91 !important; font-weight:normal !important;}