body { background: #08556f url(../img/body_bg.gif) top repeat-x;}

/*************** GLOBAL STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

#container {background-color: #fff;}

#content { }

#container div#footer div.bottom_corners { }

/*** Global anchor styles ***/

a {color:#000; text-decoration: none;}

a:hover {text-decoration: underline;}

a img {border: none;}

/*** Global list styles ***/

ul { padding: 0; margin: 0;}

ul li { list-style-type: none;}

/*** Global heading styles ***/

h1, h2, h3, h4 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin: 0px;}

h1 { font-size: 18px; font-weight: normal; }

h1 a { color: #C90404;}

h2, h3 { color: #f60; font-size: 16px; padding-bottom: 4px;}

h2 a:hover, h3 a:hover {color: #08556f;}

h4 {}

h4 a {}

/*** Global box styles ***/

.box .box_title {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
}

/*************** HEADER STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

.header_image {}

/*** Static pages navigation ***/

.box_pages { /*** static pages list holder ***/
padding: 2px 0px 10px 5px;
background: #000;
color: #f60;
height: 1%;
font-size: 16px;
}

.box_pages li { /*** static pages list ***/
display: inline;
}

.box_pages a {padding: 0px 5px; font-size: 16px; text-transform: uppercase;}

.box_pages a:link, .box_pages a:visited {
color: #999;
text-decoration: none;
}

.box_pages a:hover {
color: #f60;
text-decoration: none;
}

/*** Search box ***/

.search {
padding: 6px;
background: #eee;
text-align: right;
}

.search a {color: #08556F;}

.search button {
width: 50px;
height: 20px;
margin-left: 6px;
border: none;
font-size: 12px;
font-weight: normal;
color: #000;
background: url(../img/search_button.gif) no-repeat;
}


/*************** LEFT COLUMN STYLES ********************************************************************************************************************/
/******************************************************************************************************************************************************/

#box_left_holder { padding: 6px;}

#dynamic_box_left div.box {margin-bottom: 12px;}

#dynamic_box_left div.box_title {
background: #A5A5A5;
color:#FFFFFF;
padding: 4px 2px 3px 3px;
margin-bottom: 4px;
border-bottom: 1px solid #CCCCCC;
}

#dynamic_box_left div.box_body {border-bottom: 4px solid #A5A5A5;}

/*** Section box (navigation list) ***/

#box_sections div.box_body { border-bottom: none; margin-bottom: 30px;}

#box_sections li {
background-color: #F1F1F1;
border-bottom: 1px solid #fff;
padding: 1px 0px;
font-variant: small-caps;
}

#box_sections li ul li {
border-bottom: none;
font-variant: normal;
font-size: 11px;
padding-left: 6px;
}

#box_sections li a {
color: #8B8B8B;
display: block;
padding: 4px;
}

#box_sections li a:hover {
color: #FFF;
background-color: #A5A5A5;
text-decoration: none;
}

#box_sections li ul li a:hover {
color: #000000;
background: none;
text-decoration: underline;
}

/*************** CONTENT STYLES ************************************************************************************************************************/
/******************************************************************************************************************************************************/

#box_center_holder {padding: 0px 6px;}

#box_center_holder h1 { font-size: 24px; padding-bottom: 4px; margin-bottom: 12px; color: #08556F; border-bottom: 3px solid #EEEEEE;}
#box_center_holder div.category_headline { width: 100%; overflow: hidden; border-bottom: 1px solid #DDD; margin-bottom: 12px; padding-bottom: 12px;}

#box_center_holder div.category_headline h2 a { color: #F60; font-size: 18px; font-weight: bold;}

#box_center_holder div.category_headline h2 a:hover { color: #08556F; text-decoration: none; }

#box_center_holder div.category_headline div.image { float: left; padding: 2px; margin: 0px 10px 6px 6px; border: 1px solid #CCCCCC;}

#box_center_holder div.category_headline div.image:hover { border: 1px solid #08556F; }

#box_center_holder div.category_headline div.summary { line-height: 1.6em; }

