/*
Theme Name: Attica Attica
Theme URI: 
Description: Because Aaron deserves his own theme.
Version: 1.0
Author: Jared Moran 
Author URI: http://jaredmoran.com/
Tags: 
*/

/* General Site Styles
------------------------------------- */
*{ 
	margin: 0;
	padding: 0;
}


/* Main settings
------------------------------------- */

html,
body {
	margin:0;
	padding:0;
	height:100%;
	min-height: 600px;
	min-width: 900px;
	max-height: 700px;
	background-image: url('images/background2.jpg');
}

html>body #wrap {
	height:100%;
}


html>body #content-wrap {

}


html>body #content {
	height:100%;
	padding:2em 1em 100px 0px;
} 


/* Font styles
______________________________________ */

p {
  	line-height: 1.2;
	margin: 0 0 1em 0;
}  

a,
a:visited,
p a,
p a:visited,
li a,
li a:visited {
 	color: #397376;
	font-weight: bold;
	text-decoration: none;
}
 
a:hover,
p a:hover,
p a:active,
li a:hover,
li a:active {
 	color:#fff;
 	background-color: #397376;
 	
}
 
h1 {
	font: 34px Georgia, Helvetica,serif;
	line-height: 1.2;
	color: #FFFFFF;
	width: 580px;
	padding:20px;
	background: url(images/header_bg.gif) no-repeat;
}

h2, h2 a, h2 a:visited {
	font: 20px Georgia, Tahoma,Garamond,serif;
	line-height: 1.2;
	color: #6a001e;
	text-decoration: none;
	margin-bottom: 8px;
}

h2 a:hover { color: #fff; background-color: #6a001e; }
 
 
h3, h3 a, h3 a:visited {
	font-family: Georgia, Tahoma,"Times New Roman",serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none;
	color: #000000;
 } 
 
h3 a:hover {
	color:#fff;
}

a img {
	color:#fff;
}

/* General layout stuff
------------------------------------- */

body {
 	font-family: sans-serif, "Lucida Grande", Verdana, Arial, sans-serif;
 	color:#111;
 	font-size: 11px;
 }

#content-wrap {
 	width: 820px;
 	margin-top: 20px;
 	margin-right: auto;
 	margin-bottom: 0pt;
 	margin-left: auto;
}


#content 
{
	font: 11px Helvetica, Times, serif;
 	width: 620px;
 	text-align: left;
}


#content ul {
	padding: 4px;
	margin: 1px;
	font-size: 11px;
}

#content ul li {
	list-style: none;
}

#content ol {
	margin: 0px 0px 4px 20px;
}


/* Mastfoot 
______________________________________*/

html>body #mastfoot {
	position:fixed;
	bottom:0;
	z-index:11;
}

div#mastfoot { 
	width:100%;
	height:130px;
	
	/* transparent png hack for ie */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mastfoot.png',sizingMethod='crop');
}

/* overwrite for other browsers */

div#mastfoot {
	background: Transparent url('images/mastfoot.png') top repeat-x;
}

.mastfoot_contain {
	width: 920px;
	margin: 0 auto 0 auto;
}

/* Browse Bar
------------------------------------- */

/* Main Nav */

#browsebar {
	float: left;
	margin-top: 50px;
	width: 520px;
	margin-left:90px;
	position: static;
	height: 50px;
}

#browsebar #nav { margin: 0; padding: 0; }

#browsebar #nav li { display: inline; }

#browsebar #nav li a { height: 50px; float: left; overflow: hidden;}

#browsebar #nav li a { background-image: url(images/nav_bg.gif); background-repeat: no-repeat;}

#browsebar a:hover {
	background-color: transparent;
} 

/* Nav elements */
#browsebar #nav li#nav-news 		a { width: 80px; background-position: 0 0; }
#browsebar #nav li#nav-shows 		a { width: 90px; background-position: -80px 0; }
#browsebar #nav li#nav-media 		a { width: 80px; background-position: -170px 0; }
#browsebar #nav li#nav-merch 		a { width: 88px; background-position: -250px 0; }
#browsebar #nav li#nav-writings 	a { width: 116px; background-position: -338px 0; }
#browsebar #nav li#nav-info 		a { width: 66px; background-position: -454px 0; }
/* Hover states */

