/*

Theme Name: Hull Link 2
Theme URI: 
Description: 
Version: 2.0
Author: Darren White
Author URI: 
Tags: 
*/

* {margin: 0;padding: 0;}

div#container:after,
#header:after  {clear:both;content:".";display:block;height:0;visibility:hidden;}

*.x {display: none;}
a img {border:none;}
#logo span {position:absolute;left:-9999px;width:0px;overflow: hidden;}

body {margin:0;padding:0;color: #000;font: normal 62.5%/100% Arial, Geneva, Verdana, Lucida, Helvetica, Sans-Serif;
text-align: center;background: #fff url("images/bg_body.jpg") repeat-y top center;}  
div#container {width:868px;margin:0 auto;padding:0 0 0 25px;text-align:left;}

/* >>> HEADER <<< */  
#header {width:867px;height:296px;background:#fff;}
#logo a:link,#logo  a:visited,#logo  a:hover, #logo  a:active {float:right;width:338px;height:127px;margin:0;
 background: url("images/logo.jpg") bottom right no-repeat;}
#header p {float:left;width:380px;height:44px;margin:12px 0 0 0;font-size:1.6em;line-height:20px;}
#header form {float:right;width:430px;height:44px;margin:8px 0 0 0;padding:4px 0 0 40px;
background: url("images/bg_search.jpg") top left no-repeat;} 
#header form input  {float:left;width:198px;height:23px;margin:0 5px 0 0;border:1px solid #A6EBF2;
background:url("images/bg_search_input.jpg") no-repeat;}
#header form button {margin:2px 0 0 0;line-height:1.1em;}  

#featured {clear:both;float:left;width:527px;height:236px;margin:6px 0 0 0;}

/* CAROUSEL
---------------------------------------------*/

.stepcarousel {position: relative; /*leave this value alone*/overflow: hidden; /*leave this value alone*/
  width: 527px; /*Width of Carousel Viewer itself*/
  height: 236px; /*Height should enough to fit largest content's height*/}
.stepcarousel span {width: 527px;height:236px;display: block;position: absolute;
	left:0;top: 0;background:url("images/featured_overlay.png") top left no-repeat;z-index:100;}
.stepcarousel .belt {position: absolute; /*leave this value alone*/left:0;top: 0;}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 527px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:236px;
	position:relative;
}
#header .stepcarousel img {margin:0;z-index:1;}

.stepcarousel h3 {position:absolute;width:487px;height:53px;bottom:0;left:0;color:#fff;
  padding:5px 20px 0 20px;font-weight:bold;font-size:1.8em;line-height:1.2em;
  background: url("images/bg_featured_h3.png") no-repeat top left;z-index:1000;}
.stepcarousel h3 a {color:#333;border-bottom:1px solid #333;text-decoration:none;}
.stepcarousel h3 a:hover {color:#fff;border-bottom:1px solid #333;background:#333;text-decoration:none;}



#header img {margin:20px 0 0 12px;}
#header img.facebook {margin-left:24px;}

/* >>> CONTENT <<< */  
#content-wrap {float:left;width:644px;margin:3px 0 10px 0;padding-bottom:32px;zoom:1;
background: url("images/bg_content_bottom.jpg") bottom left no-repeat;}
#content {min-height:300px;padding:0 0 40px 0;
  background:url("images/bg_content.jpg") top left repeat-y;}  
#home #content-wrap {width:421px;background: url("images/bg_content_bottom_home.jpg") bottom left no-repeat;}
#home #content {background:url("images/bg_content_home.jpg") top left repeat-y;}

#content h1,
#content h2, 
#content h3,
#content h4,
#content h5,
#content h6 {font-size:2.0em;line-height:1.2em;font-weight:normal;margin:0 0 0.5em 0;}
#content h1 {padding:30px 30px 0 30px;}
#content h1.title {background: url("images/bg_content_top.jpg") top left no-repeat;}
#home #content h1.title {background: url("images/bg_content_top_home.jpg") top left no-repeat;}
#content h2 {font-size:1.6em;margin:1.5em 30px 0 30px;font-weight:bold;}  
#content h3 {font-size:1.4em;margin:1.5em 30px 0 30px;}  
#content h4 {font-size:1.4em;margin:1.5em 30px 0 30px;}
#content h5 {font-size:1.2em;margin:1.5em 30px 0 30px;}
#content h6 {font-size:1.2em;margin:1.5em 30px 0 30px;}
#content p,
#content ul,lin
#content ol,
#content code {font-size:1.2em;line-height:1.6em;margin:0.5em 30px 0.75em 30px;}



#content ul,
#content ol {clear:left;margin:0 2.5em 0 5em;}
#content ul ul,
#content ol ol {margin:0 2.5em 0 5em;font-size:1.0em;}
#content small {display:block;font-size:1.2em;line-height:1.6em;margin:0 0 0.75em 0;}  

#content ul#links {list-style-type:none;margin:0;}
#content ul li.linkcat h2 {list-style-type:none;}  

#content p.more {text-align:right;}

