/*
	CSS Style Definitions for Poet in the City
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; }
body{ font: .8em/15px Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align:center; margin-top:10px; }
#page-container{ width:800px; text-align:left; margin:0 auto; }
	#content{ width:800px; float:left; }
		#left-side{ width:122px; float:left; }
		#right-side{ width:630px; float:right; }
			#header{ width:630px; float:left; }
				#navigator{ width:630px; margin:0; float:left; }
			#leftfloatr{ width:630px; float:left; }
			#rightfloatr{ width:316px; float:right; margin-left:16px; font-size:.9em; margin-top:30px; }
			#rightfloatr2{ width:316px; float:right; margin-left:16px; font-size:.9em; }
			#rightfloatr3{ width:316px; float:right; margin-left:16px; font-size:.9em; margin-top:72px }
			body#alternative #leftfloatr{ width:316px; float:left; }
			body#alternative #rightfloatr{ width:316px; float:right; margin-left:16px; font-size:.9em;}
			#footer{ width:630px; float:left; clear:both; }
				#footer p{ font-size:.85em; margin:5px 0; }
				#footer ul{ margin:36px 0 12px 0; padding:0; list-style: none; }
				#footer ul li{ float:left; margin-right: 12px; border-left:1px solid #666; }
				#footer ul li.first{ border-left: none; }
				#footer ul li a, #footer ul li a:link, #footer ul li a:visited{ color: #56004e; text-decoration: none; margin-left: 12px; text-transform:uppercase; }
				#footer ul li a.on, #footer ul li a:hover, #footer ul li a:active{ color:#EF229B; }
				#footer ul li.first a{ margin-left:0; }

/* site wide elements */
.inside{ padding:12px; }
.text_white {
	color: #FFFFFF;
}
.important {color:#bc2a4d;}
#text_title	{
	color: #5A5758;
	font-family: Verdana;
	font-size: 23px;
	text-decoration: none;
}

h1.title{ margin:0; padding:16px 0 0 0; }

#left-side h1{ margin: 30px 0 0 0; font-size:.9em; color:#56004e; text-transform:uppercase; }

ul#nav{ margin:0 0 30px 8px; padding:0; list-style:none; }
ul#nav li{ margin:0; padding:0; }
ul#nav li a, ul#nav li a:link, ul#nav li a:visited{ color:#56004e; text-decoration:none; }
ul#nav li a#on, ul#nav li a:hover, ul#nav li a:active{ color:#ef229b; }

ul#subnav{ margin:0 0 0 16px; padding:0; list-style:none }
ul#subnav li{}
ul#subnav li a, ul#subnav li a:link, ul#subnav li a:visited{}
ul#subnav li a#on, ul#subnav li a:hover, ul#subnav li a:active{ color:#ef229b; }

ul#tabs{ margin:0; padding:0; list-style:none; width:630px; clear:both; }
ul#tabs li{ float:left; padding:0 5px 8px 5px; margin:0 3px 0 0; text-align:center; height:119px; }
ul#tabs li#events,ul#tabs li#school,ul#tabs li#talk,ul#tabs li#opportunities{ padding-top:80px; }
ul#tabs li#events{ background-color:#56004e; height:auto; width:44px; }
ul#tabs li#school{ background-color:#ec008c; height:auto; width:59px; }
ul#tabs li#talk{ background-color:#66672b; height:auto; width:44px; }
ul#tabs li#opportunities{ background-color:#083a81; height:auto; width:86px; }
ul#tabs li#features{ background-color:#bbbdc0; width:334px; margin-right:0; position:relative; height: auto; }
ul#tabs li a, ul#tabs li a:link, ul#tabs li a:visited{ color:#fff; text-decoration:none; text-transform:uppercase; font-size:.9em; font-weight:bold; }
ul#tabs li a:hover, ul#tabs li a:active{  }

ul#undertabs{ margin:0; padding:0; list-style:none; width:630px; clear:both; }
ul#undertabs li{ height:7px !important; text-align:center; margin:0 3px 0 0; padding:0 5px;display:inline; }
ul#undertabs li#events-on{ width:44px; }
ul#undertabs li#school-on{ width:59px; }
ul#undertabs li#talk-on{ width:44px; }
ul#undertabs li#opportunities-on{ width:86px; }

ul.pager li a.on span{text-decoration:underline;}

