/*  
Theme Name: Arthemia
Original Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Version: 1.0
@Author: Michael Jubel Hutagalung
@Author: Danny Santaana
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
*/
@charset "utf-8";
* {
margin:0;
padding:0
}

body {
background:#1f0626 url(images/bg_grad.png) repeat-x;
color:#333;
font:100% Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

p {
margin:15px 0
}

a:link,a:visited {
color:#5c1470;
text-decoration:none
}

a img:hover {
background-color:#5c1470
}

a img {
background-color:transparent;
border:0;
text-decoration:none
}

code {
background:#ececec;
font:1em 'Courier New', Courier, Fixed
}

acronym,abbr,span.caps {
cursor:help;
font-size:0.9em;
letter-spacing:.07em
}

ul {
padding: 0;
}

acronym,abbr {
border-bottom:1px dashed #999
}

blockquote {
background: #F5F5F5;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
font:1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;;
line-height:1.8em;
margin:10px 0 0 20px;
padding:10px;
}

select {
border:1px solid #333;
width:100%
}

#head {
font-size:0.7em;
margin:15px auto 0;
padding:0;
width:960px
}

#page {
background:#ececec url(images/bg.jpg) repeat;
font-size:0.7em;
margin:0 auto;
padding:10px;
width:940px
}

.left,.alignleft {
float:left
}

.right,.alignright {
float:right
}

#navbar {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
background-color:#1f0626;
margin:15px auto 0;
padding:1px 10px
}

#page-bar {
width:700px;
padding: 0 10px;
margin: 0;
}

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

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

#page-bar a,#page-bar a:visited {
color:#FFF;
display:block;
font-size:1.2em;
font-style:italic;
font-weight:700;
padding:5px 8px;
text-transform:uppercase
}

#page-bar a:hover {
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:block;
padding:5px 8px;
text-decoration:none
}

#searchform {
float:right;
margin-right:10px;
padding-top:8px;
text-align:right;
width:194px
}

#page-bar li li {
float:left;
margin:0;
padding:0;
text-transform:none;
width:122px
}

#page-bar li li a,#page-bar li li a:link,#page-bar li li a:visited {
background:#2B2B2B;
border-top:1px solid silver;
float:none;
margin:0;
padding:5px 8px;
width:122px
}

#page-bar li li a:hover,#page-bar li li a:active {
background:#00b8f1;
padding:5px 8px
}

#page-bar li ul {
left:-999em;
position:absolute;
width:10em
}

#page-bar li:hover ul {
display:block;
left:auto
}

#page-bar li:hover ul,#page-bar li.sfhover ul {
left:auto
}

h1 {
font:3.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;;
font-weight:700;
letter-spacing:-0.08em
}

h2 {
font:28px 'Seaside Resort NF', Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", serif;
}

h2.title,h2.title a {
color:#333;
letter-spacing:-0.05em
}

h3 {
font:bold italic 2em Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", serif;
margin-bottom:4px;
text-transform:lowercase
}

h4 {
font:1em/1.2em Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", serif;
letter-spacing:-1px
}

h3.cat_title,h3.cat_title a {
color:#333;
font-size:0.95em;
letter-spacing:-0.05em
}

h3#respond {
margin-top:0;
padding-top:20px
}

h3#comments {
margin-top:32px;
padding-left:0
}

h3.authors {
margin-top:15px
}

#logo {
width:130px
}

#logo a img {
background-color:transparent
}

#tagline {
color:#333;
font-size:1em;
margin-top:5px
}

#top {
margin:0 0 10px;
padding:0
}

#gallery {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:left;
font-size:1.05em;
line-height:1.5em;
margin:0 0 10px;
padding:10px 15px;
width:620px
}

#headline {
background:#fff;
float:left;
font-size:1.05em;
line-height:1.5em;
margin:0;
padding:10px;
width:630px
}

#headline div.title {
display:block;
font:2.4em Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", serif;
letter-spacing:-0.05em;
padding-bottom:5px
}

#headline div.meta {
display:block;
margin-top:-5px;
padding-bottom:2px
}

#headline p {
padding-bottom:15px
}

#featured {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:right;
padding:10px 10px 9px;
width:250px
}

#featured .clearfloat {
margin-bottom:8px;
margin-top:7px
}

#featured .info {
float:right;
margin-top:5px;
padding-top:5px;
width:130px
}

#featured .title {
font-weight:700
}

#headline a img,#featured a img {
border:1px solid #ccc;
margin-right:10px;
margin-top:5px;
padding:2px
}

#middle {
background-color:#1f0626;
float:right;
margin:0 0 10px -10px;
padding:10px;
width:940px
}

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

#cat-1 {
border-top:8px solid #5c1470
}

#cat-2 {
border-top:8px solid #559c80
}

#cat-3 {
border-top:8px solid #4a886f
}

#cat-4 {
border-top:8px solid #3f735e
}

#cat-5 {
border-top:8px solid #26463a
}

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

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

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

#cat-2:hover a,#cat-4:hover a {
background:#00b8f1;
color:#000
}

#bottom {
margin:0 0 10px;
width:940px
}

#front-list {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:left;
padding:10px;
width:630px
}

#archive {
font-size:1.05em;
line-height:1.75em;
padding-top:15px
}

#front-list blockquote {
padding:0 10px
}

#front-list .title,#archive .title {
font:normal bold 2.2em/1.2em 'Seaside Resort NF', Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", serif;
letter-spacing:-0.05em;
text-transform:lowercase
}

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

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

#front-list p,#archive p {
font-size:1.2em;
line-height:1.3em;
margin:0;
padding:10px
}

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

.meta {
color:#333;
font-size:.9em
}

#content {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:left;
font-size:1em;
line-height:1.75em;
min-height:400px;
padding:10px;
width:630px
}

#content .breadcrumbs,#content .breadcrumbs a {
color:#333;
font-weight:700
}

#content h2.title {
border-bottom:1px solid #ddd;
border-top:1px solid #5c1470;
font:bold 3em 'Seaside Resort NF', Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", serif;
letter-spacing:-0.05em;
padding:10px 0 7px;
text-transform:none
}

.post p {
font-size:1.22em;
margin:5px 0 0 0;
}

.post p a {
text-decoration:underline
}

.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,#archive img {
border:1px solid #ccc;
margin:10px 0;
padding:2px
}

#front-list img {
border:1px solid #ccc;
float:left;
margin:10px 10px 10px 0;
padding:2px
}

.entry {
margin-top:20px
}

#stats {
display:block;
font:0.8em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
margin-top:0;
padding:4px 0;
text-transform:uppercase
}

#stats span {
padding:0 20px 0 0
}

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

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

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

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

#sidebar h3,#sidebar-ads h3 {
background:#5c1470;
color:#fff;
font-size:1.4em;
margin:0 0 5px;
padding:5px 10px 3px
}

#sidebar-top,#sidebar-bottom {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:right;
padding:0 10px 10px;
width:250px
}

#sidebar-middle {
-moz-border-radius:5px;
-webkit-border-radius:5px;
float:right;
width:270px
}

#sidebar-left {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:right;
font-size:1.1em;
padding:10px;
width:250px
}

#sidebar-right {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:right;
margin-top:10px;
padding:10px;
width:250px
}

#sidebar li {
background:url(images/sub.png) no-repeat 0 0;
border-bottom:1px dotted #ccc;
display:block;
list-style:none;
padding:2px 0 2px 13px
}

#sidebar li ul li:last-child {
background:url(images/sub.png) no-repeat 0 0;
border-bottom:0 dotted #ccc;
display:block;
list-style:none;
padding:2px 0 0 13px
}

#sidebar-rss img {
width:250px
}

.field {
background:#fff;
border:1px solid #333;
padding:2px
}

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

