/*---------

Colors

light green: #73C701
red: #fd4812
light blue: #88d3fe

/*-------------------
Basic selector settings
---------------------*/

img { border:0 }

h3 { font-size: 18pt; }
h4 { font-size: 16pt; }
h5 { font-size: 14pt;}
h6 { font-size: 12pt; }

h1,h2,h3,h4,h5,h6 {
	color:#73C701;
	font-family:helvetica, arial, sans-serif;
	margin:6px 0;
	padding:0;	
	border-bottom:1px solid #ccc;
}

p,li,legend,label,td {
	color:#063;
	font-family:"Lucida Sans", helvetica, arial, sans-serif;
}

a { color: #009900; }

p, td, li {
	font-size:10pt;
	line-height:16pt;
	margin:0;
	padding:0em 1em .5em .5em;
}

li {
	line-height:1.2em;
	padding:0;
}

/* Form elements */
input.required { border: 1px solid #f00; }
input.length-2 { width:2em; }
input.length-5 { width:5em; }
input.length-10 { width:10em; }
input.length-20 { width:20em; }
input.length-30 { width:30em; }
input[type="checkbox"] { float:left; }

/*-------------------
General structure
---------------------*/

body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#fff;
	background-image: url('body_bg.png');
	background-repeat:repeat-x;
	font-family:"Lucida Sans", lucida, helvetica, arial, sans-serif;
	color:#063;	
}

div#layout {
	width:960px;
	margin:0 auto;
	text-align:left;
}

/*-------------------
Header area
---------------------*/

div#header {
	height:190px;
	clear:both;
}

div#header img {
	position:relative;
	top:10px;	
}

h2#site_desc {
	position:relative;
	top:-13px;
	font-family: arial, sans-serif;
	font-size:22px;
	margin:0;
	padding:0 0 0 89px;
	clear:both;
	font-weight:bold;
	color:#73C701;
	border-bottom:none;
}

#menu_main {
	padding-left:9px;
	background-color:#fff;
}

#menu_main ul {
	width:940px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu_main ul li {
	float:left;
	font-size:16px;
	text-align:right;
	margin: 0 4px 0 0;
	padding:0 8px;
}
#menu_main ul li a, #menu_main ul li span {
	font-family:helvetica, arial, sans-serif;
	text-decoration:none;
	padding:0px;
	font-weight:bold;
	color:#a8a8a8;
}
#menu_main ul li {	
	padding-bottom:0;
}
#menu_main ul li:hover {
	background:transparent;
}
#menu_main ul li a:hover {
	color:#ff7112;
}

/*-------------------
Main content area
---------------------*/

div#content-1 {
	width:600px;
	float:left;
}

#content-1 p {
	font-size:12pt;
	line-height:1.6em;
	margin:1em 0;
}

div#feature {
	width:600px;
	height:210px;
	/*border-bottom:8px solid #fff;*/
	clear:both;
}

div#listen, div#connect {
	float:left;
	width:290px;
	height:210px;
	text-align:center;
}

div#listen {
	margin-right:2px;
}

div#connect {
	margin-left:2px;
	border-left:8px solid #fff;
	padding-left:4px;
}

div#listen h3, div#connect h3 {
	/*background-color:#fd4812;*/
	color:#f60;
	margin:0px 0px 8px 0;
	font-size:36pt;
	font-family: "Times New Roman", serif;
	line-height:1em;
	letter-spacing:2px;
	padding:0px;
}

div.buttons {
	display:block;
	width:100%;
	height:100px;
	margin-bottom:5px;
	text-align:center;
}

.listen_button, .connect_button {
	float:left;
	padding-left: 5px;
	width:65px;
}

div#feature div.activity {
	display:block;
	font-size:8pt;
	text-align:left;
}

div#page_header {
	border:1px solid #ccc;
	margin:0 0 12px 0;
	padding:1px;
	width:626px;
	height:206px;
}

