/* @override http://www.gothamistllc.com/mediakit/css/mediakit.css */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 20px auto;
	font: 12px Arial, Helvetica, Geneva, sans-serif;;
	background: #FFFFFF url(http://inktruck.com/body_background.gif) repeat-x;
}


img {border: 0;}

#mediakit {
	width: 900px;
	border: 1px solid gray;
}

#container {
	background: #FFFFFF url(http://livelythought.com/inktruck/bk-gray--.gif) repeat-x;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

#menu ul {
	width: 600px;
	margin-top: 20px;
}

#menu li {
	list-style-type: none;
	z-index: 13;
	position: relative;
	display: inline;
	text-transform: uppercase;
	right: 0;
	padding-right: 20px;
	font-size: 16px;
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	top:  15px;
	font-weight: bold;
}

#menu li a {
	color: #333;	
	text-decoration: none;
	font-weight: normal;
}

#menu li a:hover {
	color:  red;
	text-decoration: underline;
}

#header {
	position: relative;
	top: 20px;
	padding-left: 0px;
	z-index: 1;
}

#header b {
	vertical-align: text-top;
	position: relative;
	top: -51px;
	left: 15px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
}

#main_quote {
	margin-top: 20px;
	padding-right: 50px;
	padding-left: 50px;
	line-height: 100%;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	color: red;
}

#main_body {
	margin-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 150%
}

#main_title {
	color:  white;
	text-align: left;
	font-size: 18px;
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	background-color: red;
	padding: 4px;
	width: 430px;
}

#main_full {text-align: left; padding-top: 20px;}

#main_full ul, #main_full ol {padding-left: 20px;}

#main_left {
	padding: 10px 10px 0 0;
	margin-right:5px;
	float: left;
	width: 250px;
	text-align: left;
	border-right: 1px solid #ccc;
}

#main_right {
	padding-top: 10px;
	float:  right;
	width:  550px;
	text-align: left;
	font-size:12px;font-weight:normal;
}

#main_head {
	position: relative;
	top: 3px;
	padding-bottom: 10px;
	line-height: 100%;
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	color: grey;
}

#main_right .item div div img {float:none;}
#main_right .item div div {padding-top:10px;}
#main_right img {border:1px solid #ccc;padding:4px;margin:0 6px 6px 0;float:left;}
#main_right img.gallery {float:none;}
#main_right div.item {padding-bottom:15px;margin-top:15px;border-bottom:1px solid #ccc;}
#main_right h3.title a {color:#1A1A1A;font-weight: bold;font-size:18px;text-decoration: none;}
#main_right .extended a {color:red;font-size:11px;font-weight: normal;}
#main_right p {font-weight: normal;font-size:12px;line-height:18px}

#main_two_large {
	padding-top: 20px;
		float: left;
		width: 450px;
		text-align: left;
	
}

#main_two_small {
	padding-top: 20px;
	float:  right;
	width:  250px;
	text-align: left;
	border-left: 1px solid #CCC;
	padding-left: 20px;
	font-size: 10px;
}

#main_two_small ul {padding-left: 12px;}
#main_two_small li {
	line-height: 110%;
	list-style-type: square;
	padding-bottom: 10px;
}

#main_footer {
	padding-top: 10px;
	clear:  both;
}

#contact {
	padding-bottom: 20px;
	line-height: 150%;
}

h2 {
	font: normal 16px arial, helvetica, sans-serif;
	margin-bottom: 6px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #ccc;
}





#rates li {
list-style-type:square;
margin:10px 20px;
padding:0 10px;
}

p,#rates p {
margin:10px 0 10px 0;
}


#rates {
text-align: left;
margin-top: 20px;}

#rates #content {
margin-top: 20px;
margin-left:205px;
width:540px;
}

#rates #sidebar {
left:0px;
float: left;
top:350px;
width:165px;
padding-top:130px;
}


#rates table {
border-collapse:collapse;
color:#666;
font:12px/20px;
margin:5px auto;
width:500px;
}

#rates td {
padding:5px;
}

#rates th {
color:#555;
font:700 12px/20px Helvetica;
text-align:left;
text-transform:uppercase;
}

