/*
Theme Name: The UnConvention WP 
Theme URI: http://newmedia.walkerart.org/
Description: theme for the unconvention.
Version: 0.2
Author: Justin Heideman
*/


/*-----------Block Level Elements--------------*/


body {
	/* background: #606060 url(images/bg_strip.png) repeat-x; */
	/* background-color: #000;
	background-image: url(images/background.jpg);
	background-repeat:  no-repeat;
	background-position: top center; */
	background: #606060 url(images/bgGradientThin.png) repeat-x;
    margin: 0px;
    padding: 0px;    
	font: 100 12px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #fff;
}

a{
	color: #5b80a0;
	text-decoration: none;
}


a:hover{
	color:#5b80a0;
	background-color: #b2b098;
}

#page {
	width: 728px; 
	margin: 35px auto 10px auto;

}

#cornerBannerTop{
/*	background-image:  url(images/corner_banner.png);
    background-repeat: no-repeat;
   background-position: top left; */
	top: 0px;
	left: 0px;
	width: 162px;
	height: 64px;
	position: absolute;
}

#cornerBannerBot{
/*	background-image:  url(images/corner_banner.png);
    background-repeat: no-repeat;
   background-position: top left; */
	top: 64px;
	left: 0px;
	width: 97px;
	height: 97px;
	position: absolute;
}

#topStars{
	width: 100%;
	background-image:  url(images/topstar.gif);
    background-repeat: repeat-x;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header {
	margin-bottom: 10px;
}

#headerimg {

}

.description {
	width: 200px;
	float: right;
	text-align: right;
	color: #9d8787;
}

#wrapper {

}

#content {
	background: #edebcb url(images/boxBG.png) repeat-x;
	min-height: 400px;
	padding: 15px;
	border: 1px solid #adab96;
	border-top: 0;
	background-color: #EDEBCB;
}

#content p{ color:#333;
	line-height: 1.5em;
	margin-bottom: 20px;

}

#sidebar {

}

#footer {

}

/*-------------Navigation-----------*/
ul#pagesNav{ 
	width: 470px; 
	float: left; 
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
	margin
}
ul#pagesNav li{
    display: inline;
    list-style-type: none;
    margin-right: 8px;
}

/* ul#pagesNav  li:after {
	content: "\0020 \002F";
	} */

ul#pagesNav li a{
    color: #fff;
    text-decoration: none;	
}
ul#pagesNav li a:hover{
    border-bottom: 1px solid red;
	background-color: transparent;
	color: #9d8787;
}


ul#pagesNav li.current_page_item a, 
ul#pagesNav li.current_page_item a:hover, 
ul#pagesNav li.current_page_parent a,
ul#pagesNav li.current_page_parent a:hover{
	color: #5096cc;
}



/* footer nav */
ul#footerNav{  
	float: left; 
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	display: inline;
	padding-top: 12px;
	width: 470px;
}
ul#footerNav li{
    display: inline;
    list-style-type: none;
    margin-right: 8px;
	padding-left: 2px;
}

/* ul#footerNav  li:before {
	content: "\002F \0020 \0020";
	} 
*/
ul#footerNav li a{
    color: #fff;
    text-decoration: none;	
	padding: 4px;
}
ul#footerNav li a:hover{
	background-color: #000;
    /* border-bottom: 1px solid red;
	color: #9d8787; */
}

ul#footerNav li a img{
	margin-bottom: -3px;
}






/*-------------Headings-------------*/

#headerimg h1{
	margin-bottom: 5px;
	padding-bottom: 0px;
}
#headerimg h1 a{
	background-color: transparent;
}

h1 {
	
}

h1.hidden{display: none;}

h2 {
	background-color: #4f4f4f;
	color: #5096cc;
	padding: 3px;
	margin: 5px 5px 10px 0px;
	font-weight: normal;
	display: inline;
	font-size: 1.5em;
}

h2 a{
	color: #5096cc;
	text-decoration: none;	
}


h3 {
	color: #931010;
	font-size: 1.4em;
	margin: 5px 5px 10px 0px;
	font-weight: normal;
	display: inline;
}

h4 {

}

h5 {

}


h3 a:hover, h3 a:visited, h3 a, .post h3 a {
	color: #931010;
	padding: 3px 3px 3px 0px;
	font-weight: normal;
	display: inline;
	text-decoration: none;
}



/*-------------The Post-------------*/

.post {
	margin-bottom: 20px;
}

.post h3{
	margin-bottom: 10px;
}

.post h3 a:hover{
	color: #fff;
	background-color: #4F4F4F;
}

.post p {
	color: #333;
}

