/******************* 
masterStyles.css for X-Dance Film Festival
by:
WireMedia Communications Inc.
www.wiremedia.net
connect@wiremedia.net
Last Updated: May 2007
----------------------
COLORS:
green (logo): 77c706
gray (div bgs): 808080
orange: FFB700


*********************/


/******************* SITE DEFAULTS *********************/

body {
	background: #000;
	color: #FFF;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Lucida Grande, Myriad, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:11px;
}

p { margin: 0 0 1.5em 0; line-height: 1.6em; color:#c7c7c7;}


a {
	color: #77c706;
	text-decoration: none;
}

a:hover {
	color: #FFB700;
	text-decoration: none;
	}
	
img, a img { border: 0; }
	
.clearit { clear:both; height: 1px; }

.clearit1 { clear:both;}

.button {text-align: right;}


			h3.date {
			color: #FFB700;
			letter-spacing: 1px;
			display: inline;
			font-weight: normal;
			}
		
			h3 {
			color: #FFF;
			display: inline;
			letter-spacing: 1px;
			font-weight: normal;
			}
			
			h3.loc {
			color: #FFF;
			margin-left: 95px;
			margin-bottom: 10px;
			letter-spacing: 1px;
			font-weight: normal;
			}
			
			h3 a {
			color: #FFFFFF;
			display: inline;
			letter-spacing: 1px;
			font-weight: normal;
			}
			
			h3 a:hover {
			color: #FFB700;
			display: inline;
			letter-spacing: 1px;
			font-weight: normal;
			}
			
			
#submain ul  {
	list-style: none;
	}
			
#submain ul li {
	background: url(../images/listarrow.gif) no-repeat;
	padding-left: 15px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: normal;
	color:#c7c7c7;
	font-size: 11px;	
	}
	
#subsidebar ul  {
	list-style: none;
	}
			
#subsidebar ul li {
	background: url(../images/listarrow.gif) no-repeat;
	padding-left: 15px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: normal;
	color:#c7c7c7;
	font-size: 11px;	
	}
	
.orange {
	color: #f2b700;
	}
	

/****************************************/
#wrapper {
	width: 985px;
	margin:5px auto 10px;
}

#header {
width: 985px;
}

	#logo {
	width: 395px;
	float: left;
	display: inline;
	}
	
		#logo img {height: 180px;}
	
	#flash {
    width: 580px;
    text-align: right;
    margin-top: 16px;
	float: right;
	display: inline;
	}

#content {
overflow: hidden;
margin-top: 10px;
}

#sidebar {
	float: left;
	display: inline;
	width: 279px;
	padding-top: 10px;
	}
	
	#sidemovie {
	width: 279px;
	padding-top: 5px;
	background: #808080 url(../images/sidebartop.jpg) no-repeat;
	text-align: center;
	}
	
		#sidebar a{color: #fff;}
		#sidebar a:hover {color: #FFB700;}
	
		#hwoodseries {
		margin: 4px auto;
		background: url(../images/hwoodssheader.jpg) no-repeat;
		width: 275px;
		padding-top: 65px;
		}
			#hwoodseries p {margin: 0 auto; color: #fff;}
		
	
			#movie {
			overflow: hidden; 
			width: 273px; 
			padding-bottom: 10px; 
			background: #000 url(../images/moviebottom.gif) bottom left no-repeat;
			margin: 0 auto;
			text-align: center;
			}

                        #movieobject {
                        margin: 0 auto;
                        text-align: center;
                        padding: 0;
                        width: 251px;
                        }

			* html object.mov {
            display/**/: none;
             }

		#hwoodsched {
		width: 257px;
		margin: 5px auto;
		padding-top: 5px;
		border-top: 2px solid #000;
		text-align: left;
		}
		
			#hwoodsched .itemgroup {
			margin: 10px 0;
			}
			

	
		#sidemoviebottom {width: 279px; height: 11px; background: url(../images/sidebarbottom.jpg) no-repeat;}

		.sidegroup {
			margin: 20px 0;
			}
			
		.sidegroup .title {
			display: block;
			margin-bottom: 15px;
			}
		
		.networkbutton {float: left;}


	#main {
	width: 695px;
	float: right;
	display: inline;
        }

		#nav {
		height: 65px;
		background: #4b4d4f url(../images/navend.gif) top right no-repeat;
		text-align: center;
		margin-bottom: 10px;
		}


			#nav ul {
			list-style: none;
			margin: 0 7px 0 0;
			}
			
			#nav li {
			width: 91px;
			height: 65px;
			background: url(../images/navbg.gif) top left no-repeat;
			float: left;
			display: inline;
			}

			#nav li:hover, li.hover {
			background: url(../images/navbg2.gif) top left no-repeat;
}	


