/*
Theme Name: Blank 2 Column - Right Sidebar
Theme URI: http://zavadesign.com
Description: Custom Wordpress theme with right sidebar.
Author: Zava Design
Author URI: http://zavadesign.com
version: 1.0
Tags: two-column, widget-ready
*/

body {
	background: #fff url("images/bg_main.gif") repeat-x center top;
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #5e5e5e;}
	
body.homepage {background: #fff url("images/bg_main_homepage.gif") repeat-x center top;}
	
	/* global styles
-----------------------------*/
a {
	background: url("images/nav_divider.gif") no-repeat -2px 5px;
	padding-left: 6px;
	color: #cc0000;
	text-decoration: none;}
	
a:hover {text-decoration: underline;}

strong {font-weight: bold;}
em {font-style: italic;}

.alignright {float: right; margin: 0 0 10px 20px;}
.italic {font-style: italic;}
.clearboth {clear: both;}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #5e5e5e;}


	/* list styles
-----------------------------*/
#content ul {margin-bottom: 20px;}
#content ul.children {margin: 0 0 0 20px;}

#content ul li {
	list-style: disc;
	margin-left: 20px;}
	
#content #tabs-1 div ul li {margin-top: -20px;}
#content #tabs-1 div ul {margin-bottom: -20px;}
	
#content #tabs-1 ul.tabmenu {margin-bottom: 0;}

#content #tabs-1 ul.tabmenu li {
	list-style: none;
	margin-left: 0;}


	/* main layout DIVs
-----------------------------*/
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
	width: 940px;}
	
#header {
	margin: 27px 0 0 0;}
	
#logo a {
	background: url("images/logo.gif") no-repeat;
	display: block;
	width: 223px;
	height: 38px;
	text-indent: -3000px;}
	
#content {
	clear: both;
	float: left;
	width: 660px;
	padding-bottom: 20px;}
	
#content.homepage {
	width: 400px;}
	
#sidebar {
	float: right;
	width: 220px;
	font-size: 11px;
	line-height: 18px;
	padding-bottom: 30px;
	margin-top: 1px;}
	
#sidebar.homepage {
	width: 480px;}
	
#footer {
	clear: both;
	background: url("images/dotted_line.gif") repeat-x;
	padding: 10px 0 0 0;}
	
#featurepanel {
	height: 310px;
	background-color: #121212;
	margin: -7px 0 -9px 0;
	position: relative;
	z-index: 5;}
	
#featurepanel #flashcontent {position: relative; z-index: 5;}
#featurepanel #flashcontent embed {position: absolute; top: 0; left: 0; z-index: 5;}
	
	
	/* main nav
-----------------------------*/
#menu {position: relative; z-index: 10;}

#menu ul {margin-top: 42px;}

#menu ul li {float: left;}

#menu ul li a {
	background: url("images/nav_divider.gif") no-repeat 0 5px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 19px;
	position: relative; 
	z-index: 10;}
	
#menu ul li a:hover {color: #cc0000;}
	
#menu ul li.page-item-22 a {
	background: none;
	margin-left: 0;
	padding-left: 0;}
	
	
	/* content
-----------------------------*/
#content h2, #sidebar h2 {
	font-family: "Lucida Grande", Lucida, sans-serif;
	color: #cc0000;
	font-size: 18px;
	padding-top: 17px;
	margin-bottom: 35px;
	white-space: nowrap;}
	
#content .entry h2 {
	color: #000;
	padding-top: 0;
	margin-bottom: 20px;}
	
#content h3.redhead {
	color: #cc0000;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 20px;}
	
#content h3 {
	font-weight: bold;
	color: #000;}
	
#content p  {
	margin-bottom: 20px;}
	
	
	/* news / events page
-----------------------------*/
#content .news, #content .events {
	margin-bottom: 30px;}
	
#content .news h3 a, #content .events h3 a, #content .events .title a {
	background: none;
	padding-left: 0;}
	
#content .news h3 .date {
	font-size: 11px;
	font-style: italic;
	margin-left: 40px;}
	
#content .news p, #content .events p {
	margin-bottom: 0;}
	
#content .news .newsitem {	
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;
	margin-bottom: 20px;}
	
#content .news .newsitem a.readmore, #content .events .eventsitem a.readmore {
	font-size: 11px;
	margin-left: 2px;}
	
#content .events .eventsitem {	
	clear: both;
	margin-bottom: 0px;
	padding: 4px 10px 10px 10px;
	border-bottom: 1px solid #ebebeb;}
	
#content .events .date {display: inline-block; width: 100px;}
#content .events .title {display: inline-block; width: 350px;}

#content .events .location {
	display: inline-block; 
	width: 140px; 
	white-space: nowrap; 
	overflow: hidden; 
	position: relative;
	top: 5px;}
	
