/*

Theme Name: Radio Edit
Theme URI: http://www.art4orm.com/
Description: The default theme for art4orm.com
Version: 1.0
Author: Art4orm Inc.
Author URI: http://www.art4orm.com/

*/

/* -------------------------------------------------- Defaults ----------------------------------------------------- */

body { 	background-color: #fff;	margin: 10px 0 0 0;	font: 15px "Lucida Grande", "trebuchet ms", Arial, Helvetica, Verdana, sans-serif;	color: #333;}

p { margin:0 0 25px 0; line-height: 1.6em; }

p.quote { 	font-style: italic; line-height: 1.8em; margin-bottom: 5px;	font-family: Times;}

p.quote-source { margin-bottom: 0; }

h1 { margin:0 0 20px 0; font-size:25px; }
h2 { margin:0 0 20px 0; font-size:22px; }
h3 { margin:0 0 20px 0; font-size:19px;}
h4 { margin:0 0 5px 0; font-size:16px; }

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color: #1F759B; }

h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-size: 90%; }

table tr th em { font-weight: normal; font-style: normal; }


ul.inline { margin: 0 0 15px 0; padding: 0; }

ul.inline li { 	margin: 0;	padding: 0 7px 0 8px;border-left: 1px solid #999; list-style-type: none; display: inline;}

ul.inline li:first-child { border-left: 0; padding-left: 0; }

a { color: #666 }

a img { border: 0px }
b, strong { color: #287DA5 }

.text-lg, .text-large { font-size: 125%;}
.text-md, .text-medium { font-size: 115%;}
.text-sm, .text-small { font-size: 90%;}
.text-xsm, .text-extrasmall { font-size: 80%;}

.rt, .alignright { float: right; margin: 0 0 1.0em 1.2em }
.lt, .alignleft { float: left; margin: 0 1.2em 1.0em 0 }
.ctr, .aligncenter { text-align: center; }
.cb, .clear-both { clear: both }

.p, .paragraph { display: block; margin:0 0 15px 0 }

.first { margin-top: 15px; }
.last { margin-bottom: 0; }


.txt-bottom { vertical-align: text-bottom }
.txt-top { vertical-align: text-top }
.txt-rt { text-align: right; }

.highlight { background-color: #FF6 }
span.highlight-white { background-color: white; padding: 3px 6px 3px 0px; line-height: 30px;}
.txt-yellow { color: #FF6 }

.padded { padding: 5px }
.center { margin: 0 auto; }

.notice { border: 1px solid #999; background-color:#FF6; padding: 5px } /* Yellow*/

.print {}

.on { color: #FDBE56;}


.abs-top-right {position: absolute; top: 0;	right: 0;}

.abs-top-left {position: absolute; top: 0; left: 0;}

.hoz-rule { height: 15px; display: block; margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #999; }

form label em { font-size: 11px; }

.google-map {display: block; margin-bottom: 25px; padding: 10px; background-color: white;}

.vimeo { text-align: center; }

/*new portfolio */

#projectside {	float: left; width: 190px; display: inline; }
#projectmain {	float: right; width: 610px;	min-height: 500px; padding: 0 60px 0 60px; background-color: white;}
.projectcats {border-top: 10px solid #e4e4e4; text-align: right;}

#projectmain blockquote {font-size: 11px;}
#projectmain blockquote p {padding-bottom: 0px; margin-bottom: 10px;}
#projectmain blockquote em {font-size: 20px; font-style: normal; line-height: 28px;}


#projectmain h2.archive-title {font-size: 16px; font-weight: normal;}
#projectmain h2.archive-title em {font-size: 16px; text-transform: uppercase; font-style: normal; font-weight: bold;}
#projectmain .portfoliodesc {font-style: italic; }

#projectside h4 {font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 12px; margin-top: 10px; margin-bottom: 10px;}

#projectside ul {list-style-type: none;font-size: 12px; text-indent: 0px; margin: 0px; padding: 0px; margin-bottom: 20px; text-align: right;}
#projectside ul.wp-tag-cloud {list-style-type: none;font-size: 12px; text-indent: 0px; margin: 0px; margin-bottom: 20px;}
#projectside ul li {}
#projectside ul li a {display: block;padding-top: 5px; padding-bottom: 5px; text-decoration: none;}
#projectside ul li a:hover {background-color: #f1f1f1;}

#projectside ul.children {margin: 0px 0px 0px 0px;}
#projectside ul.children li a {color: #1F759B; font-size: }

.advertisingintro {font-size: 1.4em; line-height: 1.8em; padding-top:20px;}
.advertisingintro a, .advertisingintro a:visited {color: #FF8000;}
.advertisingintro a:hover {color: #1F759B;}

#page {	position: relative; width: 980px; margin: 0 auto; padding: 0;}

#masthead { width: 100%; clear: both; height: 134px; background: url('images/header_bg.jpg') 0px -1px no-repeat; }

#masthead .swf { position: absolute; width: 574px; height: 124px; top: 0; right: 0;	overflow: hidden; z-index: 99; }
#masthead .fakeplayer {position: absolute; width: 59px; height: 22px; top: 104px; right: 0px; z-index: 98; background: url('images/flashplay.png') 0 0 no-repeat; text-decoration: none;}

#masthead .logo { }


#masthead #nav {position: absolute;	width: 100%;height: 40px;top: 84px;left: 0;z-index: 95;}

ul.bigmenu { border-top: 1px solid #ccc;	display: block;	width: 100%; position: absolute; bottom: 0; left: 0; padding: 0; margin: 0;	z-index: 90;}

ul.bigmenu li { margin: 0; padding: 0px 10px 0px 10px; list-style-type: none; display: inline; float: left;}

ul.bigmenu li.first { border-left: 0; }

ul.bigmenu li:first-child { border-left: 0; }

ul.bigmenu li a { font-size: 12px; color: #4C4C4C; float: left; padding: 8px; text-decoration: none;}
/*.on {  background-color: #ccc; }*/


bigmenu.ul li a.hover { background-color: #404041; color: white;}

ul.bigmenu li a.hover {background-color: #404041; color: #fff;}

/*sub menu */


#masthead .nav-menu {width: 980px;height: 340px;position: absolute; top: 30px; left: 0; background-color: #404041; color: #E6E6E6;}

.nav-menu a {color: white;}

.nav-menu ul {margin: 0; padding: 0;}

.nav-menu ul li {	margin: 0; padding: 0; list-style-type: none; display: block; width: 230px; border-bottom: 1px dotted #999;}

.nav-menu ul li a {padding: 10px 8px 10px 25px; text-decoration: none; display: block; width: 196px; background: transparent url('/files/themes/art4orm/images/icons/bullet.gif') no-repeat 5px 15px; color: #fff; }

.nav-menu ul li a:hover { background-color: #222; display: block; width: 200px; }

#masthead .nav-menu .divided {
	
	float: left;
	padding: 10px;
/*	background-color: red;*/
	background: transparent url('/files/themes/art4orm/images/bkg_dropdown.gif') repeat-x;
	height: 275px;
	display: inline; /* IE6 */
	
}

#masthead .nav-menu .menu-sections {
	
	width: 250px;
	margin: 20px 10px 20px 20px;
/*	background-color: red;*/
	
}

#masthead .nav-menu .menu-featured-mid {
	
	width: 305px;
	margin: 20px 10px 20px 0;
/*	background-color: blue;*/
	
}

#masthead .nav-menu .menu-featured-mid .quote { color: #FF8000; font-size: 16px; line-height: 22px; padding: 10px; }
#masthead .nav-menu .menu-featured-mid p.graytitle, #masthead .nav-menu .menu-featured-work p.graytitle { color: #fefefe; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px;}
#masthead .nav-menu .menu-featured-work p.graytitle { padding: 5px 10px 0px 10px; margin: 0px 0px 0px 0px;}
#masthead .nav-menu .menu-featured-mid .quote-source { color: white; text-align: right; }

#masthead .nav-menu .menu-featured-work {
	
	width: 305px;
	margin: 20px 0 20px 0;
/*	background-color: green;*/
	
}


#masthead #menu_who { z-index: 985; }
#masthead #menu_what { z-index: 986; }
#masthead #menu_why { z-index: 987; }


/* ------------------------------------------------ page > content --------------------------------------------------*/


#content { width: 100%; padding-bottom: 20px; /*background-color: red;*/ }

#content:after { 
	
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden
}


/* -------------------------------------------- page > content > text ---------------------------------------------- */



#text { float: left; clear: both; width: 980px; position: relative; }

/*#text #crumbs { 
	
	padding-left: 10px;
	font-size: 11px;
	
}*/

.main { margin: 30px 30px 0 30px; background: transparent no-repeat top right; /*min-height: 500px;*/}

#text .bgquimby  {background: url('images/nw_quimby_street_3.jpg') no-repeat top right; }

#text .post-content {
	
	width: 560px;
/*	background-color: white;*/
}

#text .post-content p {
	
/*	width: 560px;*/
/*	background-color: white;*/
}

.post-content p em {text-decoration: none; font-style: normal; color: #FF8000; }


#text h2.post-title {}

#text h2.archive-title { /*margin-bottom: 30px;*/ }
#page.archive #text h3.post-title {}

#text h2.post-title em, 
#page.archive #text h3.post-title em { padding: 0 0 3px 3px; font-size: 11px;}


/* Images */
/*#text img { border: 2px solid #FF6; }*/
/*#text img.no-yellow-border { border: 0; }*/


/* ============ */
/* = Post Nav = */
/* ============ */

.post-nav { }
.post-nav a { }
.post-nav .next { }
.post-nav .previous { }
.post-nav .home { }


/* ============= */
/* = post-meta = */
/* ============= */

#text .post-meta { 
	
	border-bottom: 1px dashed #999;
	padding: 5px 0 12px 30px;
	margin-bottom: 15px;
	clear: both;
	font-family: sans-serif, Arial;
	font-size: 10px;
}

#text .post-meta p { line-height: 1em; margin-bottom: 8px; }

#page.home #text .post-meta, 
#page.archive #text .post-meta { margin-bottom: 30px; }


/* ============ */
/* = Comments = */
/* ============ */


#text #post-comments {}

#text #post-comment { border-top: 1px dashed #999; background-color: yellow; }

#text #post-comment-form { margin-bottom: 15px; }

#text #post-comment-form textarea {
	
	height: 110px;
	margin: 0 0 15px 0;
	overflow: auto;
	width: 80%;
}


/* ------------------------------------------ Template Specific (Crew) ---------------------------------------------- */


#page.crew #content #crew-slider {

	width: 920px;
	height: 130px;
	position: relative;
	margin-left: 30px;
	border: 5px solid #E4E4E4;
	border-left: 0;
	border-right: 0;
	
}

#page.crew #content #stage-wrap {

	height: 130px;
	width: 840px;
	margin: 0 0 0 40px;
	overflow: hidden;
	position: relative;
	padding: 0;
/*	background-color: yellow;*/
	
}

#page.crew #content #stage {

	height: 130px;
	width: 8620px;
	position: relative;
}

#page.crew #content #stage ul { 

	clear: both;
	margin: 0;
	padding: 0;
/*	background-color: red;*/
}

#page.crew #content #stage ul li { 

	width: 160px;
	height: 130px;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	list-style-type: none;
	display: inline;
	background: url('/files/pages-posts/images/crew/bkg_shoe.gif') 0 0;
}

#page.crew #content #stage ul li.on { 

	background-position: -160px 0;
}

#page.crew #content #stage ul li:hover { 

	background-position: -160px 0;
/*	background-position: -320px 0;*/
}

#page.crew #content #stage ul li a { margin: 15px 0 0 30px; float: left;}
#page.crew #content #stage ul li strong {}
#page.crew #content #stage ul li em {}

#page.crew #content a#next-panel, 
#page.crew #content a#previous-panel { 

	position: absolute;
	width: 40px;
	height: 130px;
/*	padding: 10px;*/
	font-size: 15px; 
	text-decoration: none;
	overflow: hidden;
	top: 0; 
/*	z-index: 50;*/
	background-color: #E4E4E4;
/*	display: none;*/
}

#page.crew #content a#next-panel { 
	
	right: 0;
	background: url('/files/pages-posts/images/crew/slider_next.gif') 0 0;
	
}

#page.crew #content a#previous-panel {
	
	left: 0;
	background: url('/files/pages-posts/images/crew/slider_prev.gif') 0 0;
	
}