.post a {
	color: #5b8db8;
	text-decoration: none;
}

.post ul {

}

.post li {

}

.entry {
	margin-top: -5px;
}

.postmetadata {
	font-size: 0.9em;
}

.postmetadata alt {

}

.postmetadata a {
	
}


.post .metaContain{
	margin-top:8px;
}
.metaInf {
	background-color: #DEEDF9;
	font: 100 11px/14px arial,helvetica,sans-serif;
	padding:3px;
	color:#333;
	position:relative;
}

.metaInf li, ul.post-meta li {
	margin-top:-6px;
	display: inline;
	padding: 0px;
}

.metaInf ul {
	height:14px;
	display: inline;
	list-style: none;
	margin: 0px;
	margin-top:6px;
	padding: 0px;
}

.metaInf a {
	letter-spacing: 0;
	color: #111111;
	font-weight: bold;
}

.metaInf a:hover {
	background-color: #FFFFFF;
	padding:1px;
}




.navigation {
	clear: both;
	height: 20px;
	margin-bottom: 5px;
}

.alignleft {
	float: left;

}

.alignright {
	float: right;

}

.archiveList{
	width: 340px;
	margin-top: 10px;
	float: left;
}

.clr, .clear{
	clear: both;
}

.center {

}

.pagetitle {

}

blockquote {

}

cite {

}

a img {
	border: 0;
}

acronym, abbr {

}



/*---------------PAGES-------------*/
.page{
	padding-top: 5px;
}

.page h2{
	background-color: #deedf9;
	color: #39556b;
	padding: 3px;
	margin: 10px 5px 15px 0px;
	font-weight: bold;
	display: inline;
	text-decoration: none;
	font-size: 2em;
}

.line{
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #a8ceec;
	display: block;
	width: 100%;
}

.dark{
	border-bottom: 1px solid #aaa;
}

.page p {
	color: #333;
}

.pageContent{
	color: #333;
}


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

#sidebar ul {

}

#sidebar ul h2 {

}

#sidebar ul li {

}

#sidebar ul ul {

}

#sidebar ul ul li {

}

#sidebar ul ul ul {

}

#sidebar p {

}

#sidebar a {

}
#sidebar a:hover {

}

#sidebar a:visited {

}


/*--------------Comments--------------*/

#commentsBox{
	width: 325px;
	float: left;
}

#commentsBox h3#comments{
	
}

ol.commentlist {
	color: #333;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

ol.commentlist li {
	
}

ol.commentlist li.alt {

}

ol.commentlist a {

}
ol.commentlist p{
	margin: 5px 0px 20px 0px;
	
}

ol.commentlist .metaInf{
	margin-left: -2px;
}

small.commentmetadata {

}

#replyBox{
	width: 340px;
	float: right;
	/*border-left: 1px solid #a8ceec; */
	padding-left: 20px;
}

#replyBox h3#respond{

}

label{
	color: #333;
	display: block;
	font-weight: .8em;
}


div.commentAfter a{
	color:#fff;
	background-color: #b2b098;
	padding: 2px;
}

div.commentAfter a:hover{
	color:#333;
	background-color: #b2b098;
	padding: 2px;
}

/*--------------Search Form-------------*/

#searchFormContainer{
	width: 240px;
	float: right;
	text-align: right;
	padding: 3px;
	margin-top: 5px;
}

#searchform {

}

#searchform input {

}

#searchform #s {

}


#feedFooter{
	float: left;
	width: 470px;
}

a.feed{
	text-decoration: none;
	color: #fff;
	padding: 4px;
}
a.feed:hover{
	background-color: #000;
}
a.feed img{
	margin-bottom: -3px;
}





/*-------------Images------------------*/




/* ---------  events calendar ---------- */
/*list*/
ul.ec3_events{
	list-style-type: none;
	margin: 0px 0px 10px -38px;
	list-style-position: inside;
}

ul.ec3_events li.ec3_list, ul.ec3_events li.ec3_list_month{
	margin-left: 5px;
}

/*grid*/
#wp-calendar{
	width: 260px;
}

#wp-calendar table caption{
	text-align: left;
}

#wp-calendar table caption a{
	text-decoration: none;
	color: #931010;
}

#wp-calendar th{
	font-weight: bold;
	font-size: 0.8em;
}

#wp-calendar table td#next a, #wp-calendar table td#prev a{
	color: #931010;
	text-decoration: none;
}

#wp-calendar table{
	color: #333;
}
#wp-calendar table td.ec3_postday a{
	color: #931010;
}


iframe#googleCalendar html body{
	background-color: transparent !important;
}


/*-------------Homepage specific stuff------------------*/


