/*-------------------------------------
FANDEMONIUM - BASIC VISUALS

Example visual stylesheet

version: 	1.0
copyright:	(c)2008	
---------------------------------------*/

/* @group STRUCTURE */
body{
	padding-bottom: 50px;
	color: #aaa;
	background-color: #000;
}

#site_logo{
	height: 285px;
	background: url(/themes/atrmy/images/temp/all_that_remains-header.jpg) no-repeat top center;
	text-indent: -9999px;
	margin: 0;
	width: auto;
}

#wrapper{
	width: 950px;
	padding: 0px 20px 0 20px;
	background: url(/themes/atrmy/images/backgrounds/wrapper_middle.jpg) #1e1e1e repeat-y top center;
	border: none;
}

	#wrapper-top, #wrapper-bottom {
		height: 37px;
		width: 990px;
		margin: 0;
	}

		#wrapper-top { 
			background: url(/themes/atrmy/images/backgrounds/wrapper_top.jpg) #1e1e1e no-repeat top center;
			margin: 0 auto;
			clear: both;
		}

		#wrapper-bottom { 
			background: url(/themes/atrmy/images/backgrounds/wrapper_bottom.jpg) #1e1e1e no-repeat bottom center;
			margin: 0 auto 20px auto;
			clear: both;
		}

#footer{
	color: #aaa;
	line-height: 25px;
	height: 35px;
	border-top: 1px solid #000;
	background: none;
}
/* @end */



/* @group TEXT, Headings, etc */
a, a:link, a strong, strong a, strong a:link, a:link strong { color: #FF9900; }
a:hover, strong a:hover, a:hover strong { color: #fff;}
#footer a{ color: #fff; }
#footer a:hover { color: #888;}

strong { color: #ddd;}

p.intro{
	color: #aaa;
	border-color: #161616;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.colorize{ color: #aaa; }
.secondary_info{ color: #aaa; }

h1, #full_width h1 {
	width: auto;
	height: auto;
	line-height: 46px;
	padding: 0 10px 0 40px;
	color: #fff;
	background: url(/themes/atrmy/images/backgrounds/h1_630.jpg) repeat 0 0;
	font-weight: bold;
}

	#full_width h1 { background: url(/themes/atrmy/images/backgrounds/h1_950.jpg) repeat 0 0; }
	
h1, h2, h3 { color: #fff;}
/* @end */



/* @group MAIN NAV */
ul#main_nav{
	padding: 0;
	width: 970px;
	height: 25px;
	margin: 0 auto;
}
	
	ul#main_nav li a{ padding: 5px 10px; }
	
	ul#main_nav li a:hover{ text-decoration: none; }
/* @end */


/* @group POSTS */
.post{
  margin-bottom: 25px;
  padding-bottom: 26px;
  background: url(/themes/atrmy/images/backgrounds/post_bottom.jpg) no-repeat bottom left;
}

.post .span-4 { width: 140px; height: 79px; background-color: #222;}
/* @End */


/* @group COMMENTS */
#comments h2 {
	background: url(/themes/atrmy/images/backgrounds/h1_630.jpg) top left;
	line-height: 46px;
	height: 46px;
	padding: 0 10px 0 40px;
	color: #fff;
}
/* @End */



/* @group MODULES */
.module h3.module_heading{
  background: url(/themes/atrmy/images/backgrounds/h3_310.jpg) top left;
  line-height: 46px;
  padding: 0 10px 0 40px;
  color: #fff;
}
/* @end */


/* @group ELEMENTS */
.extra_info{
	background-color: #3b3b3b;
	border-color: #000;
}

	.extra_info h2, .extra_info h3, .extra_info h4{ color: #fff; }

.empty{
	background-color: #3b3b3b;
	border-color: #161616;
}

.grid_item{
	border-color: #000;
	background-color: #161616;
	margin-bottom: 15px;
}

.boxed{ background-color: #161616; }
/* @end */



/* @group TAB SLIDER - logged out home landing page */	
ul.slider_tabs {
    list-style: none;
    margin: 0;
    padding: 0;
	font-size: 1.4em;
}

ul.slider_tabs li {
    display: inline;
}

ul.slider_tabs a {
    display: block;
    float: left;
	padding: 10px 10px;
	margin-right: 10px;
	height: 20px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
}

ul.slider_tabs a:hover, ul.slider_tabs a.selected { background-color: #242424; }

ul.slider_tabs a:focus { outline: none; }
	
#slider {
  width: 590px;
  height: 365px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 325px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background-color: #242424;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 285px;
  width: 550px;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left { left: -20px; }
.scrollButtons.right { right: -20px; }
	
ul.bulleted{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.35em;
	line-height: 20px;
}

ul.bulleted li {
	list-style: square;
	list-style-image: url(/images/icons/bullet-triangle-black.gif);
	padding: 7px 0 7px 0px;
	margin: 0 0 0 10px;
	border-bottom: 1px dotted #333;
}
/* @end */



/* @group BOARDS */
.board_meta{ border-color: #3b3b3b; }

	.board_meta.bottom_side{ border-color: #3b3b3b;}
/* @end */


/* @group ARTICLES */
.article{ border-bottom-color: #161616; }
/* @end */


/* @group TOUR */
#tour_date_fullinfo h3, #tour_date_fullinfo h4 { 
	background: url(/themes/atrmy/images/backgrounds/h3_310.jpg);
	height: 46px;
	line-height: 46px;
	padding: 0 0 0 40px;
	border: none;
}
/* @end */

/* @group MISC */
#join_btn { 
	height: 48px;
	background: url(/images/buttons/join-btn.jpg) no-repeat top center;
	line-height: 48px;
	text-align: center;
	font-size: 1.8em;
}
/* @end */