#page.crew #content a#next-panel.disabled,
#page.crew #content a#previous-panel.disabled { background-position: -40px 0;}

.callout {margin-top: 20px; margin-left: 20px; margin-bottom: 0px; text-align: center;}



/* ---------------------------------------- Template Specific (Portfolio) ------------------------------------------ */


#page.portfolio #text { background-color: #3D7DAF; }

#page.portfolio #projects-nav {
	
	float: left;
	width: 190px;
	margin-left: 10px;
	padding: 20px 20px 300px 20px;
/*	background-color: #3D7DAF;*/
/*	background-color: yellow;*/
	font-size: 11px;
	display: inline; /*IE6*/
/*	position: fixed;*/
	color: white;
	
}


#page.portfolio #projects-nav a { color: white; text-decoration: none; }

#page.portfolio #projects-nav a.highlight {
	
	margin-left: -5px;
	padding: 5px;
	background-color: white;
	text-decoration: none;
	
}

#page.portfolio #projects-nav h3 { color: #FDBE56; }

#page.portfolio #projects-nav ul { margin: 0; padding: 0; }

#page.portfolio #projects-nav ul li { 
	
	margin: 0 0 13px 0; 
	padding: 0 0 13px 0; 
	list-style-type: none;
	border-bottom: 1px dotted white;
	
	
}