#searchsubmit {
padding-left:5px
}

#commentform input {
margin:5px 5px 1px 0;
width:140px
}

#commentform textarea {
margin-top:5px;
width:99%
}

.commentlist cite {
display:block;
font-style:normal
}

.commentlist blockquote {
background:#ededed
}

.commentlist li {
list-style:none;
margin-bottom:3px;
padding:10px 0 0
}

div.commenttext p {
margin-top:0
}

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

.commenttext {
background-color:#F5F5F5;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
font-size: 1em;
float:right;
padding:5px 10px 0 0;
width:495px
}

.commentlist cite strong {
font-size:1.1em
}

li.my_comment {
border:none
}

li.my_comment div.clearfloat div.commenttext {
background-color:#defde5;
background-image:url(http://www.bitchslapmag.com/wordpress/wp-content/themes/arthemia/images/mycomment_bg.png)
}

li.my_comment cite strong {
color:#00b8f1
}

#commentform small {
background:#FFF;
font-weight:700;
padding:0
}

.commentmetadata {
color:#4d4d4d;
display:block;
font-size:0.8em;
margin-top:3px;
text-align:left
}

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

.commentlist small {
background:#e9e9e9
}

.avatar {
border:1px solid #bbb;
float:left;
height:55px;
margin:0 10px 0 0;
padding:2px;
width:55px
}

#comment {
background:#fff;
width:590px
}

#front-popular {
background:#5c1470 url(images/bottombar.png) repeat-x bottom;
color:#fff;
font-size:0.7em;
margin:0 auto;
padding:10px;
width:940px
}

#recentpost,#mostcommented {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #fff;
float:left;
padding:10px;
width:280px
}

#mostcommented {
margin-left:17px
}

#recent_comments {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #fff;
float:right;
padding:10px;
width:280px
}

#recentpost a,#mostcommented a,#recent_comments a {
background-color:transparent;
color:#fff;
text-decoration:none
}

#recentpost ul,#mostcommented ul,#recent_comments ul {
margin-top:5px
}

#recentpost ul li,#mostcommented ul li,#recent_comments ul li {
border-top:1px dotted #fff;
display:block;
list-style:none;
padding:5px
}

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

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

#footer {
background-color:#1f0626;
font-size:0.6em;
margin:0 auto;
padding-bottom:10px;
padding-top:10px;
width:960px
}

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

.clearfloat {
display:block
}

#logotext {
padding-top:25px
}

div#Related {
border-bottom:1px dotted #bbbcbd;
list-style-type:none
}

#Related li h3 {
margin-left:2px;
padding-bottom:50px;
padding-left:10px;
padding-top:50px
}

#Related li img {
float:left;
margin-right:20px
}

#Related li {
clear:left;
list-style-type:none
}

a:hover,a:active,#logoleft a img:hover,#cat-2:hover,#cat-4:hover {
background-color:#00b8f1
}

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

#front-popular h3,#front-popular h2 {
color:#fff
}

#cat-1:hover,#cat-3:hover,#cat-5:hover,#cat-1:hover a,#cat-3:hover a,#cat-5:hover a {
background:#00b8f1
}

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

.wp-caption-text {
margin: 0px 0px 10px 0px;
border-bottom: solid 1px #666;
padding: 0px 0px 8px 0px;
}

#sidebar-ads,#sidebar-rss {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
float:right;
margin-bottom:10px;
padding:10px;
width:250px
}

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

/* CONTACT FORM */

div#contact_page {
	color: black;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	margin: 0 auto;
	width: 600px;
}



textarea#detail {
	width: 350px;!important
	margin:0px 0px 0px 10px;!important
	height: 200px;!important
}

td {
	vertical-align: top;!important
	padding-top: 5px;!important
}

input.submit {
	background-color: #7bd2b1;!important
	border: 1px solid #62a48e;!important
	line-height: 22px;!important
	-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 5px 5px 2px #888;
	
}