/*  
Theme Name:Arthemia Red
Theme URI:http://www.healthcareitsquad.com/
Description: Arthemia combines a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish.
Version: 1.5r
Author: M. Hutagalung / R. Jared Houck
Author URI:http://michaelhutagalung.com/
*/

/* HTML */
*{margin:0; padding:0}
body{font:100% Verdana, Geneva, sans-serif; background:#FFF; color:#333}
p{margin:15px 0}
a:link, a:visited{color:#c00; text-decoration:none}
a:hover, a:active{color:#c00; text-decoration:underline}
a img{border:0}

/* Structure */
#header{width:960px; margin:0px auto; margin-top:15px; padding:0px; 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}
.bottomright{float:right; padding-top:65px}

/* Nav Bar*/
#subscribe{font-size:1.5em}
#navbar{margin:0 auto;margin-top:15px; padding:0px 10px; text-transform:uppercase; background:#2c2c2c}
#page-bar{width:722px}
#page-bar ul{list-style:none}
#page-bar li{float:left; list-style:none; cursor:pointer; display:block; border-right:1px solid #333}
#page-bar li:hover{background:#c00}
#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}
#cse-search-box{width:194px; float:right; text-align:right; padding-top:6px; margin-right:10px}

/* 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:#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}

/* Text*/
h1{font:2.5em Georgia,"Times New Roman"}
#header h1{display:none}
h2{font:1.0em Georgia,"Times New Roman"}
h3{font:1.5em Arial; margin:10px 3px 3px; color:#c00; font-weight:bold}
h3.cat_title, h3.cat_title a{color:#333; letter-spacing:-0.05em; font-size:0.85em}
h4{font:1.3em Arial; margin:10px 3px 3px; padding-top:10px; color:#000; font-weight:bold}
#header h4{display:none}

/* Index */
#logo{width:350px}
#tagline{display:none}
#top{padding:0}
#headline{width:920px; float:left; background:#fff; 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}
#featured{width:300px; background:#fff; float:right; padding:5px 10px}
#featured .clearfloat{margin-top:7px; margin-bottom:8px}
#featured .info{margin-top:5px; padding-top:5px; float:right; width:180px}
#featured .title{font-weight:bold}
#headline img{padding:0 0 10px 0}
#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; 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 #333}
#cat-2, #cat-4{border-top:8px solid #c00}
.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; 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:#333; color:#fff}
#cat-2:hover, #cat-4:hover{background:#c00; color:#fff}
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a{background:#333; color:#fff}
#cat-2:hover a, #cat-4:hover a{background:#c00; color:#fff}
#bottom{width:940px}
#front-list{width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left}
#archive{padding-top:15px; font-size:1.05em; line-height:1.75em}
#archive h2{font-size:15px; margin:5px 3px 3px; padding: 10px 0 0; color:#000}
#archive li {margin-left: 1em}
blockquote {font-family: Verdana, Geneva, sans-serif; font-style:italic; padding-left: 70px; padding-top: 18px; padding-bottom: 18px;  padding-right: 10px; margin: 5px; background-image: url(/wp-content/themes/arthemia/images/quote48.gif); background-position: middle left; background-repeat: no-repeat} 
#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}
#front-list p, #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, #featured p{margin:0}

/* Content */
#content{width:590px; 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{letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:2px solid #ddd; padding:5px 0}
#content ul li{list-style:inside disc}
#contentwide{width:920px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left}
#contentwide .breadcrumbs, #content .breadcrumbs a{font-weight:bold; color:#333}
#contentwide h2.title{font:2.2em Georgia; font-weight:bold; letter-spacing:-0.05em; border-bottom:1px solid #ddd; border-top:3px solid #ddd; padding:5px 0px}
#content h2{font-size:1.8em;line-height: 1em; padding:0 0 5px 0}
#adsense {float:left; min-height:200px; min-width:200px; margin:12px}
.post{font-size:1.05em; line-height:1.75em; border-bottom: dotted #ababab 1px}
.post p{margin-top:0px}
.post .clearfloat{margin:10px 0px}
.post img, .post a img, #front-list img, #content a img{border:1px solid #ccc; margin:0 10px 0 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;text-align:left}
.socialtweet {float:right}
.socialstumble {float:right;padding-left:20px}
.socialface {float:right}
.socialbuzz {float:right; padding-left:20px}
.navigation{padding:5px 0px; text-align:center}
#subscribe .like a img{border:none}
.big {font-family: Verdana, Geneva, sans-serif; font-size: 30px; font-weight: bold; line-height: 60px; text-align:center; padding:10px}
#like {clear:both; padding-top:20px}
#like li{ list-style-position:inside}
#share {padding: 5px; margin-bottom:20px; border-bottom: 1px #ababab dotted}
#share h3 {color:#000}
#author-info{background:#CCC; margin: 20px 0 10px 0; padding:0 10px 0; color:#000}
.author-image{float:left; padding:5px; margin:10px 5px 0 0}
.author-bio{padding:0 5px; margin:0 5px 0}
#similarposts{display:block; width:580px; padding-bottom:10px}
.simposts{float:left; width: 173px; padding:10px}

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

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

/* Footer*/
#front-popular{font-size:0.7em; color:#fff; width:960px; height: 206px;background:#444; margin:0 0 10px 0; padding:10px;/* -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);*/position: relative}
#footleft{width:390px; float:left; padding:5px 15px 0 10px} 
#footcenter{width:150px; float:left; padding:5px 15px 0 15px}
#footright{width:340px; float:left; padding:5px 10px 0 15px}
#footleft a, #footcenter a, #footright a{color:#fff; text-decoration:none}
#footleft ul, #footcenter ul, #footright ul{margin-top:5px}
#footleft ul li, #footcenter ul li, #footright ul li{padding:5px; display:block}
#footleft a:hover, #footcenter ul li:hover, #footright ul li:hover{background:#c00; color:#fff}
#footer{margin:0 auto; width:960px; font-size:0.6em; padding: 10px; text-align:center}

/* Footer Ribbon */
.bubble {clear: both; margin: 0px auto;width: 950px; background: #fff; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); position: relative; z-index: 90}
.rectangle {width: 940px;position: relative;left:-15px;float: left;	z-index: 100}
.triangle-l {border-color: transparent #2c2c2c transparent transparent;border-style:solid;border-width:15px;height:0px;width:0px;position: absolute;top: 210px;left: -15px;z-index: -1}
.triangle-r {border-color: transparent transparent transparent #2c2c2c;border-style:solid;border-width:15px;height:0px;width:0px;	position: absolute;top: 210px;left: 965px;z-index: -1}

/* Float Properties*/
.clearfloat:after{content:"."; display:block; height:0; font-size: 0; clear:both; visibility:hidden}
.clearfloat{min-height:0;display:inline-block}

/* Hides from IE-mac \*/
* html .clearfloat{height:1%; /*zoom: 1*/}
*+html .clearfloat{height:1%}
/**:first-child+html .clearfloat{zoom: 1}*/
.clearfloat{min-height:0; display:block}

/*WP-Page Numbers */
#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a{padding:0;margin:0;border:none;text-decoration:none;font-weight:normal;font-style:normal;list-style:none;text-transform:none;float:left;text-indent:0px;font-variant:normal;text-align:left;line-height:12px;letter-spacing:0px;word-spacing:0px;font-size:11px;font-family:Arial}#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a{background:white;padding:0;margin:0;border:none;text-decoration:none;font-weight:normal;font-style:normal;list-style:none;text-transform:none;text-indent:0px;font-variant:normal;text-align:left;line-height:12px;letter-spacing:0px;word-spacing:0px;font-size:11px;font-family:Arial}#wp_page_numbers{margin-top:10px;width:100%;background:white;margin-bottom:10px}#wp_page_numbers ul{width:100%}#wp_page_numbers li{float:left;display:block;margin-bottom:2px}#wp_page_numbers a{padding:3px;padding-left:5px;padding-right:5px;margin-left:2px;margin-right:2px;display:block;color:#333;border:1px solid #bfbfbf}#wp_page_numbers li a:hover{border-color:#BA0000}#wp_page_numbers li.space{padding:6px;padding-left:2px;padding-right:2px}#wp_page_numbers li.first_last_page{font-style:italic}#wp_page_numbers li.active_page a{border-color:#0075b8}#wp_page_numbers li.active_page a:hover {color:black;text-decoration:underline;border-color:#BA0000}#wp_page_numbers li.page_info{float:left;display:block;padding:3px;padding-left:5px;padding-right:5px;margin-right:2px;color:#666;font-size:11px;border:1px solid #bfbfbf}

/* New Slider */
#feature_list {width: 920px; height: 370px; overflow: hidden; position: relative}
#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0}
#tabs {right: 0; width: 360px}
#tabs h2 {font-size: 14px;font-family: Arial; color: #c00}
#tabs li {font-size: 12px;font-family: Arial}
#tabs li img {float: left;margin: 0 10px 0 35px; border:1px solid #ccc; padding:2px}
#tabs li a {color: #222;text-decoration: none;display: block;padding: 10px;height: 70px;outline: none}
#tabs li a:hover {text-decoration: underline}
#tabs li a.current {background-image: url('/images/site/feature-tab-current.png');color: #FFF}
#tabs li a.current:hover {text-decoration: none;cursor: default}
#output {left: 0;width: 575px;position: relative}
#output li {position: absolute; width: 550px}