/*  
  This is the main css for the CU cycling website. It covers basics such as body,
  font, alignment, page layout, paragraph styles, and navigation bar styles.
  Author: Anthony Carfang, c 2009
*/

/* Clear out margins and padding so we know what they default to: 0 */  
* { padding: 0; margin 0; }

body {
  font: 75% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  /*font-style: italic;*/
  background-color: #999;
  color: black;
  margin: 0;
  padding: 0;
}

/* General Links */
a { 
  text-decoration: none;
  color: #772;
  font-style: italic;
}
a:hover { 
  text-decoration: none;
  color: #CC7;
  background-color: transparent;
}
a:visited { 
  text-decoration: none;
  color: #c90;
  background-color: transparent;
}

/* I'm not sure we use forms other than in the forum...maybe to join the mailing list?*/
form {
  display: inline;
}

/* Heading styles */
h1, h2, h3, h4, h5, h6 {
  color: black;
  background-color: transparent;
  font-family: "Lucida Grande", Arial, sans-serif;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
}
h1 {
  text-align: center;
  font-size: 150%;
  font-variant: small-caps;
  font-weight: bold;
  padding: 5px;
}
h2 {
  font-size: 130%;
  font-weight: bold;
}
h3 {
  font-size: 120%;
  border-bottom: none;
  font-weight: normal;
}
h4 {
  font-size: 100%;
  border-bottom: none;
  font-weight: bold;
}
h5 {
  font-size: 80%;
  border-bottom: none;
  font-weight: bold;
}
h6 {
  font-size: 65%;
  border-bottom: none;
  font-weight: bold;
}
hr {
  height: 1px; 
  color: #5567c1;
  background-color: transparent;
  border-bottom-color: #5567c1;
}

/* Objects */
img {
  border: none;
  vertical-align: middle;
}

input {
  font-size: 90%;
}
table {
  font-size: 100%;
}

/* Lists */
ul {
  padding: 0px 5px;
}

ol {
  padding: 0px 5px;
}

li {
  margin: 0px;
  padding: 0px;
}

#two_column_list {
  text-align: center;
  margin: 5px;
  font-size: 120%;
}

#left_list {
  margin: 0px 15px 0px 100px;
  padding: 3px;
  float: left;
  text-align: left;
}

#right_list {
  margin: 0px 100px 0px 15px;
  padding: 5px;
  float: right;
  text-align: left;
}

/* ************************ */
/* Divs */
/* Full wrapper */
#container {
/*  position: absolute;
  margin: 2px 0px 2px 2px;
  width: 100%; */
  width: 800px;
  margin: 0 auto;
  background: #f0f0f0; /* url(/images/web/bg_repeat.jpg) repeat-y; */
  text-align: left;
  border: 1px solid black;
}

/* Aslett Clearing Method */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* a fix for IE Mac */
.clearfix { display:inline-block; }

/***************************************/
/* --- Starting Top and going down --- */
/* CU Banner and banner images */
#header_wrapper { 
  background-image:url(/images/web/header_bg.gif);
  background-repeat:repeat;
  width: 100%;
}

#banner { /* just the main banner image */
  width: 100%;
}

#banner_imgs { /* the wrapper for the 4 randomly selected images */
  float: left;
  width: 1000px;
}

#banner_imgs img {
  position: relative;
  margin: 0px;
  padding: 0px;
}

/* specific properties for each type of image: team pics are wider */
.banner_img_team, .banner_img_other { 
  float: left;
  border: 1px solid black;
  height: 118px;
}

.banner_img_team {
  width: 233px;
}
.banner_img_other {
  width: 163px;
}

#rightside { /* workaround to account for the background stripes next to the pictures */
  height: 120px; /* this is the height of the images plus the top and bottom border */
}  

/******************/
/* Navigation Bar */
#navbar {
  margin: 0;
  padding: 5px 0px;
  background-image:url(../images/web/header_bg.gif);
  background-repeat:repeat;
/*  width: 100%; */
  width: 799px; /* needed for old website width */
  overflow:hidden;
  float: left;
  border: 1px solid black;
}

#navbar ul {
  margin: 0px;
  padding: 3px 0px;
}

#navbar li { 
  display:inline; 
  list-style-type: none; 
  margin: 0; 
  padding: 10px 0px; 
  border-left: 2px solid #cc7;
  border-right: 2px solid #cc7;
}

#navbar a, #nav a:visited, #nav a.standard {
  font-size: 120%;
  font-style: normal;
  color: #330;
  background: #994;
  padding: 20px;
  text-decoration: none;
  text-shadow: 2px 2px 10px #000;
}

#navbar a:hover, #navbar a.special {
  color: #550;
  background: #EE9
}

/* @end */

/* @group Hacks */

/* Holly hack for bug in IE6 windows */

* html .clearfix { height: 1%; }
.clearfix {display: block; }

/* @end */

/* Leahy / Langridge technique for replacing elements with an image */
#topimage {
  border-bottom:1px solid #555;
  margin:0 auto;
  width:800px;
  background:#f0f0f0;
  padding: 241px 0 0 0;
  overflow: hidden;
  background-image:url(../images/web/cucycling_header.jpg);
  background-repeat: no-repeat;
  height: 0px !important;
}

#contentArea h1 {  
  padding: 50px 0 0 0;
  margin: 0; /* to override cascade from default h2 style */
  overflow: hidden;
  background-image:  url(../images/web/bg_repeat.jpg);
  background-repeat: repeat-y;
  height: 0px !important;
  border-bottom: 1px solid black;

}