/*#page.portfolio #projects-nav ul li a { color: white; }*/

#page.portfolio #projects-nav ul li a.highlight {
	
	margin-left: -5px;
	padding: 5px;
	background-color: white;
	text-decoration: none;
	
}

#page.portfolio #project-data {

	float: right;
	width: 610px;
	min-height: 500px;
	padding: 0 60px 0 60px;
	background-color: white;

}

#page.portfolio #project-data .project-head {

	margin: 0 -30px 20px -30px;
	padding: 20px 30px 5px 30px;
	background-color: #808080;
	color: white;
	-moz-border-radius:7px;
}

#page.portfolio #project-data .project-head a {

	color: white;
}

#page.portfolio #project-data .project-head p {

/*	margin-bottom: 15px;*/
}

#page.portfolio #project-data .project-head #project-intro-toggle, 
#page.portfolio #project-data .project-head #project-intro-hide {

	margin-top: -10px;
	font-size: 11px;

}

#page.portfolio #project-data .project-head h2 { color: white; font-weight: normal; font-size: 25px; }

#page.portfolio #project-data .project-head h2 em {

	display: block;
	font-size: 13px;
	font-style: normal;

}


/*#page.portfolio #project-data p { background-color: #E6E6E6; }*/

#page.portfolio #project-data p.vimeo { text-align: center; /*background-color: black; */}



