/*
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:#d0d0d0; font: 14px/22px Arial, Sans-serif;}
.wrapper {width:900px; padding:0px; margin:0px auto; }
#header {padding:35px 0 25px; 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:50px; float:left; color:#FFF;}
#upcoming {background:#FFFFFF; padding:25px; margin:0px 0px 20px 0px; overflow:hidden;}
#past {background:#FFFFFF; padding:25px; margin:0px 0px 20px 0px; 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:10px;}
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;}
.post {width:458px; min-height:250px; 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;}
h1.post-title a, h1.post-title span.notfound {padding:7px 20px; border:1px solid #0F54C6; 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;}
.content {width:500px; float:left; margin-right:10px;}
.content p {padding-top:10px;}
.sidebar {width:320px; padding:10px; float:left; background:#0B3E91; 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;}

table.tec-calendar thead {background:#808080;}