/*  
Theme Name: MR HUDSON 3.0 
Theme URI: http://www.mrhudson.com
Description: Mr Hudson v.1 is a 2-column custom theme. Mr Hudson Ltd. all rights reserved.
Version: 1.0
Author: Ben Hudson
Author URI: bkconcept@hotmail.com
Version: 1.0Tags: two columns, fixed width, chrome effect, widgets, Mr Hudson branding, fixed width, custom header 


*/

* { margin: 0; outline: 0; }

html, body{margin:0px; padding:0px;width:100%;height:100%;}


#one {
	background: #fff url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/bg7.jpg) repeat-x 0px 0px;
	text-align:center;
	color:#000;
	font: 13px Georgia, "Times New Roman" , Times, serif;
	line-height:18px;
	letter-spacing:-0.02em;
	margin:0 auto;
}


#two { 

	background: #fff url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/bg2.jpg) repeat-x 0px 0px;
	text-align:center;
	color:#000;
	font: Georgia, "Times New Roman" , Times, serif;
	font-size:12px;
	line-height:18px;
	letter-spacing:-0.02em;
	margin:0 auto;
}

#three { 

	background: #fff url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/fansbg.jpg) 0px 0px;
	text-align:center;
	color:#000;
	font: Georgia, "Times New Roman" , Times, serif;
	font-size:12px;
	line-height:18px;
	letter-spacing:-0.02em;
	margin:0 auto;
}


.flash img{ 
padding: 3px; border-top: 1px solid; 
border-right: 1px solid; 
border-left: 1px solid; 
border-bottom: 1px solid; 
border-color: #d5d5d5;
}

.flash:hover img{ 
padding: 3px; border-top: 1px solid; 
border-right: 1px solid; 
border-left: 1px solid; 
border-bottom: 1px solid; 
border-color: #8b8b8b;
}






a { -moz-outline-style:none;}
a {color:#0070e9; text-decoration: underline; cursor:pointer;}
a:hover{color:#0070e9; text-decoration:none;} 
a img{border:0;}

a, a:active, a:focus, input {outline: none;}

a img{border:0;}

ul,ol{list-style-type:none;padding:0px;}


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
color: #0070e9;
font-weight: normal;
margin:4px 0 17px 0;
}


.clear 	{clear:both;}

/*
-----------------------------------------------------------------------------
1 HEADER & CONTAINER
-----------------------------------------------------------------------------*/


div#container{position:relative; width:946px;margin:0px auto; padding:0px 0px 30px 0px; text-align:center;}

div#container.interior div#header{height:303px;background:#000;}

div#header{position:relative;float:left; width:946px; height:303px; margin:0px; padding:0px; text-align:left;background: transparent;}

div#header2{position:relative;float:left; width:946px; height:210px; margin:0px; padding:0px; text-align:left;background: transparent;}




/** 1.1 SLIDESHOW / SNP / LOGO **/

div#snc{position:absolute;top:0px;left:0px;float:left; width:946px; height:303px; margin:0px; padding:0px; text-align:left;overflow:hidden;z-index:1;}
div#snc a.feature{position:relative;top:0px;left:0px;float:left; width:946px; height:303px; margin:0px; padding:0px; text-align:left; background:#fff; z-index:1;}
div#snc img.heroover{position:absolute;z-index:5;display:none;}


div#snc2{position:absolute;top:0px;left:0px;float:left; width:946px; height:210px; margin:0px; padding:0px; text-align:left;overflow:hidden;z-index:1;}
div#snc2 a.feature{position:relative;top:0px;left:0px;float:left; width:946px; height:210px; margin:0px; padding:0px; text-align:left; background:#fff; z-index:1;}


a#logo{position:absolute;clear:both;position:absolute;width:300px;margin:0px;z-index:10;left: 0px; top: 47px;}

#snp{position:absolute;clear:both;top:8px;left:780px;width:158px;height:19px;margin:0px;z-index:10;}

#slideshow {
    position:relative;
    height:303px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 303px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 303px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}