#browsebar #nav		li#nav-news 		a:hover { width: 80px; background-position: 0 -50px; }
#browsebar #nav		li#nav-shows 		a:hover { width: 90px; background-position: -80px -50px; }
#browsebar #nav		li#nav-media 		a:hover { width: 80px; background-position: -170px -50px; }
#browsebar #nav		li#nav-merch 		a:hover { width: 88px; background-position: -250px -50px; }
#browsebar #nav		li#nav-writings 	a:hover { width: 116px; background-position: -338px -50px; }
#browsebar #nav		li#nav-info 		a:hover { width: 66px; background-position: -454px -50px; }

/* ON States */
/*#browsebar.news	#nav		li#nav-news 		a { width: 80px; background-position: 0 -50px; }
#browsebar.shows #nav		li#nav-shows 		a { width: 90px; background-position: -80px -50px; }
#browsebar.media #nav		li#nav-media 		a { width: 80px; background-position: -170px -50px; }
#browsebar.merch #nav		li#nav-merch 		a { width: 88px; background-position: -250px -50px; }
#browsebar.writings #nav	li#nav-writings 	a { width: 116px; background-position: -338px -50px; }
#browsebar.info #nav		li#nav-info 		a { width: 66px; background-position: -454px -50px; }
 */

#nav li.last {
 border: 0px;
 }

/* News
------------------------------------- */

#permanews {
	background: url(images/perma_bg.gif) repeat-y;
	float:right;
	width:170px;
	font-size: 11px;
	padding:10px 20px 10px 20px;
	color: #397376;
	margin: 12px;
}

#permanews ul {
	padding:2px;
	margin:1px;
	
}

#permanews a {
	font-weight: normal;
	font-size: 11px;
color: #fff;
}

#permanews ul li {
	list-style-type: none;
	font-size: 11px;

}

#news {
	float: right;
	width: 410px;
	padding-bottom:200px;
}


/* Prev / Next block
------------------------------------- */

#prevnext {
	width:610px;
	font-size: 16px;
	margin-top: 30px;
}

#prev {
	float:left;
	width:270px;
}

#next {
	float:right;
	width:270px;
	text-align:right;
}

#prevnext a, #prevnext a:visited {
	color:#006cb6;
}

#prevnext a:hover {
	color:#fff;
	background-color: #006cb6;
}

/* Credits
_____________________________________ */
#credits {
	font: 10px Times, "Times New Roman";
	position: fixed;
	bottom: 0;
	width: 700px;
	text-align: center;
}

#credits a , #credits a:visited{
	color: #fff;
	text-decoration: none;
}

#credits a:hover {
	color: #397376;
	background-color:#fff;
}

/* Logo
_____________________________________*/
 
#foot { 
	float: right;
	overflow:hidden;
	position: relative;
	z-index: 2;
	width: 204px;
	height: 130px;
	margin: 0;

 /* transparent png hack for ie */
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tower-bottom.png',sizingMethod='scale');

}

/* overwrite for other browsers */
#foot {
 background: transparent url('images/tower-bottom.png') right top;
 background-repeat:no-repeat; 
 }
 
#foot a { 
	display:block;
	text-indent: -9000px;
	width: 204px;
	height: 130px;
	border:0;
}


/* Sidebar - Logo and Tower
____________________________________ */
#sidebar {
 	width: 300px;
	height:100%;
	float: right;
	position: fixed;
	top:0px;
	margin-left: 610px;

}

/* AA Logo
____________________________________ */
#aa-logo {
	width: 300px;
	height: 251px; 	
 	/* transparent png hack for ie */	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aa-logo.png',sizingMethod='scale');
}

#aa-logo[id] {
	background: transparent url('images/aa-logo.png') top right;
 	background-repeat: no-repeat;
}

/* Tower
____________________________________ */

#tower-top {
	width: 204px;
	height: 500px;
 	float: right;
	position: fixed;
	bottom:16px;
	margin-left: 666px;
	z-index: 4;
/* transparent png hack for ie */	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tower-top.ong',sizingMethod='crop');
}

#tower-top[id]
{
	background: transparent url('images/tower-top.png') top right;
 	background-repeat: no-repeat;	
}

#tower {
 	width: 204px;
 	height: 500px;
}


/* Float Fix
------------------------------  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */