/*=================================================
											 Header
=================================================*/
#header { height: 230px; background:url(../images/bg-header.jpg); position: relative; }
#header h1 { float:left; display: inline; margin: 40px 0 0 25px; width:212px; height:38px; }
#header ul { position:absolute; top: 110px; left: 15px; }
#header ul li { float:left; margin-right: 15px; }
#header ul li a { display: block; font-size: 11px;  line-height: 24px; color: #fff; text-decoration: none; }
#header ul li a:hover { cursor: pointer; }
#header ul li a span { float: left; height: 24px;}
#header ul li a .lft { width: 9px; }
#header ul li a .rgt { width: 9px; }
#header ul li a:hover .lft { width: 9px; height: 24px; background: url(../images/menu-button-left.gif) no-repeat; }
#header ul li a:hover .rgt { width: 9px; height: 24px; background: url(../images/menu-button-right.gif) no-repeat; }
#header ul li a:hover .text { height: 24px; background: #549C00; }
#header ul li a.active .lft { width: 9px; height: 24px; background: url(../images/menu-button-left.gif) no-repeat; }
#header ul li a.active .rgt { width: 9px; height: 24px; background: url(../images/menu-button-right.gif) no-repeat; }
#header ul li a.active .text { height: 24px; background: #549C00; }
#header #meta { width: 600px; height: 39px; background: url(../images/bg-meta.jpg) no-repeat right; padding-left: 40px;
                position: absolute; top: 0; left: 350px;}
#header #meta input { float: right; margin: 6px 10px 0 0; padding: 5px 5px 0; color: #616161; font-size: 11px;
  width: 110px; height: 18px; background: #fff url(../images/bg-input.gif) no-repeat center; border: none; }
#header #meta input.submit { display: block; width: 60px; height: 23px; padding: 0 0 5px;
  background: url(../images/button-login.gif) no-repeat; cursor: pointer; line-height: 23px;
  color: #fff; text-transform: uppercase; font-size: 10px; }
#header #meta div { float: right; display: inline; margin: 10px 40px 0 0px; font-size: 11px;}
#header #meta div a { color: #185C8A;  }
#header #forum { position: absolute; right: 30px; top: 110px; }
#header #forum a { display: block; font-size: 11px;  line-height: 24px; color: #fff; text-decoration: none; }
#header #forum a:hover { cursor: pointer; }
#header #forum a span { float: left; height: 24px;}
#header #forum a .lft { width: 9px; }
#header #forum a .rgt { width: 9px; }
#header #forum a:hover .lft { width: 9px; height: 24px; background: url(../images/menu-button-left.gif) no-repeat; }
#header #forum a:hover .rgt { width: 9px; height: 24px; background: url(../images/menu-button-right.gif) no-repeat; }
#header #forum a:hover .text { height: 24px; background: #549C00; }
#header #forum a.active .lft { width: 9px; height: 24px; background: url(../images/menu-button-left.gif) no-repeat; }
#header #forum a.active .rgt { width: 9px; height: 24px; background: url(../images/menu-button-right.gif) no-repeat; }
#header #forum a.active .text { height: 24px; background: #549C00; }

