/*
	File: main.css
	Created on: 1:18:14, 2009-1-20

	Autor: Alexander Marinov aka ssaki
*/
/* main colors:
	#da2129, l30 - #e56369, d30 - #99171d
	#cfcfcf, l30 - #dddddd, d30 - #919191, d60 - #535353
*/

/* Elements global styling */
body, div, span, form, fieldset, img, a, br {
		margin: 0; padding: 0; border: none;
		font-size: 12px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		line-height:20px;
	}
	
img.left { float:left; margin:20px 20px 20px 20px; margin-bottom:10px;}
br.clear { clear: both; float: none; height: 1px; font-size: 1px; margin: 0; padding: 0; border: none; width: 100%; }
table { border-collapse: collapse; }
div.story { padding: 10px; }
div.story p { text-align: justify; line-height: 170%; text-indent: 2em; margin-bottom: 8px; }
div.story p span { font-weight: bold; font-style: italic; }
/* Site's struct elements */

body { background-color: #333333;  }
p.mless { text-align:justify; margin:0px 5px 5px 5px; }
p.lead { text-align:justify; margin:20px 20px 20px 20px; font-weight:bold; }
p.author { color:#666666; font-size:13px; margin:0px; margin-left:20px; font-style:italic; }
p { text-align:justify; margin:20px 20px 20px 20px;}
p.empty_message { font-size: 32px; font-weight: bold; color: #cccccc; text-align: center; margin: 25px 15px; }
#board_container { width: 1000px; margin: 0 auto; padding: 20px; }

/* Board styling */
#board-top, #board-middle { background-color: #ffffff; }
#board-top, #board-bottom { height: 20px; border: none; overflow: hidden; }

#board-top-left, #board-top-right, #board-bottom-left, #board-bottom-right { float: left; width: 20px; height: 20px;  }
#board-top-center, #board-bottom-center { float: left; width: 960px; height: 20px; }

#board-top-left { background: transparent url('../img/board_corners.gif') no-repeat 0 0; }
#board-top-right { background: transparent url('../img/board_corners.gif') no-repeat -20px 0; }

#board-middle {  }

#board-bottom { background-color: #131313; }
#board-bottom-left { background: transparent url('../img/board_corners.gif') no-repeat 0 -20px; }
#board-bottom-right { background: transparent url('../img/board_corners.gif') no-repeat -20px -20px; }


/* board's main elements */
#board-header, #board-footer, #board-content { width: 960px; padding: 0 20px; }

#board-header { padding-bottom: 15px; }
#board-footer { background-color: #131313; color: #ffffff; padding-top: 5px;}
#board-footer p.left { float: left; margin:0px; color: #b9b9b9; font-size: 13px; margin-left: 10px; }
#board-footer p.right { float: right; margin:0px; margin-right: 5px; }
#board-footer p.right a { margin:0px; margin-left: 15px; color: #b9b9b9; text-decoration: none; font-size: 11px; }
#board-footer p.right a:hover { text-decoration: underline; color: #ffffff; }

#board-content { width: 960px; padding: 35px 20px 15px 20px; }
#board-content-left { float: left; width: 660px; padding: 35px 20px 15px 20px; }
#board-content-right { float: left; width: 290px; border-left: 1px solid #999999; margin: 15px 0; overflow: hidden; }


/* Menu */
#menu { height: 40px; background-color: #535353; overflow: hidden; }

#menu a.item_container_first, #menu a.item_container, #menu a.item_container_last {
	display: block; float: left; height: 20px; margin: 0;
	text-decoration: none; font-size: 15px; font-weight: bold; color: #fefefe;
}
#menu a.item_container, #menu a.item_container_last { padding: 10px 15px; }

#menu a.item_container_first { padding: 10px 15px 10px 16px; border-right: 1px solid #474747; }
#menu a.item_container { border-left: 1px solid #6d6d6d; border-right: 1px solid #474747; }
#menu a.item_container_last { border-left: 1px solid #6d6d6d; }

#menu a.item_container_first:hover, #menu a.item_container:hover, #menu a.item_container_last:hover { background-color: #474747; }

#menu a.item_container_active { background: #99171d url('../img/menu_active_bckg.gif') repeat-x center left; border: none; padding: 10px 16px; }

/* RedHeader && RedBox styling */
div.redheader-top, div.redheader-middle, div.redheader-bottom { background-color: #cc0000; }
div.redheader-top, div.redheader-bottom { height: 8px; border: none; overflow: hidden; }

div.redheader-top-left, div.redheader-top-right, div.redheader-bottom-left, div.redheader-bottom-right { float: left; width: 8px; height: 8px; }

div.redheader-top-center { float: left; height: 8px; background: #cc0000 url('../img/head_fill.gif') repeat-x 0 0; }

div.redheader-top-center { border-top: 1px solid #cc0000; }
div.redheader-top-left { background: transparent url('../img/head_corners.gif') no-repeat 0 0; }
div.redheader-top-right { background: transparent url('../img/head_corners.gif') no-repeat -8px 0; }

div.redheader-middle, div.redheader-middle-full {
		padding: 0 20px; border-left: 1px solid #cc0000; border-right: 1px solid #cc0000;
		color: #ffffff; font-weight: bold; font-size: 15px;
		background: #cc0000 url('../img/head_fill.gif') repeat-x 0 -9px;
	}
div.redheader-middle-full {}
div.redheader-middle { height: 28px;  }

div.redheader-bottom {}

div.redheader-bottom-center { float: left; height: 7px; border-bottom: 1px solid #cc0000; }
div.redheader-bottom-left { background: transparent url('../img/head_corners.gif') no-repeat 0 -8px; }
div.redheader-bottom-right { background: transparent url('../img/head_corners.gif') no-repeat -8px -8px; }

div.redbox-bottom-left, div.redbox-bottom-right, div.redbox-top-left, div.redbox-top-right { float: left; width: 8px; height: 8px; }
div.redbox-bottom-center, div.redbox-top-center { float: left; height: 6px; font-size: 1px;}

div.redbox-top { height: 8px; overflow: hidden; }
div.redbox-top-center { border-top: 2px solid #cc0000;}
div.redbox-top-left { background: transparent url('../img/box_corners.gif') no-repeat 0 0; }
div.redbox-top-right { background: transparent url('../img/box_corners.gif') no-repeat -8px 0; }

div.redbox-body { padding: 1px; border-left: 2px solid #cc0000; border-right: 2px solid #cc0000; overflow: hidden; }
div.redbox-stamp { margin-bottom: 10px; padding: 3px 5px; font-size: 10px; text-align: right; color: #000000; background-color: #cfcfcf; }
div.redbox-content { padding: 0 9px; }

div.redbox-bottom { height: 8px; margin-bottom: 20px; }

div.redbox-bottom-center { border-bottom: 2px solid #cc0000;}
div.redbox-bottom-left { background: transparent url('../img/box_corners.gif') no-repeat 0 -8px; }
div.redbox-bottom-right { background: transparent url('../img/box_corners.gif') no-repeat -8px -8px; }

/* Header stuff*/
#red_logo { float: left; width: 263px; height: 122px; }
#red_login { float: right; width: 263px; height: 122px; margin: 0px 0px 0px 0px; }
#img_rotator { float: left; height: 110px; width: 300px; margin: 7px 0 0 70px; background: transparent url('../img/dobrev_banner.jpg') no-repeat;	 }
#banner { float: left; height: 120px; width: 300px; margin: 1px 0 0 65px; background: transparent;	 }
#img_rotator_display { width: 235px; height: 104px; margin: 3px 0 0 3px; overflow: hidden; }
#img_rotator_display img { display: block; clear: both; width: 235px; }


/* Thumbs frame */
div.thumb-frame { float: left; margin: 10px 10px 15px 10px; background-color: #131313; }

div.thumb-frame-top, div.thumb-frame-bottom { height: 10px; overflow: hidden; }
div.thumb-frame-top-left, div.thumb-frame-top-center, div.thumb-frame-top-right,
div.thumb-frame-bottom-left, div.thumb-frame-bottom-center, div.thumb-frame-bottom-right { float: left; height: 10px; }
div.thumb-frame-top-left, div.thumb-frame-top-right, div.thumb-frame-bottom-left, div.thumb-frame-bottom-right { width: 10px; background-color: #00aaff; }

div.thumb-frame-top, div.thumb-frame-middle, div.thumb-frame-bottom { margin: 0px; }

div.thumb-frame-top-left { background: transparent url('../img/thumb_corners.gif') no-repeat 0 0; }
div.thumb-frame-top-center {}
div.thumb-frame-top-right { background: transparent url('../img/thumb_corners.gif') no-repeat -10px 0; }

div.thumb-frame-middle { padding: 0 10px; overflow: hidden; }
div.thumb-frame-image { height: 200px; }
div.thumb-frame-shadow { height: 200px; border-top: 1px solid #131313; background: #000000; opacity: 0.6; filter: alpha(opacity=60); display: none; }
a.thumb-frame-button { display: block; width: 270px; height: 200px; display: none; }

div.thumb-frame-middle p { width: 240px; text-align: center; color: #ffffff; font-weight: bold; margin: 10px 15px 5px 15px; }

div.thumb-frame-bottom {}
div.thumb-frame-bottom-left { background: transparent url('../img/thumb_corners.gif') no-repeat 0 -10px; }
div.thumb-frame-bottom-center {}
div.thumb-frame-bottom-right { background: transparent url('../img/thumb_corners.gif') no-repeat -10px -10px; }

/* Videos */
#video_tabs { width: 920px; margin-left: 20px; }
div.video_tab_container { float: left; height: 33px; margin-right: 10px; }
a.video_tab_body_active, a.video_tab_body { display: block; width: 142px; text-align: center; text-decoration: none; font-weight: bold; font-size: 13px; color: #ffffff; }
a.video_tab_body_active {
		height: 25px; background: #cc0000 url('../img/head_fill.gif') repeat-x 0 -9px;
	}

a.video_tab_body {
		height: 23px; background: #99171D;
	}

div.videotab-top { height: 8px; width: 120px; overflow: hidden; }
div.videotab-top-center, div.videotab-top-left, div.videotab-top-right { float: left; height: 8px; }
div.videotab-top-center { background-color: #99171D; }
div.videotab-top-left { width: 8px; background: transparent url('../img/tab_corners.gif') no-repeat 0 0; }
div.videotab-top-right { width: 8px; background: transparent url('../img/tab_corners.gif') no-repeat -8px 0; }

#comment_video, #comment_video table { width: 500px; }
#comment_video { margin: 35px auto 0 auto; }
#comment_video td { vertical-align: top; padding: 5px 4px; }
#comment_video td.head { width: 90px; font-weight: bold; text-align: right; padding-top: 8px; }
#comment_video input.text, #comment_video textarea { width: 400px; }
 

#comment_video td.bottom { text-align: center; }

div.display_comment { width: 500px; margin: 0 auto 20px auto; padding: 0 10px 10px 10px; border-bottom: 1px solid #cfcfcf; }
div.display_comment p.head { font-size: 15px; font-weight: bold; color: #da2129; }
div.display_comment p.head span { font-size: 15px; color: #000000; }
div.display_comment p.date { font-size: 10px; color: #999999; }
div.display_comment p.body { margin-top: 10px; }

/* News */
div.mini_news { width: 660px; overflow: hidden; margin-bottom: 20px;  }
div.mini_news_title { color: #999999; font-size: 11px; margin-bottom: 4px; }
div.mini_news_title a { color: #cc0000; font-weight: bold; font-size: 13px; margin-bottom: 4px; }
div.mini_news_title a:hover { color: #99171d; }
div.mini_news_short { text-align: justify; }
div.mini_news_thumb, div.mini_news_container { float: left; }
div.mini_news_thumb img { width: 70px; height: 100px; border: 2px solid #cfcfcf; }
div.mini_news_container { width: 575px; margin-left: 10px; }

/* progress bar */
p.progress_bar_title { margin: 10px 0 2px 10px; }
div.progress_container { margin-bottom: 10px; }
div.progress_bar_end, div.progress_bar_full, div.progress_bar_empty, div.progress_bar_stat { float: left; }

div.progress_bar_end { height: 16px; width: 4px; }
div.progress_bar_full, div.progress_bar_empty { height: 14px; }
div.progress_bar_full { border: 1px solid #cc0000; border-left: none; background: #d22323 url('../img/progress_bar_bckg.gif') repeat-x; }
div.progress_bar_empty { border: 1px solid #cfcfcf; border-left: none; border-right: none; }
div.progress_bar_stat { margin-left: 15px; font-size: 11px; }

div.progress_bar_end_lf { background: transparent url('../img/progress_bar_ends.gif') no-repeat 0 0; }
div.progress_bar_end_rf { background: transparent url('../img/progress_bar_ends.gif') no-repeat -4px 0; }
div.progress_bar_end_le { background: transparent url('../img/progress_bar_ends.gif') no-repeat 0 -16px; }
div.progress_bar_end_re { background: transparent url('../img/progress_bar_ends.gif') no-repeat -4px -16px; }

/* Index page */
#index_poll { width: 550px; }
input.poll_opts { margin: 5px 5px 0 35px; }
#send_poll_vote { text-align: center; margin-top: 15px; }

#index_last_items { clear: both; float: none; margin-top: 45px; }
#index_last_items div.index_last_item_entry { float: left; width: 310px; overflow: hidden; }
#index_last_items div.index_last_item_separator { float: left; height: 310px; width: 15px; }

/* PROtest */
div.protest_entry { width: 660px; overflow: hidden; margin-bottom: 20px;  }

div.protest_title { font-weight: bold; font-size: 13px; margin-bottom: 7px; margin-top: 5px; }
div.protest_title span { color: #999999; font-size: 11px; font-weight: normal; }
div.protest_title a { color: #cc0000; font-weight: bold; font-size: 13px; }
div.protest_title a:hover { color: #99171d; }

div.protest_short { text-align: justify; }
div.protest_thumb, div.protest_container { float: left; }
div.protest_thumb img { width: 100px; height: 100px; border: 2px solid #cfcfcf; }
div.protest_container { width: 545px; margin-left: 10px; }

div.protest_single_video { width: 500px; height: 380px; margin: 0 0 20px 80px; overflow: hidden; }
div.protest_single_text { width: 620px; margin-left: 20px; }

#red_protest_links { width: 620px; margin: 0 0 15px 10px; padding: 0 10px 7px 10px; text-align: right; border-bottom: 1px dotted #cccccc; }
#red_protest_links a { color: #cc0000; font-weight: bold; font-size: 14px; margin-left: 15px; }


/* right column */
#protest_right { margin-left: 10px; }


#login input{ 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px solid #770000;
	font: normal small "Tahoma", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:12px;
}

#login form {
}

#login fieldset {
	border: none;
	
}

#login legend {
	display: none;
}

#login label {
	display: block;
}


#inputsubmit {
    font-size:11px;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 0px;
	width:57px;
	height:18px;
	color: #ffffff;
    background: transparent url('../img/red_button.png');

}

.loginboxdiv{
margin:0px;
margin-top: 0px;
margin-bottom: 0px;
height:16px;
width:146px;
background:url(login_bg2.gif) no-repeat bottom;
border: 0px solid #770000;
	font: normal small "Tahoma", Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.loginbox
{
	margin:0px;
 	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px solid #770000;
	font: normal small "Tahoma", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:12px;
	
	

}
#myGallery
{ 	width:600px !important;	
	height:450px !important;
	text-align: left;
	margin: 0 auto;
}