/*  
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
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Modifié par Peio pour http://byblogs.com

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-image: url(http://uppix.net/6/9/7/94454e1dc6473198d787b4f63869e.png);
color: #333;
}
p {margin: 15px 0;}
a:link, a:visited {
color: #417378;
text-decoration:none
}
a:hover, a:active {
color: #417378;
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 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:990px;
margin:0px auto;
margin-top:10px;
padding:0px;
font-size:0.7em;
}
#page {
width:970px;
margin:0px auto;
padding-left:10px;
padding-right: 10px;
background:#2c2c2c;
font-size:0.7em;
}
.left, .alignleft {float:left;}
.right, .alignright {float:right;}


/* Navigation Bar*/
#navbar {
height:43px;
margin:0 auto;
padding-left:10px;
text-transform:uppercase;
background:#2c2c2c url(http://uppix.net/1/f/2/e48c4866a45535c30aea6876c57ca.png);
background-repeat: no-repeat;
}
#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: #c5e267;}
#page-bar li:hover a {color: black;}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
font-weight:bold;
color:#FFF;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
}


/* 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: #666666;
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:2.3em 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.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 {
float: right;
}
#logo img {
margin-top: 6px;
margin-right: 15px;
}
#tagline {
margin-top:5px;
font-size:1em;
color:#333;
}
#top {padding:0;}

#bottom {width: 940px;}
#front-list {
width:640px;
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:2.0em 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:0px;
padding:0px;
}
.author {
font-size:0.8em;
font-weight:bold;
}
.meta {
font-size:0.8em;
color:#333;
}
.meta a {
color:#333;
}
#headline p {
margin:0;
}


/* Content Page*/
#content {
width:630px;
background:#fff;
background-repeat: no-repeat;
background-image: url(http://uppix.net/3/e/2/973d1e56d25943e7e078ed592d064.png);
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 0px;
}
.post {
font-size:1.05em;
line-height:1.75em;
}
.post p {margin-top:0px;}
.post .clearfloat {
border-bottom:1px dotted #ccc;
margin:10px 0px;
}
.post ul, .post ol {margin-bottom:15px;}
.post ul li {
list-style:square;
margin-left:30px;
}
.post ol li {
list-style:decimal;
margin-left:30px;
}
.post ol li ul li {
list-style:square;
margin-left:20px;
}
.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:25px;
font-size:0.95em;
}
#tools a:hover {
background:none;
}
.navigation {
padding:5px 0px;
text-align:Center;
}




/* Form Elements */
select {
border:1px solid #333;
width:100%
}
.field {
padding: 2px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
#s {
padding:1px;
font-size:1.0em;
width:150px;
}
#searchsubmit {
padding-left:5px;
}
#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*/
#footer {
margin: 0 auto;
width: 990px;
font-size:0.6em;
padding-bottom:10px;
background: #2c2c2c;
background-image: url(http://uppix.net/b/d/c/7cb6bf5c56c00e7f3234d1ff56cb5.png);
margin-bottom: 20px;
background-position: bottom;
text-align: center;
}
#footer a {
color: #ececec;
}

