/*  
$Id: style.css,v 1.35 2009/09/07 06:30:29 nbz Exp $
Theme Name: phaSEOne
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.
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
Theme ported to Drupal by nbz (http://drupal.org/user/123528/track) and the necessary changes made to the files.
*/


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

body {
	/*font: 100% Arial, Helvetica;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #dae8f5;
}
  
dl {
  margin: 0.5em 0 1em 0.5em;
}

dl dd {
  margin: 0 0 .5em 1em;
}

fieldset {
  border:1px solid #C8DBEA;
}

legend {
  font-weight: bold;
  color: #3c78a7;
}

p, a strong{	
	line-height: 1.3;
	font-size: 12px;
	margin: .5em 0 1em 0;
}

a:link,  a:visited{
font-size: 12px;
font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #225d92;
	text-decoration: none;
}

a:hover, a:active {
font-size: 12px;
font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #d20003;
	text-decoration: none;
}

a img {
	border:0;
}

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

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

li{	
	margin-left:30px;
	font-size: 12px;
}

.tabs li {
	margin-left:0;
}

/* Text*/

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal;
	padding-bottom:5px;
}
h1 { font-size: 14px; margin: .25em 0em; /*color: #5F919E;*/ }
h2 { font-size: 12px; margin: .25em 0em; font-weight:bold; text-transform:uppercase;}
h3 { font-size: 10px; margin: .25em 0em; }
h4 { font-size: 10px; margin: .25em 0em; font-weight:bold; text-transform:uppercase; color: #0066B3}
h5 { font-size: 12px; margin: .25em 0em; font-weight:bold; text-transform:uppercase; color: #d20003;}

/* theme code and blockquote elements */

code {
  display:block;
	font: 1.0em 'Courier New', Courier, Fixed;
	padding: 10px;
	margin:10px;
}	

blockquote {
	padding: 10px;
	line-height:1.5em;
	margin:10px;
}

#page blockquote, #page  code {
	border-top: 1px solid #DAE7F1;
	border-bottom: 1px solid #DAE7F1;
  background-color: #EDF3F8;
}

#page blockquote blockquote {
  background-color: #DAE7F1;
}

#page .comment blockquote {
	border-top: 1px solid #C8DBEA;
	border-bottom: 1px solid #C8DBEA;
	background-color: #DAE7F1;
}

#page .comment blockquote blockquote {
  background-color: #EDF3F8;
}

/* Structure */

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

#page {
	width:955px;
	margin:5px auto 0 auto;
		font-size:0.7em;
	background: url(images/page-background.png) repeat-y;
}

#page .breadcrumb {
padding-top:10px
}
/* Site Logo */
#logo {
	width:190px;
	background-color:#fff;
}

#logo img {
	padding-bottom: 7px;
}

/* Navigation Bar*/

#navbar {
	margin-top:10px;
	}


#navwrap {
	width: 190px;
	float: left;
}

#superfish {
	width: 190px;
	background-color: #fff;
}

#flash-content {
	margin-left: 5px;
	width: 760px;
	float: left;
	height: 310px;
}

#flash-content p img {
	margin-top: -5px;
}

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

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

#page-bar li:hover, #page-bar li a:hover {
	background: #fbfbfb;
	
}

#page-bar a, #page-bar a:visited {
	font-size: 1em;
	margin: 0px;
	padding:10px 16px;
	display:block;
	text-decoration:none;
}

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

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

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

#page-bar li li ul {
  top:0px;
  left:140px;
  display: none!important;
}

#page-bar li li:hover ul {
  display: block!important;
 }

/* Form Elements */

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

#banner-region {
	float:right;
}

#sitename {
  float:left;
  height:60px;
  font-size:4em;
}

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

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

/* Content Page*/

#content {
	float:left;
	font-size:1.05em;
	line-height:1.75em;
}

#content-bottom {
  margin-top:10px;
}

#content-bottom h3 {
	border-bottom:1px dotted #ccc;
	color: #333;
}