#homeHighlighted div.item{
	width: 425px;
	height: 350px;
	background-color: #4f4f4f;
	padding: 5px;
	float: left;
	margin: 10px 0px 10px 0px;
}
#homeHighlighted object{
	background-color: #4f4f4f;
}

div#homeHeader{
	height: 415px;
	overflow: hidden;
	width:720px;
}

div#homeHeader div.headRotate{
	width: 680px;
	height: 390px;
	padding: 20px;
}



#homeHeader .describeConvention{
	float: right;
	width: 270px;
	margin-top: 15px;
	color: #fff;
}

/* iatm specific stuff */

div#iatmWrapper.headRotate{
	background-image: url(images/iapproveFrontBg.jpg);
	background-repeat: no-repeat;
}

#iatmWrapper .info{
	width: 289px;
	font-size: 1.9em;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	letter-spacing: -1px;
	line-height: 1.1em;
}

#iatmWrapper  a#iatmHeaderLink{
	width: 289px;
	height: 130px;
	display: block;
}
#iatmWrapper  a#iatmHeaderLink:hover{
	background-color: transparent;
}


#iatmWrapper .video{
	width: 360px;
	float: right;
}

#iatmWrapper .video h3{
	font-size: 1.2em;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: right;
	display: block;
	margin: 0px 0px 4px 0px;
}


#iatmWrapper p{
	font-size: 1.4em;
	line-height: 1.4em;
}

#iatmWrapper p a{
	font-weight: bold;
	color: #d6e8f6;
}

#iatmWrapper p a:hover{
	background-color: transparent;
	text-decoration: underline;
}

/* myom  in header */
div#myomWrapper.headRotate{
	background-image: url(images/myomFrontBg.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

div#myomWrapper div#sideText{
	width: 330px;
	float: left;
	margin: 140px 0px 0px 10px;
}

div#myomWrapper h2{
	background: none;
	color: #333;
	font-weight: bold;
	margin-bottom: 0px;
	letter-spacing: -0.4px;
	display: block;
	padding-bottom: 0px;
	font-size: 1.6em;
}
div#myomWrapper h2 a, div#myomWrapper h2 a:hover{
	color: #0179b9;
	background: none;
}

div#myomWrapper div#sideSign{
	width: 292px;
	float: right;
	margin-top: 12px;
}
div#myomWrapper div#bottomText{
	padding: 0px 14px;
	margin-top: 75px;
}

div#myomWrapper p{
	color: #333;
	font-size: 1.1em;
	line-height: 1.35em;
}

div#myomWrapper p a, div#myomWrapper p a:hover {
	color: #333;
	text-decoration: underline;
	background: none;
}


/* liberty parade in header */
div#lpWrapper.headRotate{
	background-image: url(images/lpFrontBg.jpg);
	background-repeat: no-repeat;
}
div#lpWrapper div#lpText{
	text-align: center;
	width: 270px;
	margin: 300px 0px 0px 42px;
	font-family: Arial, Helvetica, sans-serif;
}
div#lpWrapper div#lpText p{
	color: #333;
}

div#lpWrapper div#lpText h2{
	background: none;
}

div#lpWrapper div#lpText h2 a{
	color: #df5827;
	background: none;
	font-weight: bold;
	font-size: 1.35em;
}


/* peavey plaza in header */
div#peaveyWrapper.headRotate{
	background-image: url('images/peaveyFrontBg.jpg');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

div#peaveyWrapper div#peavyText{
	width: 321px;
	margin: 0px 0px 0px 186px;
	text-align:center;
}

div#peaveyWrapper div#peavyText h1{ display: block !important; margin-top:0px;}
div#peaveyWrapper div#peavyText h1 a{
	display: block;
	width: 319px;
	height: 63px;
	background-color: transparent;
}
div#peaveyWrapper div#peavyText h1 a span.hidden{
	display: none;
}


div#peaveyWrapper div#peavyText h3{
	color: #bbd3e6;
	font-size: 15px;
	margin-top: 0px;	
	font-weight: bold;
	
}

div#peaveyWrapper div#peavyText p{
	color: #edebcb;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
}

div#peaveyWrapper div#peavyText p a{
	color: #fff;
	background-color: transparent;
}


div#maeWrapper.headRotate{
	background-color: transparent;

	width: 719px !important;
	height: 411px !important;
	padding: 0px !important;
}

div#maeWrapper div#maeVideoOuter{
	margin-top: 25px;
	width: 719px;
	background-image: url('images/makeaneffortBG.jpg');
	background-repeat: no-repeat;
	height: 339px;
}


