@charset "UTF-8";
/* CSS Document */

/*==============================================================
Theme Name:		Table One Three
Theme URI:		http://tableonethree.com
Description:	
Version:		September 2009
Author:			Hien Hoang (Noise 13)
Author URI:		http://noise13.com/
==============================================================*/

* {
	margin: 0px;
	padding: 0px;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	}
	
/*==============================================================
TEXT STYLING
==============================================================*/
h1, h2, h3, h4 {font-weight: bold;}
	
h1, h2 {
	font-size: 1.00em;
	color: #c7b30d;
	}
h2 {font-size: 0.88em;}
	
h3, .title {
	font-size: 0.88em;
	color: #4e2f09;
	}
.title {font-size: 1.25em; font-weight: bold; line-height: .90em;}
	
h4 {
	font-size: 2px;
	color: #FFFFFF;
	}
	
p {
	color: #644228;
	line-height: 1.5em;
	font-size: 0.69em;
	padding: 0px 0px 20px 0px;
	}

dl.right {
	float: right;
	text-align: right;
	}
	
dd {
	color: #644228;
	line-height: 1.5em;
	font-size: 0.69em;
	padding: 0px 0px 0px 0px;
	}
	
a, a:visited {
	color: #c7b30d;
	text-decoration: none;
	}
	
a:hover {
	background: #c7b30d;
	color: #FFFFFF;
	}
	
strong {font-weight: bold;}
	
em {font-style: italic;}

img {
	border: none;
	}

a.view, a.view:visited, a.featured, a.featured:visited {
	display: block;
	text-indent: -9000px;
	background: #FFFFFF url("images/global/btn_details.gif") no-repeat;
	height: 20px;
	width: 74px;
	margin-top: 5px;
	}

a.featured, a.featured:visited {
	float: right;
	font-size: 0px;
	}
	
a.view:hover, a.featured:hover {
	background: #FFFFFF url("images/global/btn_details_roll.gif") no-repeat;
	}
	
/*==============================================================
STRUCTURE
==============================================================*/
#container {
	background: #FFFFFF;
	width: 775px;
	margin: 0px auto;
	position: relative;
	padding: 50px 0px;
	}
	
#header {
	width: 775px;
	height: 51px;
	clear: both;
	}
	
#column_one, #column_one_localize {
	width: 250px;
	padding: 50px 25px 0px 25px;
	float: left;
	}
#column_one_localize {
	padding: 110px 25px 0px 25px;
	}
#column_one_blog {
	width: 150px;
	height: 500px;
	float: left;
	padding: 50px 0px 0px 0px;
	}

#column_two, #column_two_localize {
	width: 425px;
	float: left;
	padding: 62px 50px 0px 0px;
	}
#column_two_localize {
	background: transparent url("images/global/headline_theevents.gif") 425px 70px no-repeat;
	padding: 75px 50px 0px 0px;
	}
#column_two_blog {
	width: 550px;
	float: left;
	padding: 57px 0px 0px 0px;
	}
	
#logo_localize {
	font-size: 2px;
	color: #FFFFFF;
	width: 321px;
	height: 121px;
	position: absolute;
	background: transparent url("images/global/logo_localize.png") no-repeat;
	left: 252px;
	top: 102px;
	}
	
h1.localize, h1.events, h1.about, h1.blog, h1.details {
	background: #FFFFFF url("images/global/headline_welove.gif") 105px 0px no-repeat;
	padding: 50px 0px 10px 0px;
	text-align: right;
	line-height: .90em;
	}
	
h1.events {
	background: #FFFFFF url("images/global/headline_events_upcoming.gif") 60px 0px no-repeat;
	padding-top: 57px;
	}
	
h1.about {
	background: #FFFFFF url("images/global/headline_about.gif") 140px 0px no-repeat;
	line-height: 1.0em;
	}
	
h1.blog {
	background: #FFFFFF url("images/global/headline_blog.gif") 70px 0px no-repeat;
	padding-top: 55px;
	}
	
h1.details {
	background: #FFFFFF url("images/global/headline_details.gif") 125px 0px no-repeat;
	padding-top: 55px;
	}
	
#column_one p, #column_one_localize p {
	text-align: right;
	}

#archive, #projects {
	/*border-top: solid #dbc901 1px;*/
	margin-top: 0px;
	/*padding-top: 25px;*/
	padding-left: 75px;
	}
	
#archive {
	background: transparent url("images/global/headline_eventarchive.gif") 0px 0px no-repeat;
	}
	