div.article_link {display: inline; padding-left: 4px;}

div.article_link a {color: #f60; font-weight: bold;}

div.article_link a:hover { color: #08556F; text-decoration: none; }

div.box_body div.image {
padding: 2px;
float: right;
margin: 2px 10px 2px 0px;
border: 1px solid #CCCCCC;
}

div.box_body div.image:hover {
border: 1px solid #08556F;
}

.short_holder { width: 100%; overflow: hidden;}

.short_holder h3 a, .short_holder h2 a { color: #F60; font-size: 18px; }

.short_holder h3 a:hover, .short_holder h2 a:hover { color: #08556F; text-decoration: none; }

.short { /*** Global summary styles ***/
margin-bottom: 12px;
padding: 4px 4px 12px;
border-bottom: 1px solid #DDD;
line-height: 1.6em;
}

/*** Article summaries heights ***/

#latest_news_wrap {
padding: 10px 10px 9px;
background: #08556F url(../img/tpl4023_latest_headlines_bg.gif) top right no-repeat;
margin: 10px 0px 0px;
}

#latest_news {
}

#latest_news div.short {
height:91px;
border-bottom: 1px solid #013242;
color: #c9e5fc;
margin-bottom: 4px;
padding: 4px;
line-height: normal;

}

#latest_news div.short_holder h2 a {
color: #FFF;
font-size: 14px;
}

#latest_news div.short_holder h2 a:hover {
color: #F60;
font-size: 14px;
}

#latest_news div.article_link a { color: #f60; font-weight: bold; }

#latest_news div.article_link a:hover { color: #FFF; }

div#latest_news div.short div.short_holder div.image {
float: left;
margin: 2px 10px 2px 0px;
border: 3px solid #013242;
padding: 0;
}

div#latest_news div.short div.short_holder div.image:hover {
border: 3px solid #f60;
}

/*** Main news styles ***/
#category_news_box div.box_title { margin-bottom: 6px;}

/*** Category links ***/
#category_news_box div.box_title h4, #category_news_box div.box_title h4 a {
font-size: 16px;
color: #172973;
border-bottom: 1px solid #eee;
padding: 4px 0px;
margin-bottom: 4px;
}
/*** Subcategory links ***/
#category_news_box div.box_title span { color: #000; font-size: 11px; padding: 0px 1px; }

#category_news_box div.box_title span a { color: #C90404;}

#category_news_box div.box_title span a:hover { color: #000;}

#category_news_box div.box_body ul { padding: 0px 6px;}

#category_news_box div.box_body ul li {
border-bottom: 1px solid #eee;
padding: 1px 0px;
}

#category_news_box div.box_body ul li a {
display: block;
padding: 4px 2px 4px 24px;
background: url(../img/tpl4023_bullet1.gif) 2px 3px no-repeat;
}

#category_news_box div.box_body ul li a:hover { color: #08556F; text-decoration: none; }

/*** Category page ***/

#category_holder div.subcategory_list div.box_body { padding: 6px;}

#category_holder div.short { margin-bottom: 12px; padding-bottom: 12px;}

/*** Article styles ***/

.box_breadcrumb { padding: 6px 0px; color: #666666; border-bottom: 1px solid #EEEEEE;}

.box_breadcrumb a {color: #F60;}

#article_holder h1 { font-size: 24px; color: #08556F; padding: 8px 0px 4px 0px; margin-bottom: 4px; border-bottom: 3px solid #EEEEEE;}

#article_holder div.article_metadata { padding: 0px 0px 12px 0px; margin-bottom: 4px; font-size: 11px; }

#article_holder div.article_metadata span.metadata_time { font-size: 11px; color: #666666;}

#article_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 12px; float: right;}

#article_holder div.font_size img { vertical-align: bottom; padding-left: 3px;}

#article_holder div.image {
float: left;
padding: 4px;
margin-right: 10px;
border: 1px solid #cccccc;
}

#article_holder div.image span.image_caption { font-size: 11px; line-height:normal;}

#article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;}

#article_holder div#article_body h1,
#article_holder div#article_body h2,
#article_holder div#article_body h3,
#article_holder div#article_body h4,
#article_holder div#article_body h5,
#article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;}

#article_holder div#article_body a { color: #f60;}

#article_holder div#article_body a:hover { color: #08556f; text-decoration: none; }

#article_holder div.content_attachment { padding:6px; text-align:right; font-size: 11px;}

#article_holder div.content_attachment img { vertical-align: bottom;}

#article_holder div.content_attachment a {color: #08556f;}

/*** Article social bookmarks ***/

#box_social_bookmarks {
color: #666666;
padding: 6px 6px;
margin: 6px 0px 12px 0px;
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
}