/** 1.2 NAVIGATION MENU **/

#nav {z-index:10; margin-bottom: 10px; font: 12px/20px arial, verdana, sans-serif;}
#nav ul{ position: absolute; bottom: -1px; right: 0; margin: 0; padding: 0; list-style: none; width: 648px; height: 31px; text-align: right; z-index:10; }
#nav ul li{ float: left; display: inline; position: relative; margin: 0; padding: 0; }
#nav ul li a{ display: block; height: 30px; margin-left: 2px; line-height: 30px; text-align: center; color: #fff; background: #0070e9; text-decoration: none; }
#nav ul li a:hover, #header ul li:hover a{ background: #000; color: #fff; }
#nav ul li.current a, #header ul li.current a:hover{ color: #FFF; background: #000; background: #000; background: #fff; color: #00223B; }
#nav ul li a.home{ width: 73px; }
#nav ul li a.live{ width: 50px; }
#nav ul li a.aboutme{ width: 84px; }
#nav ul li a.videos{ width: 74px; }
#nav ul li a.music{ width: 66px; }
#nav ul li a.gallery{ width: 82px; }
#nav ul li a.fans{ width: 60px; }
#nav ul li a.store{ width: 66px; }
#nav ul li a.signup{ width: 75px; }

#nav ul li ul { display: none; position: absolute; top: 30px; left: 0; height: auto; width: 200px; opacity: .95; }
#nav ul li ul li { display: block; position: relative; float: none; }
#nav ul li ul li a, #nav ul li.current ul li a { background: #000; color: #999; text-align: left; padding: 2px 0 2px 18px; }
#nav ul li ul li a:hover, #header ul li.current ul li a:hover { background: #222; color: #aaa; }
#nav ul li:hover ul, #header ul li.hover ul { display: block; }



#nav2 {z-index:10; margin-bottom: 10px; font: 12px/20px arial, verdana, sans-serif;}
#nav2 ul{ position: absolute; bottom: -1px; right: 0; margin: 0; padding: 0; list-style: none; width: 648px; height: 31px; text-align: right; z-index:10; }
#nav2 ul li{ float: left; display: inline; position: relative; margin: 0; padding: 0; }
#nav2 ul li a{ display: block; height: 30px; margin-left: 2px; line-height: 30px; text-align: center; color: #fff; background: #0070e9; text-decoration: none; }
#nav2 ul li a:hover, #header ul li:hover a{ background: #000; color: #fff; }
#nav2 ul li.current a, #header ul li.current a:hover{ color: #FFF; background: #000; background: #000; background: #fff; color: #00223B; }
#nav2 ul li a.home{ width: 73px; }
#nav2 ul li a.live{ width: 50px; }
#nav2 ul li a.aboutme{ width: 84px; }
#nav2 ul li a.videos{ width: 74px; }
#nav2 ul li a.music{ width: 66px; }
#nav2 ul li a.gallery{ width: 82px; }
#nav2 ul li a.fans{ width: 60px; }
#nav2 ul li a.store{ width: 66px; }
#nav2 ul li a.signup{ width: 75px; }

#nav2 ul li ul { display: none; position: absolute; top: 30px; left: 0; height: auto; width: 200px; opacity: .95; }
#nav2 ul li ul li { display: block; position: relative; float: none; }
#nav2 ul li ul li a, #nav ul li.current ul li a { background: #000; color: #999; text-align: left; padding: 2px 0 2px 18px; }
#nav2 ul li ul li a:hover, #header ul li.current ul li a:hover { background: #222; color: #aaa; }
#nav2 ul li:hover ul, #header ul li.hover ul { display: block; }


#spotlight { 
	float: left; 
	margin-left: 108px; 
	margin-top: 5px; 
	padding-left: 20px; 
	padding-top: 10px; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	font-family: arial; 
	font-size: 85%; 
	width: 190px; 
	line-height: 140%; 
	border-left: 1px solid #d5d5d5; 
	background: #fff url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/alert.gif);
}



