/*  
Theme Name: Arthemia2010
Theme URI: http://www.rismaka.net/2010/06/arthemia2010-wordpress-theme-released.html
Description: <a href="http://www.rismaka.net/2010/06/arthemia2010-wordpress-theme-released.html">Arthemia2010</a> WordPress theme is combining <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia Free</a> and WordPress 3.0 default theme called 2010. Arthemia2010 is compatible with WordPress v3.0 only.
Version: 2.0
Author: Rismaka EA
Author URI: http://www.rismaka.net/log
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* HTML Elements */
* { margin:0; padding: 0 }
 
body {
	font: 100% Arial, Helvetica;
	background: #505050;
	color: #505050; }
 
p { margin: 15px 0 }


a:link, a:visited	{
	color: #000; 
	text-decoration:none;
	}


a:hover, a:active	{
	color:#3300cc; 
	text-decoration:underline;
	}
 
a img { border: 0 }
 
code { font:1.0em 'courier new',courier,fixed; background: #ececec }
 
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help }
 
acronym, abbr { border-bottom: 1px dashed #999 }
 
blockquote {
	padding: 10px 10px 0 20px;
	border-top: 1px solid #ddd;
	border-left: 3px solid #6f6f6f;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font: 0.8em verdana;
	line-height: 1.5em;
	margin: 10px 0px;
	}
 
select { width: 130px }
 
#head {
	width: 960px;
	height: 120px;
	margin: 0px auto;
	margin-top: 0px;
	padding: 0px;
	font-size: 0.7em;
	border:5px solid #fff; 

	}
 
#page {
	width: 940px;
	margin: 0px auto;
	padding: 10px;
	background: url(images/diag_stripe.gif);
	font-size: 0.7em;
	border-right: solid 5px #fff;
	border-left: solid 5px #fff;
	}

 
.left, .alignleft { float: left }
 
.right, .alignright { float: right }
 
#navbar {
	width:940px;
        height:26px;
	margin: 0 auto;
	padding: 0px 10px;
	font-size: 10px;
	text-transform: uppercase;
        font-weight:bold;
	border-left:5px solid #fff; 
	border-right:5px solid #fff;
	background: url(images/navbar.jpg) no-repeat;
	}

 
.menu-header, .menu { width: 950px }
 
	.menu-header ul, .menu ul { list-style: none; height:25px }
 
	.menu-header li, .menu li {
		float: left;
		list-style: none;
		cursor: pointer;
		display: block;
		border-right: 1px solid #333 }
 
		.menu-header li:hover, .menu li:hover { background:#333333}
 
	.menu-header a, .menu-header a:visited, .menu a, .menu a:visited {
		margin: 0px;
		padding: 7px 10px;
		font-weight: bold;
		color: #FFF;
		display: block }
 
	.menu-header a:hover, .menu a:hover { text-decoration:none; display: block }
 
#searchform {
	width: 194px;
	float: right;
	text-align: right;
	padding-top: 3px;
	margin-right: 10px
        }
 
.menu-header li, .menu li {
	float: left;
	margin: 0px;
	padding: 0px; }
 
	.menu-header li li, .menu li li {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 122px;
		text-transform: none }
 
		.menu-header li li a, .menu-header li li a:link, .menu-header li li a:visited, .menu li li a, .menu li li a:link, .menu li li a:visited {
			background: #2B2B2B;
			width: 122px;
			float: none;
			margin: 0px;
			padding: 5px 10px 5px 18px;
			border-top: 1px solid #C0C0C0 }
 
		.menu-header li li a:hover, .menu-header li li a:active, .menu li li a:hover, .menu li li a:active { background: #3300cc; padding: 5px 10px 5px 18px }
 
	.menu-header li ul, .menu li ul {
		position: absolute;
		width: 10em;
		left: -999em }
 
	.menu-header li:hover ul, .menu li:hover ul { left:auto; display: block }
 
	.menu-header li:hover ul, .menu-header li.sfhover ul, .menu li:hover ul, .menu li.sfhover ul { left: auto }
 
.jcarousel-skin-tango .jcarousel-container-vertical {background: #ececec }
 
.jcarousel-skin-tango .jcarousel-container-horizontal { width:300px; padding: 0px 0px }
 
.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 300px;
	height: 235px;
	padding: 5px 0px }
 
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 300px; height: 120px }
 
.jcarousel-skin-tango .jcarousel-clip-vertical { width: 290px; height: 220px }
 
.jcarousel-skin-tango .jcarousel-item { width:300px; height: 60px }
 
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 5px }
 
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 15px }
 
