#top { border-bottom: 2px solid #000000; background-color: #be0000; height: 40px; }
#bottom { height: 20px; margin-top: 5px; }

.bottom_content { width: 990px; margin:0 auto; padding-left: 5px; padding-right: 5px; }
.bottom_content i { font-variant: normal; font-style: normal; color: #858585; } 

a.logo { background: url('../img/angrytorro.png') no-repeat scroll 0 0 transparent; display: block; width: 256px; height: 320px; }

h1, h2, h3, h4 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; }

h1 { font-size: 38px; letter-spacing: -0.05em; }
h1 a { color: #000000; font-weight: normal; text-decoration: none; text-transform: none; }
h1 a:hover { color: #e81b1b; text-decoration: none; }

h4 { font-size: 15px; line-height: 15px; }

.social_icons { text-align: center; }
.social_icons img { border: 0; margin-top: 8px; margin-bottom: 8px; margin-left: 2px; }

.top_content { width: 990px; margin:0 auto; }

.three_cols .left_content { width: 180px; float: left; }
.three_cols .right_content { width: 260px; float: right; }
.three_cols .main_content { width: 730px; float: left; }

.three_cols #content_area { width: 550px; padding: 0; float: none; }
.three_cols #content_area h2 { font-size: 18px; }

.two_cols .left_content { width: 256px; margin-right: 14px; float: left; }
.two_cols .main_content { width: 730px; float: left; background-color: #EEEEEE;}

.resource_two_cols .left_content { width: 260px; float: left; }
.resource_two_cols .main_content { width: 730px; float: left; }

.two_cols .comments, .resource_two_cols .comments, .resource_one_col .comments { width: 380px; }

.post_image_resources img, .post_main_resource img { margin: 0 auto; border: 0 none; }

.trerror { background-color: #ffd7d7; }

.posts { padding-left: 20px; }
.resources { padding-left: 20px; }
.resources .img_left_block { margin-right: 20px; }
.post { margin-bottom: 10px; margin-top: 8px; }

.three_cols .post { margin-right: 20px; }
.three_cols .user_info .post { margin-right: 0px; }

.post .post_avatar { float: left;  background: none repeat scroll 0 0 #FFFFFF; border-radius: 6px 6px 6px 6px; border: 1px solid #CCCCCC; padding: 3px; }
.post .post_avatar img { display: block; border: 0 none; }

.three_cols .post .post_content { margin-left: 65px; }

.post_content { padding-bottom: 10px; } 
.post h2 { color: #1E598E; font-size: 19px; font-weight: bold; line-height: 1.1; }

.post .post_category { float: right; margin-top: 3px; }
.post .post_category a { color: #808080; }
.post .post_category a:hover { color: #3B5998; }

.resource_list_header { margin-top: 10px; margin-bottom: 10px; }

.post_list_header { margin-top: 10px; margin-bottom: 10px; }
.post_list_header span, .resource_list_header span { color: #000000; font-size: 26px; font-weight: bold; }
.post_list_header i, .resource_list_header i { height: 9px; width: 7px; margin:0 5px 2px 6px; display: inline-block; background: url('../img/arrowbright.png') no-repeat;}

.post_title_tags { min-height: 55px; margin-bottom: 10px; text-align: center; }
.post_title_tags h2 { margin-bottom: 5px; }

.three_cols .post h2 { margin-bottom: 8px; }
.resource_two_cols .post h2, .resource_one_col .post h2 { margin-bottom: 10px; }

.post h2 a:hover { text-decoration: none; }

.nav { float: left; }

.left_posts .navl { width: 256px; }
.posts .navl { width: 500px; }

.navl li { border-bottom: 1px solid #4D4D4D; padding: 5px; }
.navl li:hover { background-color: #4c4c4c; }
.navl li a { color: #ffffff; font-family: }
.navl li a:hover { text-decoration: none; color: #00B7EF; }
.navl li img { border: 0 none; }
.navl .image_side { float: left; overflow: hidden; position: relative; width: 55px; }
.navl .title_side { }

.search_form { width: 222px; float: right; }
.search_panel { position: relative; background-color: #ffffff; border: 1px solid #666666; margin-top: 10px; }
.search_panel input { width: 200px; border:0 none; }
.search_panel button { background-color: #FFFFFF; background-image: url('../img/loupe.png'); background-position: 0 3px; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 19px; padding: 0; position: absolute; right: 0; top: 0; width: 16px; text-indent: -20000px; }

.post_tags { margin-bottom: 5px; }

.post_tags a { background-color: #F4F7FF; color: #999999; padding: 1px 2px; }
.post_tags a:hover { background-color: #0E3A3B; color: #ffffff; text-decoration: none; }

.post_main_resource { margin-bottom: 3px; }
.post_main_resource a { background-color: #FFFFFF; border: 1px solid #CCCCCC; display: block; padding: 3px; width: 440px; height: 350px; }
.post_main_resource a:hover { background-color: #5973A9; border: 1px solid #5973A9; }

.post_image_resources { margin-bottom: 3px; } 
.post_image_resources p { margin-top: 5px; margin-bottom: 5px; }
.post_image_resources a.thumb { position: relative; background-color: #FFFFFF; border: 1px solid #CCCCCC; float:left; display:block; padding: 3px; margin: 0 10px 10px 0; width: 100px; height: 100px; }
.post_image_resources a.thumb:hover { background-color: #5973A9; border: 1px solid #5973A9; }
.post_image_resources .more { float: left; width: 86px; height: 102px; text-align: center; border: 2px solid #ffffff; }
.post_image_resources .more:hover { border: 2px dashed #CCCCCC; }
.post_image_resources .more a { font-size:12px; font-weight: bold; display: block; width: 86px; height: 86px; padding-top: 16px; }
.post_image_resources .more a:hover { text-decoration: none; }
.post_image_resources .more span { font-size: 20px; font-weight: bold; color: #333333; }

.post_details { margin-bottom: 5px; }

span.post_date { background: url('../img/smallclock.png') no-repeat scroll 0 50% transparent; padding: 0 0 0 14px; }

.post_video_resources p { margin-bottom: 5px; }
.post_video_resources .last { border-bottom: 0 none;} 

.post_video { margin-bottom: 15px; }
.post_video h3 { background-color: #CCCCCC; padding: 5px; font-size: 17px; font-weight: bold; }
.post_video h3 a { color: #333333; }

.post_gif_resources p { margin-bottom: 5px; }
.post_gif_resources .last { border-bottom: 0 none; }
.gif_loading_panel { position: relative; }
.gif_loading_panel .loading_bar { width: 128px; height: 15px; position: absolute; top: 20px; left: 20px; }

.comment { background-color: #4c4c4c; font-size: 11px; line-height: 15px; margin: 0 0 2px; min-height: 34px; padding: 5px 6px 5px 46px; position: relative; }
.comment_list { position: relative; }
.comment_avatar { float: left; margin: 0 0 0 -40px; width: 34px; height: 34px; border: 0 none; }
.comment strong a { color: #ffffff; }

.see_all_comments { background: url('../img/comments.png') no-repeat scroll 5px 6px #EBF1EE; margin: 0 0 2px; padding: 5px 6px 5px 26px;} 

.resource_footer { margin-top: 20px; }
.resource_footer .resource_details_info { float: left; color: #808080; }
.resource_footer .resource_details_info span, .resource_footer .resource_details_info a { color: #333333; }

.video_resource_container { background: url("../img/videobg.png") repeat-x scroll center bottom #000000; margin-bottom: 5px; padding-bottom: 10px; padding-top: 10px; text-align: center; }
.resource_container { background: none repeat scroll 0 0 #F2F2F2; position: relative; text-align: center; }

.resource_top { position: relative; }
.resource_number { background: none repeat scroll 0 0 #578BB5; text-align: center; width: 40px; position: absolute; bottom: 0; left: 0; }
.resource_number a { color: #FFFFFF; display: block; padding: 3px; text-decoration: none; }
.resource_two_cols .resource_title_desc, .resource_one_col .resource_title_desc { margin-left: 60px; }
.resource_title_desc p { padding: 2px; }
.resource_title_desc h3 {  font-size: 12px; padding: 2px; color: #2D2D2D; } 

.resource_paging { width: 220px; font-size: 12px; float: right; }
.resource_paging a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #ffffff; margin-right: 2px; padding: 4px 6px; text-decoration: none; }
.resource_paging span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #ffffff; margin-right: 2px; padding: 4px 6px; text-decoration: none; color: #CED5DB; }
.resource_paging a:hover { background: none repeat scroll 0 0 #666666; color: #ffffff; }
.resource_paging .next { float: right; }
.resource_paging .prev { float: left; }
.resource_paging .info { text-align: center; display: block; padding: 4px 0 0; font-weight: bold; color: #666666; border: 0 none; }

.img_left_block { margin-bottom: 5px; color: #808080; padding-bottom: 5px; border-bottom: 1px dashed #808080; }
.img_left_block p { margin-bottom: 3px; }
.img_left_block .img_thumb { margin-right: 10px; border: 0 none; overflow: hidden; position: relative; float: left; display: block; }
.img_left_block .img_thumb img { display: block; }
.img_left_block .img_block_content { display: table-cell; }
.img_left_block .img_block_content .img_block_title a { font-size: 11px; font-weight: bold; }
.img_left_block .img_block_content .img_block_source a { color: #333333; }
.img_left_block .img_block_content .img_block_desc { margin-top: 4px; }
.img_left_block .img_block_expand { padding-top: 15px; position: relative; }
.img_left_block .img_block_expand .close { background-color:  #FFFFFF; padding: 2px; position: absolute; right: 1px; top: 1px; }
.img_left_block .img_block_expand .close:hover { background-color: #E3EDF4; }
.img_left_block .img_block_expand .img_block_expand_title { position: absolute; left: 1px; top: 1px; width: 400px; }
.img_left_block .img_block_expand .img_block_expand_title a { font-size: 11px; font-weight: bold; }

.comments { padding-top: 2px; padding-bottom: 7px; }
.add_comment { background: none repeat scroll 0 0 #4c4c4c; padding: 5px 5px 5px 6px; position: relative; }
.add_comment .add_comment_submit { display: none; }
.add_comment .add_comment_inner i, .comment_list i { display: block; height: 6px; left: 15px; overflow: hidden; position: absolute; top: -6px; width: 10px; }
.add_comment .add_comment_avatar { display: none; margin-right: 5px; float: left; width: 50px; height: 50px; }
.add_comment .add_comment_text { display: block; height: 14px; min-height: 14px; outline: medium none; width: 97.25%; }

.add_comment .fbutton { background-color: #3A3A3A; border: 0 none; }
.add_comment .fbutton:hover { background-color: #3b5998; }

.add_comment_selected .add_comment_avatar { display: block; }
.add_comment_selected .add_comment_text { height: 43px; margin: 0 0 5px; min-height: 14px; width: 97.25%; }
.add_comment_selected .avatar .add_comment_text { width: 82%; } 
.add_comment_selected { background: none repeat scroll 0 0 #3A3A3A; border: 7px solid #4c4c4c; }
.add_comment_selected .add_comment_inner i { display: block; height: 8px; left: 5px; overflow: hidden; position: absolute; top: -15px; width: 16px; }
.add_comment_selected .add_comment_submit { display: block; }
.add_comment_selected .add_comment_submit button { float: right; margin-right: 4px; }
.add_comment_selected .add_comment_submit a { float: left; }

#post_comments .loading_bar { width: 380px; height: 200px; }
.post_comments_next_prev .post_next_prev { float: left; }
.post_comments_next_prev #post_comments { width: 380px; float: right; }
.post_next_prev .next { float: right; }
.post_next_prev .prev { float: left; }

.post_next_prev { width: 336px; }
.post_next_prev a { font-size: 42px; font-weight: bold; padding: 5px 15px 5px 15px; background-color: #EBF1EE; }
.post_next_prev a:hover { color: #ffffff; text-decoration: none; background-color: #3B5998;  }
.post_next_prev span { padding: 5px 15px 5px 15px; font-size: 42px; font-weight: bold; background: none repeat scroll 0 0 #EBF1EE; color: #CED5DB;  text-decoration: none; }

.fbutton { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #3B5998; border-color: #526282; border-style: solid; border-width: 1px 1px 1px; color: #ffffff; display: block; font-size: 11px; letter-spacing:1px; font-weight: bold; outline: medium none; padding: 0 10px; text-decoration: none; cursor: pointer; }
.fbutton:active { background-color: #9fccf0; color: #000000; }

.facebook_login { background: url('../img/fbsmall.png') no-repeat scroll 0 50% transparent; padding: 0 0 0 17px; }

.login_info { float: right; margin-top: 5px; margin-right: 10px; }
.login_info .logout { margin-left: 30px; }
.login_info a { color: #cccccc; }
.login_info a.logout_link { color: #999999; }
.login_info img { border: 1px solid #666666; float: left; margin-top: 2px; } 
.login_info span { display: block;  }
.login_info .facebook_login { margin-top: 8px; display: block; }

.user_info { margin-top: 10px; margin-left: 20px; margin-right: 20px; }
.user_info img { float: left; }
.user_info .user_name { padding-left: 60px; }
.user_info .user_name h1 { font-size: 23px; }
.user_info .user_name a { font-weight: bold; }
.user_info h2 { margin-top:15px; margin-bottom: 5px; font-size: 16px; }
.user_info .posts { padding-left: 0px; }

.new_user_post_form { margin-top: 10px; margin-bottom: 10px; }
.new_user_post_form .sadd { position: absolute; width: 48px; height: 48px; background-image: url("../img/plusbig.png"); margin-left: 25px; margin-top: 60px; }
.new_user_post_form .loader { position: absolute; margin-left: 40px; margin-top: 40px; }

ul.category_list_link { }
ul.category_list_link li { text-align: left; background: url("../img/arrowbright.png") no-repeat scroll 0 12px transparent; padding-left: 10px; }
ul.category_list_link li ul { margin-left: 30px; }
ul.category_list_link li a { font-size: 22px; }

.main_layout_title { padding-top: 10px; padding-bottom: 10px; }
.main_layout_title h1 { font-size: 26px; }
.main_layout_title h3 { margin-top: 5px; }
.error_header { background: url("../img/error.png") no-repeat scroll 0 0 transparent; padding-left: 36px; }
.warning_header { background: url("../img/warning.png") no-repeat scroll 0 0 transparent; padding-left: 36px; }

ul.archives { padding-left: 10px; font-weight: bold; }
ul.archives strong { font-weight: bold; color: #0066A8;}

#bottom_right_slider { position: fixed; bottom: 0; right: 0; width: 300px; box-shadow: 0 4px 10px #555555; right: -300px; background-color: #FFFFFF; border-top: 1px solid #555555; border-left: 1px solid #555555; }
#bottom_right_slider .slider_header { color: #808080; font-family: arial; font-size: 10px; padding: 12px 0 0 12px; text-transform: uppercase; }
#bottom_right_slider .slider_header .close { display: block; margin-right: 6px; }
#bottom_right_slider .slider_content { padding: 2px 12px 6px 12px; }
#bottom_right_slider .slider_content img { padding-right: 12px; border: 0 none; }
#bottom_right_slider .slider_content a.title { color: #1E598C; font-family: arial; font-size: 14px; font-weight: bold; }
#bottom_right_slider .slider_content a.type { color: #1E598C; font-family: arial; font-size: 12px; text-transform: uppercase; }

.section_header h3 { background-color: #D8ECFB; height: 10px; font-size: 10px; font-weight: bold; height: 10px; line-height: 10px; margin-bottom: 5px; text-transform: uppercase;} 
.section_header h3 span { background-color: #ffffff; padding: 0 8px 1px 0; }

.side_posts li { margin-bottom: 5px; min-height: 90px; border-bottom: 1px dotted #D6D6D6; padding-bottom: 5px; }
.side_posts .side_image_frame { float: left; overflow: hidden; position: relative; width: 110px; }
.side_posts .side_image_frame img { width: 100px; height: 100px; border: 0 none; }
.side_posts .side_image_frame span { background: none repeat scroll 0 0 #83B2D5; bottom: 7px; color: white; font-size: 23px; font-weight: bold; right: 0; padding: 0 8px; position: absolute; text-align: center; }
.side_posts .side_title_frame a h4 { color: #1E598E; }
.side_posts .side_title_frame a:hover { background-color: #E3EDF4; text-decoration: none; }

.tag_cloud a { margin: 5px 5px 5px 0; padding: 1px 3px; }
.tag_cloud a:hover { background-color: #3B5998; text-decoration: none; color: #ffffff; }

.policy, .terms { margin-top: 8px; padding-right: 10px; color: #000000; padding-right: 10px; padding-left: 10px; }
.policy ol, .terms ol { list-style-type: decimal; margin-left: 20px; }
.policy strong, .terms strong { color: #000000; font-size: 12px; line-height: 1.5em; font-weight: normal; }
.policy h3, .terms h3 { font-size: 20px; font-weight: normal; margin: 0 0 5px; color: #000000; }
.policy p, .terms p { line-height: 1.5em; margin: 0 0 10px; }
.policy a, .terms a { color: #000000; }

/* Page links */
.pages { font-size:20px; width: 740px; padding-top: 10px; padding-bottom: 10px; }
.page_prev, .page_next { font-size: 28px; display: block; height: 55px; color: #000000; }
.page_prev { background:url("../img/prev.png") no-repeat scroll 0 -10px transparent; cursor:pointer; display:block; height:44px; padding-left:68px; }
.page_next { background:url("../img/next.png") no-repeat scroll 60px -13px transparent; cursor:pointer; display:block; height:44px; padding-right:68px; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** DEMO SKIN ***/
.sf-menu { float: left; margin-top:5px; }
.sf-menu a {  padding: .75em 1em; text-decoration:none; font-size: 12px; }
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #ffffff; }
.sf-menu li { background:#be0000; }
.sf-menu li li { background:#be0000; }
.sf-menu li li li { background:#be0000; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#8f0000; outline:0; color: #ffffff; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow:hidden; background:url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background:url('../img/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }


/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li { width: 10em; }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar { background:#BDD2FF; height:2.5em; padding-bottom:2.5em; position:relative; }
.sf-navbar li { background:#AABDE6; position:static; }
.sf-navbar a { border-top:none; }
.sf-navbar li ul { width:44em; /*IE6 soils itself without this*/ }
.sf-navbar li li { background:#BDD2FF; position:relative; }
.sf-navbar li li ul { width:13em; }
.sf-navbar li li li { width:100%; }
.sf-navbar ul li { width:auto; float:left; }
.sf-navbar a, .sf-navbar a:visited { border:none; }
.sf-navbar li.current { background:#BDD2FF; }
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { background:#BDD2FF; }
.sf-navbar ul li:hover, 
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { background:#D1DFFF; }
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { background:#E6EEFF; }
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ }
ul.sf-navbar .current ul ul { top: -999em; }
 
.sf-navbar li li.current > a { font-weight:bold; }

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul { background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; }

.dropdown { float: left; margin-top: 8px; }
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#CCCCCC; text-decoration:none; outline:none; padding: 4px; }
.dropdown a:hover { color:#ffffff;}
.dropdown dt a:hover { color:#ffffff; border: 1px solid #cccccc;}
.dropdown dt a { background-color:#2D2D2D; display:block; border: 1px solid #666666;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#2D2D2D none repeat scroll 0 0; border:1px solid #666666; color:#C5C0B0; display:none; left:0px; position:absolute; top:2px; width:auto; min-width:100px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#666666;}
.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../img/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.img-list { padding-bottom:9px; }
.img-list li { float:left; padding:0 5px 5px 0; width:109px; height:93px; }
.img-list li a { float:left; padding:4px; background:#000; position:relative; z-index:1; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-transition-duration: 0.5s; }
.img-list li a:hover { z-index:2; background:#BE0000; -webkit-transform:scale(1.5); }
.img-list li a img { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: top; }

#left_posts { padding: 10px; }
#left_posts .title { color: #000000; font-size: 26px; font-weight: bold; line-height: 24px; padding-bottom: 10px; text-transform: capitalize; }