/*   

Theme Name: Hugo

Theme URI: http://www.timhugo.com

Description: Custom Wordpress Theme for Delegate Tim Hugo

Author: KnockOuts Advertising

Author URI: http://www.knockoutsadvertising.com

Version: 1.0.0

.

Private License, not for reproduction.

.

*/

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

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

.left { float: left;}

.right{ float: right;}



body {

	background-image: url(images/primary_bg.gif);

	background-repeat: repeat-x;

}



#container {

	width: 940px;

	margin-right: auto;

	margin-left: auto;

}



#header {

	background-image: url(images/header_bg.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 158px;

}



#logo {

	float: left;

	margin-left: 10px;

	margin-top: 30px;

}



#logo a img {

	outline: none;

	border: none;

	text-decoration: none;

}



#share {

	float:right;

	margin-right: 10px;

	margin-top: 75px;

}



#share a img {

	outline:none;

	border:none;

	text-decoration:none;

}



#wrapper {

	background-color: #FFF;

	border: 1px solid #e1e1e1;	

	padding-bottom: 15px;

}



#navigation {

	color: #00539b;

	font: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	line-height: 16px;

	background-image: url(images/navigation_bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 10px;

	padding-bottom: 10px;

}



#navigation ul {

	list-style:none;

	display:inline;

}



#navigation ul li {

	list-style:none;

	display:inline;

	margin-right: 2px;

	margin-left: 27px;

}



#navigation ul li a{

	text-decoration:none;

	text-transform: uppercase;

	outline: none;

	color: #00539b;

}



#main_content{

	background-image: url(images/grab_container_bg.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	width: 928px;

	height: 320px;

	margin-left: auto;

	margin-right:auto;

}



#grab_area {

	float: left;

	height: 298px;

	width: 585px;

	margin-top: 8px;

	margin-left: 4px;

}



#action {

	background-image: url(images/action_bg.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	float: left;

	height: 298px;

	width: 330px;

	margin-top: 8px;

	margin-left: 4px;

}



#action a img{

	float:left;

	outline:none;

	text-decoration: none;

	border:none;

	margin-left: 5px;

	margin-top: 6px;

}



#action_page a img{

	float:left;

	outline:none;

	text-decoration: none;

	border:none;

	margin-left: 5px;

	margin-top: 6px;

}



#left_page_content {

	width: 570px;

	float:left;

	margin-left: 5px;

	padding: 10px;

	background-image: url(images/page_header_bg.jpg);

	background-repeat: repeat-x;

	background-position: top;

}



#left_page_content h2{

	color:#003;

	font-weight:normal;

	font-size: 24px;

}



#left_page_content h3{

	color:#003;

	font-weight:normal;

	font-size: 20px;

	line-height: 22px;

	margin-bottom: 10px;

}



#left_page_content h4{

	color:#06C;

	font-weight:normal;

	font-size: 16px;

	line-height: 20px;

	margin-bottom: 10px;

}

#left_page_content a{

	text-decoration: none;

	color:#06C;

}

#left_page_content a:hover{

	text-decoration: none;

	color:#006;

}

#left_page_content h2 a{

	color: #06C;

	text-decoration: none;

}



#left_page_content textarea {

	width: 500px;

}



#left_page_content ol {

	list-style: none;

}

#left_page_content li {

	list-style: none;

}

.fn {

	font-size: 14px;

	color:#09C;

	font-weight: bold;

	font-style:normal;

	margin-bottom: 10px;

}

.commentlist {

	list-style:none;

	width: 500px;

}

.commentlist p{

	color:#999;

	margin-bottom: 15px;

}

#news_center {

	float: left;

	margin-left: 10px;

	background-color: #a4b9c3;

	width: 570px;

	background-image: url(images/news_bg.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}



#tabs h4 {

	color: #466395;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	font-weight: bold;

	text-decoration: none;

	margin-top: 15px;

	margin-bottom: 0px;

}



#tabs h4 a{

	color: #003;

	text-decoration: none;

}



#tabs p  {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	margin-bottom: 15px;

	margin-top: 0px;

}



#sidebar {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color:#000;

	line-height: 14px;

	background-color: #CDCDCD;

	float: left;

	width: 310px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 10px;

	margin-left: 8px;

}

#sidebar p{

	margin: 0px;

}

#sidebar h4{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #000;

	font-size: 16px;

	margin-bottom: 10px;

}



#sidebar h2{

	background-image: url(images/sidebar_header.gif);

	background-repeat: no-repeat;

	height: 27px;

	width: 300px;

	float: left;

	padding-left: 10px;

	padding-bottom: 8px;

	margin-bottom: 0px;

	line-height: 34px;

}



#sidebar ul{

	float:left;

	list-style:none;

	margin-left: 0px;

	padding: 0px;

	margin: 0px;

}



#sidebar ul li{

	list-style:none;

	width: 290px;

	padding: 10px;

	margin-bottom: 10px;

}



#sidebar ul li.connect {

	background-image: url(images/sidebar_li_bg_connect.gif);

	background-color: #e1e1e1;

	padding-top: 50px;

	background-repeat: no-repeat;

}



