/*   
Theme Name:OdysOnline 2010
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.
Author:odysOnline.gr
Author URI:http://odysonline.gr
Version:1.0.0
Tags: black, white, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#f2f2f2; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#404040; }
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#33a8e5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:130%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 23px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
blockquote { margin:0 6em 1em; padding:22px 20px 0; border:1px solid #ccc; background:#fafafa url(img/quote1.gif) no-repeat 10px 10px; }
blockquote p { margin:0 0 5px 0; }
.quote_bottom { height:30px; background:#fafafa url(img/quote2.gif) no-repeat right ; margin-right:-10px; }
pre { border:1px solid #ccc; background:#fafafa; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */
#wrapper { width:1000px; margin:0 auto; }
#header { background:url(img/header.gif) no-repeat bottom; }
#contents { background:url(img/side.gif) repeat-y; }
#left_col { float:left; display:inline; width:760px; margin:0 0 0 2px; }
#right_col { float:right; display:inline; width:260px; margin:0 2px 30px 0; }
#footer { background:url(img/footer.gif) no-repeat top; }


/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top { height:185px; }
#logo {display:inline; margin:0 0 0 5px; position:absolute;}

/*blogtitle*/
#logo a, #logo a:visited { color:#333; font-size:24px; }
#logo a:hover { text-decoration:none; color:#33a8e5; }

/*description*/
#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:0; color:#aaa; font-size:11px; }

/*header menu is at the bottom of this page*/

/* Header ads*/
#header_ad {display:inline; background:#ffffff; width:728px; height:90px; margin:6px 0 0 372px; position:absolute;}

/* Header moto*/
#header_moto {display:inline; margin:100px 0 0 135px; position:absolute; font-size:28px; }

/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */
.post { background:url(img/post_line.gif) no-repeat left bottom; }
#single_post { background:none; }
.post_odd { clear:both; }
.post_even { clear:both; }
.post_content_wrapper { float:right; width:580px; padding:14px 15px; }
.post-meta-basic { float:left; display:inline; width:78px; margin:35px 0 0 0; }
.content_noside { float:right; width:580px; padding:15px; }

/* ----- post contents -------------------------------------------------------------------------------------------------------------------------- */