div#maeWrapper div#maeYouTube{
	width: 416px;
	float: left;
	height: 33px;
}

div#maeWrapper div#maeText{
	width: 285px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	height: 339px;
	
}

div#maeWrapper div#maeText h1{
	margin-top: 85px;
	text-align: center;
	
}
div#maeWrapper div#maeText h1 a span.hidden{
	display: none;
}
div#maeWrapper div#maeText h1 a{
	width: 285px;
	height: 70px;
	display: block;
	text-align: center;
	background-color: transparent;
}
div#maeWrapper h2{
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.7px;
	font-size:21px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	width: 719px;
	display: block;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
div#maeWrapper h2 a{
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}
div#maeWrapper h2 a:hover{
	text-decoration: underline;
}




#blogContainer{
	width: 400px;
	float: left;
}
#blogContainer.wide{
	width: 696px;
	float: none;
}

#calendarBanner{
	width: 278px;
	float: right;
}

#blogContainer h2, #calendarBanner h2{
	border-bottom: 1px solid #a8ceec;
	display: block;
	background: none;
	margin-bottom: 10px;
	padding: 0px 0px 9px 0px;
}

#blogContainer h2 a, #calendarBanner h2 a{
	background-color: #deedf9;
	color: #39556b;
	padding: 3px;
	margin: 5px 5px 10px 0px;
	font-weight: bold;
	display: inline;
	text-decoration: none;
}

.entrytext, .entry{
	color: #333;
}

.entrytext ol, .entry ol, .entrytext ul, .entry ul{
	color: #39556B;
	margin: 0px;
}

.entrytext li, .entry li{
	margin-bottom: 4px;
}

#eventsContainer{
	width: 260px;
	float: right;
}

#eventsContainer h2{
	border-bottom: 1px solid #a8ceec;
	display: block;
	background: none;
	margin-bottom: 5px;
	padding: 0px 0px 9px 0px;
}

#eventsContainer h2 a{
	background-color: #deedf9;
	color: #39556b;
	padding: 3px;
	margin: 5px 5px 10px 0px;
	font-weight: bold;
	display: inline;
	text-decoration: none;
}



/* twitter feed */

ul#tweetFeed{
	margin:0px; 
	color: #000;
	padding:0px;
}

ul#tweetFeed li{
	margin: 4px 0px 10px 0px;
	list-style-type: none;
}
ul#tweetFeed li.odd{ 
	background: #edebcb url(images/boxBG.png) repeat-x;
	background-position: 0 -170px;
}


ul#tweetFeed li a.tweetLink{
	float: left;
	display: block;
	width: 48px;
}

ul#tweetFeed li div.tweetText{
	width: 224px;
	float: right;
	font-size: 11px;
}



/* *************************** project listing *************************** */
ul.projectsList{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}

ul.projectsList li{
	margin: 0px 0px 20px 0px;
}

ul.projectsList li div.projectsListImage{
	width:225px; 
	float: left;
}
ul.projectsList li div.projectsListImage img{
	border: 2px solid #4f4f4f;
}

ul.projectsList li div.projectsListDesc{
	width: 450px;
	float: right;
}



/* ************************ front page featured projects ****************** */
div#frontfeaturedProjects{
	background-image: url(images/featuredStars.png);
	background-repeat: no-repeat;
	background-position: -3px 5px;
	height: 210px;
	overflow: hidden;
	width:728px;
}

ul#featuredProjectsContainer{
	list-style: none inside;
	padding: 0px;
	margin: 0px;
	width:728px;
	height: 164px;
	overflow:hidden;
}


ul#featuredProjectsContainer li.project{
	width: 225px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #333;
	height:160px;
	float: left;
	margin: 0px 20px 10px 0px;
	padding: 0px;
	border: 2px solid #4f4f4f;
}

ul#featuredProjectsContainer li.project:hover{
	cursor: pointer;
	border: 2px solid #DEEDF9;
}

ul#featuredProjectsContainer li.project a.projectTitle{
	background-image: url(images/featuredTransBG.png);
	background-repeat: repeat;
	padding: 4px; 
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
}

ul#featuredProjectsContainer li.project a.projectTitle:hover{
	background-image: none;
	background-color: #DEEDF9;
}

ul#featuredProjectsContainer li.project:hover a.projectTitle{
	color: #39556B;
	background-image: none;
	background-color: #DEEDF9;
}

div#frontfeaturedProjects h2 {
	font-size: 1.4em;
	color: #fff;
	background-color: #4f4f4f;
	padding: 5px;
}

div#frontfeaturedProjects h3  {
	font-size: 1.3em;
	color: #fff;
	padding: 3px 0px 0px 3px;
}