#content-bottom p {
	font-size: 10px
}

.with-sidebar {
  width:505px;
}

.no-sidebar {
  width:510px;
}

.sidebar-left .no-sidebar {
	width: 510px;
}

.no-sidebar-left #center-con {
margin-left: 200px;
width: 475px;
}

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

#center-con {
padding: 0 10px;
}

#content .content img {

}

#content .content .clearfloat {
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
}

#content .content ul, #content .content ol{
	margin-bottom:15px;
}

 li p{	
  margin-bottom:.5em;
 }

#content .content ol li{	
	list-style:inherit;
}

#content .content li ul li{	
	margin-left:20px;
}

.content .links {
  padding-left:20px;
}

.links li {
  margin-left:0px!important;
}

#content table {
width: 70%;
  margin:0px auto 10px auto;
}

#content table th {
  padding: 2px 5px;
  line-height:1.5em;
}

#content table th, .topics, .posts, .last-reply , .created {
  text-align:left;
}

#content table td {
  padding: 10px 7px;
  line-height:1.5em;
  width:195px;
  vertical-align: top; 
}

#content .views-field-name {
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom:10px;
}

#content .views-field-nid {
	float: right;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom:10px;
}

#content .views-field-field-thumb-img-fid {
	display: block;
	text-align: center;
	clear:both;
}

#content tr.odd {
	background-color: #edf5fa;
}

#content tr.even {
  background-color: #E7F2F9;
}

.node {
   margin-bottom:20px;
}

.picture img {
  padding:2px;
  border: 1px solid #C8DBEA;
  background:#fff;
  margin-top:5px;
}

/* System messages*/
.messages {
  padding: 10px;
  margin:10px 0;
}

.status {
	border: 1px solid #C8DBEA;
	background-color: #DAE7F1;
  color: #3c78a7;
}

/* Sidebar-Right*/

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

#sidebar-right h3 {
	font:1.5em Arial;
	font-weight:bold;
	color:#333;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #cccccc;
    margin-bottom: 20px;
}

#sidebar-right h3 a{
  color:#fff;
}

#sidebar-right .content {
  font-size:1.1em;
  padding:10px;
}

#sidebar-right .content h3 {
  font:1.2em Arial;
}

#sidebar-right .block{
	width:245px;
	float:right;
	padding:0px 0px 10px 0px;
	margin-bottom:10px;
	background-color: #fff;
}

#sidebar-right ul {
  margin:0px;
  padding:0px;
}

#sidebar-right li {
	list-style:none;
	display:block;
	padding:2px 0px 2px 13px;
	margin:0px;
}

#sidebar-right li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
}

.sidebar-left .with-sidebar {
	width: 505px;
}

/* Sidebar-Left */

#sidebar-left {
	width:195px;
	float:left;
}

#sidebar-left .block{
	width:190px;
	float:left;
	background-color: #fff;
}

#sidebar-left img {
  margin-left: 10px;
  padding-bottom: 30px;
 }

#sidebar-left .content {
  font-size:1.1em;
  /*padding:10px;*/
}

#sidebar-left .content h3 {
  font:1.2em Arial;
}

#sidebar-left ul {
  margin:0px;
  padding:0px;
}

#sidebar-left li {
  list-style:none;
  display:block;
  padding:2px 0px 2px 13px;
  margin:0px;
}

#sidebar-left h2, #sidebar-right h2 {
	padding: 4px 5px 3px 10px;
}

#sidebar-left h3 a{
  color:#fff;
}

#sidebar-left h3 {
	font:1.5em Arial;
	font-weight:bold;
	color:#333;
	margin:10px 0px 20px 0px;
	padding:3px 5px;
	/*border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #cccccc;*/
}
#sidebar-left .view-content {
	padding-top: 20px;
}

.poll .title {
  margin-bottom:10px;
  font-weight:bold;
}

/* Fix menu CSS by overriding the default icons. */

.menu li.expanded, .menu li.collapsed, .menu li.leaf {
  list-style-image:none;
}