/* Form elements */
label { font-size:14pt;line-height:14pt;}
input { font-size:14pt;clear:right;border:4px solid #ecf8ff; }

textarea.comment-box {
	width:592px;
	margin:5px 0px 0px 0px;
	height:3em;
	border-top:8px solid #ecf8ff;
	border-bottom:8px solid #ecf8ff;
	border-left:8px solid #ecf8ff;
	font-size:14pt;
}

button {
	border:none;
	background-color:#fd4812;
	/*background-color:#d9f1ff;*/
	font-size:12pt;
	font-weight:bold;
	color:#fff;
	float:right;
	margin:0px;
	padding:4px 7px;
}

/*------------------
Request & Suggest boxes
--------------------*/

#request-box, #suggest-box {
	width:290px;
	float:left;
}

/*-------------------
Sidebar area
---------------------*/

div#content-2 {
	width:328px;
	float:right;
	position:relative;
	top:-80px;
	background-color:#fff;
	padding:8px;
	border:8px solid #ecf8ff;
}

div#fp_promos {
	width:328px;
	height:200px;
	background-color:#eee;
	overflow:hidden;
}

/*-------------------
Footer
---------------------*/

div#footer {
	width:100%;
	clear:both;
	height:100px;
	background-color:#edf8ff;	
}


/*-------------------
Custom class selectors
---------------------*/


.hide {
	display:none;
	visibility:hidden;
}

.clear {
	clear:both;
}

.largerbold {
	font-size:120%;
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

.larger {
	font-size:120%;
}

.lightgreen {
	color:#73C701;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

ol.toolbar {
	list-style-type:upper-alpha;
}

ol.toolbar li {
	padding:5px 0;
}

div#main { position:absolute;width:340px;top:60px;left:631px;border:1px solid #ccc;background-color:#fff;}
div#main h3 { font-size:22pt;margin:0;padding:0px 10px;text-transform:uppercase;background-color:#daf2ff }
div#main h4 { margin:0; }
div#main p { font-size:10pt; margin:0;padding:0 10px; text-align:left;line-height:14pt; }

hr { width:90%; text-align:center; height:1px; }
span.leadin, .site_name { font-size:120%;color:#F67409; }


div.feat_image_wrap { width:626px;height:226px;overflow:hidden; }
div#feature img {border:0;display:block; }
div#feature .caption { color:#006600;background-color:#fff;font-size:10pt;padding:5px 10px;height: 40px; }

div#response h3, div#response h5 { margin-top:12pt; }
div#response p { margin: 0;}

div#footer h2 { padding-top:1em }

div#errors { border:3px solid #f00;background-color:#ffa;margin:10px; }



/*------------

Twitter Updates

-------------*/

div#twitter_div {
	padding-bottom:1.5em;
}
div#twitter_div h2 {
	margin:0;
}
ul#twitter_update_list {
	margin:0;
	padding:0px;
	background-color:#fff;
	list-style-type:none;
}
ul#twitter_update_list li {
	font-size:9pt;
	padding:0px 10px 10px;
	margin:10px 0;
	border-left:2px dotted #ccc;
}

a#twitter-link {
	font-size:10pt;
	padding-right:1em;
}
/*--------------

Directories

---------------*/

div.item_wrap {
	margin:23px 10px 15px 10px;
	min-height:150px;
}

div.item_name {
	font-weight:bold;
	font-size:14pt;
	color:#ff6600;
}

div.item_tag {
	font-size:11pt;
	color:#063;
	font-style:italic;
}

div.item_detail {
	margin-left:160px;
	padding:8px;
	font-size:10pt;
	color:#063;
}

div.item_contact {
	font-size:10pt;
	margin-left:180px;
	padding-left:1em;
	color:#063;
	border-left:1px solid #f60;
}

img.profpic {
	float:left;
	margin-right:10px;
	border:3px solid #1bff26;
}

/*----------

YMLP Registration Form

------------*/

form td {
	font-size:10pt;
}