#projects {
	padding-left: 75px;
	margin-top: 0px;
	background: transparent url("images/global/headline_projects.gif") 0px 25px no-repeat;
	}
#localize_past {border-top: solid #dbc901 1px;padding-top: 15px;}
	
#menu {
	background: transparent url("images/global/headline_menu_recipes.gif") 0px 0px no-repeat;
	padding-left: 75px;
	}
	
img.float {
	float: left;
	padding-right: 5px;
	}
	
img {
	margin-bottom: 20px;
	background-color: transparent;
	}

a.no_bg {
	background-color: #FFFFFF;
	}
a.no_bg:hover {
	background-color: #FFFFFF;
	}
	
p.bio {
	width: 425px;
	}
	
.post {
	width: 250px;
	float: left;
	padding-left: 25px;
	}
	
ul.categories {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ul.categories li {
	float: right;
	}

ul.categories a {
	color: #c7b30d;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 0.70em;
	}
	
ul.categories a:hover {
	color: #FFFFFF;
	}
	
.row { clear: both; }
.col1 { width: 250px; float: left; padding-left: 25px; }
.col2 { width: 250px; float: right; padding-left: 25px; }

.entry_right {
	text-align: right;
	}
	
/*==============================================================
MAIN NAVIGATION
==============================================================*/
a#logo {
	height: 26px;
	width: 200px;
	display: block;
	background: transparent url("images/global/logo_tableonethree.gif") top left no-repeat;
	}
	
ul#main_nav {
	width: 250px;
	padding-top: 8px;
	margin: 0;
	height: 18px;
	list-style: none;
	overflow: hidden;
	}
	
ul#main_nav li {
	display: inline;
	}
		
ul#main_nav a {
	text-decoration: none;
	padding: 0px 0 0 0;
	font-size: 2px;
	color: #FFFFFF;
	float: left;
	display: block;
	width: 51px;
	height: 18px;
	background: transparent url("images/global/nav_sprite.gif") no-repeat;
	}
	
ul#main_nav li#about a , li#about a#about { 
	width: 51px; 
	left: 0;
	background-position: 0px 0px;
	height: 18px;
	}
ul#main_nav li#about a:hover,
ul#main_nav li#about a#current { background-position: 0 -19px; }

ul#main_nav li#events a { 
	background-position: -51px 0px; 
	width: 61px; 
	left: 0; 
	}
ul#main_nav li#events a:hover,
ul#main_nav li#events a#current { background-position: -51px -19px; }

ul#main_nav li#localize a { 
	width: 72px; 
	left: 0;
	background-position: -112px 0px;
	}
ul#main_nav li#localize a:hover,
ul#main_nav li#localize a#current { background-position: -112px -19px; }

ul#main_nav li#blog a { 
	background-position: -182px 0; 
	width: 50px; 
	left: 0; 
	}
ul#main_nav li#blog a:hover,
ul#main_nav li#blog a#current { background-position: -182px -19px; }

	
	
/*==============================================================
HOME PAGE
==============================================================*/
#home_column_left {
	width: 250px;
	margin-top: 90px;
	float: left;
	}
	
#home_column_right {
	width: 300px;
	float: left;
	padding-left: 25px;
	height: 585px;
	}
	
#home_column_float {
	position: absolute;
	width: 228px;
	height: 245px;
	background: transparent url("images/global/bg_home_float.gif") top left no-repeat;
	left: 550px;
	top: 160px;
	}
	
a#home_logo {
	position: absolute;
	height: 26px;
	width: 200px;
	z-index: 100;
	display: block;
	left: 147px;
	top: 327px;
	background: transparent url("images/global/logo_tableonethree.gif") top left no-repeat;
	font-size: 2px;
	color: #FFFFFF;
	}
	
#home_localize {
	width: 85px;
	height: 85px;
	float: right;
	}
	
img.localize_image {
	position: absolute;
	z-index: 10;
	left: 276px;
	top: 355px;
	width: 298px;
	height: 244px;
	}
	
#home_logo_localize {
	position: absolute;
	z-index: 100;
	width: 85px;
	height: 90px;
	left: 393px;
	top: 551px;
	background: transparent url("images/global/logo_localize_home.png") no-repeat;
	font-size: 2px;
	color: #FFFFFF;
	}
	
#twitter_div {
	background: #FFFFFF url("images/global/headline_twitter.gif") top right no-repeat;
	display: block;
	width: 225px;
	clear: both;
	float: right;
	}
	