/* 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; }


#page-header {
background:#2c2c2c url(http://uppix.net/b/d/c/7cb6bf5c56c00e7f3234d1ff56cb5.png);
height: 32px;
background-position: bottom;
border-bottom: none;
width: 990px;
margin: 0;
height: 31px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
#page-header ul { margin: 0; padding: 0; width: auto; height: auto; }
#page-header ul.rightul li { float: right; }
#page-header li {
float: left;
list-style: none;
padding: 0;
margin: 0;
}
#page-header ul.leftul li:last-child,#page-header ul.rightul li:first-child {border-right: 1px #333333 solid;}
#page-header li a {
border-left: 1px #333333 solid;
font-size: 12px;
display: block;
font-weight: bold;
color: #fff;
padding: 8px;
padding-right: 15px;
padding-left: 15px;
display: block;
width: 100%;
}
#page-header ul.leftul,
#page-header ul.rightul {
margin-left: 10px;
margin-right: 10px;
}
#page-header li:hover {
background: #c5e267;
}
#page-header li a span { color: #3191cd; }
#page-header ul.leftul li:last-child a {
color: #cae869;
}
#page-header li:last-child a span { color: #169131; }
#page-header li:first-child a span { color: #c5e267; }
#page-header li:hover a,#page-header li:hover a span {
color: #000 !important;
text-decoration: none;
}
#help,#create,#site-news {
width:300px;
float:right;
text-align: right;
padding: 10px;
}
#create {
background: #141414 url(http://uppix.net/1/e/3/dbd8dab1638d4d58d4c26a13ba7c1.png) no-repeat top right;
height: 54px;
padding-top: 0;
padding-bottom: 0;
}
#create:hover {
background: #7fbec4 url(http://uppix.net/d/9/4/1d96771d7eb5986d2c7f4b44c421e.png) no-repeat top right;
}
#create:hover a {
color: #2b2b2b;
}
#help {
background: #242424;
}
#help a {
color: #ececec;
}
div#help a[href="http://byblogs.com/aide/"]:hover {
color: #7fbec4;
}
#help a,#create a {
font-weight: bold;
font-size: 28px;
letter-spacing: 2px;
display: block;
text-decoration: none;
}
#create a {
font-size: 1.1em;
letter-spacing: 0px;
color: #b9b9b9;
}
#create a span {
letter-spacing: 3px;
font-size: 30px;
}
#help .rsswidget {
font-size: 11px;
text-align: left;
font-weight: normal;
padding-left: 3px;
}
#help img {
display: none;
}
#help ul,#help li {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
#help li a {
display: block;
padding: 3px;
}
#site-news h2 {
display: block;
text-align: right;
letter-spacing: 2px;
background: none;
color: #ececec;
font-family: Arial;
font-weight: bold;
text-transform: lowercase;
font-size: 28px;
}
#site-news h2 a {
color: #ececec;
}
#site-news a {
letter-spacing: 1px;
display: block;
padding: 5px;
color: #ececec !important;
border-bottom: 1px #585858 dotted;
}
#site-news a:hover {
text-decoration: none;
border-bottom: 1px #fff dotted;
}
a#info-title,a#info-title:hover {
border-bottom: none;
}
#list-all h2.home-header {
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 0;
}
#list-all p.home-content {
margin: 0;
padding: 5px;
margin-bottom: 10px;
}
#sidebar {
background: #a3a3a3;
padding-bottom: 10px;
width:320px;
float:right;
margin:0;
background-repeat: no-repeat;
background-position: bottom right;
}
#sidebar li {
list-style:none;
display:block;
}
#sidebar-bottom ul {
padding-bottom: 10px;
}
#sidebar-bottom h3 {
background: none;
color: #333333;
text-transform: lowercase;
font-size: 2em;
letter-spacing: 1px;
text-align: right;
}
#sidebar-bottom h3 {
padding-top: 5px;
font-size: 22px;
}
#sidebar-bottom a {
color: #2b2b2b;
text-decoration: none;
border-bottom: 1px #ececec dotted;
display: block;
padding: 5px;
margin-left: 5px;
margin-right: 5px;
}
#sidebar-bottom a:hover {color: #000;border-bottom: 1px #1e1e1e dotted;}
#sidebar-bottom h3 a {
color: #333333;
padding: 0;
display: inline;
border: none;
}
#sidebar-bottom h3 a:hover { text-decoration: none; border: none; }
.news-site-wrap {
margin-left: -10px;
margin-right: -10px;
border-top: 10px #ececec solid;
}
.news-site-post .cat_title,
.news-site-post .cat_title a,
.news-site-post .cat_title a:hover {
font: 14px Arial;
font-variant: small-caps;
font-weight: bold;
letter-spacing: 3px;
text-decoration: none;
}
.news-site-post {
margin: 10px;
}
.news-site-titre {
font: 2.5em Georgia;
}
.news-site-content {
font-size: 1.1em;
font-style: italic;
}
#pagenav {
background: #141414 url(http://uppix.net/a/5/0/d06bdc6991bbbde1f556394c3bbb9.png) no-repeat bottom;
clear: both;
text-align: left;
position: relative;
top: -18px;
margin-left: -1px;
}
#pagenav a {
color: #ececec;
font: 1.5em Georgia;
font-weight: bold;
display: block;
padding: 15px;
}
#pagenav a:hover {
text-decoration:none;
}
/* FEATURED */
#home-content {
width:650px;
float:left;
padding: 0;
margin: 0;
}
#home-ads {
text-align: center;
background: #fff;
position: relative;
background-repeat: no-repeat;
background-image: url(http://uppix.net/a/6/0/aea35a615f1b2341f81d70e978873.png);
}
#latests {
position: relative;
}
.home-featured .meta span {
background: none;
float: none;
}
.home-featured {
width: 50%;
float: left;
height: 242px;
width: 325px;
overflow: hidden;
}
#home-ads embed{
width: 600px;
height: 140px;
}
.featured-image img {
height: 232px;
}
.home-featured h2 {
font: 19px Georgia;
background: url(http://uppix.net/7/e/a/91b1ddffd1de9e5eed6c67c9693c7.png);
width: 325px;
position: absolute;
margin: 0;
padding: 0;
height: 35px;
top: 138px;
}
.home-featured h2 a {
color: #fff;
padding-top: 5px;
display: block;
padding-left: 5px;
}
.home-featured h2 a {
text-decoration: none;
}
.home-featured .meta {
background: url(http://uppix.net/7/e/a/91b1ddffd1de9e5eed6c67c9693c7.png);
position: absolute;
top: 346px;
color: #fff;
height: 24px;
width: 325px;
display: none;
}
.home-featured .meta a {
color: #fff;
}
.featured-content {
background: url(http://uppix.net/7/e/a/91b1ddffd1de9e5eed6c67c9693c7.png);
width: 325px;
color: #ececec;
position: absolute;
top: 173px;
}
.featured-content p {
padding: 4px;
font-size: 1.1em;
}
.home-featured .meta span {
display: block;
float: left;
padding-top: 6px;
padding-left: 22px;
background-repeat: no-repeat;
background-position: 3px 3px;
}
.home-featured:hover .meta {
display: block;
}
.meta span.date {
background-image: url(http://uppix.net/c/6/f/ebd01f22a7de0bb3a489104dcf682.png);
}
.meta span.auteur {
background-image: url(http://uppix.net/a/8/b/95cb88438374e20d7ff905dbd9f94.png);
}
.meta span.comments {
background-image: url(http://uppix.net/a/2/2/ab82fb3a33ece38c3ab5e0844154d.png);
float: right; margin-right: 5px;
display: block;
}
.meta span.admin {
background-image: url(http://uppix.net/6/8/4/61ca5187cd2c6af08786467085f2b.png);
}

/* LATEST */
#latests {
margin-left: -1px;
width: 651px;
}
.latest-post-wrap {
width: 217px;
float: left;
height: 205px;
background: #141414;
overflow: hidden;
}
.latest-content {
color: #ececec;
position: relative;
top: -35px;
margin: 0;
padding: 0;
padding-left: 3px;
padding-right: 3px;
}
.latest-post-wrap:hover .latest-content {
top: -57px;
}
.latest-post-wrap h2 {
font-size: 14px;
background: url(http://uppix.net/7/e/a/91b1ddffd1de9e5eed6c67c9693c7.png);
width: 217px;
position: relative;
margin: 0;
height: 22px;
padding: 0;
top: -158px;
}
.latest-post-wrap h2 a {
color: #fff;
display: block;
padding-top: 2px;
padding-left: 5px;
}
.latest-post-wrap h2 a:hover {
text-decoration: none;
color: #d6ec8e;
}
.latest-image {
height: 155px;
}
.latest-post-wrap .meta {
font-size: 14px;
background: url(http://uppix.net/7/e/a/91b1ddffd1de9e5eed6c67c9693c7.png);
width: 217px;
position: relative;
margin: 0;
padding: 0;
top: -47px;
color: #fff;
padding-top: 3px;
padding-bottom: 3px;
overflow: hidden;
height: 16px;
}
.latest-post-wrap .meta a {
color: #fff;
}
.latest-post-wrap .meta span {
background-repeat: no-repeat;
background-position: 5px 2px;
padding: 4px;
font-size: 0.8em;
padding-left: 23px;
padding-right: 0;
}
.latest-post-wrap .meta {
display: none;
}
.latest-post-wrap:hover .meta {
display: block;
}
#latests h2#next {
text-align: right;
font-weight: bold;
padding: 4px;
padding-right: 15px;
font-size: 20px;
}
#latests div#next {
float: right;
width: 651px;
margin-top: 10px;
font-family: Georgia;
}
#links-bar {
width: 650px;
float:right;
height: 54px;
}
#links-bar h2 {
font-size: 20px;
margin-top: 15px;
text-align: right;
font-weight: bold;
padding-right: 15px;
}
div#next,#links-bar {
font-family: Arial;
color: #ececec;
background: #141414 url(http://uppix.net/5/e/1/a380f133ed71178c61ea8cbc9b21c.png) no-repeat;
}
#links-bar h2 a {
color: #7fbec4;
}
#links-bar h2 a {
text-decoration: none;
}
p.list-blogs {
padding: 0;
margin: 0;
width: 33%;
float: left;
overflow: hidden;
line-height:20px;
}
p.list-blogs a {
display: block;
margin: 0;
margin-bottom: 5px;
padding-left: 8px;
margin-right: 10px;
font-weight: bold;
border: 1px #2b2b2b solid;
}
p.list-blogs a:hover {
color: #ececec;
background: #2b2b2b;
text-decoration: none;
}
.latest-post-wrap .meta span.comments {
position: relative;
top: -17px;
margin-left: 180px;
}