/*--- "active" nav styles ---*/
body#home #nav1,
body#about #nav2,
body#news #nav3,
body#films #nav4,
body#events #nav5,
body#hollywood #nav6,
body#archive #nav7, 
body#contact #nav8 {
			background: url(../images/navbg2.gif) top left no-repeat;
			}


		#mainmid {
		width: 482px;
		background: #3e3e3e url(../images/newsbg.jpg) repeat-x;
		float: left;
		display: inline;
		}
		
		#signup {
		margin: 10px auto 18px;
		text-align: center;
		}
		
		#countdown {float:left;}
		
		#counter {
		margin-left: 9px;
		margin-right: 9px;
		height: 75px;
		background: #000000;
		}
		img#until {float: right;}
		
		#getinvolved {margin: 0 6px 0 4px;}
		#email {text-align: right; width: 183px;}
		#email2 {float: left;}
		#go {}
		#check {margin: 4px 0px 4px 45px; color:#c7c7c7}
		
		.newstop {
		width: 482px;
		height: 46px;
		background: url(../images/festivalnews.jpg) no-repeat;
		float: left;
		display: inline;
		}
		
			.newstop .button {display: block; overflow: hidden; text-align: right; margin: 25px 15px 0 0; padding-bottom: 10px;}
		
		#newsitems {
		width: 478px;
		margin-left: 1px;
		padding-top: 20px;
		border-left: 1px solid #303030;
		border-right: 1px solid #303030;
		}
		
			#newsitems .itemgroup img {float:left; border: 1px solid #77c706; margin: 4px 5px 5px 0;}
			
			#newsitems .itemgroup {
			padding: 20px 15px 0 15px;
			clear: both;
			}
			
			#newsitems .itemgroup .more {
			text-align: right;
			float: right;
			}

			#newsitems .itemgroup p {
			display: inline;
			margin:0;
			}

		div.newsbottom {
		width: 482px;
		background:  url(../images/submitbg.gif) bottom no-repeat;
		padding: 0;
		height: 11px;
		}

		.submissions {
		width: 482px;
		background: url(../images/submissionmid.gif) top left repeat-y;
		}
		
		.submissiontop {
		width: 482px;
		height: 60px;
		background: url(../images/submissioninfo.jpg) no-repeat;
		float: left;
		display: inline;
		}
		
		.submissioncontent {
		width: 478px;
		margin-left: 1px;
		padding-top: 20px;
		border-left: 1px solid #303030;
		border-right: 1px solid #303030;
		}
		
		div.submissionbottom {
		width: 482px;
		background:  url(../images/submissionbtm.gif) bottom no-repeat;
		padding: 0;
		height: 26px;
		}

				#submitdeadline {margin-left: 9px; margin-bottom: 13px;}

				#submit1 {margin-bottom: 13px;}

                #camera {
                margin-bottom: -3px;
                margin-left: 10px;
                }
		
		#mainrt {
		width: 190px;
        margin-top: 10px;
		float: right;
		display: inline;
		}
		
		#submissioninfo {
		margin: 25px auto 10px;
		}
		
		.subleft {
		width: 145px;
		float: left;
		display: inline;
		}
		
			.subleft p {margin: 0;}
		
		.subright {
		width: 33px;
		float: right;
		display: inline;
		}
		
			#subgo {
			margin-top: 20px;
			}

			#freebiewrap {
			margin-top: 10px;
			}
			
				#freebiewrap .subleft {
				width: 185px;
				display: block;
				}
		
		
				#freebiewrap .subright {
				width: 185px;
				display: block;
				}

				#freebiewrap .subright .small {
				font-size: 9px;
				color: #e6e6e6;
				}

			#freebies  {
			list-style: none;
			}
			
			#freebies li {
			background: url(../images/freebiesarrow.jpg) no-repeat;
			padding-left: 10px;
			font-size: 12px;
			margin-bottom: 6px;
			}
			
			#freebies li a{
			color: #FFB700;
			}
			
			#freebies li a:hover {
			color: #FFF;
			}

			#line {margin: 10px 0 13px;}

#footer {
margin: 13px 0 0;
background: url(../images/footerbg.gif) repeat-x;
overflow: hidden;
}

#footer img {float: left; display: inline;}

	#sponsors {
	width: 985px;
	display: inline;
	margin-top: 10px;
	}

		#sponsors img {
		margin: 7px;}
	
#footernav {
	font-size: 9px;
	text-align: right;
	margin: 10px 10px 0 0;
	}
	
	#footernav a {
		font-size: 9px;
		color: #FFB700;
		}
		
	#footernav a:hover {
		color: #77c706;
		}

	#info {
	width: 300px;
	float: left;
	display: inline;
	color: #808080;
	font-size: 9px;
	text-align: left;
	}

	#info a {
	font-size: 9px;
	color: #77c706;
	}
	
	#info a:hover {
	color: #FFB700;
	}

/******************* SUBPAGES *********************/

#subhead {
	width: 985px;
	margin-bottom: 15px;
	}

#subheadpage {
	float: right;
	}

#subheadnav {
	float: right;
	}
	