#rates tr.even {
background:#e1e1e1;
}

#rates tr.odd {
background:#f1f1f1;
}

#sidebar {
float:left;
margin:20px 0 10px 0px;
width:200px;
}

#sidebar img,#rates #sidebar img {
margin:0 0 40px;
}

#sidebar li {
list-style:none;
padding-left: 20px;
text-align:left;
}

#sidebar p {
color:#777;
font-size:14px;
margin:15px 0;
text-align:left;
text-transform:uppercase;
}

#sidebar p.source {
color:#777;
font-size:11px;
margin:0 0 15px;
text-align:left;
text-transform:none;
}

#sidebar ul {
margin:0 5px;
}

#rates img {border: 1px solid #CCC;}

* html #rates table {
margin-left:15px;
}

#q_age, #q_sex, #q_income, #q_education {
	width: 100%;
	padding-bottom: 30px;
	text-align: center;
} 

#q_age tbody, #q_sex tbody, #q_income tbody, #q_education tbody {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#q_age table, #q_sex table, #q_income table, #q_education table {
border-bottom:3px solid #aaa;
border-collapse:collapse;
font:12px/14px;
font-weight:700;
}

#q_age td, #q_sex td, #q_income td, #q_education td {
border-bottom:1px solid #444;
border-right:1px solid #ddd;
font-size:1.1em;
padding:3px;
width:150px;
}

#q_age th, #q_sex th, #q_income th, #q_education th {
padding:3px;
text-align:left;
}

#q_age thead, #q_sex thead, #q_income thead, #q_education thead{
border-bottom:3px solid #aaa;
}

.surveytext {font-size: xx-small; text-transform: uppercase; line-height: 100%; padding: 10px 0 10px 0; color: #999;
}

#demos {width: 100%;}
.demos {text-align: left;  margin-top: 20px;}

/* ================ AD DISPLAY ================ */

.ad {font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: white; border: 1px solid #CCC; background-image: url('../images/adBack.gif'); background-repeat: repeat-x; background-color: #e5e5e5;}
.ad a:link {color: red; font-weight: bold;}
.ad h1 {text-transform: uppercase; font-size: 16px; padding: 0;}
.ad .adInfo {text-align: left; padding: 10px;}
.ad .adExpand {text-align: right;}

#billboard {width:300px;height:250px;}
#billboard:hover {width: 500px; height: 500px;}
#billboard .adExpand {padding: 160px 10px;}

#skyscraper {width:160px;height:600px;position: absolute;z-index: 10;}
#skyscraper:hover {width: 500px; height: 600px;}
#skyscraper .adExpand {margin: 500px 10px;}
#skyscraperSpacer {width:160px;height:600px;}

#blogads {width:160px;height:600px; margin-top: 10px;}

#leaderboard {width:728px;height:90px;position: absolute;z-index: 11;}
#leaderboard:hover {width: 728px;height: 500px;}
#leaderboard .adExpand {padding: 10px;}
#leaderboardSpacer {width:728px;height:90px;}

.custom table {
	padding-top: 0;
}
.custom table tr td {width:175px; height: 175px; /*background: #666;*/ font-size:10px;line-height:11px;vertical-align:top;}
.custom table tr td i {padding-top:4px;display:block;}
.custom table tr th {text-align: left;
	font-weight: normal;
	font-style: italic;
	line-height: 15px;
	padding-right: 200px;
	padding-bottom: 5px;
}
.custom ul.submenu {
	text-align: left;
	margin-top: 20px;
	margin-left: 7px;
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 16px;
}
.custom ul.submenu li {
	display: inline;
	margin-right: 15px;
}
.custom ul.submenu li a:link, .custom ul.submenu li a:visited {
	color: #333;
	text-decoration: none;
	padding: 3px;
	border-bottom:2px solid #CCC;
	
}

.custom ul.submenu li a.selected:link, .custom ul.submenu li a.selected:visited, .custom ul.submenu li a.selected:active{
	border-color: red;	
}
.custom ul.submenu li a:hover {
	background-color: lightgrey;
}