/*  
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: Ashley Ford based loosly on the design by 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 */
* {
margin:0;
padding:0;
}

#show_hide_tab {
text-align:right;
width:960px;
margin:0 auto;
}

#related_posts {
background-color:#ededed;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-top:13px;
padding:10px;
}

#related_posts span {
font-size:18px;
}

#feedsubs {
float:left;
display:none;
margin-right:5px;
font-weight:700;
text-decoration:underline;
}

#related_posts li {
list-style:none;
font-size:14px;
line-height:24px;
}

body {
font:100% 'lucida grande',tahoma,verdana,arial,sans-serif;
background:#fff;
color:#333;
background-image:url(images/bg.jpg);
background-position:bottom center;
background-repeat:repeat-x;
background-attachment:scroll;
line-height:17px;
}

#slidingDiv {
display:none;
height:380px;
background-color:#272727;
border-top:4px solid #000;
color:#ccc;
}

#BSA {
background-color:#fff;
margin-bottom:10px;
padding:10px 0 0 30px;
}

.meta_date {
margin-top:10px;
font-size:12px;
color:#999;
}

#sliding_container {
width:960px;
margin:0 auto;
padding:40px 20px 20px;
}

#sliding_container li img {
border:1px solid #fff;
margin-right:10px;
}

#sliding_container li a.title {
color:#fff;
text-decoration:underline;
line-height:19px;
font-size:13px;
letter-spacing:-0.2px;
}

#sliding_container li a:hover.title {
color:#6cc6ff;
letter-spacing:-0.2px;
}

#sliding_container li {
display:inline;
float:left;
font-size:14px;
width:310px;
margin-right:10px;
padding-bottom:15px;
border-bottom:1px solid #3c3c3c;
margin-bottom:15px;
}

p {
margin:15px 0;
}

a:link,a:visited {
color:#3c78a7;
text-decoration:none;
}

a:hover,a:active {
color:#3c78a7;
text-decoration:underline;
}

acronym,abbr,span.caps {
font-size:0.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 #999;
width:100%;
}

#top_strip {
background-color:#000;
padding:4px;
}

#top_container {
width:960px;
margin:0 auto;
}

#top_container li {
display:inline;
text-align:right;
}

#top_container ul {
text-align:right;
color:#363636;
font-size:13px;
}

#top_container ul a {
color:#ccc;
}

#top_container ul a:hover {
color:#fff;
text-decoration:underline;
}

#header_top {
background-color:#ececec;
padding-top:10px;
position:relative;
}

#nav_top {
background-color:#333;
border-top:4px solid #000;
height:35px;
margin-bottom:5px;
border-bottom:1px solid #333;
}

#head {
position:relative;
width:960px;
font-size:0.7em;
height:62px;
margin:0 auto !important;
padding:0;
}

#page {
width:940px;
background:#ececec;
font-size:0.7em;
margin:0 auto !important;
padding:10px;
}

.right,.alignright {
float:right;
}

.clear {
clear:both;
}

#navbar {
width:960px;
margin:0 auto;
padding:0;
}

#page-bar {
width:722px;
}

#page-bar ul {
list-style:none;
}

#page-bar li {
list-style:none;
cursor:pointer;
display:block;
border-right:1px solid #ccc;
height:33px;
float:left;
margin:0;
padding:0;
}

#page-bar li:hover {
background:#fff;
color:#fff;
}

#page-bar a,#page-bar a:visited {
font-weight:700;
color:#000;
display:block;
margin:0;
padding:10px 16px;
}

#page-bar a:hover {
text-decoration:none;
display:block;
}

#search {
float:right;
background-color:#fff;
width:320px;
height:44px;
margin-bottom:10px;
}

input#s {
margin-left:10px;
width:208px;
font-size:13px;
border:1px solid #999;
color:#666;
float:left;
padding:4px;
}

#searchsubmit {
float:left;
padding-left:5px;
}

#searchform {
width:310px;
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-size:26px;
font-weight:700;
letter-spacing:-0.08em;
font-family:arial !important;
color:#333;
padding:15px 0 0 !important;
}

