@charset "utf-8";

/*  

Theme Name: dbTheme1

Theme URI: http://www.darkbridges.com

Description: The first wordpress theme for the Dark Bridges Film Festival Website.

Version: 1.0

Author: John Allison

Author URI: http://www.johnallison.ca/

*/



body {

	background: #600 url(images/redbackground.jpg) repeat center top;

	background-attachment:fixed;

	background-position:center;

	margin:0;

	padding:0;

	font-family: Verdana, Geneva, sans-serif;

	color:#FFF;

}

#wrapper {

	width:982px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding:0;

	background-image: url(images/wrapper_bg.png);

}

#header {

	/*background-image: url(images/header_bg.png);

	background-repeat: no-repeat;*/

	height: 97px;

	width: 982px;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding:0;

}

#header h1 {

	padding:0;

}

#header h1 a {

	color: #ffb132;

	text-decoration:none;

}

#header h1 a:hover {

	text-decoration: underline;

}

#topnav {

	background-image: url(images/topnavbg.png);

	margin: 0px;

	padding: 9px 0 0 0;

	height: 30px;

	width: 982px;



}



#topsubnav {

	background-image: url(images/topsubnavbg.png);

	margin: 0px;

	padding: 10px 0 0 0;

	height: 30px;

	width: 982px;

}



#content {

}

#leftcontent {

	width: 600px;

	float: left;

	padding: 0px;

	margin-top: 17px;

	margin-right: 7px;

	margin-bottom: 17px;

	margin-left: 27px;

}

#rightcontent {

	float: right;

	width: 300px;

	padding: 0px;

	margin-top: 17px;

	margin-right: 27px;

	margin-bottom: 17px;

	margin-left: 7px;

}

#contentfooter {

	background-image: url(images/contentfooter.png);

	background-repeat: no-repeat;

	background-position: bottom;

	height:15px;

	clear:both;

}

#friends {

	background-image: url(images/friendsbg.png);

	background-repeat: no-repeat;

	height:285px;

	padding-left: 27px;

	padding-top: 17px;

}

#pagefooter {

	background-image: url(images/pagefooter.png);

	background-repeat: no-repeat;

	height:103px;

	background-position: top;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	width:982px;

	text-align:center;

	color:#FFF;

	padding-top:15px;

}

.clear {

	clear: both;

}

h2, h3, h4, h5, p, ul, ol, dl {

	margin: 0 0 21px 0;

}

h2, h3 {

	font-size: 18px;

	letter-spacing: 1px;

	line-height: 31px;

	margin-bottom: 10px;

	color: #fff;

}

h3 {

	color: #aaa;

	font-size: 16px;

	letter-spacing: 2px;

}

h4 {

	font-size: 14px;

	color: #fff;

}

h5 {

	font-size: 14px;

	border-bottom: 1px solid #4c4c4c;

	border-top: 1px solid #4c4c4c;

	color: #6a6969;

	text-transform: uppercase;

	letter-spacing: 3px;

	font-weight: 100;

	line-height: 21px;

	padding: 5px 0 5px 0;

}

h5 span {

	color: #fff;

	font-size: 12px;

	line-height: 18px;

}

p, ul, ol, dl {

	font-size: 12px;

	line-height: 21px;

	font-family: Arial, Helvetica, San-Serif;

}

a, a:visited, a:active {

	color: #FFB132;

	text-decoration:none;

}

a:hover {

	color: #FFF;

	text-decoration:none;

}



ul#topnavlist

{

margin-left: 20px;

padding-left: 0;

white-space: nowrap;

}



#topnavlist li

{

display: inline;

list-style-type: none;



}





#topnavlist a { padding: 8px 20px;

font-size:18px;

}



#topnavlist a:link, #topnavlist a:visited

{

}



#topnavlist a:hover

{

}



ul#topsubnavlist

{

margin-left: 20px;

padding-left: 0;

white-space: nowrap;

}



#topsubnavlist li

{

display: inline;

list-style-type: none;



}





#topsubnavlist a { padding: 8px 20px;

font-size:18px;

color:#000;



}



#topsubnavlist a:link, #topnavlist a:visited

{

}



#topsubnavlist a:hover

{

 color:#fff;

}



a.here { padding: 8px 20px;

font-size:18px;

background-color:#900;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000;

	border-left-color: #000;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #000;

	border-bottom-color: #900;

}



a.here:link, a.here:visited

{

	background-color:#900;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000;

	border-left-color: #000;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #000;

	border-bottom-color: #900;

}



a.here:hover

{

	

}



.hidden {

	display:none;

}



.image {

	border:thin solid #C0C0C0;

	margin:8px;

	padding:2px;

}

a
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}