#topimage h2 {  
  padding: 241px 0 0 0;
  margin: 0; /* to override cascade from default h2 style */
  overflow: hidden;
  background-image: url(../images/cucycling_header.jpg);
  background-repeat: no-repeat;
  height: 0px !important;
}

/* @group Sidebar */

#leftColumn { 
  width: 226px;
  float:left; 
  color:#555555;
  font-size: 1em;
  
}

.sidebar_header {
  padding: 29px 0 0 0;
  margin: 0; /* to override cascade from default h2 style */
  overflow: hidden;
/*  background-image:url(images/sidebarinset_top.gif);
  background-repeat: no-repeat; */
  height: 0px !important;
  
}

.sidebar_middle {
/*  background-image: url(images/sidebarinset_middle.gif);
  background-position: bottom;
  background-repeat: repeat-y; */
  margin-top: -12px;
  padding: 1em;
  
  
  
}

/* to prevent break between top of sidebarContent and bottom of h2 */

.sidebar_footer {
/*  background-image:url(images/sidebarinset_bottom.gif);
  background-repeat: no-repeat; */
  height: 30px;
  
  
}

/* Center small sponsor logos */

div#sponsorPanel { text-align: center; }

div#sponsorPanel img { margin: 5px; }

/* @end */

/* @group Content Column */

#contentFullColumn { 
  padding: 0; 
  margin: 0 20px 0 240px;
  line-height:1.5em;
  font-size: 90%;
}

#contentFullColumn h2, #oneColumn h2 {
    color: #222; 
 /*   font-variant:small-caps; */
}

#contentFullColumn h1 {
  color:  #222;
  font-size: 1.4em;
  padding: 1em 0;
}

#contentFullColumn img {
  margin: 5px;
}

.news_text, .join_text {
  text-align: justify;
  text-indent: 30px;
}

img.float_left {
  float: left;
  clear: left;
  margin: 2px 10px 2px 5px;
}

img.float_right {
  float: right;
  clear: right;
  margin: 2px 5px 2px 10px;
}

/* @end */

/* @group Footer */

#footer { 
  color:#E5BE1A; 
  text-align: center; 
  padding: 10px 5px;
  background:#141414; 
  margin:1em auto 0 auto;
  width:100%;
  font-family: "Courier New", Courier, mono;
}

#footer p {
  float: center;
  margin: 10px;
}

#footer img {
  
  float: center;
}

/* @end */

/* @group General Styles */

h1 {font-size:2em;}

h2 { margin-top: 1em; margin-bottom: 0.4em;
  font: 1.4em Georgia, "Times New Roman", Times, serif;
}

h4 { 
  margin-top: 1em; 
  margin-bottom: 0.4em;
  font: bold 1.6em Georgia, "Times New Roman", Times, serif;
  border-bottom: 1px solid #000;
}

h2 a:link {
/*  text-decoration: none; */
}
  
h3 {font-size:.9em; margin-top: 1em; margin-bottom: 1em;}

p { 
  margin: 1em 5px;
  text-align: justify;
}

img {border:0;}

dd {margin:0 0 1.5em 1em;}

/*
Red links -- ?
a:link,a:visited { color: #BB302A;}
a:hover, a:active{ color: #E53934;}
*/
a:link,a:visited { color: #1c46be;}
a:hover, a:active{ color: #435ecb;}

/* @end */
li.page_item { margin-left:5em; }

.rss {
  padding: 0;
  margin: 0; /* to override cascade from default h2 style */
  overflow: hidden;
  background-image:url(images/feed-icon-16x16.png); 
  background-repeat: no-repeat;
  height: 0px !important;
}

.posted { color:#888; margin: -0.5em 0 0 0; font-style:italic; font-size:85%; }
.breadcrumb {color:#777; font-size:85%;}
.page_item { color:#2176cf; text-decoration:none; }
.current_page_item a { color:#000; text-decoration:none; }
.dropcap {  float:left;  width:1em;  font-size:350%;  font-family:Times, serif;  line-height:87%; margin:0;}

/* SPECIFIC PAGE STYLES */

/* List items should indent */

#contentFullColumn ul {margin-left:5em; line-height:1.8em;}
#contentFullColumn ul li { margin-left:5em; list-style-type:square;}
#contentFullColumn ul ul li { margin-left:5em; list-style-type:disc;}

#contentFullColumn ol {margin-left:5em; line-height:1.8em;}
#contentFullColumn ol li { margin-left:5em;}
#contentFullColumn ol ol li { margin-left:5em;}



.vevent ul {margin:1em;list-style-type:none;}
.vevent li {line-height:1.2em;}

div.wp-polls-ans { background: #E3DFA7; /* background: #968116; */}

#sponsor a img {border:0;}

.important { color: red;}



#leftColumn h2 {
  padding: 0 0 5px 0;
  border-bottom: 1px solid black;
}

#leftColumn dt { 
  font-weight: bold;
  font-size: 0.85em;
}

#leftColumn dt a:link,
#leftColumn dt a:visited
{ 
  text-decoration: none;
  color: black;
}
#leftColumn dt a:active,
#leftColumn dt a:hover
{ 
  text-decoration: none;
  color: #303030;
}

#leftColumn dd {
  font-size: 0.85em;