#navigator ul li#features form{ position:absolute; right:12px; bottom:12px; text-align:right; }
#navigator ul li#features form input.sField{ border:0; background:url("../images/field-search-top.gif") no-repeat; height:20px; width:110px; padding: 4px 6px 0 6px; margin-bottom:4px; font: .9em Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; }

#navigator ul li dl{ margin:0; padding:0; }
#navigator ul li dl dd{ margin:0; padding:0; text-align:left; line-height:18px; }
#navigator ul li dl dd.last{ line-height:16px; }
#navigator ul li dl dd a, #navigator ul li dl dd a:link, #navigator ul li dl dd a:visited{ color:#56004e; text-transform:none; padding:0; }

ul#breadcrumb{ margin:8px 0 0 0; padding:0; list-style:none; }
ul#breadcrumb li{ margin:0 4px 0 0; padding:0; float:left; }
ul#breadcrumb li a{ color:#56004e; text-transform:uppercase; text-decoration:none; }

#leftfloatr h2{ font-family:'Helvetica Neue', Helvetica, sans-serif; font-weight:normal; font-size:1.4em; }
#leftfloatr h3{ font-family:'Helvetica Neue', Helvetica, sans-serif; font-weight:normal; font-size:1.2em; color:#66672b; }

ul.poem{ margin:0; padding:0; list-style:none; }
ul.poem li{ color:#66672b; font-style:italic; }

#rightfloatr ul{ margin:4px 0 0 0; padding:0; list-style:none; background-color:#6ECDDD; }
#rightfloatr li{ margin:0; padding:0; }
#rightfloatr li a{ color:#000; text-decoration:none; background:url("../images/icon-speaker.gif") no-repeat left center; padding:8px 4px 8px 30px; display:block;margin:0 0 0 4px; }

p.signuppreamble{ font-size:.9em; margin:114px 0 8px 0; line-height:12px; }

form input.sField{ border:0; background:url("../images/field-search-left.gif") no-repeat; height:20px; width:110px; padding: 4px 6px 0 6px; margin-bottom:4px; font: .9em Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
form input.signme{ margin-bottom:4px; }

a.talkpoetry{ display:block; margin:16px 0; }
a.talkpoetry img{ display:block; }

ul.topics{ margin:0; padding:0; list-style:none; }
ul.topics li{ margin:0 0 8px 0; padding:0; }
ul.topics li a{ color:#5b5836; text-decoration:none; }

div#banner{ margin:8px 0; }
* html div#banner{ margin:10px 0 8px 0; }

h1.welcome{ margin: 0 0 16px 0; }

a#small-banner{ display:block; margin-bottom:8px; }

table.icons{ width:100%; margin-top:8px; }
table.icons td.bLeft{ background:url("../images/blue-left.gif") no-repeat; height:29px; _height:27px; width:38px; text-align:center; }
table.icons td.bRight{ background:url("../images/blue-right.gif") no-repeat top right; height:29px; _height:27px; width:278px; line-height:11px; padding:0 8px; font-size:.9em; }
table.icons td.bRight a{ color:#000; text-decoration:none; }
table.icons td{ border-bottom:2px solid #fff; vertical-align:middle; }

/* clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.graybox { height:112px; padding-top: 0; }


				a,a:link,a:visited{ color: #56004e; text-decoration: none;}
				a:hover,a:active{ color:#EF229B; }

table.gallery{  }
table.gallery td{ width:100%; padding:4px; }
table.gallery td.image{ width:46px; padding-left:0; vertical-align:middle; }
table.gallery td a{ color:#56004E; text-decoration:none; }

/* Form
************************************************/
form#form{ margin:10px 0; }
form#form label{ display:block; float:left; width:160px; margin-bottom:4px; }
form#form input.text{ width:190px; float:left; margin-bottom:4px; border:1px solid #66672B; font: 1em/15px Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
form#form input.submit{ margin-left:160px; font: 1em/15px Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
form#form select{ width:190px; float:left; margin-bottom:4px; border:1px solid #66672B; font: 1em/15px Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; }
form#form br{ clear:both; }

#login-menu {
	margin:0;
	padding:0;
}
#login-menu li {
	list-style-type: none;
}
#login-menu li a , #login-menu li a:hover, #login-menu li a:active {
	display: block;
}



/* Notice board module */

#notice-board { clear: both; font: 11px/normal Verdana, Arial, Helvetica, sans-serif; }

	#notice-board p { margin: 11px 0;}

	/* Links */
	#notice-board a.new { display: inline; float: right; }

	/* Boxes */
	#notice-board .box1 { height: 60px; padding: 0 20px; background: url(../images/box1.png) 0 0 no-repeat; }
	#notice-board .box1 p { margin-top: 0; }
	#notice-board .box1 h1 { margin-top: 0; }
	#notice-board .box1 .inner { padding-top: 15px; }

	/* Notices list */
	#notice-board ul.notices { list-style: none; margin: 0; padding: 0; }
	#notice-board ul.notices li.notice { clear: both; float: left; width: 100%; margin-bottom: 1em; border-bottom: solid 1px #ccc; }
	* html #notice-board ul.notices li.notice { padding: 1em 0; }
	#notice-board ul.notices .details { display: inline; float: left; width: 275px; margin-left: 12px; }
	#notice-board ul.notices .details h1 { font-family: Arial, Helvetica, sans-serif;  margin: 0 0 14px 0;}
	#notice-board ul.notices .details .visual { float: left; width: 80px; }
	#notice-board ul.notices .details .visual img { padding: 1px; border: solid 1px #bebebe; }
	#notice-board ul.notices .details .textual { float: right; width: 175px; word-wrap:break-word; }
	#notice-board ul.notices .details .textual p.first { margin-top: 0; }
	#notice-board ul.notices .details .author { clear: both; }
	#notice-board ul.notices .details big.phone { font: 23px Arial, Helvetica, sans-serif; }
	#notice-board ul.notices .desc { float: right; width: 490px; }

#post_notice { margin-top: 20px;}
#post_notice label { margin-top: 10px;}
#post_notice label.comment { margin-top: 5px; color: rgb(165, 165, 165); }
#post_notice input { border: 1px solid rgb(182, 182, 182); width: 100%; margin-top: 5px; margin-bottom: 10px; height: 21px; padding-top: 5px; padding-left: 8px; }

#post_notice input.title { font: 23px Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 8px; padding-top: 4px; padding-bottom: 3px; height: 28px; width: 790px; }
#post_notice input.author { width: 214px; }

#post_notice #lft_side {
	width: 294px;
	float: left;
}

#post_notice #lft_side input { width: 284px; }
#post_notice #lft_side input.file { width: 284px; margin-bottom: 5px;}

#post_notice #rght_side {
	width: 479px;
	float: left;
	padding-left: 26px;
}