h2 {
font-size:23px;
font-weight:700;
letter-spacing:-0.08em;
font-family:arial !important;
color:#333;
padding:15px 0 0 !important;
}

h3 {
font:1.8em Arial;
color:#333;
margin-bottom:10px;
font-weight:700;
padding:9px 0 3px;
text-shadow: 0 -1px 1px rgba(215,215,215,0.25);
}

h4 {
font:1em Arial;
color:#000;
font-size:19px;
}

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

#headline .title a {
font-size:26px;
font-weight:700;
font-family:arial;
color:#333;
text-decoration:none;
text-shadow: 0 -1px 1px rgba(215,215,215,0.25);
}

.title a {
font-size:23px;
font-weight:700;
font-family:arial;
color:#333;
text-decoration:none;
	text-shadow: 0 -1px 1px rgba(215,215,215,0.25);
}

.title {
margin:8px 0 5px;
}

#logo {
width:550px;
position:absolute;
top:-30px;
}

#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;
min-height:360px;
margin:0;
padding:10px;
}

#headline div.title {
font-weight:700;
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;
height:307px;
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;
}

#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 10px 5px 10px;
}

.category {
width:164px;
float:left;
border-top:8px solid #333;
background:#fff;
margin:0;
padding:5px 10px 10px;
}

*html .category {
width:184px;
}

#cat-1,#cat-3,#cat-5 {
border-top:8px solid #333;
}

#cat-2,#cat-4 {
border-top:8px solid #999;
}

.category span.cat_title,#front-popular h3,#front-list .cat_title,#archive .cat_title {
text-transform:lowercase;
font-weight:700;
font-size:1.5em;
letter-spacing:-0.05em;
margin:0;
}

.category a {
color:#333;
display:block;
background:none;
}

.category a:hover {
background:none;
color:#fff;
text-decoration:none;
}

#front-list {
width:590px;
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 {
padding:0 10px;
}

#front-list .title,#archive .title {
font-weight:700;
font:2em Georgia;
letter-spacing:-0.05em;
}

#front-list .clearfloat,#archive .clearfloat {
padding-bottom:23px;
border-bottom:1px dotted #ccc;
margin-bottom:15px;
}

#front-list .spoiler,#archive .spoiler {
display:block;
margin-top:3px;
}

#front-list p,#archive p {
font-size:13px;
margin:0;
padding:0;
}

.author {
font-size:0.8em;
font-weight:700;
}

.meta {
font-size:0.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:-0.05em;
padding:5px 0 6px;
}

.post {
font-size:1.05em;
line-height:1.75em;
}

.post p {
margin-top:0;
}

.post .clearfloat {
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;
}

.entry {
margin-top:20px;
}

#stats {
margin-top:0;
text-transform:uppercase;
font:0.9em Arial;
font-weight:700;
display:block;
margin-bottom:28px;
border-bottom:1px solid #ccc;
text-align:left;
color:#666;
padding:4px;
}

#stats span {
padding:0 9px 0 5px;
}

#stats img,#nav img {
border:0;
margin:0;
padding:0;
}

#tools {
width:590px;
height:25px;
font-size:0.95em;
}

.navigation {
text-align:Center;
padding:5px 0;
}

#sidebar {
width:320px;
float:right;
margin:0;
}

#sidebar h3 {
font:1.2em Arial;
font-weight:700;
background:#333;
border-bottom:2px solid #000;
color:#fff;
margin:10px 0 15px;
padding:6px;
}

#sidebar-top,#sidebar-bottom {
width:300px;
float:right;
font-size:12px;
background:#fff;
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;
padding:4px 0 4px 12px;
}

#sidebar li ul li:last-child {
list-style:none;
border-bottom:0 dotted #ccc;
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;
}

input.field {
border:1px solid #999;
background:#fff;
font-size:1em;
padding:5px;
}

#s {
font-size:1em;
width:150px;
padding:1px;
}

#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 0;
}

.commentlist li li {
background:none;
border:none;
list-style:square;
margin:3px 0 3px 20px;
padding:3px 0;
}