#box_social_bookmarks a { color: #666; }

#box_social_bookmarks a:hover { color: #08556f; text-decoration: none; }

#box_social_bookmarks img { vertical-align: middle; margin: 0px 2px 0px 5px}

/*** Article comments ***/

.comment_block h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #08556F;
border-bottom: 1px solid #999;
background-color: #eee;
padding: 6px;
margin: 6px 0px;
}

.comment_block h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #08556F;
border-bottom: 1px solid #ccc;
padding: 6px;
margin: 6px 0px;
}

#comment_list { margin: 15px 8px;}

#comment_list div.comment_holder { margin-bottom: 20px;}

#comment_list div.comment_header { padding-bottom: 6px;}

#comment_list div.comment_header { font-size: 11px;}

#comment_list div.comment_header a { color: #f60; font-weight: bold;}

#comment_list div.comment_body_holder {padding: 6px; border-bottom: 1px solid #EBEBEB; background-color: #F8F8F8;}

#comment_list div.comment_body {width: 100%; overflow: hidden; }

#comment_list div.comment_body img { float: left;}

#comment_list div.comment_body div.comment_text { color: #666666; margin-left: 50px; padding: 0px 12px 10px 10px;}

#comment_list div.comment_report { float: right;}

/*** Pagination ***/

#box_pagination { padding: 6px 10px; margin: 6px 0px 10px; background: #eeeeee; color: #666666;}

#box_pagination span.pagination { float:right; font-weight: bold;}

#box_pagination span.pagination a { font-weight: normal; color: #08556f;}

#box_pagination span.pagination_total {color: #f60; font-weight: bold;}

/*** Archive calendar ***/

#box_calendar table caption {
font-weight: bold;
border-bottom: 1px solid #DDD;
padding: 6px 0px;
}

#box_calendar table caption a {color: #f60; font-weight: bold;}

#box_calendar table caption span { cursor: pointer; padding: 0px 4px;}

#box_calendar table td { text-align: center; padding: 1px 2px;}

/*************** RIGHT COLUMN STYLES *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/}

/*** Boxes ***/

#dynamic_box_right div#box_right_holder { margin: 10px;}

#dynamic_box_right .box div.box_title {
background: url(../img/box_right_head_left.gif) top right no-repeat;
color: #C9E5FC;
font-weight: bold;
font-size: 16px;
line-height: 22px;
padding: 7px 10px 15px;
}

#dynamic_box_right .box_tabs div.box_title {padding: 12px 6px 9px 6px;}

#dynamic_box_right .box .box_title_holder {
background: url(../img/box_right_head_right.gif) top right no-repeat;
}

/* Hides from IE5-mac \*/
* html #dynamic_box_right .box .box_title_holder { height: 1%;}
/* End hide from IE5-mac */

#dynamic_box_right .box {
background: #FFFFFF url(../img/box_right_body_right.gif) bottom right no-repeat;
margin-bottom: 10px;
}

#dynamic_box_right .box .box_body {
background:url(../img/box_right_body_left.gif) bottom right no-repeat;
}

#dynamic_box_right .box .box_body div.box_content {padding: 6px 12px 12px 12px; height: 1%; }

/* Hides from IE5-mac \*/
* html #dynamic_box_right .box .box_body { height: 1%;}
/* End hide from IE5-mac */

