/*  
Theme Name: Arthemia
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> 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 (edit by Tim Lochmüller)
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
*/

* {margin:0; padding:0}
body {font: 100% Arial, Helvetica; background: #FFF; color: #333; background: url(http://static.360friends.de/layout/360_Tag_Logo.jpg) no-repeat scroll center -66px #FFFFFF}
p {	margin: 15px 0}
.clear { clear:both}
a:link, a:visited {color: #3c78a7; text-decoration:none}
a:hover, a:active {color: #3c78a7; text-decoration:underline}
a img {border:0}
code {font: 1em '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; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; font:1em Arial; line-height:1.5em; margin:10px 0}
select {width: 130px}
.printOnly{display:none}
#head {width:960px; margin:0 auto; margin-top:10px; padding:0; font-size:0.7em}
#page {width:940px; margin:0 auto; padding:10px; background:#ececec; font-size:0.7em}
.left, .alignleft {float:left}
.right, .alignright {float:right}
.entry .alignleft {margin-right:15px}
.entry .alignright {margin-left:15px}
#navbar {margin:0 auto; margin-top:10px; padding:0 10px; text-transform:uppercase; background:#2c2c2c url(http://static.360friends.de/layout/navbar.png)}
#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 #333}
#page-bar li:hover {background: #3c78a7}
#page-bar a, #page-bar a:visited {margin: 0; padding:10px 16px; font-weight:bold; color:#FFF; display:block}
#page-bar a:hover {text-decoration:none; display:block}
#searchform {width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px}
#page-bar li {float: left; margin: 0; padding: 0}
#page-bar li li {float: left; margin: 0; padding: 0; 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: 0; padding: 5px 10px 5px 18px; border-top: 1px solid silver}
#page-bar li li a:hover, #page-bar li li a:active {background: #666; 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}
h1 {font:2.5em Georgia, "Times New Roman"; letter-spacing:-0.02em}
h2 {font:2em Georgia, "Times New Roman"}
h3 {font:1.5em Georgia; margin-bottom:3px; font-weight:normal}
h4 {font:1em Georgia; font-weight:bold}
h3.cat_title, h3.cat_title a {color:#333; letter-spacing:-0.05em; font-size:0.85em}
h3#respond {margin-top:0; padding-top:20px}
h3.comments {margin-top:32px; padding-left:0}
h3.authors {margin-top:15px}
#logo {width:350px; height:67px;padding-left:20px;text-indent:-9999px}
#tagline {margin-top:5px; font-size:1em; color:#333}
#top {padding:0; background-image:url(http://static.360friends.de/layout/top_bg.jpg); background-repeat:repeat-y}
#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 Georgia; 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}
#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:10px 0}
.category {width:164px; float:left; border-top:8px solid #333; margin:0; padding:5px 10px 10px; background:#fff; height: 78px}
.category p {margin:0}
#cat-1, #cat-3, #cat-5  {border-top:8px solid #333}
#cat-2, #cat-4 {border-top:8px solid #3c78a7}
.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:#333; color:#fff}
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff}
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333; color:#fff}
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; 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: 0 10px}
#front-list .title, #archive .title {font-weight:bold; font:2em Georgia; 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:0; padding:0; line-height: 20px}
.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; line-height: 20px}
#content {width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px}
#content .breadcrumbs, #content .breadcrumbs a {font-weight:bold; color:#333}
#content h2.title {font:2.2em Georgia; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0}
.post {font-size:1.05em; line-height:1.75em}
.main_gp {display: none}
.wpmain_f, .footerj, .feeter {display: none}
.tooremo, .footerwp, .footerjoomla {display: none}
.jftmy, .navlnk, .getfooter {display: none}
.changestyle, .main_gp {display: none}
.post p {margin-top:0}
.post .clearfloat {border-bottom:1px dotted #ccc; margin:10px 0}
.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 {margin-top:0; padding:4px 0; text-transform:uppercase; font:0.8em Arial; display:block}
#stats span {padding: 0 20px 0 0}
#stats span a:hover {background:none}
#stats span a {color:#333}
#stats img, #nav img {border:0; margin:0; padding:0}
#tools {width:590px; height:50px; font-size:0.95em}
#tools a { display: block; float: left;padding: 3px; margin:4px; border: 1px solid grey; height: 16px; width: 16px;}
#tools a span { float: none;}
#tools #facebook_like { clear: both; padding-top: 8px;}
.navigation {padding:5px 0; text-align:Center}
#sidebar {width:320px; float:right; margin:0}
#sidebar h3 {font:1.1em Arial; font-weight:bold; background:#333; color:#fff; margin:10px 0 5px; padding:3px 10px}
#sidebar-top, #sidebar-bottom {width:300px; float:right; padding:0 10px 10px; background:#fff}
#sidebar-bottom, #sidebar-middle {margin-top:10px}
#sidebar-middle {width:320px; float:right}
#sidebar-left {width:135px; padding:0 10px 10px; float:left; background:#fff}
#sidebar-right {width:135px; padding:0 10px 10px; float:right; background:#fff}
#sidebar li {list-style:none; border-bottom:1px dotted #ccc; display:block; padding:2px 0 2px 13px; background:url(http://static.360friends.de/layout/sub.png) no-repeat 0 0}
#sidebar li ul li:last-child{list-style:none; border-bottom:0 dotted #ccc; display:block; padding:2px 0 0 13px; background:url(http://static.360friends.de/layout/sub.png) no-repeat 0 0}
#sidebar-ads {width:300px; float:right; margin-bottom:10px; padding:10px; background:#fff}
select {border:1px solid #333; width:100%}
.field {padding: 2px; border:1px solid #333; background:#fff; font-size:1em}
#s {padding:1px; font-size:1em; width:150px}
#searchsubmit {padding-left:5px}
#commentform input {width: 140px; margin: 5px 5px 1px 0}
#commentform textarea {width: 99%; margin-top:5px}
.main_gp {display: none}
.commentlist cite {font-style:normal; margin-bottom:4px; display:block}
.commentlist blockquote {background:#ededed}
.commentlist li {padding: 10px 0; 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 0; background:#f2f2f2; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; width:485px; 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:0 10px 0 0; float:left; padding:2px}	
#comment {width:590px; background:#fff}
#front-popular {font-size:0.7em; color:#fff; width: 940px; background:#2c2c2c url(http://static.360friends.de/layout/bottombar.png) bottom no-repeat; margin: 0 auto; padding:10px}
#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 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 white}
#recentpost ul li:first-child,#mostcommented ul li:first-child,#recent_comments ul li:first-child { border-top:0px dotted white}
#recentpost ul li a,#mostcommented ul li a,#recent_comments ul li a { display: block;color:#fff;padding:5px}
#recentpost ul li a:hover,#mostcommented ul li a:hover,#recent_comments ul li a:hover { background:#3c78a7}
#footer {margin: 0 auto; width: 960px; font-size:0.6em; padding-top:10px; padding-bottom:10px} 
.post p.wp-caption-text {background:#ECECEC none repeat scroll 0 0; border-width: 0 1px 1px; border-style: solid; border-color: #CCC; font-size:0.9em; font-weight:bold; line-height:1.1em; margin:-5px 4px 5px 0; padding:3px 5px}
.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}
.contactform {position:static; overflow:hidden; width:95%}
.contactleft {width:25%; white-space:pre; text-align:right; clear:both; float:left; display:inline; padding:4px; margin:5px 0}
.contactright {width:70%; text-align:left; float:right; display:inline; padding:4px; margin:5px 0}
.contacterror {border:1px solid #F00}
.wp-pagenavi a, .wp-pagenavi a:link {padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #3c78a7; color:#3c78a7; background-color:#FFF}
.wp-pagenavi a:visited {padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #3c78a7; color:#3c78a7; background-color:#FFF}
.wp-pagenavi a:hover {border:1px solid #303030; color:#303030; background-color:#FFF}
.wp-pagenavi a:active {padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #3c78a7; color:#3c78a7; background-color:#FFF}
.wp-pagenavi span.pages {padding:2px 4px 2px 4px; margin:2px 2px 2px 2px; color:#303030; border:1px solid #303030; background-color:#FFF}
.wp-pagenavi span.current {padding:2px 4px 2px 4px; margin:2px; font-weight:bold; border:1px solid #303030; color:#303030; background-color:#FFF}
.wp-pagenavi span.extend {padding:2px 4px 2px 4px; margin:2px; border:1px solid #303030; color:#303030; background-color:#FFF}
.subscription-manager fieldset { padding: 10px; margin-bottom: 15px;}
.subscription-manager ledgend { padding: 5px;}
#sidebar-right .last p {margin: 0px; padding:10px 0 0 0;}

span.sws-icon{display:block;background-repeat:no-repeat;float:left;overflow:hidden;background-image:url(http://static.360friends.de/img/sprite_2bfa2.jpg);} span.sws-icon-page-rss { background-position:-0px -0px;width:64px;height:64px} 
span.sws-icon-page-youtube { background-position:-64px -0px;width:64px;height:64px} 
span.sws-icon-page-twitter { background-position:-128px -0px;width:64px;height:64px} 
span.sws-icon-page-fb { background-position:-192px -0px;width:64px;height:64px} 
span.sws-icon-page-sociable_delicious { background-position:-256px -0px;width:16px;height:16px} 
span.sws-icon-page-sociable_digg { background-position:-272px -0px;width:16px;height:14px} 
span.sws-icon-page-sociable_facebook { background-position:-288px -0px;width:16px;height:16px} 
span.sws-icon-page-sociable_newsvine { background-position:-304px -0px;width:16px;height:16px} 
span.sws-icon-page-sociable_reddit { background-position:-320px -0px;width:18px;height:18px} 
span.sws-icon-page-sociable_stumbleupon { background-position:-338px -0px;width:16px;height:16px} 
span.sws-icon-page-sociable_technorati { background-position:-354px -0px;width:16px;height:16px} 
span.sws-icon-page-sociable_yahoomyweb { background-position:-370px -0px;width:18px;height:18px} 
span.sws-icon-page-headline { background-position:-0px -64px;width:150px;height:21px} 
span.sws-icon-page-featured { background-position:-150px -64px;width:150px;height:21px} 
span.sws-icon-page-category { background-position:-300px -64px;width:150px;height:21px}