ul#twitter_update_list {
	list-style: none;
	margin: 0;
	padding-top: 22px;
	}

ul#twitter_update_list li {
	float: right;
	color: #644228;
	line-height: 1.5em;
	font-size: 0.69em;
	text-align: right;
	}

ul#twitter_update_list li a {
	font-size: .90em;
	}
	
p#upcoming {
	height: 112px;
	display: block;
	padding: 27px 0px 0px 0px;
	line-height: 1.5em;
	}
	
a#nav_about, a#nav_blog {
	display: block;
	float: right;
	margin-bottom: 25px;
	font-size: 2px;
	color: #644228;
	}

a#nav_about {
	height: 250px;
	width: 250px;
	background: url("images/global/nav_home_about.gif") top;
	}
	
a#nav_about:hover {
	background: url("images/global/nav_home_about_on.gif") top;
	}
	
a#nav_blog {
	height: 93px;
	width: 133px;
	background: url("images/global/nav_home_blog.gif") top;
	color: #FFFFFF;
	}
	
a#nav_blog:hover {
	background: url("images/global/nav_home_blog_on.gif") top;
	}
	
a#nav_events, a#nav_localize {
	display: block;
	float: left;
	font-size: 2px;
	color: #644228;
	}

a#nav_events {
	height: 273px;
	width: 250px;
	background: url("images/global/nav_home_events.gif") top;
	margin-bottom: 32px;
	color: #FFFFFF;
	}
	
a#nav_events:hover {
	background: url("images/global/nav_home_events_on.gif") top;
	}
	
a#nav_localize {
	height: 244px;
	width: 298px;
	background: url("images/global/nav_home_localize.png") top;
	margin-bottom: 25px;
	position: absolute;
	z-index: 25;
	left: 276px;
	top: 355px;
	}
	
a#nav_localize:hover {
	background: url("images/global/nav_home_localize_on.png") top;
	}
	
/*==============================================================
GET INVITED
==============================================================*/
#get_invited ol {
	margin: 0px;
	list-style: none;
	padding-left: 50px;
	padding-top: 25px;
	}
	
#get_invited li {
	margin-bottom: 7px;
	float: left;
	width: 175px;
	background: #f0efee;
	height: 22px;
	}
	
#get_invited label {
	font: bold .65em Arial, Helvetica, sans-serif;
	padding: 5px 10px 0px 5px;
	float: left;
	text-transform: uppercase;
	color: #bfb6ae;
	background: #f0efee;
	}
	
#get_invited .no_bg {
	background: #FFFFFF;
	float: left;
	width: 185px;
	margin-left: 10px;
	}
	
#get_invited .field, #get_invited .field_industry {
	height: 16px;
	float: left;
	width: 120px;
	background: #f0efee;
	border: none;
	padding-top: 4px;
	}
	
#get_invited .field_industry {
	width: 100px;
	}
	
#get_invited .btn {
	clear:both;
	/*margin-left: 295px;*/
	background: #FFFFFF;
	display: block;
	border: none;
	color: #dbc901;
	text-transform: uppercase;
	width: 80px;
	height: 15px;
	float: right;
	font-size: 11px;
	}
	
#get_invited .btnhov {
	color: #4e2f09;
	}
	
/*==============================================================
FOOTER
==============================================================*/
#footer_wrap {
	background: #cbc3bc url("images/global/bg_footer_background.gif") top repeat-x;
	height: 250px;
	}
	
#footer, #footer_home {
	width: 875px;
	background: transparent url("images/global/bg_footer.gif") 50px 0px no-repeat;
	margin: 0px auto;
	height: 100px;
	}
	
#footer_home {
	background: transparent url("images/global/bg_footer_home.gif") 50px 0px no-repeat;
	}
	
a#noise {
	display: block;
	width: 134px;
	height: 31px;
	float: left;
	background: transparent url("images/global/logo_noise13.gif") bottom right no-repeat;
	padding: 40px 30px 0px 0px;
	font-size: 2px;
	color: #cbc3bc;
	}
	
a#sign_up {
	display: block;
	width: 176px;
	height: 47px;
	float: right;
	background: transparent url("images/global/btn_footer_getinvited.gif") top left no-repeat;
	padding: 0px 70px 0px 0px;
	font-size: 2px;
	color: #FFFFFF;
	}
	
p.date {
	display: block;
	padding: 26px 15px 0px 0px;
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	font-size: .90em;
	}
	
/*==============================================================
FIX
==============================================================*/
br.clear {
	clear: both;
	}