/* ---------------------------------------- Template Specific (Template B) ----------------------------------------- */



#content.template-b #text .main .abs-top-left {
	
	position: absolute;
	top: 35px;
	left: 25px;
	
}

#content.template-b ul.subnav {
	
	float: left;
	width: 250px;
	padding: 0;
	margin: 75px 0 0 -5px;
/*	background-color: red;*/
	
}

#content.template-b ul.subnav li { list-style-type: none; padding: 0 0 12px 0; }

#content.template-b ul.subnav li a {
	margin-top: 100px;
	font-size: 12px;
	padding: 5px;
	
}



#content.template-b ul.subnav li.current_page_item a {
	
	background-color: #E6E6E6;
	text-decoration: none;
	color: black;
/*	margin-left: 5px;*/
	
}


#content.template-b ul.subnav li.current_page_item ul {
	
	margin-top: 12px;
	
}

#content.template-b ul.subnav li.current_page_item ul li a {
	
	background-color: transparent !important;
	text-decoration: underline !important;
}



#content.template-b .post-content {
	
	float: left;
	width: 400px;
/*	background-color: blue;*/
	margin: 50px 0 0 50px;
	
}



/* -------------------------------------------- Page Specific (Homepage) ------------------------------------------- */



#page.home #content #stage-wrap {

	height: 330px;
	width: 980px;
	margin-bottom: 15px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	
}

#page.home #content #stage {

	height: 330px;
	width: 8620px;
	position: relative;
}

#page.home #content #stage ul { 

/*	float: left;*/
/*	width: 980px;*/
	clear: both;
	margin: 0;
	padding: 0;
}

#page.home #content #stage ul li { 

	width: 980px;
	height: 330px;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
	background-color: #E6E6E6;
}

#page.home #content #stage ul li a {}
#page.home #content #stage ul li strong {}
#page.home #content #stage ul li em {}

#page.home #content a#next-panel, 
#page.home #content a#previous-panel { 

	position: absolute;
/*	width: 30px;*/
	width: 20px;
	
	height: 20px;
	padding: 10px;
	
/*	height: 0;
	padding-top: 30px;*/
	
	font-size: 15px; 
	text-decoration: none;
	overflow: hidden;
	top: 150px; 
	z-index: 50;
	background-color: #333;
/*	color: white;*/
}

#page.home #content a#next-panel { right: 0; }
#page.home #content a#previous-panel { left: 0; }

#page.home #content a#next-panel.disabled,
#page.home #content a#previous-panel.disabled { opacity: 0.3;  }

