/*
Theme Name: Dojo
Theme URI: http://spaceninja.com/dojo/
Description: A minimal, web-standards, SEO-friendly theme with two dynamic sidebars and an editable "about" blurb.
Version: 5.1.2
Author: Scott Vandehey
Author URI: http://spaceninja.com/
Tags: fixed-width, three-columns, right-sidebar, white, theme-options, threaded-comments

	SUPPORTED PLUGINS:
	* Brian's Latest Comments
	   http://meidell.dk/archives/category/wordpress/latest-comments/

	* flickrRSS
	   http://wordpress.org/extend/plugins/flickr-rss/

	* Simple Tags (for related posts function)
	   http://wordpress.org/extend/plugins/simple-tags
	
	RECOMMENDED PLUGINS:
	* Widon't by Shaun Inman (prevents widows in headlines)
	   http://www.shauninman.com/archive/2007/01/03/widont_2_1_wordpress_plugin

	* Del.icio.us for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/delicious-for-wordpress/

	* Last.fm for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/lastfm-for-wordpress/

	* Twitter for Wordpress by Ricardo Gonzalez
	   http://wordpress.org/extend/plugins/twitter-for-wordpress/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-3.0.html

	TO CUSTOMIZE:
	Create a new stylesheet in this directory called custom.css, and put your 
	rules in there. It will automatically be loaded after this stylesheet, so 
	you can override any rules with your own. Same thing for customie6bugs.css 
	and customie7bugs.css.
	
	CHANGELOG:
	
	* 5.1.2: Added support for new Wordpress 2.7 features - new comment styles and post_class() function.
	* 5.1.1: Removed reference to non-existant favicon.ico
	* 5.1: Added custom styles option and code to display 25 posts on archive pages.
	* 5.0: Initial public release, following four internal iterations.


/* Universal Rules -------------------------------------------------- */
*{margin:0; padding:0;}
body{font-family: Century Gothic, sans-serif;font-size: 85%; border-top:25px solid #000; color:#F0FF84; scrollbar-base-color: #000000; background-color:#FF0000; }


.ahem, hr { display: none !important; }
img { border: none; }
form { margin: 0; }
.floatleft, .alignleft { float: left; margin: 0 1em 1em 0; }
.floatright, .alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clearboth { clear: both; }

/* Header -------------------------------------------------- */
#header{width:965px;padding:0;height:130px; background:url(images/university-center-header-bg.gif) no-repeat;}

/* Layout -------------------------------------------------- */
#page {width: 965px;margin: 0 auto;}
#wrapper {margin: 0px;float: left;width: 965px;/*background:url(images/site-bg.gif) #FF0000 repeat;/*background: transparent url("images/bg-sidebar-thirty-percent.png") repeat-y top right;*/ /*background-color:#66FF00!important*/}
#sidebar {width: 395px;float: right;/*margin-bottom: 20px;*/padding: 0 15px;padding-top:20px}
#columncap {margin-bottom: 20px;}
#column1 {width: 190px;float: left;}
#column2 {width: 190px;float: right;}
#content {width: 510px;float: left;margin-bottom: 20px;padding-top:20px;background-color:#FF0000;}
#footer {clear: both;}

/* Content -------------------------------------------------- */
.entry {margin-bottom: 3em;}
.alert,.error {background: #ffc;border: 1px solid #ff0;border-width: 1px 0;margin: 1em 0;padding: 1em;}
code, kbd, tt, pre {font-family: Consolas, "Lucida Console", Monaco, monospace;background: transparent url("images/bg-sidebar-five-percent.png") top right;}
code {}
pre {background: transparent url("images/bg-sidebar-five-percent.png") top right;padding: .5em;}
a, a:link, a:visited {color: #FFFF33;}
a:hover, a:focus, a:active {color: #000;border-bottom-width: 2px;}
sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */vertical-align: baseline;position: relative;bottom: .33em;}
acronym, abbr, .info {border-bottom: 1px dotted #333;cursor: help;}
h1, h2 ,h3, h4 {line-height: 1.25;margin: 0 0 .25em;}
h1{font-size: 2.5em;} h1 a{color:#FFF!important; text-decoration:none}
h1.archive {margin-bottom: .5em;}
h2 {font-size: 2em;}
h3 {font-size: 1.75em;}
h4 {font-size: 1.5em;}
h5, h6 {font-size: 1.25em;}
p, ul, ol, table, .navigation {margin: .25em 0 1em;}
th, td {padding: .5em .66em;line-height: 1.1;vertical-align: top;/*border-bottom: 1px solid #ddd;*/}
th {text-align: left;vertical-align: bottom;}
.metadata .byline {margin-bottom: .75em;}
ul, ol {margin-left: 0;padding-left: 0;}
ul ul, ol ol {margin: 0;}
li {margin: .25em 0 .25em 1.25em;padding-left: 0;}
ul li {list-style-type: disc;}
ol li {margin-left: 1.5em;}
ul.rss li {list-style: none;margin-left: 0;padding-left: 17px;background: transparent url("images/feed.gif") no-repeat left .25em;}
.wp-caption {margin: .25em auto 1em;}
.entry img, .entry object {display: block;background: #fff;padding: 4px;border: 1px solid #eee;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: .25em auto 1em;max-width: 500px;}
.wp-caption img {margin: 0 auto;}
.wp-caption p.wp-caption-text {font-size: .9em;margin: .25em 0 0;text-align: center;color: #666;}
.entry .thumbrow {text-align: center;}
.entry .thumbrow img {display: inline;margin: 0 .5em;}
.entry .thumbrow a {border: none;}
.entry .floatright img,.entry .floatleft img {margin: .25em 0 1em;}
.entry img.floatright,.entry img.alignright,.entry img[align="right"],.wp-caption.alignright {margin: .25em 0 1em 1em;}
.entry img.floatleft,.entry img.alignleft,.entry img[align="left"],.wp-caption.alignleft {margin: .25em 1em 1em 0;}
.entry p,.entry li,#columncap p {text-align: justify;}
#site-archives-monthly-archive {width: 60%;float: left;}
#site-archives-monthly-archive.wide {width: auto;float: none;}
#site-archives-monthly-archive li,
#site-links li {text-align: left;}
#site-archives-category-archive {width: 37%;float: right;}
#site-links img {margin-left: 0;margin-right: 0;}
blockquote {margin: .25em 0 1em;padding: .75em 1em .25em;border-left: 2px solid #ccc;background: transparent url("images/bg-sidebar-five-percent.png") top right;font-style: italic;}
blockquote i, blockquote em, blockquote cite {font-style: normal;}
blockquote p {margin: 0 0 .5em;}
.navigation {border-top: 1px solid #ccc; padding-top: .25em;width: 100%;float: left;}
.navigation .prev {float: left;width: 50%;}
.navigation .next {float: right;width: 50%;text-align: right;}

/* Socialable ------------------------------------------------ */



/* Comments -------------------------------------------------- */
.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;
}
.related {
	clear: both;
}
.commentlist cite {
	font-style: normal;
}
.commentlist li {
	clear: both;
	margin: 0;
	padding: .75em 1em .25em;
	list-style: none;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
}
.commentlist li li {
	border-left: 2px solid #ccc;
	margin: 0 -1em 0 .5em;
}
.commentlist .even {
	/*background: #eee;*/
	background:none;
}
.commentlist .bypostauthor {
	background: none;
}
.commentlist .avatar {
	float: right;
	margin: 0 0 .5em .5em;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#cancel-comment-reply-link {
	margin-left: 3em;
}
.trackback,
.pingback {
	font-size: .85em;
	color: #666;
}
.trackback .content,
.pingback .content {
	font-style: italic;
}

/* Sidebar -------------------------------------------------- */
#sidebar {
}
#sidebar .widget {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #666666;
}
#sidebar h4 {
	margin-top: 0;
}
#sidebar blockquote {
	margin: 0;
}
#sidebar img {
	display: block;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* search */
#searchform {
	margin: .25em 0 1em;
}
#sidebar #search h4 {
	display: none;
}
#sidebar #search input {
	width: 33%;
}
#sidebar #search input#s {
	width: 60%;
}
#sidebar #search br {
	display: none;
}
/* calendar */
#wp-calendar {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	width: 100%;
}
#wp-calendar #today {
	font-weight: bold;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
}
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}
#wp-calendar caption {
	text-align: left;
	font-weight: bold;
}
/* tag cloud */
.st-tag-cloud,
.wp-tag-cloud {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	padding: .5em .5em .5em 1em;
}
#sidebar .st-tag-cloud,
#sidebar .wp-tag-cloud {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
}
.st-tag-cloud li,
.wp-tag-cloud li {
	display: inline;
	margin: 0 .5em 0 0;
}
.st-tag-cloud li a,
.wp-tag-cloud li a {
	color: #555;
}
.st-tag-cloud li a:hover,
.wp-tag-cloud li a:hover,
.st-tag-cloud li a:focus,
.wp-tag-cloud li a:focus {
	color: #c00;
}
/* subscribe */
#subscribe-dojo p {
	margin: .25em 0;
}
/* flickr */
#flickrrss,
#flickr-rss-dojo-version {
	float: left;
	width: 100%;
}
#flickrrss ul,
#flickrrss li,
#flickr-rss-dojo-version ul,
#flickr-rss-dojo-version li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#flickrrss li img,
#flickr-rss-dojo-version li img {
	float: left;
	margin: 0 10px 10px 0;
}
/* admin recent comments */
#sidebar blockquote {
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	border-color: #bbb;
}
#admin-recent-comments-dojo-version cite {
	font-style: normal;
	font-weight: bold;
}
#admin-recent-comments-dojo-version blockquote cite {
	font-style: italic;
}
#admin-recent-comments-dojo-version blockquote small {
	font-size: .9em;
}
/* twitter */
.twitter {
	margin: 0;
}
.twitter .twitter-item {
	list-style: none;
	background: transparent url("images/bg-sidebar-five-percent.png") top right;
	border-left: 1px solid #333;
	/*font-style: italic;*/
	margin: .25em 0 1em;
	padding: .75em 1em .75em;
}
.twitter .twitter-timestamp {
	display: block;
	font-size: .8em;
}

