/* Theme Name: Arthemia Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/ Description: Arthemia theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer. Version: 1.0 Author: Michael Jubel Hutagalung Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php*//* HTML Elements */ /* Sidebar*/#postbar { width:320px; float:right; margin:0px 0px 0px 0px; }#postbar h3 { font:13px Arial; font-weight:bold; background:#830000; color:#F2CA5B; margin:10px 0px 5px 0px; padding:3px 10px; }#postbar-top { width:300px; float:right; padding:0px 10px 10px 10px; background:#fff; }#postbar 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; }#postbar 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; }#postbar-ads { width:300px; float:right; margin-bottom:10px; padding:10px; background:#fff; } * { margin:0; padding:0; } body { font: 100% Arial, Helvetica; background: #FFF; color: #333; background: #000000; margin:0; } p { margin: 15px 0; } a:link, a:visited { color: #000000; text-decoration:none } a:hover, a:active { color: #000000; text-decoration:underline; } img{ border:0;} 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 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; font:1.0em Arial; line-height:1.5em; margin:10px 0px; } select { width: 130px; } /* Structure */ #head { width:960px; margin:0px auto; margin-top:0; padding:0 10px; font-size:0.7em; height:155px; background-color:#ffffff; } #page { width:940px; margin:0 auto 0 auto; padding:10px 20px; background:#fff; font-size:0.7em; } .related { margin-left: 25px;} #smimage { padding: 5px; float: left; height: 100px; width: 100px; border: 2px solid #F0F0F0;} #relinfo { padding: 5px; float: left; width: 465px; vertical-align: middle; margin-top: 0px;} #relinfo a { font-size: 16px; font-weight: bold;} #relinfo p { margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;} .leftsub img { margin-right: 20px; margin-bottom: 5px;} .left, .alignleft { float:left; } .right, .alignright { float:right; margin-bottom:3px; } /* Navigation Bar*/ #navbar {background:#930000 url(images/navbar.png);margin:0 auto;padding:0 10px;text-transform:uppercase;} #page-bar { width:722px; } #page-bar ul { list-style: none; } #page-bar li { float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #F2CA5B; } #page-bar li:hover { background: #000000; } #page-bar a, #page-bar a:visited { margin: 0px; padding:10px 16px; font-weight:bold; color:#F2CA5B; display:block; } #page-bar a:hover { text-decoration:none; display:block; } #searchform { float:left; margin-right:10px; padding-top:8px; text-align:right; width:705px; } /* Dropdown Menus */ #page-bar li { float: left; margin: 0px; padding: 0px; } #page-bar li li { float: left; margin: 0px; padding: 0px; width: 122px; text-transform:none; } #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { background: #2B2B2B; width: 122px; float: none; margin: 0px; padding: 5px 10px 5px 18px; border-top: 1px solid #C0C0C0; } #page-bar li li a:hover, #page-bar li li a:active { background: #830000; padding: 5px 10px 5px 18px; }#page-bar li ul { position: absolute; width: 10em; left: -999em; }#page-bar li:hover ul { left: auto; display: block; } #page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; }/* Text*/h1 { font:3.5em Arial; font-weight:bold; letter-spacing:-0.08em; }h2 { font-family: Arial, "Times New Roman"; font-size: 1.7em; color: #830000; margin-top: 5px; margin-bottom: 5px; }h3 { font:1.3em Arial; margin-bottom:3px; color:#000000; font-weight:bold; }h4 { font:1.0em Arial; }h3.cat_title, h3.cat_title a { color:#333; letter-spacing:-0.05em; font-size:0.85em; }h3#respond { margin-top:0px; padding-top:20px; }h3#comments { margin-top:32px; padding-left:0px; }h3.authors { margin-top:15px; }/* Index Page*/#logo { }#tagline { margin-top:5px; font-size:1em; color:#333; }#top { padding:0; }#headline { width:590px; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; }#headline div.title { font-weight:bold; font:2.4em Arial; letter-spacing:-0.05em; display:block; padding-bottom:5px; }#headline div.meta { display:block; margin-top:-5px; padding-bottom:2px; }#headline p { padding-bottom:15px; }#featured { width:300px; background:#fff; float:right; padding:10px 10px 9px 10px; }#featured .clearfloat { margin-top:7px; margin-bottom:8px; }#featured .info { margin-top:5px; padding-top:5px; float:right; width:180px; }#featured .title { font-weight:bold; }#headline a img, #featured a img { border:1px solid #ccc; margin-top:5px; margin-right:10px; padding:2px; }#middle { width: 920px; background:#fff; float:right; padding:10px; margin:0; }.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 #333333;}#cat-2, #cat-4 {border-top:8px solid #000000;}.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title { text-transform:lowercase; margin:0; font-weight:bold; font-size:1.5em; letter-spacing:-0.05em; }#front-popular 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:#333333; color:#fff; }#cat-2:hover, #cat-4:hover {background:#000000; color:#fff; }#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }#cat-2:hover a, #cat-4:hover a {background:#000000; color:#fff; }#bottom { width: 560px; }#front-list { width:560px; 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; letter-spacing:-0.05em; font-size: 16px; }#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; }/* Content Page*/#content { width:590px; background:#fff; padding:10px; font-size:13px; line-height:1.75em; float:left; min-height:400px; }#content .breadcrumbs, #content .breadcrumbs a { font-weight:bold; color:#333; }#content h1 { font:2.2em Arial; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-bottom: 10px; }#content h2.title { font:2.2em Arial; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; padding:5px 0px; }.post { font-size:1.05em; line-height:1.75em; }.post p { text-align:justify; margin-top:0px; }.post .clearfloat { 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:0 solid #ccc; margin:0 10px 5px 0; padding:2px; }.post .ads { margin-top:10px; }.entry { margin-top:20px; }#stats { margin-top:0px; padding:4px 0px; text-transform:uppercase; font:0.8em Arial; display:block; }#stats span { padding: 0px 20px 0px 0px; }#stats span a:hover { background:none; }#stats span a { color:#333; }#stats img, #nav img { border:0px; margin:0px; padding:0px; }#tools { width:590px; height:60px; font-size:0.95em; }#tools a:hover { background:none; }.navigation { padding:5px 0px; text-align:Center; }/* Sidebar*/#top5 p{ padding: 0px; margin-top: 5px;}#top5 a{ margin-top: 5px; font-size: 13px; font-weight: bold;}#top5 img {border:1px solid #CCCCCC;margin:0 10px 5px 0;padding:2px;}#sidebar { width:320px; float:right; margin:0px 0px 0px 0px; }#sidebar h3 { font:13px Arial; font-weight:bold; background:#830000; color:#F2CA5B; margin:10px 0px 5px 0px; padding:3px 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; }/* Form Elements */select { border:1px solid #333; width:100% } .field { padding: 2px; border:1px solid #333; background:#fff; font-size:1.0em; } #contentmain { width:900px; background:#fff; padding:10px; font-size:13px; line-height:1.75em; float:left; min-height:400px; }#contentmain h1 { font:2.2em Arial; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-bottom: 10px; }#contentmain h2.title { font:2.2em Arial; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; padding:5px 0px; } #s { font-size:2em; height:28px; padding:3px; width:705px; } #searchsubmit { background-color:#8D0000; border:0 none; color:#F2CA5B; font-family:verdana; font-weight:normal; height:36px; width:190px; margin-left:10px; font-size:1.5em } #commentform { width:50%;} #commentform input { width: 140px; margin: 5px 5px 1px 0; }#commentform textarea { width: 99%; margin-top:5px; }/* Comments*/.commentlist cite { font-style:normal; margin-bottom:4px; display:block; } .commentlist blockquote { background:#ededed; } .commentlist li { padding: 10px 0px 10px 0px; list-style:none; margin-bottom:3px; }.commentlist li li { background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0; }.commenttext { padding: 10px 10px 0px 10px; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; width:495px; float:right } .commentlist cite strong { font-size:1.1em; } li.my_comment { background: #FFF; border:none; }li.my_comment cite strong { font-size: 1.3em; color:#313228; } #commentform small { background:#FFF; font-weight:bold; padding:0; } .commentmetadata { color:#4d4d4d; display: block; margin-top:3px; text-align:right; font-size:0.9em; }.commentmetadata a, .commentmetadata a:visited { color:#959382; } .commentlist small { background:#e9e9e9; }.avatar { border:1px solid #bbb; margin:0px 10px 0px 0px; float:left; padding:2px; width:55px; height:55px; } #comment { width:590px; background:#fff; }/* Footer*/#front-popular { font-size:0.7em; color:#fff; width: 940px; background:#2c2c2c url(images/bottombar.png) bottom repeat-x; margin: 0 auto; padding:10px 20px; }#recentpost, #mostcommented { width:280px; float:left; padding:10px; border:1px solid #fff; }#mostcommented { margin-left:17px; }#recent_comments { width:280px; float:right; padding:10px; border:1px solid #fff; }#recentpost a, #mostcommented a, #recent_comments a { color:#fff; }#recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; }#recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style:none; border-top:1px dotted #fff; padding:5px; display:block; }#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background:#000000; color:#fff; }#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { border-top:0px dotted #fff; }#footer { margin: 0 auto; width: 960px; font-size:0.6em; padding-top:10px; padding-bottom:10px; }/* Float Properties*/.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfloat { display: inline-block; }/* Hides from IE-mac \*/* html .clearfloat { height:1%; }*+html .clearfloat { height:1%; }.clearfloat { display:block; } #footer p{color:#ffffff} #footer a{color:#ffffff;} .headerright{height:60px; width:468px; background:#ffffff;margin:20px 20px 0 0;float:right;}