/*#page.home #content a#next-panel { right: 5px; background: transparent url('/images/icons/right.gif') no-repeat; }
#page.home #content a#previous-panel { left: 5px; background: transparent url('/images/icons/left.gif') no-repeat; }

#page.home #content a#next-panel.disabled { background-image: url('/images/icons/right_grey.gif'); cursor: default; }
#page.home #content a#previous-panel.disabled { background-image: url('/images/icons/left_grey.gif'); cursor: default; }
*/


/* Featured */


#page.home #text #featured {
	
	width: 100%;
	height: 240px;
	display: block;
/*	background-color: blue;*/
	overflow: hidden;
	
}

#page.home #text #featured .project {
	
	float: left;
	width: 580px;
/*	background-color: red;*/
	
}

.latestprojecthome {width: 260px; margin-right: 35px; float: left; display: block;}

.latestworkhome {width: 280px; float: left; display: block;}
.homefeatured p {margin-bottom: 10px; line-height: 1em; padding: 0px;  font-size: 12px; line-height: 18px;}
.homefeatured a {color: #8EBAE0;}

.homefeatured img {}
#page.home #text #featured .twitter {
	
	float: left;
	width: 400px;
/*	background-color: #8000FF;*/
	position: relative;
	font-size: 12px;
	
}

#page.home #text #featured .twitter .tweet {
	
	width: 250px; 
	height: 95px; 
	position: absolute;
	top: 40;
	left: 40px;
	background: transparent url('/files/themes/art4orm/images/bkg_tweet.png') no-repeat;
	padding: 50px 35px 45px 35px;
	line-height: 1.5em;
	
	
}

#page.home #text #featured .twitter .followus {
	
/*	position: absolute;
	top: 8px;*/
	margin-left: 40px;
/*	font-size: 11px;*/
/*	background-color: red;*/
	text-decoration: none;
	
}


/* ---------------------------------------------------- Foot ------------------------------------------------------- */



#foot {
	
	width: 100%;
	clear: both;
/*	text-align: center;*/
/*	color: white;*/
	font-size: 11px;
	background: #F2F2F2 url('/files/themes/art4orm/images/bkg_foot.png') no-repeat top center;
/*	background: yellow;*/
	border-top: 1px solid #999;
	margin-bottom: 15px;
	position: relative;
}

#foot .motto {
	
	position: absolute;
	top: 15px;
	left: 20px;
	

}

#foot .woody {
	
	position: absolute;
	top: -15px;
	right: 0;
	

}

#foot p {
	
	margin-bottom: 10px;
}

#foot .info {
	height: 170px;
	float: left;
	width: 500px;
	margin: 110px 20px 0 20px;
/*	background-color: red;*/
	display: inline; /*IE6 Hack*/
}

.footerform {position: absolute; left: 550px; top: 100px; width: 400px; height: 170px;}
.footerform .leftff {height: 15px; margin-top: 5px; margin-right: 5px; width: 300px; border: 1px solid #ccc; padding: 3px; font-size: 11px;}
.footerform .leftfff {height: 15px; margin-top: 5px; margin-right: 5px; width: 100px; border: 1px solid #ccc; padding: 3px; font-size: 11px;}
.footerform .rightff {width: 300px; height: 50px; margin-top: 5px;  border: 1px solid #ccc; padding: 3px; font-size: 11px;font-family: Verdana, sans-serif;}
#footerformsub {border: 1px solid #ccc; background-color: #d1dce8; color: #333; margin-top: -3px; width: 60px; font-size: 11px; text-transform: uppercase;}

#foot a {color: #191919;}

#foot .main {}

#foot .links {}

#foot .login {}

.weekly-new {border-bottom: 1px dashed #999;}



/* ---------------------------------------------- Forms --------------------------------------------- */


form { font-family: verdana; font-size: 12px; }

form fieldset { margin: 0; border: 0; padding: 0; /*border-top: 1px solid white;*/  }

form legend { padding: 0 8px; font-size: 15px; display: none; }

form legend, 
form label,
form strong, 
form b { font-weight:bold; }

form legend em, 
form label em, 
form strong em, 
form b em { font-size: 85%; font-style: normal; font-weight: normal; }

form div.row { width:100%;position:relative; clear:both; margin:13px 0;}

form .row:after { content: ""; display: block; height:0; clear: both; visibility: hidden;}

form .row p { display: inline; float:left; margin:0 15px 0 0; }

input, textarea, select { padding: 1px; font-size: 14px; }

form label.error { color: #FF0; display: block; }
form input.error { background-color: #FF6; }


/* ---------------------------------------------- Hacks and Clearfixes --------------------------------------------- */


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