/*
 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/
 
 The CSS, XHTML and design is released under GPL:
 http://www.opensource.org/licenses/gpl-license.php
 */
/* HTML Elements */ #pubb {
    position: absolute;
    left: 1070px;
    top: 15px;
			z-index:10000;

} #pubbheader {
    position: absolute;
    left: 8px;
    /* top: 15px; */
		z-index:10000;
} #container {
    margin: 0;
    padding: 0;

} * {
    margin: 0;
    padding: 0;
}

body {
    font: 100% Arial, Helvetica;
    background: #FFF;
    color: #333;

}

p {
    margin: 15px 0;
}

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

a:hover, a:active {
    color: #e52d83;
    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: 1050px;
    margin: 0px 10px;
    margin-top: 15px;
    padding: 0px;
    font-size: 0.7em;
} #page {
    width: 1030px;
    margin: 0px 10px;
    padding: 10px;
    background: #e0e0e0;
    font-size: 0.7em;
} .left, .alignleft {
    float: left;
} .right, .alignright {
    float: right;
}

/* Navigation Bar*/ 
#navbar {
    margin: 0 auto;
    margin-top: 2px;
    padding: 0px 10px;
    text-transform: uppercase;
    background: #e52d83 url(images/navbar.png);
} 

ul#menu-homepage li {
	list-style-type: none !important;
	float: left;
	margin: 2px 0 0 0 !important;
	text-align: center;
	background-color: #fff;
	}
	
ul#menu-homepage li a {
	color: #333;
	display: block;
	font-size: 1.5em;
    font-weight: bold;
    text-transform: lowercase;
	padding: 5px 10px 10px;
	width: 92px;
}

ul#menu-homepage li a:hover {
	text-decoration: none;
}
li#menu-item-16046, li#menu-item-16053, li#menu-item-16048, li#menu-item-16050, li#menu-item-16054 {
    border-top: 8px solid #333333;
} 
li#menu-item-16046 a:hover, li#menu-item-16053 a:hover, li#menu-item-16048 a:hover, li#menu-item-16050 a:hover, li#menu-item-16054 a:hover {
    background-color: #333;
    color: #fff !important;
} 
li#menu-item-16049, li#menu-item-16047, li#menu-item-16052, li#menu-item-16051 {
    border-top: 8px solid #e52d83;
}  
li#menu-item-16049 a:hover, li#menu-item-16047 a:hover, li#menu-item-16052 a:hover, li#menu-item-16051 a:hover {
    background-color: #e52d83;
    color: #fff !important;
} 

#page-bar {
    width: 812px;

} 

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

#page-bar li {
    float: left;
    list-style: none;
    cursor: pointer;
    display: block;
	max-height:28px;
	overflow-y:hidden;
	overflow-x:hidden;

} #page-bar li:hover {
    background-color: #FFFFFF;
	
} #page-bar a, #page-bar a:visited {
    margin: 0px;
    padding: 7px 12px;
    font-weight: bold;
    color: #FFF;
    display: block;
} 
#page-bar li a img {
	height:14px;
}

#page-bar a:hover {
    text-decoration: none;
    display: block;
    color: #e52d83;
    background-color: #FFFFFF;
} 

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

/* 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;
	z-index:1000;
	color:  #e52d83;
} #page-bar li:hover ul, #page-bar li.sfhover ul {
    left: auto;
}

/* Text*/
h1 {
    font: 3.5em Arial;
    font-weight: bold;
}

h2 {
    font: 2.3em Arial, "Times New Roman";
}

h3 {
    font: 1.3em Arial;
    margin-bottom: 3px;
    color: #e52d83;
    font-weight: bold;
}

h4 {
    font: 1.0em Arial;
}

h3.cat_title, h3.cat_title a {
    color: #333;
    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 {
    width: 100%;
	text-align:left;
} #tagline {
    margin-top: 5px;
    font-size: 1em;
    color: #333;
} #top {
    padding: 0;
} #headline, #headline2 {
    width: 325px;
    float: left;
    background: #fff;
    padding: 10px;
    font-size: 1.05em;
    line-height: 1.5em;
    margin: 0;
} #headline2 {
    margin-left: 10px;
} #headline div.title, #headline2 div.title {
    font-weight: bold;
    font-size: 1.8em;
    display: block;
    padding-bottom: 5px;
} #headline div.meta, #headline2 div.meta {
    display: block;
    margin-top: -5px;
    padding-bottom: 2px;
} #headline p, #headline2 p {
    padding-bottom: 15px;
}

div.captionbox {
    width: 680px;
    float: left;
    background: #fff;
}

div.captionbox img {
    display: block;
}

div.captionbox a {
    position: relative;
    float: left;
    color: #FFF;
    text-decoration: none;
}

