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

/* global defaults/resets */
html,body,div,img,h1,h2,h3,h4,h5,h6,ul,p,blockquote,form,fieldset,table,th,td,legend {margin:0;padding:0;border:0;}
html {overflow-y:scroll;}
body {font-size:87.5%;}
table {border-collapse:collapse;}
a {outline:none; border-style: none; -moz-outline-style: none;}
p,ul,ol {margin-bottom:8px;}
ul ol, ul ul, ol ul, ol ol {margin-top:10px;}
li {margin-left:20px;}
 
/* site defaults */
body {width: 100%; padding: 0; margin: 0; background: #10588B;}
	body#tinymce {background: #FFF; width: auto;}
input,textarea,select {font-family: Arial, san-serif; font-size: 12px;}
hr {margin: 10px 0; height: 1px; border: 0; color: #EEE; background: #DFDFDF;}

/* HTML Elements */
* {margin: 0; padding: 0;}

body {font: 100% Arial, Helvetica; background: #FFF; color: #333; line-height: 1.5em;}

p {margin: 15px 0;}

a:link, a:visited {color: #1B598C; text-decoration: none}
a:hover, a:active {color: #1B598C; 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;}	

/* Navigation Bar*/

/* #navbar {margin: 0 auto; margin-top: 15px; padding: 0px 10px; text-transform: uppercase; background: #2c2c2c url(images/navbar.png) no-repeat;}

#page-bar {width: 722px; z-index: 100;}

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

#page-bar li {float: left; list-style: none; cursor: pointer; display: block; border-right: 1px solid #333;}

#page-bar li: hover {background: #1B598C;}


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

#searchform {width: 194px; float: right; text-align: right; padding-top: 8px; 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;}
	
#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: #1B598C; font-weight: bold;}
	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;}
h4 {font: 1.0em Arial;}

/* Structure */
#head {width: 960px; float: left; background: #FFF; padding-top: 15px; margin-bottom: 10px; font-size: 0.7em;}
#page {width: 940px; margin: 0px auto; padding: 10px; background: #ececec; font-size: 0.7em;}
.left, .alignleft {float: left;}
.right, .alignright {float: right; margin-bottom: 1px;}

/* Index Page*/
#logo {width: 700px; float: left;}
#top {margin-bottom: 10px; height: 357px; float: left;}
#headline {width: 624px; float: left; padding: 10px; font-size: 1.05em; line-height: 1.5em; margin: 0;}
	#headline  div.title {font-weight: bold; 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;}
#featuredd {width: 270px; float: left;}
	#featuredd .clearfloat {margin-top: 7px; margin-bottom: 8px;}
	#featuredd .info {margin-top: 5px; padding-top: 5px; float: right; width: 180px;}
	#featuredd .title {font-weight: bold;}
#headline a img, #featuredd a img {border: 1px solid #ccc; margin-top: 5px; margin-right: 10px; padding: 2px;}
#middle {width: 920px; background: #fff; float: right; padding: 10px; margin: 10px 0;}
.category {width: 164px; float: left; border-top: 8px solid #333; margin: 0px; padding: 5px 10px 10px 10px; background: #fff;}
.category p {margin: 0;}
#cat-1, #cat-3, #cat-5  {border-top: 8px solid #333333;}
#cat-2, #cat-4 {border-top: 8px solid #1B598C;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {margin: 0; font-weight: bold; font-size: 1.5em; letter-spacing: -0.05em;}
#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 {background: #333333; color: #fff;}
#cat-2: hover, #cat-4: hover {background: #1B598C; color: #fff;}
#cat-1: hover a, #cat-3: hover a, #cat-5: hover a {background: #333333; color: #fff;}
#cat-2: hover a, #cat-4: hover a {background: #1B598C; color: #fff;}
#bottom {width: 940px;}
#front-list {width: 660px; background: #fff; padding: 10px; font-size: 12px; float: left; margin-right: 10px;}
#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;}
#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, #featuredd p {margin: 0;}

/* Content Page*/
#content {width: 660px; background: #fff; padding: 10px; font-size: 1.05em; line-height: 1.75em; float: left; min-height: 400px; margin-right: 10px;}
#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; 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, #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;}
.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;}

/* Sidebar*/
#sidebar {width: 230px; float: left; margin: 0px 0px 0px 0px;}
#sidebar h3 {font: 1.1em Arial; font-weight: bold; background: #333; color: #fff; margin: 10px 0px 5px 0px; padding: 3px 10px;}
#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; background: url(images/sub.png) no-repeat 0 0px;} */

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

/* 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*/
#front-popular {font-size: 0.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; padding: 10px; border: 1px solid #fff;}
#mostcommented {margin-left: 17px;}
#recent_comments {width: 280px; 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: #1B598C; 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: 960px; font-size: 0.6em; padding-top: 10px; padding-bottom: 10px;}

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

/* edit.com */
p {line-height: 1.5em;}
body, p {color: #000;}

div#site-wrap {width: 940px; margin: 0px auto;}

/* home page */
div#home-slideshow {width: 624px; height: 347px; background: #FFF; float: left; margin-right: 10px;}
div#home-right-box {width: 280px; height: 327px; background: #FFF; float: left; padding: 10px;}
	
div.HomeBox {float: left; width: 640px; background: #EEE6CC; padding: 10px; background: #ECECEC; margin-top: 10px;}
	.homebox-left {margin: 0 10px 0 0;}
	div.HomeBox h2 {font-size: 18px; font-weight: bold; margin-bottom: 10px;}

	div#tagline {float:left; padding-top: 30px; }
		div#tagline span.slogan {color: #333; font-size: 14px; font-weight: bold;}
		div#tagline div.contact {color: #333; font-size: 13px; font-weight: normal; line-height: 1.5em;}
	
/* image styles */	
img.alignleft {float: left; margin: 0 10px 0 0;}
img.alignright {float: right; margin: 0 0 0 10px;}

/* sidebar styles */
div.sidebar-ads {font-size: 12px; width: 230px; float: left; margin-bottom: 10px; padding: 10px; background: #fff; line-height: 1.5em;l}
	div.sidebar-ads h2 {color: #000; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
	div.sidebar-ads ul li {background: none; border: 0;}
	
	div.textwidget {line-height: 1.3em;}
	
	/* testimonials */
	div#testimonialSlideshow {min-height: 150px;}
		div#testimonialSlideshow div.testimonial {display: none; line-height: 1.7em;}
	
	/* follow us */
	img.social {float: left; margin-right: 5px;}
	
	/* why use home */
	div.why-use-box {width: 270px; font-size: 12px; line-height: 1.5em;}
		div.why-use-box h2 {color: #000; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
		div.why-use-box ul {}
	
	/* newsletter-box */
	div.newsletter-box {width: 270px;}
		input.news-standard {font-family: verdana, arial, sans-serif; font-size: 10px; border:1px solid #999999; padding: 2px 10px 1px 10px;}
			div.submit-buttons {clear: both; margin-top: 3px;}
			div.submit-buttons input.submit {background: #fff; border: 1px solid #11192A; color: #11192A; margin-top: 5px; padding: 1px 10px 0 10px; font-weight: bold; text-transform: uppercase; font-size: 11px; font-family: arial, sans-serif;}
			div.submit-buttons input.submit:hover {background: #666; color: #FFF; text-transform: uppercase; font-size: 11px;}
	
/* clients experience */
div.clients-experience-box {width: 640px; float: left; margin-bottom: 10px; padding: 10px; border-bottom: solid 1px #CCC;}
	div.clients-experience-box img.client-img {float: left; border: solid 1px #CCC; margin: 0 10px 5px 0;}
	div.clients-experience-box h2 {color: #000; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
	div.clientExpDiv {clear: both;}
	
/* navigation */
div#NavBar {margin: 0 auto; margin-top: 15px; padding: 0px 10px; text-transform: uppercase; background: #2c2c2c url(images/navbar.png) no-repeat; clear: both; width: 940px;}
	ul#nav {display: block; margin: 9px 0 0 5px; padding: 0; list-style-type: none; height: 34px;}
	ul#nav li {display: block; margin: 0; padding: 0; list-style-type: none; float: left; position: relative; z-index: 99; font-size: 11px;}
	ul#nav li a {color: #FFFFFF; display: block; font-weight: bold; margin: 0; padding: 5px 16px;}
	ul#nav li a:link, ul#nav li a:visited {color: #FFF;}
	ul#nav li a:active, ul#nav li a:hover, ul#nav li a.active {color: #FFF; background: #1B598C; text-decoration: none;}

	/* active state */
	ul#nav li.current_page_item a, ul#nav li.current_page_parent a, ul#nav li.current_page_ancestor a {background: #666; color: #FFF;}

		/* drop downs */
		ul#nav li ul {position: absolute; z-index: 99; display: none; top: 34px; left: 0; width: 200px; margin: 0; padding: 0; list-style-type: none; background: #333; color: #000;}
		ul#nav li ul li {display: block; float: none; margin: 0; padding: 0; position: static;}
		ul#nav li ul li a {display: block; font-size: 11px; font-weight: bold; line-height: 14px; padding: 5px 10px; text-transform: none; border: 1px solid #FFF; border-width: 1px 1px 0 1px;}
		ul#nav li ul li a:link, ul#nav li ul li a:visited  {}
		ul#nav li ul li a:active, ul#nav li ul li a:hover {background: #1B598C; color: #FFF; font-weight: bold; font-size: 11px;}

/* contact form */
label {display: block;font-weight: bold;margin-top: 3px;}
label em {color: #AF0000;}
label.new-section {margin-top: 8px;}
input.standard, select.standard {width: 300px;}
textarea {width: 300px; height: 80px;}
fieldset {padding-left: 0px;width: 310px;border: 0;}
fieldset label {display: inline;font-weight: normal;font-size: 90%;}

.warning {color: #AF0007;}
input.validation_warning {border: 1px solid #AF0000;}
.messageSuccess {font-weight: bold; color: #000;}
.messageWarning {font-weight: bold; color: #FF0000;}

input.submit {background: #fff; border: 1px solid #11192A; color: #11192A; margin-top: 5px; padding: 2px 30px 1px 30px; font-weight: bold; text-transform: uppercase; font-size: 11px; font-family: arial, sans-serif;}
input.submit:hover {background: #666; color: #FFF; text-transform: uppercase; font-size: 11px;}