/*
-----------------------------------------------------------------------------
2 CONTENT SECTIONS
-----------------------------------------------------------------------------*/



div#content{width:946px; height: auto; padding:20px 0px 0px 0px;text-align:left; clear: both; background: #fff; overflow: auto; 
}

div#content2{width:946px; height: auto; padding:0px 0px 0px 0px;text-align:left; clear: both; background: #fff; overflow: auto; 
}


div#left{float:left;width:600px; margin-top: 5px;}
div#left2{float:left;width:580px; margin-top: 5px;}
div#right{float:right; display:inline;width:290px;margin-right:0px;padding:10px 5px 0px 0px;}


div#videos { 

margin-top: 25px;
margin-left: 40px;

}



div#fans { 
background: #fff url('http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/fans2.jpg'); 
width: 946px;
height: 530px;

font-family: arial;
color: #8a8a8a;
font-size: 250%;
line-height: 120%;
text-align: left;
}



/*
-----------------------------------------------------------------------------
3 HOME PAGE
-----------------------------------------------------------------------------*/

div#maytour { 
width: 171px; 
height: 63px;
float: right;
margin-top: 1px;
background: #fff;
padding-top: 0px;
font-family: arial;


}


.morepics { 
color: #6f663c; 
text-decoration: none; 
font-weight: bold;
} 


/� COUNTDOWN �/ 


/* jQuery Countdown styles 1.5.6. */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #fff;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #FFF;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	margin: 40px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 48%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 90%;
	text-align: center;
}
.countdown_amount {
	font-size: 100%;
	margin: 0px;
}
.countdown_descr {
	display: block;
	width: 50%;
}







/* TABS */ 




#tabContainer{
position:relative;
width:550px;
float: left;
margin-top: 20px;
margin-left: 20px;
}

#tabMenu{
position:relative;
height:30px;
}

#tabContent{
position:relative;
height:100%;
font-family:Courier, monospace;
font-size:12px;
color:#1b1b1b;
border-top:1px solid #d5d5d5;
width: 550px;

}



#tabContent h2 {
font-family: georgia;
font-size: 200%;
font-weight: normal;
margin:4px 0 17px 0;
text-transform:uppercase;
}




#tabContent .content{
display:none;
width: 550px;
}

#tabContent .active{
padding:5px 10px;
display:block;
white-space:pre;
width: 550px;
}

/* Tab menu styles generated via the horitontal menu builder @ www.cssmenubuilder.com */
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color: #000; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat; color: #d9d9d4; font-weight: bold; text-transform: uppercase;font-size: 120%;letter-spacing: 0px; font-family: arial;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:#ooo;}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:#000; font-weight: bold; text-transform: uppercase;font-size: 120%;letter-spacing: 0px; font-family: arial;}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

.menu li.right{float: right;}
.menu li.right a{float: right;}




/* MUSIC PLAYER */



#music { 
border-bottom: 0px solid; border-right: 0px solid; border-left: 0px solid; border-color: #cacaca; padding: 3px;

} 



#music table {
    border-collapse:collapse;
    border-spacing:0;
    font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    font-size: 10px;
    font-style: normal;
  text-decoration:  none;

}

#music table a:link { 
  text-decoration:  none;
}

#music table a:hover { 
  text-decoration:  underline;
}




#music tr.flp small,
tr.fdl small {
    color: #999 !important;
}



/* IN THE LONG RUN, THIS SHOULD REPLACE ALL THE ABOVE */

#music img.icon {
    background-image: url('http://cdn.last.fm/flatness/sprites/5/icons.png');
}
#music *html img.icon {
    background-image: url('http://cdn.last.fm/flatness/sprites/5/icons.IE6.png');
}