/* Bottem Block */

#bottom {
	/*display:table;*/
	width: 955px;
	margin:5px auto;
}

#bottom  p{
padding:0;
margin:0;
}

#bottom  h2{
	padding:5px 0;
	border-bottom: 1px solid #dae8f5;
}

#bottom  img {
padding-right: 10px;
}

#bottom .content {
margin-top: 30px;
}

#bottom-left {
	float:left;
	width:170px;
	height: 250px;
	background:#fff;
	padding: 0px 10px;
	
}

#bottom-middle-lt {
	float: left;
	margin-left:5px;
	width:230px;
	height: 250px;
	background:#fff;
	padding: 0px 10px;
}

#bottom-middle-rt {
	float:left;
	margin-left:5px;
	width:230px;
	height: 250px;
	background:#fff;
	padding: 0px 10px;
}

#bottom-right {
	float:left;
	margin-left:5px;
	width:230px;
	height: 250px;
	background:#fff;
	padding: 0px 10px;
}
/* Comments */

.comment {
  background-color:#EDF3F8;
  margin: 10px 0 0 0;
  padding: 0px;
}

.comment .author-data {
  float:left;
  width:120px;
  text-align:center;
  line-height:1.1em;
}

.comment .author-data  div{
  margin-top:5px;
}

.comment .comment-main {
  margin-left:120px;
  border-left:1px solid #C8DBEA;
  min-height: 200px;
  height: auto !important;
  height: 200px;
}

.comment .content {
  padding: 10px;
}

.comment-header {
  background-color: #DAE7F1;
  border-bottom:1px solid #C8DBEA;
  padding: 0 5px;
}
.comment-header .submitted {
  float:left;
  font-weight:bold;
}

.comment-header .comment-link {
  float:right;
}

.comment .new {
  float:right;
  color:#CC0000;
  padding: 0 10px;
}

.comment .links {
  float:left;
  clear:both;
  text-align:right;
  display:block;
  background-color:#DAE7F1;
  border-top:1px solid #C8DBEA;
  width:100%;
}

.comment .links ul{
  padding: 0px 5px;
}

/* Footer*/

#footer-region {
	font-size:0.7em;
	color:#ccc;
	width: 955px;
	margin: 0px auto 0;
	padding:0px 10px;
}

#footer-left, #footer-middle {
	width:280px;
	float:left;
	padding:10px;
}

#footer-middle {
	margin-left:17px;
}

#footer-right {
	width:280px;
	float:right;
	padding:10px;
}

#footer-region a {
	color:#fff;
}

#footer-region ul {
	margin:5px 0 0 0;
	padding:0px;
}

#footer-region li{
	list-style:none;
	border-top:1px dotted #ccc;
	padding:5px;
	margin:0px;
	display:block;
}

#footer-region li:hover {
	background:#3c78a7;
	color:#fff;
}

#footer-region li:first-child {
	border-top:0px dotted #fff;
}

#footer-region h3{
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
}

#footer-region h3 {
	color:#fff;
}

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

/* 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;
}
  
/***** Pager Navigation links *****/
.pager ul {
	padding:0px!important;
	margin:10px 0px!important;
	font-size:0.82em;
}

.pager li {
	padding: 2px!important;
	margin:10px 2px!important;
	text-decoration: none;
	border: 1px solid #C8DBEA!important;
	color: #3c78a7;
	background-color: #EDF3F8;
	background-image:none!important;
}

.pager li a {
	color: #3c78a7;
}

.pager li:hover  {
  background-color: #DAE7F1!important;
}

.pager li a:hover  {
  text-decoration: none;
}

/* Hack to show the pager properly in blocks - not pefect as it is no longer centered */
.block .pager li {
  float:left;
}

#block-views-News-block_1 ul li{
	font-size:12px;
}

#block-views-News-block_1  td{
	padding: 0 10px 0 0;
}

/*View Elements*/

.view-meet-the-team .field-content {
	font-size:10px;
	font-weight: bold;
}