.jcarousel-skin-tango .jcarousel-item-placeholder { background:#ececec; color: #000 }
 
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 90px;
	right: 120px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(images/next-horizontal.png) no-repeat 0 0 }
 
	.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0 }
 
	.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0 }
 
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; background-position: -96px 0 }
 
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 90px;
	left: 120px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(images/prev-horizontal.png) no-repeat 0 0 }
 
	.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0 }
 
	.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0 }
 
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position: -96px 0 }

.jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	bottom: -20px;
	left: 170px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(images/next.png) no-repeat 0 0;}
 
.jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	bottom: -20px;
	left: 120px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(images/prev.png) no-repeat 0 0; }

.jcarousel-container { position: relative; }
.jcarousel-container-vertical { padding-top: 7px; }
 
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative; }
 
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0; }
 
	.jcarousel-list li, .jcarousel-item {
		float: left;
		list-style: none;
		width: 75px;
		height: 75px; }
 
.jcarousel-next { z-index:3; display: none }
 
.jcarousel-prev { z-index:3; display: none }
 
h1 {
	font: 2.1em Arial;
	font-weight: bold;
	letter-spacing: -0.04em }
 
h2 { font: 1.8em Georgia,"Times New Roman" }
 
h3 {
	font: 1.3em Arial;
	margin-bottom: 3px;
	color: #3c78a7;
	font-weight: bold }
 
h4 { font: 1.0em Arial }
 
h3.cat_title, h3.cat_title a {
	color: #333;
	letter-spacing: 0;
	font-size: 13px;
	font-weight: bold; }
 
h3#respond { margin-top:0px; padding-top: 20px }
 
h3#comments { margin-top:32px; padding-left: 0px }
 
h3.authors { margin-top: 15px }
 
#logo {
	width: 960px;
	height: 120px;
	padding: 0;
        background: #ffffff;
	}
 
.blogname
	{
	margin-top: -100px;
	margin-left: 270px;
	width: 700px;
	font-size: 16px;
	line-height: 36px;
	}
.tagline {
	margin-left: 20px;
	font-size: 14px;
	color: #333;
	}
 
#top { padding: 0px; }
 
#headline {
	width: 600px;
	height: 250px;
	float: left;
	background: #333;
	padding: 15px;
	font-size: 1.05em;
	line-height: 1.5em;
	margin-left: -10px;
        margin-top: -11px;
	}

#headline .meta {color: #fff;}
#headline .meta a {color: #ececec;}

#headline .label a {font-size: 13px;font-weight:bold; color:#ececec; margin: 0px 0px 10px 0px;}

.headline-image {margin-top: 10px;}
 
	#headline div.title {
		font-weight: none;
		font: 2.0em Arial Black;
		letter-spacing: -0.05em;
		line-height:0.9;
		display: block;
		padding-bottom: 5px;
		color: #000; }

	#headline .title a {
		color: #aaa; 
		text-decoration:none;
		}

	#headline .title a:hover {
		color: #bbb; 
		text-decoration:underline;
		}
         
        #headline a:link {
                color: #aaa;
                }
 
	#headline div.meta {
		display: block;
		margin-top: 5px;
		padding-bottom: 2px; 
		
		}
 
	#headline p { padding-bottom: 15px; color: #fff; font-size: 1.05; padding-top: 10px;}

	/* #headline p:first-letter
		{
		font:bold 600% georgia,Times,serif;
		float:left;
		padding:0.05em 0.08em 0.05em 0.05em;
		line-height:0.6em;
		color:#000;
		} */

 
#samping {
	width: 300px;
	background: #fff;
	float: right;
	padding: 10px 10px 9px 10px }
 
	#samping .clearfloat { margin-top:7px; margin-bottom: 8px;  }
 
	#samping .info {
		margin-top: 5px;
		padding-top: 5px;
		float: right;
		width: 180px; }
 
	#samping .title { font-weight: bold }
 
#featured {
	width: 310px;
	background: #ececec;
	float: right;
	padding: 10px 10px 9px 10px;
	max-height: 320px;
	overflow: hidden;
        margin-right:-10px;
        margin-top:-11px;
	}
	#featured .label {font-size: 13px;font-weight:bold; }
 
	#featured .clearfloat { margin-top:7px; margin-bottom: 8px }
 
	#featured .info {
		margin-top: 5px;
		padding-top: 5px;
		float: right;
		width: 200px }
 
	#featured .title { font-weight: bold }
 
#headline img, #featured a img {
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-right: 10px;
	padding: 2px }

 
