/**
  Theme Name: CATA
  Theme URI: http://www.cataconnect.com
  Version: 1.0
  Author: Erik Straub
  Author URI: http://fiveeighteen.net
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: GPL
  
  Description: The official theme of the Capital Area Technology Association. Built off of the Naked theme by Siftware http://www.siftware.co.uk . Thanks.

*/
html { overflow-y:scroll; }
body { margin:0; padding:0; font-family:Century Gothic, sans-serif;background:#525151; }
a{ text-decoration:none;color:#0B6692;}
a:visited{color:#0B6692;}
a:hover{background:#C3D4E8;text-decoration:underline;}
a:active{}
hr {margin:3px 0 3px 0;clear:both;border:1px solid #999999;}
#bodyWrap { margin:0 auto;padding:0;background:#fff;width:1024px; }
#header { width:1024px; height:101px; margin:0 auto; padding:0; background-image:url(images/cata_banner.png); background-repeat:no-repeat; background-color:#00b7d9; border-bottom:3px solid #999; }

/** the heading and tagline are h1 on homepage and h4 on internal */
#header h1,#header h4 { font-size:30px; margin:0; padding:0; }


/** the tagline is a span within the h1 or h4 */
#header h1 span,#header h4 span { }
#social { width:1010px; margin:0 auto; text-align:right;}
#socialContent { width:190px; background-color:#ffffff; -moz-border-radius:7px; -webkit-border-radius:7px; border:1px solid #333;text-align:center; float:right; margin:10px 5px 0 0	; }
#social img { border:none; }
#social p { text-align:center; padding:0; margin:2px; font-size:12px; font-weight:bold; }

/**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
#nav-wrap { width:1024px;margin:0 auto;background:#fff;border-top:1px solid #999;}
#nav-wrap ul, #nav-wrap ul li {margin:0;}
#navContent {margin:0 auto; width:1010px; text-align: center;}
#nav { list-style:none; padding:0; margin:0; }
#nav span { padding:0 5px 2px 5px;background:#fff;border:1px solid #999;color:#0B66A0; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px;}
#nav span:hover { background:#C3D4E8;color:#0B66A0; }
#nav a { text-decoration:none;background:none; }
#nav li { display:inline; padding:0 5px 0 5px; }

/* Currently selected page nav item (and parent) if applicable */
#nav li.current_page_item span { background:#C3D4E8;color:#0B66A0;}
#nav li.current_page_item span:hover { background:#C3D4E8;color:#0B66A0;}

/**      main content     */
#bodyContent { margin:0 auto;width:1010px; }
.primaryWide {width:795px;}
.primaryNormal {width:600px;}
#primaryContent { float:left; padding:0; margin:5px 5px 10px 5px; }
#primaryContent a {  }
#primaryContent h1 { padding:0; margin:10px 0 0; }
#primaryContent h2 { padding:0; margin:10px 0 0; }

/* titles are h2 on homepage and h1 for internal */
#primaryContent h1.postTitle,#primaryContent h2.postTitle { font-size:18px; }
#primaryContent h1.postTitle a,#primaryContent h2.postTitle a,#primaryContent h3.postTitle a { color:#163057; }
#primaryContent h3 { margin:10px 0 0; }
#primaryContent .postWrapper p {font-size:14px;}
#welcome { padding:5px; }
#welcome h3 { text-align:center; }
#welcome p { }
#nextmeeting { }
#nextmeeting h3 { }
#nextmeeting p { }
div.post img { border:1px solid #333; }
p.postMeta { font-size:12px; }
#pagination { list-style:none; margin:0; padding:0; }
#pagination li { display:inlne; }
#pagination .previous { text-align:left; float:left; }
#pagination .future { text-align:right; float:right; }

/**       sidebar          */
#secondaryContent { font-size:12px; width:190px; float:left; margin:5px; padding-top:5px; 
/*  background-color:#eeeeee;
  border:1px solid #666666;*/
}
#secondaryContent h3 { padding:0; margin:10px 0 0; }

/**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
#secondaryContent > ul { list-style:none; margin:0; padding:0; }
#secondaryContent > ul > li { margin:0 0 10px; background-color:#eeeeee; border:1px solid #244268; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; }
#secondaryContent .specialevents { text-align:center; }
#secondaryContent .specialevents img { border:1px solid #333; }
#secondaryContent .twitterwidget p { font-size:12px;text-align:left;padding:0;margin:5px;}
#secondaryContent .job-postings { padding:0 5px 0 5px; margin-top:0; margin-bottom:5px; }
#secondaryContent .widgettitle { font-size:12px; background-color:#244268; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; color:white; text-align:center; padding:2px; margin-top:0; margin-bottom:5px; }
#secondaryContent #text-3 { text-align:center; }
#sideNav { padding-bottom:10px; 
/*background-color: #244268;
  	-moz-border-radius-topleft: 7px;
  	-moz-border-radius-bottomright: 7px;
  	-webkit-border-top-left-radius: 7px;
  	-webkit-border-bottom-right-radius: 7px;*/
}
#sideNav ul li { padding:5px; background-color:#244268; }
#sideNav ul li a:link { text-decoration:none; color:white; font-weight:500; }
#sideNav ul li a:active { text-decoration:underline; color:#C3D4E5; font-weight:500; }
#sideNav ul li a:visited { text-decoration:none; color:white; font-weight:500; }
#sideNav ul li a:hover { background:none;text-decoration:underline; color:#C3D4E5; font-weight:500; }
#sideNav h2 { margin-bottom:0; font-size:12px; background-color:#244268; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; color:white; text-align:center; padding:2px; margin-top:0; }
#sideNav h3 { margin-top:0; background-color:#244268; -moz-border-radius-topleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-top-left-radius:7px; -webkit-border-bottom-right-radius:7px; color:white; text-align:center; padding:2px; }
#sideNav ul a { text-decoration:underline; color:#163057; font-weight:bold; }
#sideNav > ul { list-style:none; margin:0; padding:0; }
.widget_text { font-weight:bold; }
.textwidget { font-weight:normal; text-align:justify; padding:0 5px 5px; }
#upcoming-events { font-weight:bold; }


.ec3_events { font-weight:normal; list-style:none; }
.ec3_events ul { list-style:none; padding:0; margin-left:0; }
.ec3_events ul li { padding:0 5px 5px; }
#wp-calendar { font-weight:normal; border:1px solid black; }
#wp-calendar .nav { background-color:#C3D4E8; }
#wp-calendar .nav a { text-decoration:none; }
#wp-calendar caption { text-decoration:none; color:#163057; }
#wp-calendar img { border:none; }

/**		vendor sidebar		*/
#vendorContent { font-size:12px; width:190px; float:left; margin:5px; padding-top:5px; }
#vendorContent img { border:1px solid black; margin:5px; }
#vendorContent p { text-align:center; }
#vendorContent a { background:none; }
#vendorContent .widgettitle { font-size:12px; background-color:#244268; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; color:white; text-align:center; padding:2px; margin-top:0; margin-bottom:5px; }

/**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
#vendorContent > ul { list-style:none; margin:0; padding:0; }
#vendorContent > ul > li { margin:0; background-color:#eeeeee; border:1px solid #666666; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; }

/** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
.widget_tag_cloud a { padding-left:5px; }
#commentWrap { }
#showCommentList{padding:5px;}
#showCommentForm{padding:5px;}
div.commentList {margin-bottom:5px;padding:10px;font-size:12px;background:#999;border:1px solid #333;}
#comments { margin:0 !important;font-size:14px; text-align:center; padding:4px; border:1px solid #999; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; }
#postcomment {margin:0 !important;font-size:14px; text-align:center; padding:4px; border:1px solid #999; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; }
#comments span,#postcomment span{color:#0B6692;}
#comments span:hover,#postcomment span:hover{background:#C3D4E8;text-decoration:underline;}
#footer { width:1024px;clear:both; font-size:12px; background-color:#244268; border-top:4px solid #999; color:#fff; margin:0; position:relative; bottom:0; padding:5px 0 5px 0;}
#footerContent { width:800px;margin:auto;text-align:center;}

/** normally hidden but will appear when css disabled */
.skip,.noCss { position:absolute; left:-9999px; }

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; }
.alignright { float:right; }
#officers { width:450px; }
#officersL { width:150px; float:left; text-align:center; vertical-align:middle; }
#officersR { width:150px; float:right; text-align:center; vertical-align:middle; }
.officer-content { width:200px; float:left; text-align:left; }
.officer-text { font-size:11px; margin-top:0; padding:5px; border:1px solid #244268; background-color:#EEEEEE; }
.officer-text a {font-size:10px;}
.pic-text { text-align:center; }
.titlebox { background-color:#244268; color:white; padding:2px; text-align:center; font-size:12px; margin-bottom:0; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; }
.center { text-align:center; }
#membership-comp { font-size:11px; border-left:1px solid #999; border-top:1px solid #999; padding:0; }
#membership-comp td { border-bottom:1px solid #999; border-right:1px solid #999; padding:5px; }
#membership-comp th { border-bottom:1px solid #999; border-right:1px solid #999; padding:5px; background-color:#C3D4E8; }
.navigation div a,.navigation div a span {text-decoration:none;}

span.more { font-size:11px; padding:4px; border:1px solid #999; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; }
span.more:hover{ background:#C3D4E8;color:#0B6692;text-decoration:none; }

/**
Styling specific types of posts
**/
.speaker span { font-size:11px;color:#0B6692; }
.speaker span:hover {background:#C3D4E8;text-decoration:underline;}