.commenttext {
background-image:url('http://papermashup.com/wp-content/themes/arthemia/images/comment-top.png');
background-position:top left;
background-repeat:no-repeat;
width:470px;
float:right;
padding:10px 10px 0 20px;
}

.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 {
display:block;
margin-top:3px;
text-align:right;
font-size:0.9em;
color:#fff;
}

.commentmetadata a,.commentmetadata a:visited {
color:#959382;
}

.commentlist small {
background:#e9e9e9;
}

.avatar {
width:90px;
height:90px;
margin:0;
padding:0;
}

.avatar-cont {
float:left;
width:90px;
height:90px;
position:relative;
margin:0;
padding:0;
}

.avatar-border {
position:absolute;
z-index:999;
top:0;
left:0;
}

#comment {
width:590px;
background:#fff;
border:1px #999 solid;
font:1.3em Arial;
}

.Commentauthor {
font-size:14px;
color:#000;
}

.Commentauthor a {
color:#000;
}

#front-popular {
font-size:0.7em;
color:#ccc;
width:940px;
background:#2c2c2c;
min-height:300px;
margin:0 auto;
padding:10px;
}

#bottom-logo {
padding-top:10px;
margin:0 auto;
}

#recentpost,#mostcommented {
width:270px;
float:left;
border-right:1px dotted #666;
margin-top:20px;
height:230px;
padding:10px 20px 10px 10px;
}

#mostcommented{
margin-left:17px;
}

#recent_comments a, #mostcommented a{
display:block;
}

#recent_comments {
width:275px;
margin-top:20px;
float:left;
padding:10px 10px 10px 30px;
}

#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 #666;
display:block;
font-size:12px;
padding:7px;
}

#recentpost ul li:hover,#mostcommented ul li:hover,#recent_comments ul li:hover {
background:#666;
color:#fff;
}

#recentpost ul li:first-child,#mostcommented ul li:first-child,#recent_comments ul li:first-child {
border-top:0 dotted #fff;
}

#footer {
width:940px;
font-size:0.6em;
padding-top:10px;
padding-bottom:10px;
margin:0 auto;
}

.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfloat {
display:block;
}

#featured .welcome {
border-bottom:1px solid #ccc;
padding-bottom:10px;
padding-top:10px;
}

.welcome_right {
float:left;
color:#666;
}

.welcome_icon {
float:left;
margin-right:20px;
margin-top:7px;
margin-left:12px;
}

.welcome a {
color:#000;
text-decoration:underline;
}

.welcome a:hover {
color:#333;
text-decoration:underline;
}

.tut_right {
float:left;
width:395px;
margin-left:10px;
}

#sidebar-bottom li {
font-size:13px;
float:left;
width:136px;
}



.footer-title {
color:#fff;
font-size:19px;
margin-bottom:15px;
}

.footer-text {
color:#fff;
font-size:12px;
margin-bottom:15px;
line-height:19px;
}

#me {
float:left;
margin-right:15px;
margin-bottom:2px;
margin-top:10px;
}

#submit {
color:#000;
font-size:14px;
font-weight:700;
background-color:#0893ff;
border:1px solid #0a70d8;
margin-top:10px;
cursor:pointer;
padding:3px;
}

#submit:hover {
background-color:#0bb2ff;
}

#comments span {
background-color:#21a1e4;
font-size:22px;
color:#fff;
border-bottom:3px solid #1681b8;
padding:6px;
}

#comments {
margin-bottom:20px;
}

#noscript {
text-align:center;
background-color:#ffea00;
font-size:13px;
color:#000;
font-weight:700;
border-bottom:2px #ffc000 solid;
padding:5px;
}

#sidebar-bottom ul li{font-size:12px;}

#fbc {
width:590px;
float:left;
margin-bottom:20px;
}

.fbconnect_login_button {
float:left;
padding-top:20px;
}

.FB_profile_pic {
width:90px;
height:90px;
}

.cat_title a,.cat_title {
color:#999 !important;
}