#music .flag_uk_icon       { background-position: 0 0; }
#music .flag_de_icon       { background-position: 0 -20px; }
#music .flag_es_icon       { background-position: 0 -40px; }
#music .flag_fr_icon       { background-position: 0 -60px; }
#music .flag_it_icon       { background-position: 0 -80px; }
#music .flag_jp_icon       { background-position: 0 -100px; }
#music .flag_pl_icon       { background-position: 0 -120px; }
#music .flag_pt_icon       { background-position: 0 -140px; }
#music .flag_ru_icon       { background-position: 0 -160px; }
#music .flag_se_icon       { background-position: 0 -180px; }
#music .flag_tr_icon       { background-position: 0 -200px; }
#music .flag_zh_icon       { background-position: 0 -220px; }
#music .globe_icon         { background-position: 0 -240px; }
#music .ss-amarok_icon     { background-position: 0 -260px; }
#music .ss-wmp_icon        { background-position: 0 -280px; }
#music .ss-itunes_icon     { background-position: 0 -300px; }
#music .ss-wa2_icon        { background-position: 0 -320px; }
#music .ss-iphone_icon     { background-position: 0 -340px; }
#music .ss-logitech_icon   { background-position: 0 -360px; }
#music .ss-playdar_icon    { background-position: 0 -380px; }
#music .ss-lfm_icon        { background-position: 0 -400px; }
#music .ss-spotify_icon    { background-position: 0 -420px; }
#music .ss-android_icon    { background-position: 0 -440px; }
#music .ss-generic_icon    { background-position: 0 -460px; }
#music .settings_icon      { background-position: 0 -500px; }
#music .flag_icon          { background-position: 0 -520px; }
#music .eventclash_icon    { background-position: 0 -540px; }
#music .maybeattending_icon{ background-position: 0 -560px; }
#music .attending_icon     { background-position: 0 -580px; }
#music .recommended_icon   { background-position: 0 -600px; }
#music .ticket_icon        { background-position: 0 -640px; }
#music .moderator_icon     { background-position: 0 -660px; }
#music .subscriber_icon    { background-position: 0 -680px; }
#music .staff_icon         { background-position: 0 -700px; }
#music .edit_icon          { background-position: 0 -720px; }
#music .itunes_icon        { background-position: 0 -880px; }
#music .outlook_cal_icon   { background-position: 0 -900px; }
#music .google_cal_icon    { background-position: 0 -920px; }
#music .ical_icon          { background-position: 0 -940px; }
#music .ics_icon           { background-position: 0 -940px; }
#music .cal_icon           { background-position: 0 -960px; }
#music .feed_small_icon    { background-position: 0 -1000px; }
#music .loved_icon         { background-position: 0 -1020px; }
#music .unloved_icon       { background-position: 0 -1040px; }
#music .loved_indicator_icon { background-position: 0 -1060px; }
#music .play_icon          { background-position: 0 -1080px; }
#music .dismiss_icon       { background-position: 0 -1120px; }
#music .comment_icon       { background-position: 0 -1220px; }
#music .journal_icon       { background-position: 0 -1240px; }
#music .new_journal_icon   { background-position: 0 -1260px; }
#music .addtofriends_icon  { background-position: 0 -1280px; }
#music .isfriend_icon      { background-position: 0 -1300px; }
#music .mailuser_icon      { background-position: 0 -1320px; }
#music .up_icon            { background-position: 0 -1340px; }
#music .radio_play_icon    { background-position: 0 -1380px; }
#music .tag_icon           { background-position: 0 -1400px; }
#music .radio_tag_icon     { background-position: 0 -1400px; }
#music .radio_playlists_icon   { background-position: 0 -1420px; }
#music .act_created_icon   { background-position: 0 -1440px; }
#music .act_added_icon     { background-position: 0 -1460px; }
#music .act_connected_icon { background-position: 0 -1480px; }
#music .act_disconnected_icon  { background-position: 0 -1500px; }
#music .act_befriended_icon        { background-position: 0 -1520px; }
#music .act_updatedpermissions_icon    { background-position: 0 -1540px; }
#music .act_joined_icon    { background-position: 0 -1560px; }
#music .act_left_icon      { background-position: 0 -1580px; }
#music .act_attending_icon { background-position: 0 -1600px; }
#music .act_maybeattending_icon    { background-position: 0 -1620px; }
#music .act_notattending_icon  { background-position: 0 -1640px; }
#music .act_obsession_icon     { background-position: 0 -1660px; }
#music .act_tagged_icon    { background-position: 0 -1680px; }
#music .act_loved_icon     { background-position: 0 -1700px; }
#music .act_recommended_icon   { background-position: 0 -1720px; }
#music .ss-xbox_icon   { background-position: 0 -1740px; }