div.captionbox span {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: transparent url(http://www.fashiontimes.it/wp-content/themes/arthemia/panel.png) repeat scroll;
    cursor: pointer;
    text-align: left;
    padding: 10px 0px 10px 0px;
}

div.captionbox span h2 {
    font-size: 2.0em;
    margin: 0;
    padding: 0px 0px 10px 10px;
	color:  #e52d83;
	font-weight: bold;
}

div.captionbox span p {
    font-size: 1.3em;
    padding: 0px 0px 0px 10px;
    margin: 0;
} 

#featured {
    width: 300px;
    background: #fff;
    float: right;
    padding: 0px 10px 9px 10px;
    font-size: 1.15em;
} 

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

#featured .info {
    padding-top: 8px;
    float: right;
    width: 180px;
} 

#featured img {
    padding-top: 8px;
} 

#featured .title {
    font-weight: bold;
	font-size:1.05em;
} 

#featured ul {
    list-style: none;
    margin-top: 10px;
} #featured li {
    font-size: 1.15em;
    margin-bottom: 5px;
    font-family: Georgia;
} #headline a img, #headline2 a img, #featured a img {
    border: 1px solid #ccc;
    margin-top: 5px;
    margin-right: 10px;
    padding: 2px;
} #middle {
    width: 1010px;
    background: #fff;
    float: right;
    padding: 10px;
    margin: 10px 0;
} .category {
    width: 92px;
    float: left;
    border-top: 8px solid #333;
    margin: 0px;
    padding: 5px 10px 10px 10px;
    background: #fff;
	    text-align:center;
} .category p {
    margin: 0;
} #cat-1, #cat-3, #cat-5,#cat-7, #cat-9 {
    border-top: 8px solid #333333;
} #cat-2, #cat-4, #cat-6, #cat-8 {
    border-top: 8px solid #e52d83;
} .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;
} #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, #cat-7:hover, #cat-9:hover {
    background: #333333;
    color: #fff;
} #cat-2:hover, #cat-4:hover, #cat-6:hover, #cat-8:hover {
    background: #e52d83;
    color: #fff;
} #cat-1:hover a, #cat-3:hover a, #cat-5:hover a, #cat-7:hover a, #cat-9:hover a {
    background: #333333;
    color: #fff;
} #cat-2:hover a, #cat-4:hover a, #cat-6:hover a, #cat-8:hover a {
    background: #e52d83;
    color: #fff;
} #bottom {
    width: 1030px;
} #front-list {
    width: 680px;
    background: #fff;
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.75em;
    float: left;

} #archive {
    padding-top: 15px;
    font-size: 1.05em;
    line-height: 1.75em;
	font-size:0.85em;
} #front-list blockquote {
    padding: 0px 10px 0 10px;
} #front-list .title, #archive .title {
    font-weight: bold;
    font: 2em Georgia;
	
} #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;
    font-size: 1.3em;
} .author {
    font-size: 0.8em;
    font-weight: bold;
} .meta {
    font-size: 0.95em;
    color: #333;
} .meta a {
    color: #333;
} #headline p, #headline2 p, #featured p {
    margin: 0;
}

/* Content Page*/ #content {
    width: 680px;
    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 h1.title {
    font-size: 1.8em;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    border-top: 3px solid #ddd;
    padding: 5px 0px;
    color: #e52d83;
}
#content h2.title {
	    font-size: 1.5em;
    font-weight: bold;
	    color: #e52d83;
		padding:5px 0px 35px 0px;
}
.catdivider {padding: 0 20px 0 0;}
 .post {
    font-size: 1.05em;

} .post p {
    line-height: 2em;
	font-size: 1.1em;
    margin-top: 0px;
}

.post p.postpages {
	text-align:right;
	margin-right:20px;
	font-weight:bold;
	
}
 .post .clearfloat {
    border-bottom: 1px dotted #ccc;
    margin: 10px 0px;
} .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 5px 5px 0;
    padding: 2px;
} 
.post img.ssb {
	border: none;
	margin-top: 5px;
}
.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: 680px;
    height: 25px;
    font-size: 0.95em;
} #tools a:hover {
    background: none;
} .navigation {
    padding: 5px 0px;
    text-align: Center;
}

/* Sidebar*/ #sidebar {
    font-size: 1.03em;
	width: 320px;
    float: right;
    margin: 0px 0px 0px 0px;
} #sidebar h3 {
    font-size: 1.1em;
    font-weight: bold;
    background: #e52d83;
    color: #fff;
    margin: 10px 0px 5px 0px;
    padding: 3px 10px;
} #sidebar a {
    color: #333;
} #sidebar-top, #sidebar-bottom {
    width: 300px;
    float: right;
    padding: 0px 10px 10px 10px;
    background: #fff;
} #sidebar-bottom, #sidebar-middle {
    margin-top: 10px;
} #sidebar-middle {
    width: 320px;
    float: right;
} #sidebar-left {
    width: 135px;
    padding: 0px 10px 10px 10px;
    float: left;
    background: #fff;
} #sidebar-right {
    width: 135px;
    padding: 0px 10px 10px 10px;
    float: right;
    background: #fff;
} #sidebar li {
    list-style: none;
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 2px 0px 2px 13px;
	}