#twitter-1 .twitter .twitter-item{ overflow:hidden}



/*html > body #Childrens-Performing-Arts-Class-Schedule > div #page > div #wrapper > div #sidebar > div #column2 > div #twitter-1 .widget widget_twitter > ul .twitter > li .twitter-item > a .twitter-link*/
/* Footer -------------------------------------------------- */


#footer{width:100%;background-image: url(images/footer-bg.gif);font-size:85%;color:#000; background-repeat: repeat-x; background-color:#FFF;padding-top:40px}
#links, #keys, #copyright, #company-info{width:965px; margin:0 auto}

#copyright{clear:left}
#copyright #websitetag{ height:45px;padding-left:15px}

#company-info ul{width:450px;float:left}
#company-info li{list-style-type:none}
#company-info ul.contactinfo{ text-align:right;margin-left:50px}

#links{white-space:nowrap;}
#links .one{width:100%}
#links table{color:#CCC;}
#links .one td{width:25%; vertical-align:top; }
#links .two{background-image:none; width:49%;}
#links .two td{width:25%; vertical-align:top;}

#keys{}





/* Menu --------------------------------------------------- */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;width:965px;height:35px; background-color:#000!important;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	border-left:	1px solid #999;
	/*border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1.25em;
	text-decoration:none;
}
.sf-menu li.first a {border-left:0}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFCC33; font-weight:bold;
}
.sf-menu li {background:#000}
.sf-menu li li {background:#000; border-bottom:1px solid #999; }
.sf-menu li li li {background:#000}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#999;outline:0; color:#fff}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('inc/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('inc/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}


/* BODY REFERENCES FOR RIGHT COLUMN IMAGES ///////////////////////////////////////////////////////////*/

