/******************************************************
	Title:    Kamenitza
	Author:   Martin Metodiev
	Company:  Mag Studio
	Updated:  21/05/2009
	Style:    FANCLUB Stylesheet
******************************************************/



/******************************************************
	LIST OF CONTENTS

		Global styles:		:	Common


		Layout:				:	Header
							:	Footer


		Layout elements:	:	Top Line
							:	Logo
							:	Mag Studio
		
		
		Navigation:			:	Main menu
		

		Inner Pages:		:	Home

******************************************************/





/* ************************ GLOBAL STYLES */

/* .................... Common */
	div.main_box_header div.main div.actual_info_box ul.news_list li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
/* ........................... */





/* ******************************* LAYOUT */

/* .................... Header */
	div#header {
		background: url(../images/site_images/backgrounds/fanclub_bgr_page_header.jpg) center top no-repeat;
	}
/* ........................... */


/* ................... Sidebar */
	div#sidebar a.stm_logo {
		display: block;
		text-align: center;
		padding-bottom: 20px;
		background: url(../images/site_images/backgrounds/sidebar_breakline.png) bottom center no-repeat;
	}

		div#sidebar a.stm_logo img {
			margin: 0px auto;
		}
/* ........................... */


/* .................... Footer */
	div#footer {
		background: url(../images/site_images/backgrounds/fanclub_bgr_page_footer.png) center bottom no-repeat;
	}
/* ........................... */





/* ********************** LAYOUT ELEMENTS */

/* .................. Top Line */
	div.top_line a {
		color: #fbd500;
	}
	
	div.top_line a.forum {
		border-right: 1px solid #fbd500;
	}
/* ........................... */


/* ...................... Logo */
	div.fanclub_logo {
		width: 19.3em; /*193px*/
		height: 12em; /*120px*/
		margin: 26px 0px 0px 3px;
	}

			div.fanclub_logo a img {
        display: block;
				width: auto;
        height: 100%;
        margin: 0 auto;
			}
/* ........................... */


/* ................ Mag Studio */
	div#footer div.magstudio {
		background: none;
	}
/* ........................... */





/* *************************** NAVIGATION */

/* ................. Main menu */
	div.main_menu ul li a.active,
		div.main_menu ul li a:hover {
			background: url(../images/site_images/backgrounds/fanclub_menu_item_left.gif) left top no-repeat;
		}

		div.main_menu ul li a.active span,
			div.main_menu ul li a:hover span {
				background: url(../images/site_images/backgrounds/fanclub_menu_item_right.gif) right top no-repeat;
			}

	div.main_menu ul li.first a.active,
		div.main_menu ul li.first a:hover {
			background: url(../images/site_images/backgrounds/menu_item_left.gif) left top no-repeat;
		}
/* ........................... */





/* ************************** INNER PAGES */

/* ...................... Home */
	div.main_box_header div.main div.actual_info_box,
	div.main_box_header div.main div.fanclub_info_box {
		height: 34.55em; /*380px*/
		overflow: hidden;
		padding: 5px 12px 27px;
	}

			div.main_box_header div.main div.actual_info_box ul.news_list li {
				float: none;
				margin-bottom: 8px;
			}
			
				div.main_box_header div.main div.actual_info_box ul.news_list li div {
					width: 16.36em; /*180px*/
					height: 7.64em; /*84px*/
					overflow: hidden;
				}

	div.main_box_header div.main div.fanclub_info_box img {
		width: 78px;
		height: 78px;
		margin: 5px 10px 0px 0px;
		float: left;
		border: 0px;
		padding: 1px;
		background: url(../images/site_images/backgrounds/thumb_border.gif) 0px 0px no-repeat;
	}

	div.main_box_header div.main div.fanclub_info_box h3 {
		float: left;
		width: 16em;/* 176px*/
		margin: 3px 0px 0px;
	}

		div.main_box_header div.main div.fanclub_info_box h3 a {
			color: #9aba7e;
			text-decoration: none;
		}
	
			div.main_box_header div.main div.fanclub_info_box h3 a:hover {
				text-decoration: underline;
			}

	div.main_box_header div.main div.fanclub_info_box p {
		color: #b8c1b0;
	}

	div.main_box_header div.main div.fanclub_info_box a.arrows {
		position: absolute;
		bottom: 8px;
		left: 12px;
	}
/* ........................... */