#inner-wrapper { width: 990px; position: relative; top: -60px; margin-bottom: -35px; overflow: hidden; }
/*=================================================
									  extra-content
=================================================*/
.extra-content { float:right; width: 305px; }
/**/	.top-side { padding:20px 0 0 28px;}
/**/	.extra-content .frm-wrp { margin-bottom:6px; }
			.extra-content .frm-wrp.labels .rbox { text-align:left; }
			.extra-content .frm-wrp a { font-size:10px; color:#464b48; text-decoration:underline; }
			.extra-content .frm-wrp .lbox { float:left; width:95px; }
			.extra-content .frm-wrp .rbox { float:left; width:95px; text-align:right; }
			.extra-content .frm-wrp .strinp { width:88px; height:19px; border:1px solid #c6c7bc; }
      .extra-content .round-top { width: 270px; height: 9px; margin-top: 5px; background: url(../images/btm-side-top.gif) no-repeat bottom; }
      .extra-content .round-btm { width: 270px; height: 9px; background: url(../images/btm-side-btm.gif) no-repeat top; }
/**/	.btm-side { width: 250px;  background: #E6EFF4; overflow: hidden; padding: 10px; }
      .btm-side a { float: left; margin: 0 15px 5px 0; }
			.extra-content .btm-side .we { display:block; overflow:hidden; margin-bottom:20px; }
.extra-content a { color: #bdbdbd; font-size: 12px; }
.extra-content a:hover { text-decoration: none; }

/*=================================================
											content
=================================================*/

#main-content { float: left; width: 675px; }
#main-content .round-top { height: 9px; width: 675px; background: url(../images/content-top.gif) no-repeat bottom; }
#main-content .round-btm { float: left; height: 9px; width: 675px;
  background: url(../images/content-btm.gif) no-repeat top; }
.content { min-height: 420px; height: auto !important; height: 420px;
  width: 605px; padding: 25px 35px; background: #E6EFF4; font-size: 12px; }
.content a { color: #04396A; }
.content.home { padding:20px 15px; width:417px; border-left:1px solid #d7d7d7; }
/**/.content .item { margin-bottom:20px; }
		.content .item h3.title { margin-bottom:10px; font-size:14px; font-weight:bold; color:#a50022; }
		.content .item p.article { margin-bottom:4px; }
		.content .item p.more { text-align:right; color:#343434; }
			.content .item p.more a { color:inherit; text-decoration:underline; }
			.content .item p.more a:hover { text-decoration:none; }
#main-content img { margin: 10px 0; padding: 3px; background: #fff; border: 1px solid #A7AEB3; }


/*=================================================
											btm-links
=================================================*/
#btm-links { clear: both; overflow: hidden; height: 118x; padding-top: 20px;
  background: url(../images/separator-bottom.png) no-repeat center top;}
#btm-links p { display: none; }
#btm-links ul li { float: left; width: 200px; margin: 5px 20px; padding-bottom: 3px;
  border-bottom: 1px solid #135174; line-height: 13px; }
#btm-links ul li a { color: #d5d6d7; font-size: 12px; text-decoration: none; }
#btm-links ul li a:hover {
  color: #fff;
}

	
/*=================================================
											 footer
=================================================*/
#footer { clear: both; height: 35px; margin-top: 20px; background: url(../images/bg-footer.gif) no-repeat center;
  text-align: center;}
	#footer a { display: inline-block; margin: 8px 10px 0; color: #d5d6d7; text-decoration: none; font-size: 12px;}
	#footer a:hover { text-decoration:underline; }
		
		
/*=======================================================
 *                    comments 
 *========================================================*/
#comments { margin-top: 30px; }
#comments #comments_list .comment { margin-bottom: 15px; border: 1px solid #DDDAB9; background-color: #E7E5CD; padding: 3px; }
#comments #comments_list .comment .com_title { background-color: #C1BC81; padding-left: 5px; }
#comments #comments_list .comment .com_text { padding: 2px; line-height: 20px; }
#comments #comments_list .comment_date { color: #938E4D; border-top: 1px solid #DDDAB9; }
#comments #add_comment { margin-top: 20px; }
#comments #add_comment input, #add_comment textarea { border: 1px solid #0C364E; padding: 2px; width: 200px; }
#comments #add_comment input.submit { width: 100px; margin-left: 210px; cursor: pointer; }
#comments #add_comment form ul li { margin: 3px; }
#comments #add_comment form ul li ul.error_list li { color: red; }
#comments #add_comment form ul li label { display: block; float: left; width: 100px; }


/*==========================================================
 *                     forms styling
 ===========================================================*/
.form_style {  }
.form_style input, textarea { padding: 3px; width: 200px; border: 1px solid #DAD7B2; }
.form_style input.submit { width: 100px; margin-left: 243px; cursor: pointer;}
.form_style ul li { margin: 7px 0; }
.form_style ul li ul.error_list {  }
.form_style ul li ul.error_list li { color: red; }
.form_style ul li label
  { display: block; float: left; width: 130px; text-align: right; padding: 3px 0; padding-right: 5px; font-weight: bold; }

/* create account */
#create_account { width: 370px; }
#create_account input { padding: 3px; width: 200px; border: 1px solid #DAD7B2; }
#create_account input.submit { width: 100px; margin-left: 243px; cursor: pointer;}
#create_account ul li { margin: 7px 0; }
#create_account ul li ul.error_list { }
#create_account ul li ul.error_list li { color: red; }
#create_account ul li label
  { display: block; float: left; width: 130px; text-align: right; padding: 3px 0; padding-right: 5px; font-weight: bold; }
/* -------------------------------------------------------------------------------------------------------- */

/* remeber password */
#remember_password input { padding: 3px; width: 200px; border: 1px solid #DAD7B2; }
#remember_password input.submit { width: 100px; cursor: pointer; margin-left: 75px;}
#remember_password ul li { margin: 7px 0; margin-right: 25px;}
#remember_password ul li ul.error_list {  }
#remember_password ul li ul.error_list li { color: red; }
#remember_password ul li label
  { display: block; float: left; width: 70px; text-align: right; padding: 3px 0; padding-right: 5px; font-weight: bold; }
/* -------------------------------------------------------------------------------------------------------- */

/* singin */
#signin_form .links { float: left; padding: 4px; }
#signin_form input.submit { float: right; margin-left: 0px; margin-right: 75px; cursor: pointer; }
#signin_form ul li ul.error_list { }
/* -------------------------------------------------------------------------------------------------------- */


/* modify account */
#modify_account ul li ul.error_list {  }


/*==========================================================
 *                     account navigation
 ===========================================================*/
#account_nav p { padding: 3px; margin-left: 300px; margin-top: 0px; font-size: 12px; color: #fff; }
#account_nav p a { float: none !important; font-size: 12px; color: #fff !important; text-decoration: underline; }
#account_nav p a:hover { text-decoration: none; }
#account_nav p.title a { font-size: 11px; font-weight: bold; text-decoration: none; }
#account_nav p.title span a { float: none !important; padding-left: 10px;  font-weight: normal; text-decoration: underline;}

/*==========================================================
 *                     contact form
 ===========================================================*/
#contact_form ul li ul.error_list { text-align: right; margin-right: 400px; }

/*==========================================================
 *                     magazine
 ===========================================================*/
#categories_box, #issues_box
	{ width: 575px; overflow: auto; margin-bottom: 35px; }
#categories_box .list_wrapper, #issues_box .list_wrapper
	{ background-color: #145A82; padding: 5px 2px 10px;; clear: both; -moz-border-radius: 3px;
  width: 550px; overflow: hidden;}
#categories_box h3, #issues_box h3 { margin: 0; }
#categories_box h3 span, #issues_box h3 span
	{ margin-left: 20px; font-size: 14px; padding: 2px 10px; display: inline-block; background-color: #145A82;
		-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; color: #E5E5E5; }
#categories_box ul#magazine_categories li, #issues_box ul#magazine_issues li
	{ float: left; display: inline; margin: 5px; }
#categories_box ul#magazine_categories li a, #issues_box ul#magazine_issues li a
	{ background-color: #B7D6E7; color: #0C364E; padding: 0 3px; -moz-border-radius: 3px; display: inline-block; }
#categories_box ul#magazine_categories li.selected a, #issues_box ul#magazine_issues li.selected a
	{ text-decoration: none; font-weight: bold; }
#categories_box ul#magazine_categories li a:hover, #issues_box ul#magazine_issues li a:hover
	{ text-decoration: none; }

#issues_box { clear: both; margin-top: 20px; }
#articles_list { margin: 5px; clear: both; }
#articles_list h5 span { color: #032F59; }
#articles_list ul li { margin: 3px; padding-left: 5px; }
#articles_list ul li h6 { text-decoration: underline; }
#articles_list ul li ul { list-style-type: circle; }
#articles_list ul li ul li { color: #1284C2; list-style-type: circle; padding-left: 0; margin-left: 20px; }

#article { padding-bottom: 10px; border-bottom: 1px solid black; margin-top: 50px; }

#comments_title { font-size: 16px; color: #03470C; padding: 5px; text-decoration: underline; margin-bottom: 15px; }

#trafic_ro { width: 990px; margin: 0 auto; text-align: center; }

#trafic_ro span { color: #114D6F; font-size: 12px; float: right; display: inline; margin-right: 5px; margin-top: -20px;}
#trafic_ro span a { color: #1A76AC; }