#sidebar li strong {
	color:#e52d83;
	font-size:1.1em;
}
 #sidebar li ul li:last-child {
    list-style: none;
    border-bottom: 0px dotted #ccc;
    display: block;
    padding: 2px 0px 0px 13px;
} #sidebar-ads {
    width: 300px;
    float: right;
    margin-bottom: 10px;
    padding: 10px 10px 0 10px;
    background: #fff;
}

/* 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: 5px 0px 5px 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: 2px 10px 0px 10px;
    background: #f2f2f2;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 660px;
    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: 680px;
    background: #fff;  
}
ol#commentlist li {
    background: #efefef;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 0 8px 0;
    list-style-position: inside;
}
a.comments-link {
	font-size: 14px;
	color: #fff;
	display: block;
	padding: 3px 6px;
	background: #e52d83;
	text-decoration: none;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 250px;
	text-align: center;
}

/* Footer*/ #front-popular {
    font-size: 0.7em;
    color: #fff;
    width: 1030px;
    background: #e52d83 url(images/bottombar.png) bottom no-repeat;
    margin: 0 10px;
    padding: 10px;
    text-align: center;
} #recentpost, #mostcommented {
    width: 310px;
    float: left;
    padding: 10px;
    border: 1px solid #fff;
} #mostcommented {
    margin-left: 17px;
} #recent_comments {
    width: 310px;
    float: right;
    padding: 10px;
    border: 1px solid #fff;
} #recentpost a, #mostcommented a, #recent_comments a {
    color: #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 #fff;
    padding: 5px;
    display: block;
} #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
    background: #e52d83;
    color: #fff;
} #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
    border-top: 0px dotted #fff;
} #footer {
    margin: 0 auto;
    width: 1050px;
    font-size: 0.6em;
    padding-top: 10px;
    padding-bottom: 10px;
}
#front-popular p a {
	color:#ffffff;
}

/* 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;
}
/* Flickr Gallery plugin */
#floverlay {
	z-index: 10000 !important;
}
#flightbox {
	z-index: 10001 !important;
}
#flightbox-meta, #flightbox-title {
	font-size: 11px !important;
}
#flightbox-flickr-link {
	display: none;
}
.hungryfeed_item {
	background: #eee;
	margin-top: -10px;
	margin-bottom: 0 !important;
	padding: 10px;
	text-align: center;
}
.rawfeed p {
	padding-top: 10px;
}
.hungryfeed_item .rawfeed img {
	max-width: 260px;
	max-height: auto;
	padding: 8px;
	background: #fff;
	border: 1px solid #ccc;
	margin-top: -50px;
}
h3.hungryfeed_feed_title {
	display: none;
}
p.hungryfeed_feed_description {
	margin: 0 !important;
	padding: 5px 0;
}
a.feedlink {
	font-weight: bold;
	color: #E52D83 !important;
}
.hungryfeed_item .rawfeed a.feedlink {
	color: #eee !important;
}

/* Comments popup */
body#commentspopup { padding: 10px; }
body#commentspopup h1#header, body#commentspopup p.credit { display: none; }
body#commentspopup h2 { font-size: 16px; }
body#commentspopup h2#comments { font-size: 26px; background: rgb(229, 45, 131); color: #fff;padding: 5px; }
body#commentspopup input { font-size: 16px;padding: 5px; border: 1px solid #999; color: #888; width: 350px; }
body#commentspopup textarea { font-size: 16px;padding: 5px; border: 1px solid #999; color: #888; width: 640px; height: 280px; font-family: Arial; }

/*  Newsletter */
form#nlform p {
	float: left;
	width: 640px;
}

form#nlform label.tlabel {
	color: #E42D82;
	padding: 4px 20px 4px 5px;
	font-weight: bold;
	font-size: 14px;
	display: block;
	width: 80px;
	float: left;
	text-align: right;
}

form#nlform label.sexlabel {
	color: #E42D82;
	padding: 4px 20px 4px 5px;
	font-size: 14px;
	display: block;
	width: 70px;
	float: left;
}

p.sexfields input {
	float: left;
	margin: 7px 0 0 4px;
}

form#nlform input.nlsubmit {
	background: #E42D82;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
}

form#nlform legend {
	background: #E42D82;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
}

form#nlform fieldset#nlfields {
	border: 1px solid #E42D82;
	padding: 8px;
	font-size: 12px;
}
form#nlform input#email, form#nlform input#Campo9 {
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 4px;
	color: #E42D82;
	width: 300px;
	margin-right: 10px;
}

/* related posts */
ul.relatedpost {
	margin: 10px 0 0 0;
	padding: 0;
}
ul.relatedpost li {
	list-style-type: none;
	float: left;
	width: 660px;
	margin: 0;
	padding: 0;
}
ul.relatedpost li img {
	float: left;
	margin-right: 10px;
	max-width: 40px !important;
	height: auto !important;
}
ul.relatedpost li a.crp_title {
	font-weight: bold;
}
ul.relatedpost li span.crp_excerpt:before {
content:" - ";
} 

/* Sociable */
.wp-socializer {
	width: 650px;
	padding: 10px 8px 5px 8px !important;
	border: 1px solid #ccc;
	background: #efefef;
	-moz-border-radius: 6px;
	border-radius: 6px;
}