#middle {
	width: 940px;
	background: #fff;
	float: right;
	padding-left: 20px;
        padding-top: 10px;
        padding-bottom:0px;
	margin-top: 0px;
        margin-right:-10px;
        margin-bottom:10px;
        }
 
.category {
	width: 164px;
	float: left;
	border-top: 8px solid #333;
	margin: 0px;
	padding: 5px 10px 10px 10px;
	background: #fff }
 
	.category p { margin: 0 }
 
#cat-1, #cat-3, #cat-5 { border-top: 8px solid #3300cc }
 
#cat-2, #cat-4 { border-top: 8px solid #333 }
 
.category span.cat_title, #sub-footer h3, #front-list .cat_title, #archive .cat_title {
	text-transform: lowercase;
	margin: 0;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: 0;}
 
#sub-footer h3 { color: #fff }
 
.category a {
	color: #333;
	display: block;
	background: none }
 
	.category a:hover {
		background: none;
		color: #fff;
		text-decoration: none }
 
#cat-1:hover, #cat-3:hover, #cat-5:hover { background:#3300cc; color: #fff }
 
#cat-2:hover, #cat-4:hover { background:#333; color: #fff }
 
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a { background:#3300cc; color: #fff }
 
#cat-2:hover a, #cat-4:hover a { background:#333; color: #fff }
 
#bottom { width: 940px }
 
#front-list {
	width: 590px;
	background: #fff;
	padding: 10px;
	font-size: 1.05em;
	line-height: 1.75em;
	float: left; }
 
#archive {
	padding-top: 15px;
	font-size: 1.05em;
	line-height: 1.75em }
 
#front-list blockquote { padding: 0px 10px 0 10px }
 
#front-list .title, #archive .title {
	font-weight: bold;
	font: 1.5em Arial;
	letter-spacing: -0.05em }
 
#front-list .clearfloat, #archive .clearfloat {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px }
 
#front-list .spoiler, #archive .spoiler { display:block; margin-top: 3px }
 
#front-list p, #archive p { margin:0px; padding: 0px }
 
.author { font-size:0.8em; font-weight: bold }
 
.meta { font-size:0.8em; color: #333 }
 
	.meta a { color: #333 }
 
#headline p, #featured p { margin: 0 }
 
#headline2 {
	width: 900px;
	float: left;
	background: #333;
	padding: 10px 30px;
	line-height: 1.9em;
	margin-left: -10px;
        margin-top: -11px }


#headline2 .meta {color: #fff;}

#headline2 .label {font-size: 13px;font-weight:bold; margin: 0px 0px;}

 
	#headline2 div.title {
		font-weight: bold;
		font: 2.0em Arial Black;
		letter-spacing: -0.01em;
		display: block;
		padding-bottom: 5px; }
 
	#headline2 div.meta {
		display: block;
		margin-top: -5px;
		padding-bottom: 5px; }
 
	#headline2 p { padding-bottom: 15px; font-size: 1.2em; color: #fff;}

	/* #headline2 p:first-letter
		{
		font:bold 550% georgia,Times,serif;
		float:left;
		padding:0.05em 0.08em 0.05em 0.05em;
		line-height:0.6em;
		color:#CFCFCF;
		} */
 
	#headline2 a {color: #CFCFCF;}
	#headline2 img {
		width: 175px;
		height: 160px;
		border: 1px solid #ccc;
		margin-bottom: 10px;
		margin-right: 10px;
		padding: 2px; }
 
	#headline2 p, #featured p { margin: 0 }
 
#contentfull {
	width: 920px;
	background: #fff;
	padding: 10px;
	font-size: 1.05em;
	line-height: 1.75em;
	float: left;
	min-height: 400px }
 
#content {
	width: 590px;
	background: #fff;
	padding: 10px;
	font-size: 1.05em;
	line-height: 1.5em;
	float: left;
	min-height: 400px;
	}
 
	#content .breadcrumbs, #content .breadcrumbs a { font-weight:bold; color: #333; font-size: 12px; }
 
	#content h2.title {
		font: 1.8em Georgia;
		font-weight: bold;
		letter-spacing: -0.05em;
		border-bottom: 1px solid #ddd;
		border-top: 3px solid #ddd;
		padding: 5px 0px }
 