#content .events .readmore {
	float: right; 
	background-position: -2px 8px;
	position: relative;
	top: 6px;}
	

	/* forms
-----------------------------*/
.contactform {
	float: right;}
	
	
	/* tabbed content
-----------------------------*/
#content .tabbed-content .panel {
	padding: 20px 20px 20px 20px;}
	
#content .tabbed-content .ui-tabs-panel {
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #5e5e5e;}
	
	
	/* sidebar
-----------------------------*/
#sidebar.homepage li.news {
	width: 205px;
	margin-right: 15px;
	float: left;}

#sidebar h2 {
	color: #000;}
	
#sidebar .events h2 {
	background: url("images/dotted_line.gif") repeat-x bottom left;
	padding-bottom: 13px;
	margin-bottom: 22px;}
	
#sidebar.homepage  .events h2 {
	background: none;}

#sidebar h3 {
	color: #cc0000;
	font-weight: bold;
	line-height: 16px;}
	
#sidebar h3 a {
	background: none;
	padding-left: 0;
	line-height: 14px;
	margin-bottom: 2px;}
	
#sidebar p.date {
	font-style: italic;
	margin-top: -5px;
	font-size: 10px;}
	
#sidebar p.date span {
	margin-left: 20px;}
	
#sidebar li.news li {
	margin-bottom: 20px;}
	
#sidebar li.events li {
	margin-bottom: 8px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 3px;}
	
#sidebar form  {margin-top: 20px;}

#sidebar li.form li {
	border-left: 5px solid #d9d9d9;
	width: 90%;
	padding-left: 10px;}

#sidebar form .formfield textarea, #sidebar form .formfield input {
	width: 100%;}
	
	
	/* contact page
-----------------------------*/
table.contacts {
	width: 100%;
	margin-bottom: 20px;}
	
table.contacts td {
	padding-bottom: 20px;}
	
#content h2.examorganisers {
	background: url("images/dotted_line.gif") repeat-x left top transparent;
	padding-top: 20px;}
	
	
	/* Studios
-----------------------------*/
#studiopage .left {
	clear: both;
	float: left;}
	
#studiopage .right{
	margin-left: 350px;}

#studiopage ul.states li {
	list-style: none;
	margin-left: 0;}
	
.studiolist .styles a, .studiodetail .styles a, .studiodetail a.email {
	background: none;
	padding-left: 0;}
	
.post h3 a {
	background: none;
	padding-left: 0;}
	
.studiolist h3 a:hover {text-decoration: none;}
	
#studiopage form.searchform input, #studiopage form.searchform select {
	margin-bottom: 10px;}
	
a.backlist {
	background: url("images/butt_backtostudio.gif") no-repeat;
	display: block;
	width: 153px;
	height: 21px;
	text-indent: -3000px;}
	
a.backlist.directory {
	background: url("images/butt_backtodirectory.gif") no-repeat;}
	
/* studio form */

#content .tdomf_form.studio_form input, #content .tdomf_form.studio_form textarea {
	width: 50%;}
	
#content .tdomf_form.studio_form .tdomf_buttons input, #content .tdomf_form.studio_form input.checkbox {width: auto;}

#content .tdomf_form.studio_form .tdomf_buttons input {
	position: relative;
	top: -50px;}
	
#content .tdomf_form fieldset legend {
	padding: 10px 0 0 0;
	font-weight: normal;
	color: #5E5E5E;}
	
form.tdomf_form .imageupload {
	font-family: arial;}
	
body.uploadpage {
	background: none;
	line-height: auto;}
	
#tdomf_upload_inline_form {
	font-family: arial;}
	
.studiodetail img.attachment-medium {
	float: right;}
	
	
	/* Marketplace
-----------------------------*/
#postsearchads a, #content #classiwrapper a {
	background: none;
	padding-left: 0;}
	
/* plugin css overrides */
#content #classiwrapper  {padding: 0;}

#content #classiwrapper .uiwelcome {display: none;} /* change if marketplace intro added */

#content #classiwrapper .inputbox, #content #classiwrapper .inputboxprice {
	padding: 0;
	border: 1px inset #abadb3;}
	
#content #classiwrapper form#adpostform p {
	margin-bottom: 0;}
	
#content #classiwrapper .changecategoryselect {
	position: relative;
	/* top: -38px; */}
	
#content #showcategoriesmainlist {
	margin-top: 20px;}
	
#content #showcategoriesmainlist ul li p {
	margin-bottom: 0;}
	
#content .pager {
	margin-top: 8px;}
	
#content .pager a {border: none;}


	/* footer
-----------------------------*/
#footer a {
	background: none;
	padding: 0;}
	
#footer .tinylogo {
	position: relative;
	top: 4px;
	margin-right: 3px;}