#dynamic_box_right .box .box_body div.box_content h3 { padding-bottom: 2px; padding-top: 4px;}

/********** Lists ***************/

#dynamic_box_right div.box_body ul li {
border-bottom: 1px solid #ddd;
padding: 1px 0px;
}

#dynamic_box_right div.box_body ul li a {
display: block;
padding: 4px 4px 4px 24px;
background: url(../img/tpl4023_bullet1.gif) 3px 3px no-repeat;
}

#dynamic_box_right div.box_body ul li a:hover { color: #08556F;}

/*** Tabs ***/

.tabs {
font-size:12px;
text-transform: uppercase;
line-height:normal;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

ul.tabs{
margin:0;
padding:4px 0 4px 0px;
list-style:none;
}

.tabs li {
display:inline;
margin:0;
padding:0;
}

.tabs a {
margin: 0px 1px 0px 0px;
padding:4px 0 4px 4px;
text-decoration:none;
}

*:first-child+html .tabs a {padding:0 0 0 4px;} /* IE 7 hack */

/* Hides from IE5-mac \*/
* html .tabs a {padding:0 0 0 4px;}
/* End hide from IE5-mac */

.tabs a span {
padding:4px 8px 4px 4px;
color:#C9E5FC;
}

.tabs a:hover {text-decoration: none; background: url(../img/tabs_left.gif) no-repeat left top;}

.tabs a:hover span {color: #FFF; background: url(../img/tabs_right.gif) no-repeat right top;}

.tabs a.active {background: url(../img/tabs_left.gif) no-repeat left top;}

.tabs a.active span {
color: #FFF;
background: url(../img/tabs_right.gif) no-repeat right top;
}

/*** Latest comments box ***/

div#latest_comments div.single_comment img { float: left; margin: 2px 6px 2px 4px;}

div#latest_comments div.single_comment {display: block; width: 100%; overflow: hidden; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #ddd;}

div#latest_comments div.single_comment div.comment_header { font-size: 11px; color: #08556F;}

div#latest_comments div.single_comment div.comment_header a {color: #f60; font-weight: bold;}

div#latest_comments div.single_comment div.comment_body { padding-top: 2px; font-size: 11px;}

/*** Featured author box ***/

div#box_users div.box_body img { float: left; margin: 2px 6px 2px 4px;}

div#box_users div.box_body a { display: block; padding-bottom: 6px; color: #F60; font-size: 18px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

div#box_users div.box_content { width: 90%; overflow: hidden;}

/*** Tag cloud box ***/

div#box_tags a:hover {color: #F60;}

/*** Article page tag box ***/

#article_tags div.article_tags {}

#article_tags div.article_my_tags { padding-top: 6px; margin-top: 6px; border-top: 1px solid #ddd;}

#article_tags div.article_add_tag { padding-top: 6px; text-align: center;}

/*** Article Tools box ***/

#dynamic_box_right div#box_article_tools { margin-bottom: 36px;}

#dynamic_box_right div#box_article_tools ul { font-size: 11px;}

#dynamic_box_right div#box_article_tools ul li img { vertical-align: text-bottom; margin-right: 4px;}

#dynamic_box_right div#box_article_tools ul li a {padding: 2px 4px 4px 4px; background: none; color: #666666;}

#dynamic_box_right div#box_article_tools ul li a:hover {background: none; text-decoration: none; color: #08556F;}

/*** Email friend box ***/

#send_article { padding: 6px; border-top: 1px solid #ddd; }

/*** Article vote box ***/

#stars { padding: 2px; width: 150px; overflow: hidden;}

.article_rating {
color: #F60;
font-weight: bold;
font-size: 14px;
padding-top: 10px;
padding-right: 18px;
float: right;
}

div.standard_star { cursor: pointer;}

/*************** FOOTER STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

.footer {
text-align: ceneter;
padding: 18px 0px 30px 250px;
color: #666666;

background: #000 url(http://alaswaq.ardalwatn.com/themes/tpl_4023/img/fotter.jpg) top left no-repeat;
height: 1%;
}

.footer a { color: #666666;}

.static_footer { padding: 0px 0px 15px 0px;}

.footer div.corner_bottom {}

/*** First level categories in footer ***/

.footer ul { text-transform: uppercase; padding: 15px 0px 0px 0px; margin: 0px;}

.footer li {display: inline; padding: 0px 5px 0px 0px;}

.footer li a { font-size: 14px; color:#08556F; font-weight: bold; }

.footer li a:hover { color:#F60; text-decoration: none; }

/*************** TPL 4023 STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

.login_register {
font-size:16px;
position:absolute;
right:10px;
text-align:right;
text-transform:uppercase;
top:0px;
color: #f60;
background: url(../img/tpl4023_lock.gif) top left no-repeat;
padding:2px 0px 2px 22px;
}

.login_register a { color: #999; }

.login_register a:hover { color: #F60; text-decoration: none; }

.login_register a img { vertical-align: text-bottom; margin-right: 5px; }

#ads1 {text-align: center; padding: 18px 10px 10px;}

#ads2 {margin-bottom: 10px;}

.search_index div.search {
background: none;
padding: 7px 0px 6px;
position: absolute;
top: 120px;
right: 10px;
width: 350px
}

*:first-child+html .search_index div.search {padding: 3px 6px 5px;} /* IE 7 hack */

/* Hides from IE5-mac \*/
* html .search_index div.search {padding: 3px 6px 5px;}
/* End hide from IE5-mac */

.search_index div.search a {color: #FFF;}

.search_index div.search button {padding-bottom: 1px;}

#tpl4023_stripe {
background: url(../img/tpl4023_stripe_bg.gif) top left no-repeat;
width: 595px;
overflow: hidden;
height: 1%;
margin-left: 10px;
margin-bottom: 10px;
}

#latest_3_news {
margin: 10px;
padding: 10px 10px 0px 15px;
border-top: 5px solid #f60;
overflow: hidden;
text-align: right;
}

div#latest_3_news div.short {
width: 295px;
margin-right: 0px;
float: right;
color: #000;
border-bottom: 1px solid #DDD;
height: 100px;
line-height: normal;
text-align: right;
}

div#latest_3_news div.article_link a { color: #f60; }

div#latest_3_news div.article_link a:hover { color: #08556F; text-decoration: none; }

div#latest_3_news div.short_holder h2 a { color: #08556F; }

div#latest_3_news div.short_holder h2 a:hover { color: #F60; }

/** 3 tabs **/

#most_box .box_title_holder {background: url(../img/box_right_head_right.gif) top right no-repeat; height: 1%;}

#most_box .box div.box_title {background: url(../img/box_right_head_left.gif) top left no-repeat; height: 1%;}

#most_box div.box_title {padding: 12px 6px 9px 6px;}

#most_box .box {
background: #FFFFFF url(../img/box_right_body_right.gif) bottom right no-repeat;
margin-bottom: 10px;
height: 1%;
}

#most_box .box .box_body {background:url(../img/box_right_body_left.gif) bottom left no-repeat; height: 1%;}

#most_box .box .box_body div.box_content {padding: 6px 12px 12px 12px; height: 1%;}

#most_box div.box_body ul li {border-bottom: 1px solid #ddd; padding: 5px 0px;}

#most_box div.box_body ul li.first_article {border-bottom: 1px solid #ddd; padding: 5px 0px 10px;}

#most_box div.box_body ul li a {
display: block;
font-size: 14px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #08556F;
padding: 0px 0px 0px 25px;
background: url(../img/tpl4023_bullet1.gif) 5px 1px no-repeat;
}

#most_box div.box_body ul li.first_article a { background: none; padding: 0;}

#most_box div.box_body ul li a:hover { color: #F60; text-decoration: none;}

/**/

div.main_news_box_row .box_title h3 a { color: #08556F; font-size: 18px; font-weight: normal; }

div.main_news_box_row .box_title h3 a:hover { color: #f60; text-decoration: none; }

