/*
general styles
    body styles
    reset
    links
    headings
    other elements, tags
helper styles
    forms
    notifications and errors
    consistant items with normally just one class
page structure
    skeleton including page furniture,
page components
    most of your styles will be in here
overrides
*/

/*Group: General Styles */
/* body styles, reset, default element styles */
/*BeginGroup */

/*@ body styles 
============ */ 

body {
 font-size: 62.5%;
 font-family: 'DejaVu sans', Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color: #efefef;
 background-color: #dcdcdc;
}

strong {
	color: #ce9999;
}



/*@ resets
============ */
ul, li {
 margin: 0;
 padding: 0;
}

ul {
 margin-left: 2em;
}





/*@ links 
============ */

a, a:link {
color: #ff9966;
}

a:visited {
	color: #450909;
}

a:hover {
	background-color: #ff9966;
	color: #ffffff;
}

a:active {
	background-color: #eaeaea;
	color: #333333;
}





/*@ headings
============ */

.branding h1 {
    font-size: 4em;
	font-family: "Trebuchet MS", "DejaVu Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h3 {
 font-size: 1.75em;
}



h5 {
 font-size: 1.1em;
}


/*EndGroup General Styles*/











/*Group: Helper Styles */
/* forms, notifications, paginations, etc: consistent items with a class */
/*BeginGroup */

.clear {
	clear: both;
}

.irc { /* image replacement container */
	display: block;
	position: relative;
}

.ir { /* image replacement element */
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: none;
	background-position: center center;
}

.smaller {
	font-size: 80%;
}

.smaller.much {
	font-size: 60%;
}

.reverse-grav {
	margin-bottom: -1em;
}






/*@ forms
============ */


/*@ notifications and errors
============ */


/*EndGroup Helper Styles*/














/*Group: Page Structure */
/* Skeleton including page furniture ---
the header, footer, and the generic layout blocks that make
up a basis for your components to fit snugly into. */
/*BeginGroup */

.bg_container {
	
	
}


.main_container, #main_container {
	 width: 72em;
	 max-width: 100%;
	 margin: 0.5em auto;
	 border: 0.2em solid #ff9966;
		-moz-border-radius: 1.5em;
		-webkit-border-radius: 1.5em;
	 padding: 1em;
	 background-color: #776A6A;
	 margin-bottom: 100%;
	 margin-top: 2em;
}

.branding, #branding {
	float: left;
	width: 100%;
	position: relative;
}

.nav {
	clear: both;
	border-top: 2px solid #470506;
	border-bottom: 1px dotted #470506;
	margin-bottom: 0.5em;
	font-weight: bold;
	background-color: #777777;
}

.content {
	 clear: both;
	 float: left;
	 padding-bottom: 4em;
	 /*
	 float: left;
	 width: 60%;
	 max-width:  72%;
	 margin-top: -2em;
	 */
}


.sidebar, #ads {
	 width: 33%;
	 float: right;
	 border: 1px solid #e0e0e0;
	 background: #888;
	 padding: 0.5em;
	 padding-top: 0;
	 margin-top: 1em;
	 margin-bottom: 1em;
	 margin-left: 1em;
	 margin-right: -2em;

}

/*EndGroup Page Structure */











/*Group: Page Components */
/* most styles will go in here */
/*BeginGroup */



/*@ Branding
============ */

#branding h1 {
    margin: 0;
    width: 494px;
	float: left;
	position: relative;
}

#branding h1 .logo {
	display: block;
	width: 100%;
	height: 135px;
}

#branding h1 .logo .ir {
    background-image: url(/pics/a-dub_logo_2.jpg);
}

#branding h1 a {
	text-decoration: none;
}

h1 .sublogo {
	display: block;
	font-size: 24px;
	text-align: center;
	letter-spacing: 24px;
	padding-bottom: 0.25em;
	text-decoration: none!important;
	border: none;
}



#branding h2 {
	float: right;
	border: none;
	width: 200px;
	font-size: 18px;
	position: absolute;
	bottom: 0;
	right: 0;
}











/*@ Navigation
============ */

.nav {
	padding: 0.5em 0;
	font-size: 14px;
}

.nav ul, .nav li {
	margin: 0;
	list-style: none;
	text-align: center;
	
}

.nav li {
	display: inline;
	margin: 0 0.5em;
}

.nav li a {
	text-decoration: none;
	padding: 0 1em;
}

.nav li a:hover {
	text-decoration: underline;
	border-bottom: 2px solid #450909;
	background-color: transparent;
	text-decoration: none;
}

.nav li.current a {
	font-weight: bold;
	border-top: 2px solid #FF9966;
	border-bottom: 2px solid #FF9966;
	background-color: #450909;
	color: #eeeeee;
}







/*@ Content
============ */

.content {
 font-size: 1.4em;
 line-height: 1.65;
 margin: 0 4em;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	margin-left: -1em;
	line-height: normal;
}

.content h1 {
	font-size: 2.0em;
	font-variant: small-caps;
	text-transform: lowercase;
	margin-left: -1.5em;
}

.content h2 {
	margin-top: 2em;
	border-top: 1px dotted;
	padding-top: 0.25em;

}

.content h3 {
	font-size: 1.2em;
	margin-top: 2em;
}








/*@ Ads
============ */

#ads h3, .sidebar h3 {
 margin: 0.25em 0;
}

#ads ul, .sidebar ul {
 margin-left: 0;
 margin-top: 0;
}

#ads ul, #ads p, .sidebar ul, .sidebar p {
 font-size: 1em;
}

#ads li, .sidebar li {
    border-top: 1px dotted;
    list-style: none;
    padding: 0.25em 0.5em;
}

#ads li h5, .sidebar li h5 {
    margin: 0;
}






/*@ footer
============ */

#footer {
	clear: both;
	border-top: 2px dotted #ff9966;
	font-size: 1.2em;
}

.subfooter {
	margin: 1em;
	margin-bottom: 0;
	text-align: center;
	background-color: #776A6A;
	 border: 0.2em solid #ff9966;
		-moz-border-radius: 1.5em;
		-webkit-border-radius: 1.5em;
	padding: 0.25em 1em;
}


/*EndGroup Page Components */












/*Group: Overrides */
/* with good overall structure, shouldn't have to use this much */
/*BeginGroup */


/*EndGroup Overrides */