/* SUMMER CAMP BACKGROUND ////////////////////////*/
#Childrens-Summer-Camp #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/summer-camp-template.jpg') no-repeat; min-height:4250px}
#Testimonials #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/summer-camp-template.jpg') no-repeat; min-height:4250px}

/* KIDS BACKGROUND //////////////////////////////////////////*/
#Childrens-Performing-Arts-Class-Schedule #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/children-template.jpg') no-repeat; min-height:3150px}

/* NEWS AND EVENTS BACKGROUND ///////////////////*/
#News-and-Events #wrapper #sidebar,#UCPA-Media #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/news-and-events-template.jpg'); 
background-repeat:no-repeat; min-height:1950px}
#Contact-UCPA #wrapper #sidebar,#UCPA-Media #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/news-and-events-template.jpg'); 
background-repeat:no-repeat; min-height:1150px}

/* ADULT BACKGROUND /////////////////////////////////*/
#Adult-Performing-Arts-Class-Schedule #wrapper #sidebar, #About-the-University-Center-for-the-Performing-Arts #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/adult-template.jpg') no-repeat; min-height:2700px} 
#UCPA-Departments #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/adult-template.jpg') no-repeat; min-height:4750px}
#UCPA-Faculty #wrapper #sidebar, #UCPA-Partners #wrapper #sidebar, #About-the-University-Center-for-the-Performing-Arts #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/adult-template.jpg') no-repeat; min-height:2700px} 





/* HOMEPAGE BACKGROUND /////////////////////////////////*/
#University-Center-for-the-Performing-Arts #wrapper #sidebar{ background:url('http://www.universitycenterfortheperformingarts.com/wp-content/themes/dojo/images/homepage-template.jpg') no-repeat; min-height:2300px} 
#University-Center-for-the-Performing-Arts .title h2{ position:absolute; left:-9999em}