#sidebar ul li.twitter {

	background-image: url(images/sidebar_li_bg_twitter.gif);

	background-color: #e1e1e1;

	padding-top: 50px;

	background-repeat: no-repeat;

}

#tweet {

	padding: 10px;

}

.tweet_top {

	background-image: url(images/tweet_top.png);

	background-position: center top;

	height: 10px;

	background-repeat: no-repeat;

	}

.tweet {

	background-color: #FFF;

	padding-left: 10px;

	padding-right: 10px;

	}

.tweet_bottom {

	background-image: url(images/tweet_bottom.png);

	background-position: center top;

	height: 60px;

	background-repeat: no-repeat;

	}



#sidebar ul li.connect a img{

	padding-left: 5px;

	padding-right: 5px;

}



#sidebar ul li.widget_video {

	background-image: url(images/sidebar_li_bg_video.gif);

	background-color: #e1e1e1;

	padding-top: 50px;

	background-repeat: no-repeat;

}



#footer {

	color: #999;

	width: 940px;

	margin-left: auto;

	margin-right: auto;

	padding: 10px;

}



#footer .right p{

	font-size: 10px;

	text-align:right;

	margin-bottom: 2px;

}

.slide {

     overflow: hidden;

}



.slide .inner {

     position: absolute;

     left: 0;

     bottom: 0;

}



.date {

	color:#466395;

	margin-top: 0px;

	font-size: 10px;

	margin-bottom: 15px;

	font-style: italic;

}

#tweet .tweet_time {

	margin-top: 15px;

	font-style:italic;

	color:#006;

	font-weight:bold;

}

.tweet {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#666;

	line-height: 14px;

}

.tweet_bottom a img{

	margin-top: 30px;

	margin-left: 5px;

}

.page_date {

	color:#466395;

	margin-top: -5px;

	font-size: 14px;

	margin-bottom: 15px;

	font-style: italic;

}



.trigger_image_updates {

	cursor:pointer;

	float:left;

}



.trigger_image_feed {

	cursor:pointer;

	float:right;

}





.flickr_im img {

	margin:0 30px 20px 0px;

        border:2px solid #c0c0c0;

        width:100px;

        height:66px;

}



.flickr_im img:hover { border:2px solid #606060; }	

.flickr_im h2 { padding-top:0; margin-top:0; }

.v_photos { position:relative; margin-left:0px; }

.v_photos a {

	font-size:1.1em;

}



.event {

	padding-left: 70px;

	background-image: url(images/calendar_empty.png);

	background-repeat: no-repeat;

	background-position: left top;
}

/* FORM */

.form_label {
	width: 140px;
	text-align: right;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
  }
.radio_label {
	float:left;
	text-align:left;
	width: 50px;
	padding-top: 2px;
}
.form_box {
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
  }
.form_box_radio {
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
}  
.form_box_radio input {
	float: left;
}
.form_box2 {
	text-align: left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
  }

#form_content {
  margin: 0px auto;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.8em;
  color: #000;
  }

.heading1 {
  padding: 0 0 0 10px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  }
  
.heading2 {
  padding: 0 0 0 10px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  } 

.heading3 {
  padding: 10px 0 10px 10px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000;
  }

.heading4 {
  padding: 10px 0 10px 10px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: .8em;
  font-weight: bold;
  color: #000;
  }
 
.heading5 {
  padding: 20px 0 0 10px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000;
  } 

.heading6 {
  padding: 10px 0 10px 10px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
  }

.heading7 {
  padding: 20px 0 0 10px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em;
  /*font-weight: bold;*/
  font-style: italic;
  color: #000;
  } 
        
.form_text {
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: .8em;
  color: #000;
  }  
  
#footer {
  text-align: center;
  font-size: 0.7em;
  }

.top_connect2 {
float:right;
margin-top:50px;
background:url(images/connectwithtim2.png) top no-repeat;	
height:60px;
padding-top:50px;
}

.top_connect2 img {
padding-left:10px;
}

/* NEW SOCIAL */

#social {
	display:block;
	width:262px;
	height:22px;
	right:40px;
	top:80px;
	float:left;
}

#btn_bliptv:link, #btn_bliptv:visited, #btn_bliptv:active {
	float:left;
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll 0px 0px;
	border:none;
	width:61px;
	height:22px;
	display:block;
}
#btn_bliptv:hover {
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll -267px 0px;
	outline: none;
}

#btn_youtube:link, #btn_youtube:visited, #btn_youtube:active {
	float:left;
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll -65px 0px;
	border:none;
	width:56px;
	height:22px;
	display:block;
}
#btn_youtube:hover {
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll -328px 0px;
	outline: none;
}

#btn_facebook:link, #btn_facebook:visited, #btn_facebook:active {
	float:left;
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll -125px 0px;
	border:none;
	width:68px;
	height:22px;
	display:block;
}
#btn_facebook:hover {
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll -389px 0px;
	outline: none;
}

#btn_twitter:link, #btn_twitter:visited, #btn_twitter:active {
	float:left;
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll -193px 0px;
	border:none;
	width:65px;
	height:22px;
	display:block;
}
#btn_twitter:hover {
	background: transparent url('http://www.timhugo.com/wp-content/themes/Hugo/images/social_networking.png') no-repeat scroll -461px 0px;
	outline: none;
}