/*  
Theme Name: Arena 2.0
Theme URI: http://marketingarena.it/
Description: Designed by <a href="http://berardomate.com/">Berardo Mate'</a> based on Biru nEUtrONiCs
Author: Berardo Mate' & nEUtrONiCs
Author URI: http://berardomate.com/
*/


/*-------------General-----------*/
html, body { border:0; margin:0; padding:0;}
body,td,th {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#656565;}
a{;text-decoration: none;}
a:hover{color: #000;}
a img {border: none;}
blockquote {display:block;background:url(images/coma.gif) 0 0 no-repeat #ffffff;padding:0 0 0 109px;margin:15px 0 15px 0;font:italic 15px Georgia, "Times New Roman", Times, serif;color:#626262; min-height:99px; clear:both;}
.clear	{ clear: both; }

/* ----------header---------*/
#top-bg { background:url(images/bg_top.png) repeat-x 0 0; height:363px; }
#top-container {width:960px; height:363px; margin:0 auto; padding:0; }

/*--------top layout--------*/
#top {width:960px; height:120px; padding:0; margin:0;}
#topbar {width:960px; height:200px; padding:0; margin:0;}
.left-1 {float:left; width:580px;}
.left-2 {float:left; width:190px;}
.right-1 {float:right; width:380px;}
.right-2 {float:right; width:190px;}

/*-----------top------------*/
#logo {height:120px; width:571; display:block; float:left;}
#logo img {border:none;}
#pages {height:120px; width:180px; display:block; margin:0; padding:0; margin-top:10px;}
#pages li {font-size: 11px; background: url(images/bullet.gif) 0 3px no-repeat; list-style:none; padding: 1px 3px 1px 15px;margin:0; font-weight:bold; line-height:130%; text-transform: uppercase;}
#pages li a {color:#ccc;}
#pages li a:hover {color:#fff;}

/*----------search form-----*/
/**/ *html .Search  { height: 74px;} /**/ 
.Search {  right: 0px; margin: 35px 0px 0px 20px; min-height: 74px; padding:0; width:150px;}
.Search form { background: url(images/searchform.png) no-repeat right; padding:0px; margin:0px; width:150px;}
.Search input { color: #330033; font-size: 13px; padding:0; width: 113px;}
.Search  input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; } 
.Search  input.search { width: 27px; height: 24px; background: url(./images/SearchButton.gif) no-repeat; padding:0; margin:0; border: none; cursor: pointer;}
.left-3 {float:left; width:113px; margin:0; padding:0;}

/*-----------recent post----*/
#recent-posts { height:144px; margin-top:20px; width: 489px; padding: 40px 20px 0; background:url(images/bg_recent.png) no-repeat;}
#recent_post ul{margin: 0; padding:0; list-style:none;}
#recent_post li{background: url(images/ico_doc.gif) no-repeat; margin:0; margin-top:5px; padding:0px 15px 5px 15px; width: 455px;  font-size:11px; font-weight: bold; border-bottom: 1px dashed #ddd;}
#recent_post a	{color: #656565;text-decoration: none; padding:0;}
#recent_post a:hover{color: #000;text-decoration: underline; padding:0;}

/*---------about me----------*/
#about {margin:0 auto; }
.text { width:85%; margin:0 auto; color: #fff;line-height:14px; font-size:11px; }
.text a { color: #EED1E1; font-weight:bold;}
.text a:hover { color: #fff; font-weight:bold;}

/*-----------flickr----------*/
#flickr { margin-left:15px; }
#flickr img {border:1px solid #1B2B4B; margin:  0; }


/*-----------main layout------*/
#main-bg {width:960px; padding:0; margin:0 auto; height:100%}
#wide {width:960px; padding:0 0 20px; margin:0 auto; background:url(images/bg_main.png) 0 0; height:100%; }
#left {width:550px; float:left; margin-top:0px;  }
#right { width:380px; float:right; margin-top:0px; font-size: 11px; color: #777;}

/*-------------Post------------*/
.isi {padding:0; margin:0;}
.cont-atas {padding:0; margin:0; padding-top:30px;}
.cont-bawah {padding:0;  margin-bottom:20px;}
.post { width:525px;}
.posthead { position: relative; clear: left; padding: 0 0 5px 75px;	border-bottom: 1px solid #ddd;min-height: 65px; width:450px; }
.avatar { position: absolute; top: 0; left: 0;}
.avatar img {display: block;border: 1px solid #aaa;}
.post h1, .post h1 a {font-size: 18px;font-weight: normal;color: #252525;}
.member, .postmetadata {margin: 4px 0 0;font-size: 10px;color: #777; line-height: 14px;}
.posthead .member a, .posthead .postmetadata a {color: #C85090;font-weight: bold;}
.member a:hover, .postmetadata a:hover {color: #222;text-decoration: underline;}

.postmetadata { clear: both; border-top:solid 1px #eee; padding-top:5px; padding-bottom:5px; margin-bottom:15px; margin-left:10px; margin-top:10px;}
.article {line-height:170%; margin-left:7px; padding:0;}
.post-end {margin-bottom:20px;}
.post img { padding: 3px 3px 3px 3px;background:#f0f0f0;border: solid 1px #DEDEDE; margin: 0px 15px 15px 0px !important;}
.navigation { margin:10px 0 10px 125px; clear:both;}
#authors { margin: 40px 0;}
.author {width:425px; position: relative; padding: 0 0 5px 75px; min-height: 65px; margin-bottom: 20px; font-size:11px;}
.author h2, .author h2 a {font-size: 12px;font-weight: normal;color: #252525; border-bottom: 1px solid #ddd;}
.tags { padding: 0 0 30px;}
.tags li { float: left; margin: 0 10px 3px 0; list-style-type: none;padding: 0 10px 0 0; background: url(images/bg_tag.gif) no-repeat 100% 0; }
.tags li a { display: block; _float: left; height: 18px; line-height: 18px; color: #C85090;padding: 0 0 0 15px;background: url(images/bg_tag2.gif) no-repeat 0 0; }
.tags li a:hover {  color: #512D00; }
h2.archive {font-size: 18px;color: #545454;padding: 30px 0 5px 0;margin: 0 25px 20px 0;border-bottom: 2px solid #eee;}
h2.archive span {font-weight: normal; }


/*--------------Meta Icon---------*/
.meta-cal {background:url(images/ico_date.gif) center left no-repeat;padding-left:12px;padding-bottom:5px;padding-top:5px;}
.meta-comm {background:url(images/ico_comment.gif) center left no-repeat;padding-left:12px;margin-left:15px;padding-bottom:5px;padding-top:5px;}

/*-------------sidebar------------*/

#right a	{color: #444;text-decoration: none; padding:0; font-weight: bold;}
#right a:hover{color: #a03070;text-decoration: underline; padding:0;}
#kanan-1 {float:right;  width:175px; padding:0; margin:0;}
#kiri-1 {float:left; width:175px; padding:0; margin:0;}
.hidden {visibility:hidden;}
#kiri-1 ul, #kanan-1 ul {width:175px; margin-top:-5px; list-style: none; margin: 0; padding: 0;}
#kiri-1 ul li, #kanan-1 ul li { margin: 0 0 5px; padding: 0 0 5px 15px; border-bottom: 1px solid #ddd; background:url(images/ico_arrow.gif) 0 2px no-repeat;}
.hdr2 { background-image: url(images/h3_ht.gif); height:25px;}
.hdr3 { background-image: url(images/h3.png); height:25px;}
.hdr4 { background-image: url(images/h3_tc.gif); height:25px;}
.hdr5 { background-image: url(images/h3_br.gif); height:25px;}
.hdr6 { background-image: url(images/h3_rc.gif); height:25px;}
.hdr7 { background-image: url(images/sponsor.png); height:25px;}
.hdr8 { background-image: url(images/shout.png); height:25px;}
.hdr9 { background-image: url(images/h3_ma.gif); height:25px;}
.hdr11 { background-image: url(images/h3_fg.gif); height:25px;}
.hdr12 { background-image: url(images/h3_ab.gif); height:25px;}

/*--------------- Comments ----------------*/
#comments {clear:both; font-size: 12px; }
.comments {padding: 10px;}
.comments p {margin-left: 27px;}
.comment-preview {padding: 10px;}
.comment-preview p {margin-left: 0;}
.count {margin-right: 10px;border: 1px solid #ccc;padding: 1px 4px 1px 4px;background: #fff;color: #999;font-weight: bold;font-size: 85%;}
p.commentdate {font-style: italic;font-size: 85%;color: #999;margin-left: 27px;}
p.commentdatepreview {font-style: italic;font-size: 85%;color: #999;}
.mycommentbox {background: #FFF5E5;border: 1px solid #FFCC7F;margin: 10px 0 10px 0;letter-spacing: .01em; width: 518px;}
.mycommentbox .count {margin-right: 10px;border: 1px solid #FFCC7F;padding: 1px 4px 1px 4px;background: #fff;color: #FFCC7F;font-weight: bold;font-size: 85%;}
.commentbox {margin: 10px 0 10px 0;letter-spacing: .01em;background: #eee;border: 1px solid #ccc; width: 518px;}


/*----------------- Comments Form -------------------------------- */
.Form {margin-right:-40px;}
.Form .Email { background: url(images/FooterEmail.png) no-repeat left top;}
.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px; }
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px;}
.Form .TextField { background: #f5f5f5; border: solid 1px #ddd; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { background: #f5f5f5; border: solid 1px #ddd; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}



/*-----------------Footer---------------------*/
#foot-wrap {width:100%; height:144px; bottom:0; background-color: #333; }
#foot-bg {width:960px; margin:0 auto; padding:0; height:144px; bottom:0;}
#credits {color:#fff; width:530px; float:left; color:#FFFFFF; text-align:right; padding:0; margin:0; margin-top:60px;}
#credits a {color:#0083d5;}
#credits a:hover {color:#0083d5; text-decoration: underline;}
.clear	{ clear: both; }