/* post title */
.post_title { font-size:24px; margin:0 0 11px 0; font-weight:normal; line-height:0; background:url(img/stripe1.gif) repeat-x bottom; padding:0; }
.post_title a, .post_title a:visited, .post_title span { color:#333; line-height:120%;  display:inline-block; padding:0 0 13px 0; }
.post_title a:hover { text-decoration:none; color:#2089cc; }

.post_content {/*line-height:100%; */}

.post_content p { margin:0 0 15px 0; }
.post h1 { margin:0 0 3px 0; }
.post h2 { margin: 1.3em 0 0.6em}
.post h3, .post h4, .post h5, .post h6 { margin:0 0 0.3em; }
.post h2 { font-size: 16px; border-bottom: 1px solid #AAAAAA;}
.post h3, .post h4, .post h3, .post h3 { font-size: 14px;}


.post_content a,.post_content a:visited { color:#2089cc; text-decoration:underline; }
.post_content a:hover { color:#e2415b; }

/* layout of image */
.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:0 auto; }
.post img.alignright,div.alignright { margin:4px 0 15px 15px; display:inline; }
.post img.alignleft,div.alignleft { margin:4px 15px 15px 0; display:inline; }

/* table */
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #ccc; padding:15px; }
.post th { background:#eee; font-weight:normal; }

/* list */
.post_content ul li { margin:3px 10em 4px 1.5em; line-height:140%; background:url(img/bullet1.gif) no-repeat 3px 7px; padding:0 0 0 14px; }
.post_content ol li { margin:0 0 1em 0; }
.post_content input { margin:5px 0; }

/* read more */
.post-readmore {background: none no-repeat scroll 0 0 #37424F;float: right;font-size: 12px; margin: 2px 0 0; padding: 4px 0 5px; position: relative;}
.post-readmore a.more-link, .post-readmore  a.more-link:visited   { color: #FFFFFF; font-size: 12px; padding: 3px 20px 3px 26px; text-decoration: none;}
.post-readmore:hover {background:none no-repeat scroll 0 -108px #33A8E5;}

/* comments */
.post_content div.comments{background: none no-repeat scroll 0 0 #37424F; display: inline; margin: 0 0 0 0; padding: 4px 0 5px; position: absolute; }
.post_content div.comments:hover{background:none no-repeat scroll 0 -108px #33A8E5;}
.post_content div.comments a:first-child {color: #FFFFFF; font-size: 12px; padding: 3px 20px 3px 26px; text-decoration: none;}

/* basic post meta (left side of each post)  */
.post-meta-basic { float:right; font-size:11px; text-align:right; line-height:160%; margin:46px -1px 0 0; width: 86px; background:url("img/meta_box_sprite.png") repeat-y scroll -86px 0 transparent; padding: 0}
.post-meta-basic dt {padding: 3px 6px 0 0}
.post-meta-basic dt:first-child {background:url('img/meta_box_sprite.png') no-repeat scroll 0 0 #F2F2F2; height:5px; margin:0; padding:0; }
.post-meta-basic dt.no_top_line {background: none;}
.post-meta-basic dt {background: url('img/dot1.gif') repeat-x scroll center top transparent;}
.post-meta-basic dt.last-child{background:url("img/meta_box_sprite.png") no-repeat scroll -172px 0 #F2F2F2; height:5px; margin:0; padding:0; }
.post-meta-basic dd {margin:0 0 0 4px; padding: 0 6px 11px 0;}
/* colors */
.post-meta-basic dt { color:#999;}
.post-meta-basic dd.date {font-size:24px;}
.post-meta-basic dd.date span {color:#666;}
/* odd post color (default is blue) */
.post-meta-basic a, .post-meta-basic a:visited , .post-meta-basic dd.date, .post-meta-basic dt.comments { color:#33a8e5; }
/* even post color (default is green) */
.post_even  .post-meta-basic a, .post_even   .post-meta-basic a:visited , .post_even   .post-meta-basic dd.date, .post_even   .post-meta-basic dt.comments { color:#75e730; }

/* extended post meta (bellow of each post)*/
.post-meta-ext {font-size:11px; display: block; margin-top:1em;}
ul.post-meta-ext li{margin: 0; padding: 3px 0 0 18px;}
.post-meta-ext a{text-decoration:none;}
.post-meta-ext a:visited{text-decoration:none;}
.post-meta-ext li.post-imgsource {background:url("img/temp/post-meta-sprite.gif") no-repeat scroll 0 2px transparent;}
.post-meta-ext li.post-tag {background:url("img/temp/post-meta-sprite.gif") no-repeat scroll 0 -14px transparent;}
.post-meta-ext li.post-source {background:url("img/temp/post-meta-sprite.gif") no-repeat scroll 0 -32px transparent;}
.post-meta-ext li.post-permalink {background:url("img/temp/post-meta-sprite.gif") no-repeat scroll 0 -48px transparent;}
.post-meta-ext li.post-permalink input {font-size:11px; margin:-1px 0 0; padding:0px;background:none repeat scroll 0 0 #F9FBFC; border:1px solid #DEE3E6;}

/* Facebook like button*/
.fbLikeContainer {margin:2px 0 0;}

/* next,previous post */
#previous_next_post { padding:15px 15px; margin:0 0 0 113px; width:580px; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; padding:5px 0 10px 35px; background:url(img/preview_post.gif) no-repeat left top; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; width:231px; padding:5px 35px 10px 0; background:url(img/next_post.gif) no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }

/*Avoid displaying the br that is automatically is inserted before input fields*/
#myForm br {display:none;}

/* ----- header_meta (for breadcrumb,archive,category,tag,search) ------------------------------------------------------------------------------- */
#header_meta { width:580px; background:url(img/header_meta.gif) no-repeat right top; border-bottom:1px solid #dee3e6; padding:8px 15px; margin:-11px 0 0px 98px; }
#header_meta ul#bread_crumb { margin:0; }
#header_meta ul#bread_crumb li { display:inline; font-size:11px; margin:0; }
#header_meta ul#bread_crumb li#bc_home, #header_meta ul#bread_crumb li#bc_cat { background:url(img/arrow5.gif) no-repeat right 4px; margin:0 6px 0 0; padding:0 15px 0 0; }
#header_meta p { margin:0; font-size:14px; padding:10px 0 7px 0; }
#header_meta #keyword { color:#33a8e5; }

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
.side_box { color:#666; margin:0 8px 25px; font-size:13px; clear:both; padding: 0; }
.first_side_box { background:none; padding:0; }

#right_col h3 { font-size:16px; color:#999; font-weight:normal; line-height:100%; margin:0 0 6px; padding:4px 0 5px 30px; border-bottom: 1px dotted #595959; }
#right_col a, #right_col a:visited { color:#7d7d7d; }
#right_col a:hover { color:#f3dc19; }

.side_box ul { margin:0; }
.side_box li { margin:0 0 0 1em; line-height:140%; }
.side_box li li { padding:0 0 0 1em; margin:3px 0; }

.textwidget { padding: 0 7%; position:relative;width:84%;margin: 0;}
.textwidget img{display: block; margin: 0 auto; width: 13.462em; height:auto; }

.side_meta  { float:right; margin:6px 9px 15px; padding:2px 22px 1px 0; font-size:11px; background:url("img/sidebar/buttons-sprite.gif") no-repeat scroll right -36px transparent;}

/* information */
#information_area { padding:0 0 0 0; margin:0 0 20px 0; }
#information { color:#7d7d7d; background:url(img/stripe4.gif) left top; padding:10px; border:1px solid #454545; margin:0 15px; line-height:160%; }

/* rss feed */
#entries_rss { font-size:11px; background:url(img/entries_rss.gif) no-repeat left top; padding:2px 0 0 18px; margin:8px 15px 0 0; float:right; display:inline; }
#entries_rss a:hover { text-decoration:none; }

/* social menu*/
#side_social {padding: 8px 3% 0; margin-bottom:56px;}
#social_menu li {overflow: hidden; text-indent: -9999px; display: inline; float: left;}
#social_menu li a{background: url('img/sidebar/social-sprite.png') no-repeat; width: 100%; height: 100%; display: block;}
#social_menu li#social_feed {width:40px; height:41px;}
#social_menu li#social_fbpage {width:43px; height:42px;}
#social_menu li#social_mail {width:48px; height:45px;}
#social_menu li#social_skype {width:42px; height:41px;}
#social_menu li#social_feed  a{background-position: 0 0;}
#social_menu li#social_fbpage a{background-position: 0 -82px;}
#social_menu li#social_mail a{background-position: 0 -123px;}
#social_menu li#social_skype a{background-position: 0 -42px;}

/* search area */
#search_area { width:auto; height:27px; background:url(img/search.gif) no-repeat left top; margin:0 0 7px 0; }
#search_input { float:left; margin:6px 0 0 8px; border:0px; height:16px; display:inline; width:180px; font-size:100%; color:#999; background:transparent; }
#search_button { float:right; }
#search_area_top { background:none; padding:0; margin:0 15px 25px; }

/* tag list */
#tag_list { margin:0 0 -25px 0;  }
.search_tag { float:right; display:block; margin:0 0 5px 0; padding:2px 0 2px 24px; font-size:11px; background:url("img/sidebar/buttons-sprite.gif") no-repeat scroll 0 0 transparent; }
.search_tag:hover { text-decoration:none; }
.active_search_tag { background:url("img/sidebar/buttons-sprite.gif") no-repeat scroll 0 -18px transparent }
#tag_list .wp-tag-cloud { clear:both; margin:0 0 10px 0; border:1px solid #f3dc19; background:#333; padding:6px; display:none; }
#tag_list .wp-tag-cloud li { display:inline; margin:0 5px 0 0; line-height:170%; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; }
#wp-calendar th, #wp-calendar td {  padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { color:#999; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:none; color:#bbb; background:url(img/calendar2.gif) no-repeat center; }
#wp-calendar td a:hover {  background:url(img/calendar3.gif) no-repeat center; color:#bbb; }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
  { text-decoration:none; background:none; color:#7d7d7d; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover
 { text-decoration:underline; color:#f3dc19; }
#wp-calendar td#today { color:#888; background:url(img/calendar2.gif) no-repeat  center; }


/* recent post date (for non widget user) */
.side_box li.side_date { margin:0; padding:0; }

/* return top link */
#return_top a { position:absolute; position:fixed; right:15px; bottom:15px; width:18px; height:99px;
                display:block; background:url(img/return_top.png) no-repeat left top; }
#return_top a:hover { background:url(img/return_top.png) no-repeat right top; text-decoration:none; }

/* custom widgets*/
#text-2 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -73px transparent}
#text-6 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left 0px transparent}
#text-7 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -23px transparent}
#text-8 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -98px transparent}
#text-9 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -123px transparent}
#text-10 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -199px transparent}
#text-11 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -174px transparent}
#text-13 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -49px transparent}
#polls-widget-3 h3 { background:url("img/sidebar/sprite.png") no-repeat scroll left -148px transparent}
#minimeta-3 { background:url("img/sidebar/sprite.png") no-repeat scroll 4px -225px transparent;}
#minimeta-3 ul, #minimeta-3 li {display: inline;}

/* wp-polls plugin */
/*.wp-polls { padding: 8px 0 0; width:92%; margin: 0 4%; }
*/

/* ----- footer ------------------------------------------------------------------------------------------------------------------------------- */
#footer_wrapper{background:url("img/width_1100px/footer_back.gif") repeat-y; width: 1004px; margin-top: 20px;}
.footer_col{width:22%; margin:0 auto; padding: 27px 0 27px 28px; float:left; color:#e7e7e7;}
.footer_col h3 {font-size:16px; line-height:100%; margin:0; padding:0;}
.footer_col ul , .footer_col li {font-size:14px; list-style-type:none; margin:6px 0 0; padding:0 0 0 10px;}


#copyright { float:left; display:inline; margin:0 0 6px; color:#777; }
#copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; background:url(img/footer_line.gif) no-repeat left center; }
#copyright li a, #copyright li a:visited { color:#777; }

/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_noside_contents { background:url(img/side_noside.gif) repeat-y; padding:30px 122px 10px; }
#page_noside_header { background:url(img/header_noside.gif) no-repeat top; height:32px; margin:-32px 0 0 0; }
#page_noside_post { padding:0 15px 20px; background:none; }
#footer_noside { background:url(img/footer_noside.gif) no-repeat top; height:90px; }
#page_date { margin:-9px 0 0 0; font-size:11px; }

/* ----- 404 ---------------------------------------------------------------------------------------------------------------------------------- */
.cat-wrapper{margin:55px auto; width:541px;}
.cat-icon-wrap {border:1px solid #D0D0D0; color:#000000; display:inline-block; font-weight:normal; height:84px; margin:0 0 -1px -1px; padding:15px 0; text-align:center; width:107px;}
.cat-icon-wrap:hover {background: #f3f3f3; text-decoration: none;}
.cat-icon {display:inline-block; height:48px; margin:0 0 12px; width:48px;}
.cat-name {width:107px;}
#cat-icon-10 {background:url("img/404/diaskedasi.png")}
#cat-icon-42 {background:url("img/404/mixanokinita.png")}
#cat-icon-41 {background:url("img/404/gadgets.png")}
#cat-icon-32 {background:url("img/404/hardware.png")}
#cat-icon-39 {background:url("img/404/how-to.png")}
#cat-icon-40 {background:url("img/404/epistimi.png")}
#cat-icon-9 {background:url("img/404/history.png")}
#cat-icon-31 {background:url("img/404/news.png")}
#cat-icon-45 {background:url("img/404/organosou.png")}
#cat-icon-29 {background:url("img/404/featured.png")}
#cat-icon-8 {background:url("img/404/selides-ypiresies.png")}
#cat-icon-37 {background:url("img/404/software.png")}
#cat-icon-46 {background:url("img/404/linux.png")}
#cat-icon-34 {background:url("img/404/art-design.png")}
#cat-icon-44{background:url("img/404/parousiaseis.png")}
#cat-icon-36 {background:url("img/404/extreme.png")}
#cat-icon-11 {background:url("img/404/firststeps.png")}
#cat-icon-83 {background:url("img/404/games.png")}
#cat-icon-30 {background:url("img/404/jokes.png")}


/* ----- page navi (pager) ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#999; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(img/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#999; background:url(img/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(img/pager2.gif) no-repeat left top; color:#fff; }

/* normal navigation */
#normal_next_post a { float:left; display:block; padding:5px 0 10px 35px; background:url(img/preview_post.gif) no-repeat left top; }
#normal_previous_post a { float:right; display:block; text-align:right; padding:5px 35px 10px 0; background:url(img/next_post.gif) no-repeat right top; }


/* ----- header-menu (default color #f3193d) --------------------------------------------------------------------------------------------------------------------------- */
.header_menu { display:inline; margin:100px 0 0 724px; height:52px; background:url(img/header_menu_right.gif) no-repeat right top; position:absolute; }

.menu { float:left; background:url(img/header_menu_left.gif) no-repeat left top; font-size:11px; height:52px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; border-left:1px solid #444; height:48px; margin:2px 0 0 0; z-index:10; }
.menu ul li { height:auto; border-left:none; padding:0; left:auto; margin:0; }
.menu a:link, .menu a:visited { color:#999; display:block; padding:19px 30px 14px; position:relative; }
.menu a:hover { color:#f3193d; text-decoration:none; background:#333; }
.menu ul { position:absolute; top:48px; left:0; display:none; width:200px; } /*opacity:0;*/
.menu ul ul { margin:0 0 0 189px; top:0; }

.menu ul a:link, .menu ul a:visited,
 .menu .current_page_item ul a:link, .menu .current_page_item ul a:visited,
  .menu ul .current_page_item a:link, .menu ul .current_page_item a:visited,
   .menu ul .current_page_item ul a:link, .menu ul .current_page_item ul a:visited,
 .menu .current-cat ul a:link, .menu .current-cat ul a:visited,
  .menu ul .current-cat a:link, .menu ul .current-cat a:visited,
   .menu ul .current-cat ul a:link, .menu ul .current-cat ul a:visited,
 .menu .current-menu-item ul a:link, .menu .current-menu-item ul a:visited,
  .menu ul .current-menu-item a:link, .menu ul .current-menu-item a:visited,
   .menu ul .current-menu-item ul a:link, .menu ul .current-menu-item ul a:visited
   { color:#999; background:#282828; line-height:140%; padding:9px 28px 7px; border:1px solid #444; width: 132px; margin:-1px 0 0 0; }

.menu ul a:hover,
 .menu .current_page_item ul a:hover,
  .menu .current-cat ul a:hover,
   .menu .current-menu-item ul a:hover,
.menu .first_menu ul a:hover,
 .menu .last_menu ul a:hover
   { color:#f3193d; background:#333; }

.menu .current_page_item,
 .menu .current-cat,
  .menu .current-menu-item
  { background:url(img/stripe2.gif) left top; z-index:9;}

.menu .current_page_item a:link, .menu .current_page_item a:visited,
 .menu .current-cat a:link, .menu .current-cat a:visited,
  .menu .current-menu-item a:link,  .menu .current-menu-item a:visited
  { color:#f3193d; padding-bottom:21px; background:url(img/header_menu_arrow.png) no-repeat center bottom; }

.menu ul .current_page_item a:link, .menu ul .current_page_item a:visited,
 .menu ul .current-cat a:link, .menu ul .current-cat a:visited,
  .menu ul .current-menu-item a:link, .menu ul .current-menu-item a:visited
  { color:#f3193d; background:#282828 url(img/stripe2.gif) left top; }

.menu ul .current_page_item ul a:link, .menu ul .current_page_item ul a:visited,
 .menu ul .current-cat ul a:link, .menu ul .current-cat ul a:visited,
  .menu ul .current-menu-item ul a:link, .menu ul .current-menu-item ul a:visited
  { color:#999; background:#282828; }

.menu ul .current_page_item ul a:hover,
 .menu ul .current-cat ul a:hover,
  .menu ul .current-menu-item ul a:hover
  { color:#f3193d; background:#333; }

.menu .first_menu { border:none; background:none; }
.menu .first_menu_active { background:url(img/header_menu_first_active.gif) no-repeat left top; border:none; }
.menu .first_menu a:hover { background:url(img/header_menu_first_hover.gif) no-repeat left top; }
.menu .last_menu { background:none; }
.menu .last_menu_active { background:url(img/header_menu_last_active.gif) no-repeat right top; }
.menu .last_menu a:hover { background:url(img/header_menu_last_hover.gif) no-repeat right top; }

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited { background:#282828 url(img/arrow4.gif) no-repeat right 14px; }
.menu ul .parent_menu > a:hover { background:#333 url(img/arrow4.gif) no-repeat right 14px; }

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */