/* General CSS file */

body { background: #F9F9F9; font-family: tahoma; font-size: 11px; color: #111; }

/* Frame, containers */
#frame { display: block; width: 100%; height: auto; text-align: center; }
#main { display: block; width: 1065px; text-align: left; margin: 0 auto; }
#header { display: block; width: 100%; height: 61px; }
#topmenu { display: block; width: 100%; height: 35px; font-family: "Trebuchet MS"; font-size: 13px; color: #FFFEFF; background: url('../images/topmenu_bg.jpg') repeat-x; }
#content { display: table; width: 100%; height: auto; margin-top: 13px; margin-bottom: 16px; vertical-align: top; }
#leftside { display: table-cell; width: 750px; vertical-align: top; }
#rightside { display: table-cell; width: 303px; vertical-align: top; }
#bottommenu { display: block; width: 100%; height: 37px; color: #000; background: url('../images/bottommenu_bg.jpg') repeat-x; }
#footer { display: block; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 15px; color: #303030; }

/* Header */
.header_left { float: left; width: 49%; }
.header_right { float: right; width: 49%; }
.logo { position: relative; top: 4px; left: 9px; width: 145px; height: 52px; }
.header_right_box { position: relative; top: 24px; float: right; width: 445px; height: 25px; line-height: 25px; }
.hr_links_box_left { float: left; width: 3px; height: 22px; background: url('../images/hr_links_box_left_bg.jpg') no-repeat; }
.hr_links_box { float: left; width: 210px; height: 20px; line-height: 20px; background: #fff; border: 1px solid #EBEBEB; border-left: none; border-right: none; padding-left: 5px; padding-right: 5px; }
.hr_links_box_right { float: left; width: 3px; height: 22px; background: url('../images/hr_links_box_right_bg.jpg') no-repeat; }
.hr_links_box_divider { float: left; width: 3px; height: 20px; background: url('../images/hr_links_box_divider.jpg') no-repeat; }
.search_input { position: relative; left: 14px; float: left; width: 179px; height: 22px; background: url('../images/search_input_bg.jpg') no-repeat; border: none; font: 11px tahoma; color: #D4D4D4; padding: 4px; padding-left: 10px; }
.search_button { float: left; width: 23px; height: 22px; background: url('../images/search_button_bg.jpg') no-repeat; border: none; }

/* Top menu */
.topmenu_left_corner { float: left; width: 2px; height: 35px; background: url('../images/topmenu_left_corner.jpg') no-repeat; }
.topmenu_right_corner { float: right; width: 2px; height: 35px; background: url('../images/topmenu_right_corner.jpg') no-repeat; }
.topmenu_element { float: left; width: auto; padding-left: 15px; padding-right: 15px; text-align: center; line-height: 35px; }
.topmenu_element_selected { float: left; width: auto; padding-left: 15px; padding-right: 15px; text-align: center; line-height: 35px; background: url('../images/topmenu_selected_bg.jpg') repeat-x; }
.topmenu_divider { float: left; width: 2px; height: 35px; background: url('../images/topmenu_divider.jpg') no-repeat; }

/* Bottom menu */
.bottommenu_left_corner { float: left; width: 3px; height: 37px; background: url('../images/bottommenu_left_corner.jpg') no-repeat; }
.bottommenu_right_corner { float: right; width: 3px; height: 37px; background: url('../images/bottommenu_right_corner.jpg') no-repeat; }
.bottommenu_element { float: left; width: auto; padding-left: 15px; padding-right: 15px; text-align: center; line-height: 37px; }
.bottommenu_divider { float: left; width: 2px; height: 37px; background: url('../images/bottommenu_divider.jpg') no-repeat; }

/* Blocks */
.block1 { display: block; width: 303px; height: auto; }
.block1_head { width: 304px; height: 27px; background: url('../images/block1_title_bg.jpg') repeat-x; }
.block1_left_corner { float: left; width: 2px; height: 27px; background: url('../images/block1_title_left_corner.jpg') no-repeat; }
.block1_right_corner { float: right; width: 2px; height: 27px; background: url('../images/block1_title_right_corner.jpg') no-repeat; }
.block1_title { float: left; font-family: "Trebuchet MS"; font-size: 13px; color: #FFFEFF; line-height: 27px; text-indent: 27px; }
.block1_content { width: 100%; background: #fff; border: 1px solid #EBEBEB; border-bottom: none; }
.block1_bottom_left_corner { float: left; width: 5px; height: 4px; background: url('../images/block1_bottom_left_corner.jpg') no-repeat; }
.block1_bottom { float: left; width: 96.5%; height: 3px; background: #fff; border-bottom: 1px solid #EBEBEB; }
.block1_bottom_right_corner { float: right; width: 5px; height: 4px; background: url('../images/block1_bottom_right_corner.jpg') no-repeat; }

.block2 { display: block; width: 100%; height: auto; }
.block2_head { width: 100%; height: 29px; line-height: 29px; background: url('../images/block2_title_bg.jpg') repeat-x; }
.block2_left_corner { float: left; width: 4px; height: 29px; background: url('../images/block2_title_left_corner.jpg') no-repeat; }
.block2_right_corner { float: right; width: 4px; height: 29px; background: url('../images/block2_title_right_corner.jpg') no-repeat; }
.block2_title { float: left; width: 95%; font-family: "Trebuchet MS"; font-size: 13px; color: #303030; text-indent: 24px; text-align: center; }
.block2_content { width: 99.85%; background: #fff; border: 1px solid #EBEBEB; border-top: none; border-bottom: none; }
.block2_bottom_left_corner { float: left; width: 5px; height: 4px; background: url('../images/block2_bottom_left_corner.jpg') no-repeat; }
.block2_bottom { float: left; width: 99.3%; height: 3px; background: #fff; border-bottom: 1px solid #EBEBEB; }
.block2_bottom_right_corner { float: right; width: 5px; height: 4px; background: url('../images/block2_bottom_right_corner.jpg') no-repeat; }

/* Tabs */
.tabs { display: block; width: 100%; height: 31px; margin-top: 7px; }
.tab { float: left; width: 98px; height: 31px; background: url('../images/tab.jpg') no-repeat; line-height: 31px; text-align: center; }
.tab_this  { float: left; width: 105px; height: 31px; background: url('../images/tab_this.jpg') no-repeat; line-height: 31px; text-align: center; }
.tab_elements { width: 100%; margin: 0 auto; border-top: 1px solid #EBEBEB; }
.tab_element { width: 100%; min-height: 20px; line-height: 20px; border-bottom: 1px solid #EBEBEB; text-indent: 13px; }

/* Posts */
.post { width: 100%; height: auto; }
.post h3 { padding-left: 15px; }
.post_top_images { width: 750px; height: 33px; background: url('../images/post_top_images.jpg') no-repeat; }
.post_top_audio { width: 750px; height: 33px; background: url('../images/post_top_audio.jpg') no-repeat; }
.post_top_flash_games { width: 750px; height: 33px; background: url('../images/post_top_games.jpg') no-repeat; }
.post_top_stories { width: 750px; height: 33px; background: url('../images/post_top_stories.jpg') no-repeat; }
.post_top_jokes { width: 750px; height: 33px; background: url('../images/post_top_jokes.jpg') no-repeat; }
.post_top_video { width: 750px; height: 33px; background: url('../images/post_top_video.jpg') no-repeat; }
.post_top_featured { width: 750px; height: 33px; background: url('../images/post_top_featured.jpg') no-repeat; }
.post_top_title { width: auto; height: auto; position: relative; top: 8px; }
.post_top_presentations{ width: 750px; height: 33px; background: url('../images/post_top_presentations.jpg') no-repeat; }
.post_content { display: table; width: 750px; height: auto; background: url('../images/post_content_bg.jpg') repeat-y; }
.post_thumbnail { display: table; width: 1px; height: 1px; padding: 1px; background: #ffffff; border: 1px solid #ECECEC; }
.post_meta , .post_tags { color: #A3A3A3; }
.post_bottom { width: 750px; height: 3px; background: url('../images/post_bottom_bg.jpg') no-repeat; }

/* Comments */
.comments { width: 100%; height: auto; }
.comments_top_left_corner { float: left; width: 3px; height: 3px; background: url('../images/comments_top_left_corner.jpg') no-repeat; }
.comments_top_middle { float: left; width: 99%; height: 3px; background: #F3F3F3; border-top: 1px solid #EBEBEB; }
.comments_top_right_corner { float: left; width: 3px; height: 3px; background: url('../images/comments_top_right_corner.jpg') no-repeat; }
.comments_content { width: 99.85%; background: #F3F3F3; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; }
.comments_bottom_left_corner { float: left; width: 3px; height: 3px; background: url('../images/comments_bottom_left_corner.jpg') no-repeat; }
.comments_bottom_middle { float: left; width: 99%; height: 3px; background: #F3F3F3; border-bottom: 1px solid #EBEBEB; }
.comments_bottom_right_corner { float: left; width: 3px; height: 3px; background: url('../images/comments_bottom_right_corner.jpg') no-repeat; }

.comment { width: 100%; }
.avatar_box { display: table; width: 1px; height: 1px; text-align: center; background: #fff; border: 1px solid #EBEBEB; margin: 0 auto; padding: 1px; }
.comment_block  { display: block; width: 100%; height: auto; }
.comment_block_top_left_corner { float: left; width: 3px; height: 3px; background: url('../images/comment_block_top_left_corner.jpg') no-repeat; }
.comment_block_top_middle { float: left; width: 99%; height: 3px; background: #fff; border-top: 1px solid #EBEBEB; }
.comment_block_top_right_corner { float: right; width: 3px; height: 3px; background: url('../images/comment_block_top_right_corner.jpg') no-repeat; }
.comment_block_content { width: 99.85%; background: #fff; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; }
.comment_block_bottom_left_corner { float: left; width: 3px; height: 3px; background: url('../images/comment_block_bottom_left_corner.jpg') no-repeat; }
.comment_block_bottom_middle { float: left; width: 99%; height: 3px; background: #fff; border-bottom: 1px solid #EBEBEB; }
.comment_block_bottom_right_corner { float: right; width: 3px; height: 3px; background: url('../images/comment_block_bottom_right_corner.jpg') no-repeat; }
.comment_meta { width: 100%; text-align: right; color: #A3A3A3; }

/* Links */
a { color: #222222; background-color: transparent; font-weight: normal; text-decoration: underline; }
a:hover { color: #222222; background-color: transparent; font-weight: normal; text-decoration: none; }
a.paging_white_bg { padding: 4px; color: #313131; background: #fff; border: 1px solid #EBEBEB; }
a.topmenu { color: #FFFEFF; font-weight: normal; text-decoration: none; }
a.topmenu:hover { color: #FFFEFF; font-weight: normal; text-decoration: underline; }
a.bottommenu { color: #000; font-weight: normal; text-decoration: none; }
a.bottommenu:hover { color: #000; font-weight: normal; text-decoration: underline; }
a.postmeta { color: #A3A3A3; }
a.comments_link { color: #A3A3A3; text-decoration: underline; }
a.comments_link:hover { color: #A3A3A3; text-decoration: none; }
a.footer { color: #303030; font-weight: normal; text-decoration: underline; }
a.footer:hover { color: #303030; font-weight: normal; text-decoration: none; }

/* Table */
.table { width: 100%; background: #fff; border: 1px solid #efefef; }
.table_tr { border-bottom: 1px solid #efefef; }
.table_tr_coloured { background: #e5ecf9; }
.table_tr_first { font-weight: bold; background: #E6E6E6; border-bottom: 1px solid #efefef; }
.table_td_first { padding: 10px; background: transparent; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.table_td { color: #616161; padding: 10px; background: transparent; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.table_td_grey { color: #616161; padding: 10px; background: #F5F5F5; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.pagination { width: 100%; text-align: center; }

/* Forms */
input.text, input.file, textarea.textarea, select.select { color:#333; margin:0; margin-bottom: 5px; padding:4px; }
input.text, textarea.textarea { font-family: tahoma; font-size: 11px; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; }
select.select{ padding:1px 5px 0 0; }
input.checkbox, input.radio { display:block; margin:4px 0 0 0; padding:0; width:13px; height:13px; }
input.other { margin:0 0 8px 25px; }
.button { width: 107px; height: 24px; padding: 2px; font-family: tahoma; font-size: 11px; background: url('../images/button_bg.jpg') no-repeat; color:#111; border: none; }

/* Modal window */
#mask { position:absolute; z-index:9000; background-color:#000; display:none; } 
#boxes .window { position:absolute; width:440px; height:200px; display:none; z-index:9999; padding:20px; } 
#boxes #dialog { width:375px; height:203px; background: transparent; } 

/* Misc */
h3 { color: #3D3D3D; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; }
h4 { color: #3D3D3D; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; }
.clearboth { clear: both; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.divider_line { width: 100%; height: 1px; border-top: 1px dotted #444; margin-top: 4px; margin-bottom: 4px; }
.ad750x100 { width: 750px; height: 100px; background: #efefef; border: 1px solid #ccc; }
.intro_text { color: #7C7C7C; }