#submain {
	background: #3a3a3a url(../images/submaintop.jpg) top left no-repeat;
	width: 695px;
	float: right;

	}
	
#submaincontent {
	background: url(../images/submainbottom.gif) bottom left no-repeat;
	width: 695px;
	min-height: 200px;
	padding-bottom: 30px;
	}

	#submaincontent .itemgroup {
	margin: 20px 30px 0 30px;
	}

	#submaincontent h1 {
	color: #f2b700;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 1.2em;
	border-bottom: 1px solid #424243;
	}

	#submaincontent h2 {
	color: #fff;
	font-size: 13px;
	margin-bottom: .5em;
	}
	
	#submaincontent h2 a{
	font-size: 13px;
	}
	
	#submaincontent .itemimagegroup {
	padding: 6px;
	background: #2e2e2e;
	float: left;
	margin-right: 20px;
	}
	
	#submaincontent .imagecaption {
	font-size: 11px;
	color: #808080;
	}
	
	#submaincontent .text {
	float: left;
	width: 315px;
	}

	

#subsidebar {
	background: #3a3a3a url(../images/subsidebartop.jpg) top left no-repeat;
	width: 279px;
	float:left;
	}
	
#subsidebarcontent {
	background: url(../images/subsidebarbottom.gif) bottom left no-repeat;
	width: 279px;
	padding-bottom: 20px;
	}
	
	#subsidebarcontent .itemgroup {
	margin: 20px 20px 5px 20px;
	}

	#subsidebarcontent h1 {
	color: #f2b700;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: .5em;
	}

	#subsidebarcontent h2 {
	color: #fff;
	font-size: 11px;
	margin-bottom: .5em;
	}
	
	#subsidebarcontent .itemimagegroup {
	padding: 6px;
	background: #2e2e2e;
	margin-bottom: 15px;
	}
	
	#subsidebarcontent .imagecaption {
	font-size: 11px;
	color: #808080;
	}
	
.spacer {
	height: 20px;
	}
	
.white {color: #fff; }

/******************* SUBPAGE ITEMLIST *********************/

#itemlist {
	padding-bottom: 20px;
	}
	
	#itemlist .itemgroup {
	margin: 20px 30px 0 30px;
	}

	#itemlist .imagegroup {
	margin-bottom: 10px;
	}
	
	#itemlist h1 {
	margin-bottom: .5em;
	}

	
	#itemlist h1 a {
	color: #77c706;
	font-size: 16px;
	text-decoration: none;
	}
	
	
	#itemlist h1 a:hover {
	color: #f2b700;
	font-size: 16px;
	text-decoration: none;
	}
	
	#itemlist .text {
	float: right;
	width: 440px;
	}

	
	#itemlist p {
	margin-bottom: 0;
	}	

	#itemlist .more {
	text-align: right;
	margin-bottom: 1.5em;
	}
	

/******************* SEARCH *********************/

#subsidebar input {float:right;}
#subsidebar select {float:left; width: 175px;}

/******************* FILM DETAIL *********************/

#filmdetail {
	margin: 20px 30px 0 30px;
        overflow: hidden;
	}

#filmdetail #images {
	float: left;
	display: inline;
	}

#filmdetail #text {
	float: right;
	width: 325px;
	display: inline;
	}
	
#filmdetail .itemimagegroup {
	float: none;
	}

#text .itemgroup {
	margin: 0;
	}
	
.orangecap {
	color: #f2b700;
	text-transform: uppercase;
	}
	
.caps {
	text-transform: uppercase;
	}
	
#addinfo {
	margin-bottom: 20px;
	}
	
#addinfo h2 {
	font-size: 11px;
	}
	
/******************* CALENDAR *********************/
	
.center {
	margin: 0 auto;
	text-align: center;
	}

.calarrow {
	font-size: 14px;
	}
	
/******************* NEWS *********************/

#pressreleases {
	margin: 0;
	padding-bottom: 20px;
	}

#pressreleases .itemgroup {
	margin: 20px 20px 0 20px;
	}
	
#pressreleases .itemgroup h1{
	margin: 0px;
	}
	
#pressreleases .itemgroup h2{
	margin: 0px;
	}

#pressreleases p {
	margin-bottom: 0px;
	}
	
#pressreleases .more {
	text-align: right;
	}
	
h2#credit {
	color: #f2b700;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 20px;
	}
	
/******************* CONTACT *********************/

#contacts .itemgroup h2 {
	margin: 0 0 3px 18px;
	}
	
#contacts .itemgroup {
	margin: 10px 0 5px 0;
	}


#contactform tr {
	margin-bottom: 5px;
	}


#ccmail {
width: 200px;
      	}

#contact input.email {
        float: left;
}

#contactgo {
        float:right;
}

/******************* ARCHIVE *********************/

#archive #submaincontent h2 {
	text-transform: uppercase;
	}
	
#archive #submaincontent .green {
	color: #7fc141;
	text-transform: uppercase;
	}