/* chart base */



#music table.chart td {
    vertical-align: top;
    line-height: 16px;
    padding: 3px 5px;
}

#music table.chart thead td {
    color: #696969;
    white-space: nowrap;
}

#music table.chart thead td.positionCell,
#music table.chart thead td.playbuttonCell {
    width: 1px;
}

#music table.chart tr.odd td {
    background-color: #ebebeb;
}

#music table.chart td.positionCell {
    width: 20px;
    color: #696969;
    text-align: right;
}

#music table.chart td.playbuttonCell {
    width: 17px;
    padding-bottom: 0;
    padding-top: 1px;
}

#music table.chart td.playbuttonCell img {
    margin: 0;
}

#music table.chart td.subjectCell div {
    width: 100%;
    height: 1.363636em;
    overflow: hidden;
}

#music table.chart td.subjectCell a {
    color: #1b1b1b;
}

#music table.chart td.subjectCell a:hover {
    color: #0187c5;
}

#music table.chart td.durationCell,
#music table.chart td.reachCell {
    width: 20px;
    color: #696969;
    text-align: left;
}

#music table.chart td.downloadbuttonCell {
    width: 31px;
}

#music table.chart td.lovedCell {
    padding: 3px 5px 0 0;
    width: 11px;
}

#music table.chart td.multibuttonCell {
    width: 26px;
    padding: 3px 5px 0 3px;
    line-height: 0;
}

#music table.chart td.chartbarCell {
    width: 33%;
    padding: 0;
}

* html table.chart td.chartbarCell {
    padding: 0 0 2px 0;
}

#music table.chart tr.odd td.chartbarCell,
#music table.chart tr:hover td.chartbarCell {
    background-color: transparent;
}

#music #page table.chart a.lfmButton {
    position: relative;
    left: -9999px;
}

#music table.chart tbody tr:hover td,
#music table.chart tbody tr.open td {
    background: #d0e4f0;
}

#music #page table.chart a.lfmFreeDownloadButton,
#music #page table.chart tr:hover a.lfmButton,
#music #page table.chart tr.open a.lfmButton {
    left: 0;
}





/*
-----------------------------------------------------------------------------
TOUR
-----------------------------------------------------------------------------*/


#tour { 
	font-family: arial;
	font-size: 95%;
	width: 930px; 
	margin:5px;
	margin-top: 0px;
	overflow: hidden;

}

#tour_table_th {
	position:relative;
	background:url('http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/tickets_th.gif') no-repeat top left;
	width:948px;
	height:48px;
}
table#tour td {
	padding-top:10px;
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
table#tour td.date {
	font-weight:bold;
}
table#tour td a.tickets {
	position:relative;
	background:url('http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/tickets_bg.gif') no-repeat top left;
	width:78px;
	height:21px;
	display:block;
	padding:2px 0px 3px 19px;
	color: #0058a2;
}
table#tour tr.alt {
	background-color:#f7f7f7;
}
/*




/* LIVE PAGE */ 

.streetteam { 
background:url('http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/streetteam.jpg') no-repeat top left;
width: 300px;
float: right;
text-align: left; 
padding-top: 40px; 
margin-right: 20px;

}



/* TWITTER FEED */ 



.twitter ul{
      width:100%;
      margin:0;
      padding:0;
      }

.twitter li {
      display:none;
      list-style:none;
      background: transparent url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/spacer.gif) repeat-x;
      margin:0 0px;
      overflow:auto;
      padding:5px;
      color:black;
      font-family:Arial;
      line-height:12px;
      font-size:12px;
      }