.post { font-size:1.0em; line-height: 1.6em }
 
	.post p { margin-top: 0px }
 
	.post .clearfloat { border-bottom:1px dotted #ccc; margin: 10px 0px }
 
	.post ul, .post ol, #front-list ul, #front-list ol { margin-bottom: 15px }
 
	.post ul li, #front-list ul li { list-style:square; margin-left: 30px }
 
	.post ol li, #front-list ol li { list-style:decimal; margin-left: 30px }
 
	.post ol li ul li, #front-list ol li ul li { list-style:square; margin-left: 20px }
 
	.post img, .post a img, #front-list img, #archive img {
		border: 1px solid #ccc;
		margin: 0 10px 5px 0;
		padding: 2px }
 
	.post .ads { margin-top: 10px }
 
.entry { margin-top: 20px }
 
#stats, #stats2{
	margin-bottom:15px; 
	padding:8px 0px; 
	font:11px Arial; 
	display:block; 
	border-bottom:1px solid #e2e2e2; 
	font-weight:bold;
	}

#stats2 {
	border-top:1px solid #e2e2e2; 
	}

	#stats span, #stats2 span { padding: 0px 20px 0px 0px }
 
		#stats span a:hover, #stats2 span a:hover { background: none }
 
		#stats span a, #stats2 span a { color: #000 }
 
	#stats img, #stats2 img, #nav img {
		border: 0px;
		margin: 0px;
		padding: 0px }
 
#tools {
	width: 590px;
	height: 25px;
	font-size: 0.95em }
 
	#tools a:hover { background: none }
 
.navigation { padding:5px 0px; text-align: Center }
 
#sidebar {
	width: 320px;
	float: right;
	margin: 0px 0px 0px 0px;
	}
 
	#sidebar h3 {
		font: 1.1em Arial;
		font-weight: bold;
		background: #333;
		color: #fff;
		margin: 10px 0px 5px 0px;
		padding: 3px 10px;
		}

#sidebar h3 a {
	font:1em Arial;
	font-weight:bold;
	color:#fff;
}


#sidebar h3.biru {
	font:1em Arial;
	font-weight:bold;
	background:#3300cc;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:2px 10px
}

#sidebar h3.merah {
	font:1em Arial;
	font-weight:bold;
	background:#b00000;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:2px 10px
}

#sidebar h3.hijau {
	font:1em Arial;
	font-weight:bold;
	background:#11b000;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:2px 10px
}

#sidebar h3.kuning {
	font:1em Arial;
	font-weight:bold;
	background:#ffc600;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:2px 10px
}

 
#sidebar-top, #sidebar-bottom {
	width: 300px;
	float: right;
	padding: 0px 10px 10px 10px;
	background: #fff;
	}
 
#sidebar-bottom, #sidebar-middle { margin-top: 10px }
 
#sidebar-middle { width:320px; float: right }
 
#sidebar-left {
	width: 135px;
	padding: 0px 10px 10px 10px;
	float: left;
	background: #fff }
 
#sidebar-right {
	width: 135px;
	padding: 0px 10px 10px 10px;
	float: right;
	background: #fff }
 
#sidebar li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 0px 2px 13px;
	background: url(images/sub.png) no-repeat 0 0px; }
 
	#sidebar li ul li:last-child {
		list-style: none;
		border-bottom: 0px dotted #ccc;
		display: block;
		padding: 2px 0px 0px 13px;
		background: url(images/sub.png) no-repeat 0 0px; }
 
#sidebar-ads {
	width: 300px;
	float: right;
	margin-bottom: 10px;
	padding: 10px;
	background: #fff }
 
select { border:1px solid #333; width: 100% }
 
.field {
	padding: 3px;
	border: 1px solid #333;
	background: #F1EFFF;
	font-size: 1.2em }
 
#s {
	padding: 1px;
	font-size: 1.0em;
	width: 150px 
        }
 
#searchsubmit { padding-left: 5px }
 
#commentform input { width:99%; margin: 1px 5px 1px 0 }

.submitbutton {
	width: 30px;
	height: 30px;
	padding: 5px 5px;
	border: outset;
	background: #fff;
	font: 1.0em Arial;
        font-weight: bold;
	color: #000;
	cursor: pointer; 
/*	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px; */
	}
