/* LAYOUT */
/* ----------------------------------------- */
/*	Hack & Stuff */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*
	General Classes
*/

.hide 												{display:none;}
.clear, .clr										{clear:both;}
.alignleft											{float: left; padding: 0 10px 10px 0;}

/*
 	Body & Wrapping
*/
html												{height: 100%;}
body 												{font-family: Verdana; font-size:11px; color: #fcf8cb; height: 100%; overflow-x: hidden;
													background: #000 url(../img/body/bckgmain.jpg) 50% 0 repeat-y;}
#body-outer											{background: url(../img/body/bckgtop.png) 50% 0 no-repeat; height: 100%;}
#body-inner											{background: url(../img/body/bckgbottom.png) repeat-x fixed 0 bottom;}

#wrapper											{width: 960px; margin: 0 auto; background: url(../img/header/band.png) 50% 0 no-repeat; padding: 233px 0 160px; position: relative;}
#flash												{position: absolute; top: 0px; left: 0px; z-index: 1;}

/*
	Center
*/
#center-outer										{background: url(../img/maincolumn/bckgtop.png) 0 0 no-repeat; padding: 10px 0 0; position: relative; z-index: 100;}
#center												{background: url(../img/maincolumn/bckgbottom.png) 0 100% no-repeat; padding: 0 0 10px;}
#center-inner										{background: url(../img/maincolumn/bckgmiddle.png) 0 0 repeat-y; padding: 0 10px 100px; position: relative; overflow: hidden;}

/*
	MainMenu 
*/
#mainmenu											{background: url(../img/mainmenu/wood.png) 0 0 no-repeat; position: relative; padding: 0 220px 0 0; overflow: hidden;}
#mainmenu ul										{position: relative; width: 740px;}
#mainmenu li										{display: inline; overflow: hidden;}
#mainmenu a											{color: #fcf8cb; font-size: 32px; padding: 0 36px 6px; display: block; float: left; }
#mainmenu a:hover									{color: #ffa000;}

/*
	Logo
*/
#bandlogo											{position: absolute; width: 352px; height: 207px; top: -98px; right: -72px;
													background: url(../img/header/logo.png) 0 0 no-repeat;}


/*
	Main Content 
*/
.contentcol											{width: 680px; padding: 60px 0 0 40px; float: left;}
.contentcol .post									{background: url(../img/article/artbckg.png) 0 0 no-repeat;}

/*
	Side Bar
*/
#sidebar											{width: 170px; padding: 60px 10px 0 0; float: right;}	

/*
	Player 
*/
#player												{position: absolute; top: 400px; right: -13px; z-index: 200; width: 22px;}
#player .playerinner								{position: relative;}
#player #playercontent								{width: 400px; height: 418px; position: absolute; right: 9999px;}
#player #playertoggler								{width: 22px; height: 242px; float: right; background: url(../img/player/toglerbckg.jpg) 0 0 no-repeat;}
#player #playertoggler a							{display: block; text-indent: -9999px; width: 22px; height: 242px; background: url(../img/player/onoff.png) -22px 0 no-repeat;}

/*
	Footer  
*/
p.designed											{padding: 90px 0 0 30px;}
#footer												{background: url(../img/footer/bike.png) 0 0 no-repeat; width: 1150px; height: 248px;  z-index: 500; position: absolute; right: -180px; bottom: 0px;}

/*
	Comments
*/
#respond											{overflow: hidden;}
#respond .respondform								{width: 412px; float: right; padding: 10px 0 0;}
#respond p											{padding: 1px 0; overflow: hidden;}
#respond p.ajax_false input, 
#respond p.ajax_false textarea						{border: 1px solid #FC5A01;}
#respond label										{width: 60px; background: url(../img/article/commentlabel.gif) 0 0 no-repeat; border: 1px solid #383838; display: block; float: left; padding: 2px 0 2px 14px; margin: 0 6px 0 0;}
#respond input, #respond textarea					{background: #000; color: #444; border: 1px solid #383838;}
#respond #email, #respond #author					{width: 328px;}
#respond textarea									{width: 410px; height: 100px;}
#respond #submit									{width: 60px; background: url(../img/article/commentlabel.gif) 0 0 no-repeat; border: 1px solid #383838; display: block; float: right; padding: 2px 0 2px; text-align: center; color: #FCF8CB}

ol.commentlist li.comment							{border: 1px solid #383838; margin: 10px 0 0; padding: 10px 0px 0 10px;}
ol.commentlist li.comment li						{border-right: none; border-bottom:none;}
ol.commentlist li.comment ul						{margin: 0 0 0 15px;}
ol.commentlist .comment-body						{position: relative; padding: 0 10px 10px 0;}
ol.commentlist .comment-author						{overflow: hidden;}
ol.commentlist .avatar								{float: left;}
ol.commentlist .fn									{padding: 6px 0 0 8px; display: block; float: left;}
ol.commentlist .comment-meta						{position: absolute; top: 20px; left: 40px;}
ol.commentlist .comment-meta a						{color: #444;}
ol.commentlist em, ol.commentlist .says				{display: none;}
ol.commentlist .reply								{text-align: right;}
ol.commentlist .reply a								{font-weight: bold;}


/* Pages */
#onassamych ul										{padding: 0px;}
#onassamych ul li									{overflow: hidden;}
#onassamych ul li img								{float: left; padding: 0 20px 0 0;}
#onassamych ul li div								{width: 460px; float: right;}
#contact											{background: url(../img/article/artbckg.png) 0 0 no-repeat;}
#contact .members									{width: 260px; float: right;}

#gallery											{overflow: hidden;}
#gallery a.thumbnail, .gallerypost a.thumbnail		{width: 337px; height: 226px; display: block; position: relative; padding: 6px 0 0;}
#gallery a.thumbnail img, 
.gallerypost										{overflow: hidden; padding: 0 0 10px; position: relative;}
.gallerypost a.thumbnail img						{border: 1px solid #878686}
.gallerypost a.thumbnail							{float: left; margin: 0 10px 0 0;}
.gallerypost p.comments								{position: absolute; bottom: 10px; right: 0px;}
.home .gallerypost p.comments						{bottom: 46px;}
#gallery a.thumbnail.left							{float: left;}
#gallery a.thumbnail.right							{float: left; padding: 6px 0 0 6px;}
#gallery a.thumbnail span.title						{position: absolute; bottom: 1px; left: 0px; width: 316px; height: 42px; display: block; 
													background: url(../img/gallery/titlebar.png) 0 0 no-repeat; font-size: 12px; color: #fcf8cb;
													padding: 0 0 0 20px; display: table-cell; vertical-align: middle; display: table;}
#gallery a.thumbnail span.title span				{display: table-cell; vertical-align: middle}													
													
#gallery a.thumbnail.right span						{left: 6px;}	
												
#discography										{padding: 0 0 130px; overflow: hidden;}
#discography .album									{position: relative; width: 308px; float: left; margin-bottom: 60px;}
#discography .album.left							{padding: 0 60px 0 0;}
#discography .album img								{border: 1px solid #999999;}
#discography .album .album-desc						{position: absolute; top: 20px; left: 70px; width: 220px; border: 1px solid #575757; background: #000; padding: 15px; display: none; z-index: 100;}

#videos .video										{width: 320px; float: left; padding: 0 40px 20px 0;}
#videos .video.right								{padding: 0 0 0 0;}