div#frontfeaturedProjects h3 a{
	color: #fff;
	padding-left: 3px;
}






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

/* single page stuff, blatantly stolen from moopix. thanlfully under a cc license :) */
/* Photo
---------------------------------------------*/

#PhotoBox {
	padding: 30px 0px 30px 0px;
}

#Container {
	position: relative;
	height: 350px;
	width: 500px;
/*	margin: 0 auto;*/
	background-color: #808080;
	border: none;
	font-size: 0px;
	float: left;
}


/* Photo Navigation
---------------------------------------------*/

#Controls {
	/*display: none;

		top: 10px;
		right: 10px;
		background: transparent url(images/controls.gif) left top no-repeat;
		height: 28px;
		width: 67px;*/

}

#Controls a {
	/*text-indent: -9000px;
		float: left;
		display: block;
		height: 28px;*/
}

a#PrevLink { color: #fff; font-size: 3em; font-weight: bold;}
a#PlayToggle { color: #fff; font-size: 1em; }
a#NextLink { color: #fff; font-size: 3em; font-weight: bold; }


a#PrevLink:hover, a#PlayToggle:hover, a#NextLink:hover{
	background-color: none;
}
/*#PrevLink:hover { width: 25px; background: transparent url(images/controls.gif) left -28px no-repeat; }
#PlayToggle:hover { width: 17px; background: transparent url(images/controls.gif) -25px -28px no-repeat; }
#NextLink:hover { width: 25px; background: transparent url(images/controls.gif) -42px -28px no-repeat; }
*/

/* Loading
---------------------------------------------*/

#Loading {
	text-align: left;
	padding: 20px 0 0 20px;
	font-size: 11px;
	color: #ccc;
	font-weight: bold;
	vertical-align: middle;
}

#Loading img {
	vertical-align: -30%;
	margin-right: 3px;
}


/* Caption
---------------------------------------------*/

#CaptionContainer {
	margin: 0 auto;
	text-align: left;
	padding: 5px 0;
	width: 200px;
	float: right;
}

#CaptionContainer p {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#Counter {
	padding-right: 5px;
	color: #999;
}


/* Thumbnail View
---------------------------------------------*/

#ViewThumbs {
	margin-top: 2px;
	display: block;
	float: right;
	text-indent: -9000px;
	height: 13px;
	width: 71px;
	overflow: hidden;
	background: transparent url(images/thumbnails.gif) left top no-repeat;
}

#ViewThumbs:hover, #ViewThumbs:visited:hover {
	background: transparent url(images/thumbnails.gif) left -13px no-repeat;
}

#ThumbContainer {
	display: none;
}

#ThumbContainer img {
	display: block;
	border: none;
}

#ThumbContainer a {
	float: left;
	margin: 0 4px 4px 0;
}

#ThumbContainer a:link, #ThumbContainer a:visited { border: 2px solid #999; }
#ThumbContainer a:hover, #ThumbContainer a:visited:hover { border: 2px solid #0063DC; }
#ThumbContainer a.selected:link, #ThumbContainer a.selected:visited, #ThumbContainer a.selected:hover, #ThumbContainer a.selected:visited:hover { border: 2px solid #FF0084; }




/* i approve this message page */
div#iapproveHeader div.youTubeVideo{
	background-color:#4F4F4F;
	float:left;
	height:350px;
	margin:5px 0px;
	padding:5px;
	width:425px;
}

div#iapproveHeader div.describeProject{
	color:#FFFFFF;
	float:right;
	margin-top:15px;
	width:270px;
}
div#iapproveHeader h1{
	background-color: #4F4F4F;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	display: inline;
	text-decoration: none;
	font-size: 2em;
	line-height: 1.4em;
}
div#iapproveHeader div.describeProject h2{
	line-height: 1.3em;
	display: block;
	background-color: transparent;
}
div#iapproveHeader div.describeProject p{
	font-size: 1.2em;
	line-height: 1.35em;
}


div.ytVideo{
	width: 335px;
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
}


div.ytVideo div.ytVideoThumb{
	width: 130px;
	float: left;
}

div.ytVideo div.ytVideoInfo{
	width: 195px;
	float: right;
}

div#videoDisplayBox{
		margin-bottom: 15px;
}

div#videoDispalyBox div.videoBox{
	float: left;
	width: 425px;

}
div#videoDispalyBox div.videoInfo{
	width: 255px;
	float: right;
}




/* advertising on home page */
div#inkindBox{
	margin-bottom: 10px;
}
span.inkindHeader{
	font-size: 10px;
}
span.inkindHeader a{
	color: #fff;
	text-decoration: underline;
}