#content p a:link,
#content h3 a:link  {color:#0000ff;text-decoration:none;border-bottom:1px solid #000;}

#content p a:visited,
#content h3 a:visited  {color:#0000ff;text-decoration:none;border-bottom:1px solid #000;}

#content p a:active,
#content h3 a:active  {color:#0000ff;text-decoration:none;border-bottom:1px solid #fff;}

#content p a:hover,
#content h3 a:hover {color:#0000ff;text-decoration:none;border-bottom:1px solid #fff;}

#content acronym { cursor: help; }

#content pre,
#content code,
#content blockquote {margin: 15px 0;padding: 15px;display: block;background: #fff url(../img/grey_grad_.jpg) repeat-x 0 -130px;color: #666;background-color: #eee; 	}

#content blockquote {margin:15px 50px;padding: 1px 15px 1px 0;font-family: Arial, Helvetica, sans-serif;
  font-style: italic;background: none;border-left:4px solid #A6ECF2;}

dl { margin:0 10px; font-size:1.2em;line-height:1.6em;}
dl dt { font-weight: bold; margin-top: 15px; }

div#popup {background:#EFEFEF;border:1px solid #999999;margin:0px;padding:7px;width:180px;}

#map {margin:10px 0;width: 502px;height: 330px;border: 5px solid #ddd;}

hr { clear: both; border: 0; height: 1px; background-color: #ddd; color: #ddd; margin: 30px 0 0; }

#content .entry {padding:10px 5px;margin:0 3px 0 10px;border-bottom:2px solid #666;}
#content .altclass {background:#CCC;}
#content .first {margin-top:10px;border-top:2px solid #666;}
#content .entry h3 {margin:0 10px;font-weight:bold;}
#content .entry h3 a {float:left;}
#content .entry p {margin:0 10px;}
#content .entry p.more a {color:#0000FF;border-bottom:none;}
#content .entry p.more a:hover {color:#0000FF;border-bottom:1px solid #0000FF;}
#content .altclass p a:hover,
#content .altclass h3 a:hover {border-bottom:1px solid #CCC;}
#content .navigation p a {color:#0000FF;text-decotion:none;border-bottom:1px solid #0000FF;}
#content .navigation p a:hover {color:#0000FF;text-decotion:none;border-bottom:none;}

table .column-1 {width:45% !important;}
table .column-2 {width:30% !important;}
table .column-3 {width:25% !important;}


#comments {clear:both;}

#content .commentlist {margin-top:20px;}
#content .commentlist li {padding:10px 5px;margin:0 3px 0 10px;border-bottom:2px solid #666;}

/* images */
#content img {float:left;/*padding: 13px 15px;*/float:left;margin-right: 10px;
 /* background: url("images/bg_img.jpg") top left no-repeat;*/margin-bottom: 5px; }	

#content a img { }
#content a:hover img { border-color: #A6ECF2; }
#content .alignright {float:right;margin-left: 10px; }

#content .alignleft {float:left;margin-right: 10px; }

/* >>> SIDEBAR <<< */ 
#sidebar {clear:both;float:left;width:214px;min-height:300px;padding:10px 0 0 0;}

#sidebar h3 {font-size:1.4em;line-height:1.2em;margin:0 0 0.5em 0;color:#900;} 

#sidebar ul {display:block;width:214px;padding:0 0 18px 0;list-style: none;
 background:#fff url("images/bg_nav.gif") left bottom no-repeat;}
#sidebar ul li {}
#sidebar ul a {display:block;width:206px;border: 4px solid #ccc;border-top:none;text-align:center;
  display: block;background: #fff;color: #000;font: normal 1.8em/42px Arial, Helvetica, Verdana, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/}

#sidebar ul .home a {width:214px;border:none;line-height:44px;border-bottom: 4px solid #ccc;
  background:#fff url("images/bg_nav_home.jpg") left bottom no-repeat;}  

#sidebar ul .current_page_item a, 
#sidebar ul a:hover {text-decoration:underline;color:#fff;
  background: #A4ECF2 url("images/bg_nav_li_hover.jpg") left bottom no-repeat;}
#sidebar ul .home_current a, 
#sidebar ul .home a:hover {color:#fff;
  background:#A4ECF2 url("images/bg_nav_home_hover.jpg") left bottom no-repeat;} 

/* >>> SIDEBAR 2 <<< */ 
#sidebar2 {float:right;width:215px;min-height:200px;margin:10px 10px 0 0;text-align:left;
  background:url("images/bg_sidebar2.gif") top left repeat-y;}
#sidebar2 h2 {font-size:1.6em;font-weight:normal;line-height:1.1em;color:#fff;
  background: url("images/bg_sidebar2_h2.jpg") top left no-repeat;}

#sidebar2 ul {list-style-type:none;margin:0;}
#sidebar2 ul li {list-style-type:none;font-size:1.2em;line-height:1.1em;padding:0 8px;margin:4px 0 0 0;}  
#sidebar2 ul li a {display:block;width:192px;
  text-decoration:none;color:#333;overflow:hidden;
  background: url("images/bg_events_li_top.gif") top left no-repeat;}