#post_notice #rght_side #description { margin-top: 5px;}

#rght_side #last { margin-top: 5px;}
#rght_side #last #author_container { width: 214px; float: left; }
#rght_side #last #submit_container { float: right; }
#rght_side #last #submit_container input.submit { background: url(../images/submit_post-notice.jpg) 0 0 no-repeat; width: 114px; height: 29px; border-width: 0; padding-top: 0; font-weight: bold; color: rgb(0, 28, 67); }

#rght_side #last #cancel_container { float: right; margin-right: 10px; }
#rght_side #last #cancel_container .cancel { background: url(../images/submit_post-notice.jpg) 0 0 no-repeat; width: 114px; height: 29px; border-width: 0; padding-top: 0; font-weight: bold; color: rgb(0, 28, 67); margin-top: 5px;}

/* Products patch
************************************************/
ul.pager{ margin:0 0 6px 0; padding:0; }
ul.pager li{ margin:0 3px 0 0; padding:0; list-style:none; float:left; font-size:120%; }
ul.pager li a{ color:#56004E; text-decoration:none; }

ul#products{ margin:12px 0; padding:0; }
ul#products li{ margin:0; padding:10px; list-style:none; background:url("../images/prod-gradient.gif") repeat-x; }
ul#products li div.productlist{ width:490px; margin-left:110px; }
ul#products li h1{ color:#56004E; font-size:100%; margin:0 0 12px 0; }
ul#products li h1 span{ float:right; color:#000; }
ul#products li a.button{ background:url("../images/button.gif") no-repeat; display:block; width:129px; line-height:25px; text-align:center; color:#fff; text-decoration:none; }
ul#products .events_thumbnails {background-position:center center;background-repeat:no-repeat; width:102px; height:84px;float:left;}