/*  
Theme Name: ArthemiaTheme 
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/
The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php
*/
/* 
HTML Elements 
*/
body {
font:100% Arial, Helvetica;
background:#FFF;
color:#333;
}
p {
margin:15px 0;
}
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:.9em;
letter-spacing:.07em;
cursor:help;
}
acronym,abbr {
border-bottom:1px dashed #999;
}
blockquote {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#eee;
font:1em Arial;
line-height:1.5em;
margin:10px 0;
padding:10px 10px 0;
}
select {
border:1px solid #333;
width:100%;
}
#head {
width:960px;
font-size:.7em;
position:relative;
margin:15px auto 0;
padding:0;
}
.icons_twitter {
position:absolute;
top:30px;
right:0;
}
.icons_twitter a {
display:inline;
float:left;
margin:0 5px;
}
#page {
width:940px;
background:#ececec;
font-size:.7em;
margin:0 auto;
padding:10px;
}
.left,.alignleft {
float:left;
}
.right,.alignright {
float:right;
}
#navbar {
text-transform:uppercase;
background:#2c2c2c url(images/navbar.png);
margin:0 auto 0;
padding:0 10px;
}
#page-bar {
width:722px;
}
#page-bar ul {
list-style:none;
}
#page-bar li {
list-style:none;
cursor:pointer;
display:block;
border-right:1px solid #333;
float:left;
margin:0;
padding:0;
}
#page-bar li:hover {
background:#3c78a7;
}
#page-bar a,#page-bar a:visited {
font-weight:700;
color:#FFF;
display:block;
margin:0;
padding:10px 16px;
}
#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 li {
float:left;
width:122px;
text-transform:none;
margin:0;
padding:0;
}
#page-bar li li a,#page-bar li li a:link,#page-bar li li a:visited {
background:#2B2B2B;
width:122px;
float:none;
border-top:1px solid silver;
margin:0;
padding:5px 10px 5px 18px;
}
#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:3.5em Arial;
font-weight:700;
letter-spacing:-.08em;
}
h2 {
font:2.3em Georgia, "Times New Roman";
}
h3 {
font:1.3em Arial;
margin-bottom:3px;
color:#3c78a7;
font-weight:700;
}
h4 {
font:1em Arial;
clear:both;
}
h3.cat_title,h3.cat_title a {
color:#333;
letter-spacing:-.05em;
font-size:.85em;
}
h3#respond {
margin-top:0;
padding-top:20px;
}
h3#comments {
margin-top:32px;
padding-left:0;
}
h3.authors {
margin-top:15px;
}
#logo {
margin:0 0 0 -30px;
width:350px;
}
#tagline {
margin-top:5px;
font-size:1em;
color:#333;
}
#top {
padding:0;
}
#headline {
width:590px;
float:left;
background:#fff;
font-size:1.05em;
line-height:1.5em;
position:relative;
height:366px;
margin:0 0 10px;
padding:10px;
}
#headline .mores {
bottom:6px;
margin-left:416px;
position:absolute;
right:6px;
}
/* тема дня */
#headline div.title {
font-weight:700;
font:2.4em Georgia;
letter-spacing:-.05em;
display:block;
padding-bottom:5px;
}
#headline div.meta {
display:block;
margin-top:-5px;
padding-bottom:2px;
}
#headline p {
padding-bottom:0;
}
#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:700; */
font-size:12px;
}
#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;
margin:10px 0;
padding:10px;
}
.category {
width:164px;
float:left;
border-top:8px solid #333;
background:#fff;
margin:0;
padding:5px 10px 10px;
}
#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,#front-list2 .cat_title {
text-transform:lowercase;
font-family: Georgia;
font-weight:700;
font-size:1.5em;
letter-spacing:-.05em;
margin:0;
}
.zags, #sidebar h3 {
/* font-family:Arial New Roman; */
text-transform:lowercase;
font: 1.6em Georgia;
font-weight:700;
letter-spacing:-.05em; 
color:black;
}
#sidebar h3 {
margin-top:10px;
}
/*
#sidebar h3 {
font:1.1em Arial;
font-weight:700;
background:#fff;
margin:10px 0 5px;
padding:3px 10px;
}
*/
#sidebar h3:first-letter {
text-transform:uppercase;
}
.zags:first-letter {
text-transform:uppercase;
}
.category a {
color:#333;
display:block;
background:none;
}
.category a:hover {
background:none;
color:#fff;
text-decoration:none;
}
#bottom {
width:940px;
}
#front-list {
width:590px;
background:#fff;
font-size:1.05em;
line-height:1.75em;
float:left;
padding:10px;
padding-bottom:0;
}
#front-list2 {
background:#fff;
font-size:1.05em;
line-height:1.75em;
float:left;
padding:10px;
}
#archive {
padding-top:15px;
font-size:1.05em;
line-height:1.75em;
}
#front-list blockquote,#front-list2 blockquote {
padding:0 10px;
}
#front-list .title,#front-list2 .title,#archive .title {
font-weight:700;
font:1.5em Georgia;
letter-spacing:-.05em;
}
#front-list .clearfloat,#front-list2 .clearfloat,#archive .clearfloat {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
#front-list .spoiler,#front-list2 .spoiler,#archive .spoiler {
display:block;
margin-top:3px;
}
.author {
font-size:.8em;
font-weight:700;
}
.meta {
font-size:.8em;
color:#333;
}
#content {
width:590px;
background:#fff;
font-size:1.05em;
line-height:1.75em;
float:left;
min-height:400px;
padding:10px;
}
#content .breadcrumbs,#content .breadcrumbs a {
font-weight:700;
color:#333;
}
#content h2.title {
font:2.2em Georgia;
font-weight:700;
letter-spacing:-.05em;
border-bottom:1px solid #ddd;
border-top:3px solid #ddd;
padding:5px 0;
}
.post {
font-size:1.05em;
line-height:1.75em;
}
.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,#front-list2 ul,#front-list2 ol {
margin-bottom:15px;
}
.post ul li,#front-list ul li,#front-list2 ul li {
list-style:square;
margin-left:30px;
}
.post ol li,#front-list ol li,#front-list2 ol li {
list-style:decimal;
margin-left:30px;
}
.post ol li ul li,#front-list ol li ul li,#front-list2 ol li ul li {
list-style:square;
margin-left:20px;
}
.post img,.post a img,#front-list img,#front-list2 img,#archive img {
border:1px solid #ccc;
margin:0 10px 5px 0;
padding:2px;
}
.entry {
margin-top:20px;
}
#toolsblock{
width:565px;
border:1px solid #ccc;
margin: 0 0 25px 0;
padding:10px;
}
#toolsblock img, .WP-PrintIcon{
border:none;
margin: 0 5px 0 0;
}
#toolsblock a{
margin:0;
}
#toolsleft{
width:280px;
float:left;
}
#toolsright{
width:280px;
float:right;
}
#stats {
margin-top:0;
text-transform:uppercase;
font:.8em Arial;
display:block;
padding:4px 0;
}
#stats span {
padding:0 20px 0 0;
}
#stats img,#nav img {
border:0;
margin:0;
padding:0;
}
#tools {
width:590px;
height:1px;
font-size:.95em;
}
.navigation {
text-align:Center;
padding:0;
margin:5px;
margin-bottom:8px;
/* margin-top:-10px; */
}
#sidebar {
width:320px;
float:right;
margin:0;
}
#sidebar-top,#sidebar-bottom {
width:300px;
float:right;
background:#fff;
margin:10px 0 0;
padding:0 10px 10px;
}
#sidebar-middle {
width:320px;
float:right;
}
#sidebar-left {
width:135px;
float:left;
background:#fff;
padding:0 10px 10px;
}
#sidebar-right {
width:135px;
float:right;
background:#fff;
padding:0 10px 10px;
}
#sidebar li {
list-style:none;
border-bottom:1px dotted #ccc;
display:block;
/* background:url(images/sub.png) no-repeat 0 0; */
padding:2px 0 2px 2px;
font-size:12px;
}
#sidebar .rub li {
background:none;
padding:2px 0 2px 0px;
}
#sidebar li ul li:last-child {
border-bottom:0 dotted #ccc;
/*list-style:none;
display:block;
background:url(images/sub.png) no-repeat 0 0;
padding:2px 0 0 13px;*/
}
#sidebar-ads {
width:300px;
float:right;
margin-bottom:10px;
background:#fff;
padding:10px;
}
.field {
border:1px solid #333;
background:#fff;
font-size:1em;
padding:2px;
}
#s {
font-size:1em;
width:150px;
padding:1px;
}
#searchsubmit {
padding-left:5px;
}
#commentform input {
/* width:140px; */
margin:5px 5px 1px 0;
}
#commentform textarea {
width:99%;
margin-top:5px;
}
.commentlist cite {
font-style:normal;
margin-bottom:4px;
display:block;
}
.commentlist blockquote {
background:#ededed;
}
.commentlist li {
list-style:none;
margin-bottom:3px;
padding:10px 0;
}
.commentlist li li {
background:none;
border:none;
list-style:square;
margin:3px 0 3px 20px;
padding:3px 0;
}
.commenttext {
background:#f2f2f2;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
width:495px;
float:right;
padding:10px 10px 0;
}
.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:700;
padding:0;
}
.commentmetadata {
color:#4d4d4d;
display:block;
margin-top:3px;
text-align:right;
font-size:.9em;
}
.commentmetadata a,.commentmetadata a:visited {
color:#959382;
}
.commentlist small {
background:#e9e9e9;
}
.avatar {
border:1px solid #bbb;
float:left;
width:55px;
height:55px;
margin:0 10px 0 0;
padding:2px;
}
#comment {
width:590px;
}
#author, #email, #url {
width:200px;
}
#comment, #author, #email, #url {
background:transparent url(images/shadow.gif) repeat-x scroll 0 0;
border:1px solid #ccc;
padding-top:3px;
}
#front-popular {
font-size:.7em;
color:#fff;
width:940px;
background:#2c2c2c url(images/bottombar.png) bottom no-repeat;
margin:0 auto;
padding:10px;
}
#recentpost,#mostcommented {
width:280px;
float:left;
border:1px solid #fff;
padding:10px;
}
#mostcommented {
margin-left:17px;
}
#recent_comments {
width:280px;
float:right;
border:1px solid #fff;
padding:10px;
}
#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;
display:block;
padding:5px;
}
#recentpost ul li:first-child,#mostcommented ul li:first-child,#recent_comments ul li:first-child {
border-top:0 dotted #fff;
}
#footer {
width:980px;
font-size:12px;
padding-top:10px;
padding-bottom:10px;
position:relative;
margin:10px auto 0;
}
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {
display:block;
}
.tanbox {
line-height:1.5em;
width:275px;
margin:0;
padding:0;
}
.tanbox2 {
position:relative;
display:inline;
float:left;
line-height:1.5em;
width:182px;
text-align:center;
margin:0;
padding:0;
}
.tanbox2 .title {
position:relative;
font-size:11px!important;
clear:both;
display:block;
}
.tanbox2 .spoiler a img {
border:1px solid #CCC;
display:block!important;
float:none!important;
margin:0 auto 5px!important;
padding:2px;
}
.schet {
position:absolute;
right:8px;
top:3px;
}
#adminbar {
background:#FFF none repeat scroll 0 0;
border:1px solid #CCC;
opacity:0.9;
position:fixed;
right:5px;
top:5px;
padding:10px;
}
.tanbox2 .post-ratings {
opacity:0.7;
position:absolute;
right:15px;
text-align:right;
top:5px;
width:100%;
font-size:12px;
}
.post-ratings-image {
border:none;
}
.post-ratings img,.post-ratings-loading img,.post-ratings-image img {
border:none!important;
margin:0!important;
padding:0!important;
}
.post-ratings-loading {
background:#FFF none repeat scroll 0 0;
border:1px solid;
font-size:14px;
left:48%;
position:fixed;
top:50%;
z-index:100;
padding:20px;
}
.rait {
line-height:31px;
border:1px solid #D5D5D5;
border-bottom:none;
clear:both;
overflow:auto;
background:#fff url(images/tab.gif) repeat-x top center; 
margin:0 0 0 -2px;
width:320px;
text-align:center;
font-family:georgia;
font-size:12px;
font-weight:bolder;
}
.rait1,.rait2,.rait3 {
float:left;
display:inline;
cursor:pointer;
}
.rait1 {
width:159px;
border:1px solid #D5D5D5;
border-left:none;
border-top:none;
}
.rait2 {
margin:0 0 0 -1px;
width:160px;
border:1px solid #D5D5D5;
border-right:none;
border-top:none;
}
.rait1:hover,.rait2:hover,.rait3:hover {
color:#000;
}
.raits {
border:1px solid #D5D5D5;
height:1%;
line-height:14px;
margin:0 0 13px;
border-top:none;
}
.raits ul {
margin:0 0 0 0;
}
.activrait {
border-bottom:none;
background:#fff url(images/section-bg.gif) repeat-x top center; 
}
.techs {
float:left;
width:464px;
margin:10px 0 0 10px;
}
.cat_block_left,.cat_block_right {
width:445px;
background:#fff;
float:left;
/*border:solid 1px #ccc;*/
line-height:14px;
margin-bottom:8px;
padding:5px;
}
.cat_block_excerpt {
border-bottom:1px dotted #ccc;
padding-top:5px;
clear:left;
}

.cat_block_excerpt a {
font-family: Georgia;
font-weight: bold;
}

.cat_block_right {
margin-left:5px;
}
*,#front-list p,#front-list2 p,#archive p {
margin:0;
padding:0;
}
.category p,#headline p,#featured p {
margin:0;
}
#front-popular h3,#recentpost a,#mostcommented a,#recent_comments a {
color:#fff;
}
#cat-1:hover,#cat-3:hover,#cat-5:hover,#cat-1:hover a,#cat-3:hover a,#cat-5:hover a {
background:#333;
color:#fff;
}
#cat-2:hover,#cat-4:hover,#cat-2:hover a,#cat-4:hover a,#recentpost ul li:hover,#mostcommented ul li:hover,#recent_comments ul li:hover {
background:#3c78a7;
color:#fff;
}
.meta a,#stats span a {
color:#333;
}
.post .ads,#sidebar-bottom,#sidebar-middle {
margin-top:10px;
}
#stats span a:hover,#tools a:hover {
background:none;
}
* html .clearfloat,*+html .clearfloat {
height:1%;
}
li .children {
border-top:1px dotted #CCCCCC;
}
.footerLeft {
float:left;
}