#sidebar2 ul li a:hover {text-decoration:underline;}  
  
#sidebar2 h2 {clear:both;display:block;text-decoration:none;color:#000;height:22px;padding:6px 0 0 0;
  text-align:center;
  background: url("images/bg_sidebar2_h2.jpg") top left no-repeat;}  

#news {float:right;width:215px;padding:0 0 10px 0;overflow:hidden;}
#news h2 {font-size:1.6em;font-weight:normal;height:35px;margin:0;padding:0;color:#fff;
  background:#0000FF url("images/bg_news_h2.jpg") no-repeat;}  
#news ul {margin:0 5px 0 4px;}   
#news ul li {padding:3px 8px;border-top:2px solid #CCC;}
#news ul li.first {border-top:none;}
#news ul li a {color:#333;text-decoration:none;text-decoration:underline;}
#news ul li a:hover {text-decoration:none;border-bottom:none;}

#events,
#twitter {padding:0 5px 6px 4px;padding-bottom:26px;
  background: url("images/bg_sidebar2_bottom.gif") left bottom no-repeat;}
#events ul li {padding:3px 8px;border-top:2px solid #CCC;}
#events ul li.first {border-top:none;}

#twitter {padding-bottom:26px;background: url("images/bg_sidebar2_bottom.gif") left bottom no-repeat;}
#twitter h2 {background: url("images/bg_sidebar2_h2_twitter.jpg") top left no-repeat;}  
#twitter p {margin:10px 8px 0 8px;font-size:1.2em;line-height:1.6em;}

#sidebar2 #fb {padding:20px 0 0 0;text-align:center;background:#fff;}

/* >>> FOOTER <<< */  
#footer {clear:both;display:block;height:100px;margin-top:15px;border-top:6px solid #000;
  background:#fff;}
#footer div {width:900px;margin:0 auto;text-align:center;}
#footer img {float:left;}
#footer p.copyright {float:right;width:155px;text-align:right;font-size:1.1em;
  line-height:1.1em;margin-left:0;padding:8px 10px 0 0;}
#footer ul {float:left;width:275px;padding:12px 0 0 0;list-style: none;}
#footer ul li {float:left;width:auto;padding:0 0 0 10px;}
#footer ul a {display:block;width:100%;text-align:right;
  display: block;color: #000;font: normal 1.1em/12px Arial, Helvetica, Verdana, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/border-bottom:1px solid #fff;}
#footer .current_page_item a, 
#footer a:hover {border-bottom:1px solid #000;}

#have_your_say {clear:left;display:block;width:530px;position:relative;margin:0 auto;text-align:center;}
#have_your_say h2 {font-size:1.8em;line-height:2.25em;font-weight:normal;
  background: url("images/bg_have_your_say_top.gif") top left no-repeat;}
#have_your_say p {padding:0em 1em 1em 1em;font-size:1.2em;line-height:1.4em;
  background: url("images/bg_have_your_say_bottom.gif") bottom left no-repeat;}

/* >>> FORMS <<< */ 
#content form {margin:10px 0;width:508px;padding:20px 50px;border:none;}
#content form fieldset {border:none;}
#content label {clear:left;display:block;font-size:1.3em;font-weight:bold;color:#666;margin:0px 0 0.5em 0;}
#content input,
#content textarea {width:30em;padding:0.6em;margin:0px 0.5em 1em 0;border:1px solid #E6A800;font:normal 1.2em/1.5em Verdana, sans-serif;color:#222;border:1px solid #666;}
#content input.checkbox {clear:left;float:left;width:1.5em;height:1.5em;margin:0 0.5em 0.5em 0;}
#content textarea {width:36.2em;margin-bottom:1em;font: normal 1em/1.5em Verdana, sans-serif;height:10em;display:block;color:#222;}
#content button {display:block;clear:left;line-height:1.5em;}
#content .errortext {margin-bottom:2em;padding:0.5em 1.0em;
  border-top:1px solid #933;border-bottom:1px solid #933;}
#content .errortext strong {font-size:1.2em;color:#933;}  
#content .errortext  p {margin:0;}
#content .errortext  ul {margin:0 2em;font-size:1.2em;}

#content .LV_validation_message{display:block;font:bold 1.2em/2.0em Verdana, sans-serif;margin-bottom:1.0em;}
#content .LV_valid {color:#298C32;visibility:hidden;display:none;}
#content .LV_invalid {color:#CC0000;}
#content .LV_valid_field,
#content input.LV_valid_field:hover, 
#content input.LV_valid_field:active,
#content textarea.LV_valid_field:hover, 
#content textarea.LV_valid_field:active {border: 1px solid #298C32;}
#content .LV_invalid_field, 
#content input.LV_invalid_field:hover, 
#content input.LV_invalid_field:active,
#content textarea.LV_invalid_field:hover, 
#content textarea.LV_invalid_field:active {border: 1px solid #CC0000;}
#player1, #player2, #player3 {text-align: center;}