#my-custom-div{
	/*border:1px solid #C8DBEA;
	border-collapse: separate;*/
	}
	
#my-custom-div label {
		font-size:10px;
		font-weight: bold;
	}

#content .field-content {
	display:block;
	/*text-align:center;*/
}
#content .view-Parts-MEI-Vending .views-field-title {
	width: 147px;
	height: 37px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#content .field-content a{
	font-size: 10px;
}

#content .field-content img {
	border: 1px solid #dae8f5;
	background-color: #fff;
	padding:3px 30px;
}
	
#content .views-field-field-lock-img-fid img {
	padding: 3px 15px;
}

/*Meet the Team Node Theaming*/

#team_info {
	border-top: 1px solid #ddd;
	padding-top:25px;
}

#team_txt {
	float:left;
	margin-left:20px;
	padding-top:70px;
	}
#team_txt p {
	padding:0 0;
}

#team_img {
	float:right;
	margin-right:20px;
}

#team_img img, #content .views-field-field-team-img-fid img {
	border: 1px solid #ddd;
	background-color: #fff;
	padding:3px 3px;
	}

#team_body {
	border-top: 1px solid #ddd;
	clear:both;
	padding:10px 20px;
	height: 100px;
}	
#my-custom-div .views-field-field-team-img-fid img{
	border: 1px solid #ddd;
	background-color: #fff;
	padding:3px 3px;
}

#team_header {}

.view-meet-the-team a {
font-size:12px;
}	

/*Superfish Specific*/

.block-superfish a {
	height: 22px;
	padding-top: 8px;
	font-size: 12px;
	text-decoration: none;
	background-position: 1px 17px;
	background-color:#fff;
	
}

.block-superfish a:link, .block-superfish a:visited, #sidebar-left .block-menu a:link, #sidebar-left .block-menu a:visited {
	color: #000;
	text-decoration: none;
}

.block-superfish a:hover, .block-superfish a:active, .block-superfish .active-trail a, .block-superfish h2, #sidebar-left .block-menu h2, #sidebar-left .block-menu a.active, #sidebar-left .block-menu a:hover  {
	color: #0066B3;
	text-decoration: none;
}

#sidebar-left .sf-menu li {
padding: 0;
}

#sidebar-left .sf-menu  a{
padding-left:20px;
}

#sales {
position: relative;
border-top: 1px solid #dae8f5;
}

/*Popup Specific*/
.popups-body #sales-title {
position: relative;
}
.popups-body #sales-image {
float:left;
/*position: relative;
top:0px;
left:0;*/
width: 180px;
padding-right: 15px;
}

.popups-body #sales-feature {
float: left;
/*position: absolute;
top:70px;
left: 185px;*/
width: 415px;
margin: 0 10px;
}

.popups-body #sales-feature ul{
line-height: 1.3;
font-size: 10px;
margin-top: 0.5em;
margin-bottom: 1em;
}

.popups-box table {
width: 80%;
  margin:0px auto 10px auto;
}

.popups-box .field-item {
padding-bottom: 15px;
/*border-bottom:1px solid #dae8f5;*/
}

/*.popups-body #parts-feature {
position: absolute;
top:30px;
right:0;
width: 425px;
margin: 0 10px;
}

.popups-body #parts-feature li{
line-height: 1.3;
font-size: 10px;
margin-top: 0.5em;
margin-bottom: 1em;
}*/

#parts {
	border-top: 1px solid #dae8f5;
}

.popups-body #parts-image img {
	float:right;
}
.popups-body #parts-title h2, .popups-body #sales-title h2 {
font-size:14px;
padding-top: 30px;
padding-left: 10px;

}

.popups-body #parts-title h2 span, .popups-body #sales-title h2 span{
color:#0066b3
}

.popups-body #parts-feature {
padding-top: 40px;
margin: 0 10px;
}
.popups-body #parts-feature li {
	line-height: 1.3;
	font-size: 10px;
	margin-top: 0.5em;
	margin-bottom: 1em;
}