form #posttotwitter {
margin-top:5px;
margin-bottom:10px;
border:2px solid #078add;
background-color:#00c0ff;
color:#fff;
font-size:20px;
font-weight:700;
padding:3px;
}

form #posttotwitter:hover {
cursor:pointer;
border:2px solid #36aefa;
background-color:#64c3ff;
}

#headline a span,.spoiler a span {
background:transparent url(images/sprite.png) repeat-x scroll 0 0;
border:1px solid #002f8e;
float:left;
font-size:110%;
font-weight:700;
margin:10px 5px 10px 0;
padding:5px 10px;
}

#headline a span:hover {
cursor:pointer;
}

#bsa_9223000,.left,.alignleft {
float:left;
}

.meta_date span,.meta_date span a {
background-color:#4ca9ff;
color:#fff;
font-weight:700;
text-decoration:none;
padding:4px;
}

.meta_date span:hover,.meta_date span:hover a,#headline span:hover,.spoiler span:hover {
background-color:#306fd9;
text-decoration:underline;
}

a img,.entry a img {
border:0;
}


.bars {
margin-top:15px;
margin-bottom:20px;
padding:2px 2px 2px 0px;
color:#999;
}

#page-bar li:hover a,.meta a,#stats span a {
color:#818181;
text-decoration:underline;
}

*html #headline,*html #front-list {
width:610px;
}

*html #featured,*html #sidebar-top,*html #sidebar-bottom {
width:320px;
}

*html #middle,#bottom {
width:940px;
}

.category p,#headline p,#featured p {
margin:0;
}

#front-popular h3,#recentpost a,#mostcommented a,#recent_comments a,.bottom {
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!important;
}


#cat-2:hover,#cat-4:hover,#cat-2:hover a,#cat-4:hover a {
background:#999;
color:#fff!important;
}

.post .ads,#sidebar-bottom,#sidebar-middle {
margin-top:10px;
}

#stats span a:hover,#tools a:hover {
background:none;
}

* html .clearfloat,*+html .clearfloat {
height:1%;
}

#headline span,.spoiler span {
background-image:url('http://papermashup.com/wp-content/themes/arthemia/images/span-bg.png');
border:1px solid #096da0;
background-position:center;
color:#fff;
font-weight:700;
text-decoration:none;
padding:4px;
}


#headline .meta{position:relative;}
#headline .title{width:510px;}
*html #headline .comment-bubble{height:47px;}
#headline .comment-bubble{
background-image:url('http://papermashup.com/wp-content/themes/arthemia/images/comments.png');
width:51px;
height:38px;
padding-top:9px;
text-align:center;
font-weight:700;
color:#000;
font-size:18px;
top:-34px;
position:absolute;
right:0px;
}

/*BUTTON STYLE CSS3*/

.button, .button:visited {
	background: #222 url(http://papermashup.com/wp-content/themes/arthemia/images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff!important; 
	text-decoration: none!important;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.button, .super.button:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
	
	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						    { background-color: #749a02; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2981e4; }
	.blue.button:hover							{ background-color: #2575cf; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }

#jobslist li{ width:290px;}
#authenticjobs img{margin-right:10px;} 
#authenticjobs a img {float: left; padding:0; border: 0;}










.shareArticle{
	background-image:url('http://papermashup.com/wp-content/themes/arthemia/images/share_bg.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:20px;
	width:572px;
	height:222px;}

.dd_button{
	float:left;
width:59px;
height:70px;
	}

.sociable ul{
padding:0;
margin:0;
list-style:none;}

.sociable ul li{
border:0px!important;
margin:0px!important;
margin-right:3px!important;
float:left;}

.sociable{margin-top:30px;}

.sociable img{opacity:0.5!important; border:0px!important; padding:0px!important; margin:0px!important;}
.sociable img:hover{opacity:1;}

.sociable_tagline{margin-bottom:5px; text-transform:uppercase; color:#999; font-family:arial; font-size:12px;}

.rss-big{margin-top:0px; border:0px!important;}
.rss-big img{padding:0px!important; border:0px;}