.submitbutton:focus { border: inset; color: #6F6F6F; }
 
#commentform textarea { width:99%; margin-top: 0px;  }
 
#comment { width:590px; background: #F1EFFF }
 
div#cancel-comment-reply { font-weight: underline }
 
#comments ul.commentlist { margin-top:20px; list-style: none }
 
	#comments ul.commentlist blockquote { background: #dcdcdc }
 
#comments .clearfloat { background: none }
 
#comments div.navigation { padding:5px 0px 20px 0px; font-weight: bold }
 
ul.commentlist li.pingback, ul.commentlist li.trackback { display: none }
 
ul.commentlist li.comment {
	color: #4d4d4d;
	padding: 11px 14px 11px 14px;
	background: #f2f2f2;
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 3px solid #dcdbd7;
	}

ul.commentlist li.comment img.avatar, ul.commentlist li.pingback  img.avatar, ul.commentlist li.trackback  img.avatar
	{
	border:1px solid #ccc; 
	margin:0px 13px 13px 0px; 
	float:left; 
	padding:2px; 
	width:50px; 
	height:50px;
	}
 
	ul.commentlist li.comment h3#respond { background:#fff; margin-top: 15px }
 
	ul.commentlist li.comment cite {
		color: #313228;
		font-weight: bold;
		font-size: 16px }
 
	ul.commentlist li.comment div.comment-meta { font-size:10px; margin-top: 0px }
 
		ul.commentlist li.comment div.comment-meta a { color:#4d4d4d; text-decoration: none }
 
	ul.commentlist li.comment a { text-decoration: underline }
 
	ul.commentlist li.comment cite a { text-decoration: none }
 
	ul.commentlist li.comment div.reply { clear:both; display: block }
 
		ul.commentlist li.comment div.reply a { text-decoration:none; font-weight: bold }
 
	ul.commentlist li.comment p { margin:15px 0px; padding: 0 }
 
	ul.commentlist li.comment blockquote { width: 60%px }
 
ul.children li.comment {
	margin-top: 15px;
	color: #4d4d4d;
	padding: 12px 12px 12px 10px;
	background: #fff;
	border: none;
	list-style: none;
	margin-bottom: 0px;
	font-size: 14px }
 
ul.commentlist li.depth-1, ul.children li.depth-3, ul.children li.depth-5, ul.children li.depth-7, ul.children li.depth-9 { background: #ececec }
 
ul.children li.depth-2, ul.children li.depth-4, ul.children li.depth-6, ul.children li.depth-8, ul.children li.depth-10 { background: #fff }
 
#respond textarea {
	width: 99%;
	height: 200px;
	font-size: 18px }
 
#respond label { font-weight: bold }
 
#respond a { text-decoration: none }
 
#respond h3 { margin-top: 15px }
 
li.comment div#respond h3 { display: none }
 


/*coba*/
#up-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
        height: 220px;
	background:#dedede;
	margin:0 auto;
	padding:10px;
        text-transform:lowercase;
        border-right:5px solid #fff;
        border-left:5px solid #fff;
	}

#up-popular h3 {
        color:#000;

        }

#up-left {
        float:left;
        width:300px;
        padding:10px 10px 10px 10px;
        border-right:1px solid #888;
        }

#up-right {
        float:right;
        width:596px;
        padding:10px 10px 10px 10px;
        /*border:1px solid #505050;*/
        height:199px;
        }

#video {
        background:#fff;
        padding:15px 10px 10px 10px;
        height:150px;
        }



#sub-footer {
	font-size: 12px;
	color: #fff;
	width: 940px;
	background: #2b2b2b;
	margin: 0 auto;
	padding: 10px; 
	border-right: solid 5px #fff;
	border-left: solid 5px #fff;
	border-bottom: solid 5px #fff;
	}


 
#sub-footer-left, #sub-footer-midle {
	width: 280px;
        height: 300px;
	float: left;
	padding: 10px;
	border: 1px solid #fff }
 
#sub-footer-midle { margin-left: 17px }
 
#sub-footer-right {
	width: 280px;
        height: 300px;
	float: right;
	padding: 10px;
	border: 1px solid #fff }
 
#sub-footer-left a, #sub-footer-midle a, #sub-footer-right a { color: #fff }
 
#sub-footer-left ul, #sub-footer-midle ul, #sub-footer-right ul { margin-top: 5px }
 
#sub-footer-left ul li, #sub-footer-midle ul li, #sub-footer-right ul li {
	list-style: none;
	border-top: 1px dotted #fff;
	padding: 5px;
	display: block }
 
#sub-footer-left ul li:hover, #sub-footer-midle ul li:hover, #sub-footer-right ul li:hover { background:#3300cc; color: #fff }
 
#sub-footer-left ul li:first-child, #sub-footer-midle ul li:first-child, #sub-footer-right ul li:first-child { border-top: 0px dotted #fff }
 
#footer {
	width: 960px;
	font:10px Arial; 
	padding: 5px 5px;
	color: #505050;
	margin: 0px auto;
        background:#fff;
	}
#footer a	{color: #333;}
 
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden }
 
.clearfloat { display: inline-block }
 
* html .clearfloat { height: 1% }
 
*+html .clearfloat { height: 1% }
 
.clearfloat { display: block }