.twitter li a {
	color:#6f663c;
	text-decoration:none;
	transparent url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/spacer.gif) repeat-x
	}


.twitter li a:hover {
	text-decoration:underline;
	}     

.twitter li.hover {
      background: transparent url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/spacer.gif) repeat-x;
      }
     
.twitter li img {
      float:left;
      padding:0px;
      border:solid 2px #6f663c;
      margin-right:10px;
      width:40px;
      height:40px;
}
 
.twitter li.hover img
{
      border:solid 2px #DFDFDF;
      }
 
.twitter li strong.User
{
      font-size:0.9em;
      display:block;
      font-family:Arial;
      }

.twitter .created_at { font-size:0.9em; color:#000; }
 



/* TWEETS */ 



#tweet { 
	padding-left: 0px;
	font-family: Georgia, serif;
	font-size: 15pt;
	line-height: 20pt;
	color: #fff;
	background: url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/tweetbg2.png) 0px 0px;
	text-align: left;
	list-style-type: none; 
	font-style: italic;
	margin: 0px; 
	z-index:10; 	
	width: 360px; 
	position:absolute;	
	clear:both; 
	top:102px;	
	left:0px;
	padding: 5px;
	padding-left: 10px;	
} 


#tweet a { 
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 15px;
	color: #fff;
} 



#tweet li { 
background: transparent url(http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/img/spacer.gif) repeat-x;
list-style-type: none; 
}

.twitterPrefix { 
color: #ffffff;
}



/* GIGS */ 








.gigs { 
margin: 0px;
padding: 0px;
font-size: 10px;
color: #000;
font-family: arial;
margin-top: 10px;
}




.gigslisting tr { 
	border-bottom: 1px solid #6C6C6C;
} 


.gigs td {
	padding: 5px 2px 5px 0px;
	}


div.datetime {
border:1px solid #d9d9d9;
width:3.0em;
background-color: #fff;
padding: 3px;
margin: 5px;
}

div.datetime p {
margin:0 auto;
padding:0;
text-align:center;
font-size:x-small;
color:#000;
}

div.datetime .top {
color:#fff;
background-color:#6F6F6F;
}



div.datetime .top p {
font:bold x-small/100% Arial;
letter-spacing:0.12em;
text-transform:uppercase;
}


/* day of the month (NUMBER) */
div.datetime p.day {
font:bold 1.5em/98% Arial;
letter-spacing:0.13em;
color:#000;
}







/* About me */ 



#timeline { 
font-family: arial;

} 


.style3 { 
color: #000;
} 















/* COMMENTS */ 



#comments h3, #comments h4{
font-family:Georgia;
font-size:24px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:28px;
}
#comments cite{
font-family:Georgia;
font-size:16px;
font-weight:normal;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border-right:0;
padding:10px 5px 20px 10px;
min-height:110px;
}
#comments p {
margin:10px 0 0 10px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-family:Georgia;
font-size:120px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px auto;
width:375px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
text-align:center;
}
#comments input {
font-family:Georgia;
width:370px;
font-size:18px;
font-weight:normal;
}
#comments textarea {
font-family:Georgia;
width:370px;
font-size:18px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#fff;
border:1px solid #aaa;
color:#000;
font-family:Georgia;
font-weight:normal;
font-size:20px;
width:374px;
}

#comments li.submitbutton input:hover {
background: #ff2b06;
color: #fff;
}

#comments .center {
text-align:center;
}



.facebook-avatar{
width: 30px;
width: 30px;
background: #eee;
padding: 5px;
float: left;
}

























/* FOOTER */ 





.boundingBox{ margin: 0 auto; width: 916px; }

div#footerWrapper{ background: #fff url('http://www.mrhudson.com/wp-content/themes/Mr_Hudson_V3/images/backgroundFooter.png') top repeat-x; }

#footer{ padding-top: 10px; }
#footer, #footer p{ color: #CCC; }
#footer p, #footer ul{ font-size: 11px; }
#footer a{ color: #FFF; }

.footerColumn{ position: relative; width: 245px; margin: 3em 0; padding: 0 30px; float: left; }
.footerColumn h3{ margin: 0; padding: 0; font-size: 2em; color: #FFF; font-weight: normal; }
.footerColumn h4, .footerColumn .date{ margin: 1.636em 0 0; padding: 0; font-weight: bold !important; color: #666 !important; font-size: 11px !important; }
.footerColumn p{ margin: 0; padding: 0; line-height: 1.636em; }

#footerLeftColumn{ padding-left: 0; width: 273px; }
#footerLeftColumn .vcard{ margin-top: 1.5em; }
#footerLeftColumn .vcard, #footerLeftColumn .country-name{ margin-bottom: 1.5em; }
#footerLeftColumn .url, #footerLeftColumn .org{ display: none; }
#footerLeftColumn .country-name{ display: block; }
#footerLeftColumn #vcard{ padding-left: 25px; background: transparent url('../images/icon-vcard.png') left no-repeat; }
#footerLeftColumn #copyright{ margin-top: 3em; }

#footerMiddleColumn{ border-left: 1px solid #333; border-right: 1px solid #333; }
#footerMiddleColumn ul#recentPosts{ margin: 0; padding: 0; list-style: none; }
#footerMiddleColumn .navigation{ right: 3.372em; }
#footerMiddleColumn .navigation li img{ vertical-align: middle; }
#footerMiddleColumn .navigation li a{ color: #666; }
#footerMiddleColumn .navigation li a:hover, #footerMiddleColumn .navigation li a:active{ color: #CCC; }

#footerRightColumn{ padding-right: 0; width: 275px; }
#footerRightColumn ul{ margin: 0; padding: 0; list-style: none; }
#footerRightColumn ul li{ width: 49%; float: left; height: 1.636em; line-height: 1.636em; }

/* Add ons */ 

.border-box
{
    border-top: 3px solid #000 !important;
    padding: 8px 0 0;
}


/* ABOUT ME ADD ONS */ 


#colpress{ float:left; width:100%; font-size:0.8em; line-height:1.5em; margin-bottom: 20px;}
#colpress p, #col3 p { padding-bottom:0.7em; }
#colpress h3 { background:#B1A9A4 url(../images/h3a.gif) top left no-repeat; } 
h3.col { padding:4px 10px; background:#b1a9a4; float:none; font-size:1.1em; color:#FFF; margin-bottom:0px; }
#nav-sub li { margin-top:1px; }
#nav-sub a { display:block; background:#edeff4; color:#444; width:100%; text-decoration:none; font-weight:bold; }
#nav-sub a:hover { background:#92afed; color: #fff;}
#nav-sub span { display:block; padding:4px 10px; }
#nav-sub .active, #nav-sub .active:hover { background:#cc292b; color:#FFF; }

#nav-sub ul a { font-weight:normal; background:#EEE; }
#nav-sub ul span { padding:3px 10px 3px 20px; }
#nav-sub ul ul span { padding:3px 10px 3px 30px; }



/* COMMENTS SECTION */


ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}





.comments-template h3{ 
	font-family: arial, san-serif;

}




.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
	font-family: arial, san-serif;
	color: #fff;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
	font-family: arial, san-serif;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: arial, san-serif;
	font-size: 16px;
}

.commentmetadata{
	font-family: arial, san-serif;
	font-size: 12px;
}

.comments-template p.nocomments{
	font-family: arial, san-serif;b  

}

.comments-template textarea{
	font-family: Arial, Sans-serif;
	font-size: 12px;
}



.navigation { 
	font-family: arial, san-serif;
	font-size: 10px;
	color: #000;
}

.navigation { 
text-align: center;
}


.navigation a { 
	font-family: arial, san-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

.navigation a:hover { 
	font-family: arial, san-serif;
	font-size: 11px;
	color: #000;
	text-decoration: underline;
}

/* COMMENTS SECTION */




ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}