/* @override 
	http://localhost:8888/elementsofimage/wp-content/themes/elementsofimage/css/style.css
	http://local/elementsofimage/wp-content/themes/elementsofimage/css/style.css
	http://www.elementsofimage.com/blog/wp-content/themes/elementsofimage/css/style.css
	http://www.elementsofimage.com/wp-content/themes/elementsofimage/css/style.css
*/

html{
	background: #4D0B4D url(../images/ui/bg_bottom_body.jpg) repeat-x center bottom;
}
body {
   color:#464646;
   background:  url(../images/ui/bg_top2.jpg) no-repeat top center;
   min-width: 860px;
   font: 62.5% Arial, Helvetica, sans-serif;}

/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }


img.alignright, .archive .post img {
	float: right;
	margin: 10px;
}
.alignleft {
	float: left!important;
	clear: left!important;
}
.alignleft.withmargin {
	margin-right: 20px;
	margin-bottom: 10px;
}
.alignright {
	float: right!important;
	clear: right!important;
}
.alignright.withmargin {
	margin-left: 20px;
	margin-bottom: 10px;
}
.aligncenter {
	text-align: center!important;
	display: block!important;
	margin: 0 auto!important;
}
.margintop {
	padding-top: 10px!important;
	clear:both;
	float: right;
	width:208px;
	padding-right: 15px;
}
.img-shadow, .img-shadow-left {
  float: right;
  clear: right;
  background: white url('../images/shadowAlpha.png') no-repeat bottom right !important;
  background: url('../images/shadow.gif') no-repeat bottom right;
  margin: 10px 10px 0 20px !important;
  margin: 10px 5px 0 10px;
}
.img-shadow-left {
	float: left;
	margin: 10px 20px 0 10px !important;
	margin: 10px 10px 0 5px;
}
.img-padding-left {
	float: left!important;
}
.img-padding {
	float: right!important;
	clear: right!important;
	margin: 10px 10px 0 20px!important;
}
.img-padding, .img-padding-left {
	background-image: none!important;
	padding: 0!important;
	margin: 10px 10px 0 10px;
}
.left-testimonial .img-padding, .left-testimonial .img-padding-left {
	margin-top: 50px;
}
.img-shadow img, .img-shadow-left img, .img-padding img, .img-padding-left img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix, #content-wrapper .ui-tabs-nav:after, .hptabber:after, .entry:after {display: block;}

.clearfix:after, #content-wrapper .ui-tabs-nav:after, .hptabber:after, .entry:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { font-size:12px; 
font-family: 'Gill Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;

}
#s {
	width: 175px;
	margin-right: 5px;
}
fieldset br{ clear:both;}
fieldset{ border:none;}

label{
  font-style:italic;
  display: block;
  clear: both;
  width: 100%;
  font-size:1.3em;
 font-family: Georgia, 'Times New Roman', Times, serif;
  padding: 0;
  padding-top: 1px;
}
input.error {
	margin-bottom: 0!important;
	padding-bottom: 0!important;
}
label.error {
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-bottom: 5px;
	width: 100%!important;
	color: #9B1825!important;
}
fieldset label.additional-comments {
	width:300px;
}
fieldset input.text, textarea.textarea{
  width:234px;
  height:17px;
  padding: 5px 3px;
  margin: 0 0 3px 0;
  border:1px solid #E1E1EC;}
#more-info fieldset input#phone {
	margin-bottom: 8px;
}
textarea.textarea {
	margin-bottom: 9px;
	padding: 0;
	height: auto;
}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
 color:#666699;
 text-decoration:underline;}

a:hover, a:active {
 text-decoration:none;}

a{outline:none;}
a, a span {
	cursor: pointer;
}
a.button{
  font-family:Arial,Verdana;
  display:block;
  float:left;
  font-size:.9em;
  color:#4F1B50 !important;
  text-decoration:none !important;
  text-transform:uppercase;
  background:url('../images/ui/btn_left.gif') no-repeat top left;}

a.button span{
  height:19px;
  cursor: pointer;
  margin: 0 0 0 5px;
  float:left;
  padding: 6px 20px 0 15px;
  text-transform:uppercase;
  background:url('../images/ui/btn_right.gif') no-repeat top right;
  font-size: 12px;
}

a.show-testimonials, a.get-more-info {
	float: right!important;
	margin: 5px 0px 18px 100px; /* 8px extra for -8px abs. */
	font-size:12px;
	clear: both;
	
}

/* General Unordered List Styles
-------------------------------------------------------------------------*/
ul#acc-links{display:none;}

ul li.last{border:none !important;}

/*-------------------------------------------------------------------------
                         PAGE STYLES
*-------------------------------------------------------------------------*/
#container{
  width:877px;
  margin: 0 auto;}

/*----------------- Header --------------------------*/
#header{
  height:176px;
  margin: 0 auto;
  position: relative;
}

#header h1 a{
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  /*background: url('../images/logo.jpg') no-repeat center 0;*/
  background:transparent none;
  width: 300px;
  height:166px;
  margin: 0 auto;
  z-index: 100;
}

#header p.number{
  font-size:2.6em;
  color:#FFF;
  position:absolute;
  right:25px;
  float: right;
  overflow: hidden;
  bottom: .2em; /*The smaller the font, the less it gets pulled up*/
  margin: 0;
  padding: 0;
  font-family: 'Gill Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;

  text-align: right;
  z-index: 1;
 }

.breadcrumb {
	float: left;
	width: 780px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: .825em;
}
	
/*----------------- Content TOP --------------------------*/

#content-top{
  background:url('../images/ui/bg_top.png') no-repeat top left;
  width: 827px;
  margin: -25px 0 0 0;
  padding:25px 25px 0 25px;}

ul#nav {
  background:#EDE7EC url('../images/ui/bg_nav.gif') repeat-x top left;
  font-size:2em;
  position:relative;
  font-family: 'Gill Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;

  padding:10px 0 0 0px;}

ul#nav li {
  float:left;
  padding: 0 0 7px 0;
  margin-left: 9px;
  cursor: pointer;
}

ul#nav li a{
  color:#3A003C !important;
  display:block;
  float:left;
  text-decoration:none !important;}

ul#nav li a span{
  cursor: pointer;
  padding: 15px 18px 6px 16px;
  float:left;
  margin: 0 0 0 2px;}

ul#nav li.active {
  background:url('../images/ui/icon_nav_arrow.gif') no-repeat bottom center;}

ul#nav li.active a,
ul#nav li a:hover{
  color:#E4E4E4 !important;
  background:url('../images/ui/bg_nav_left.gif') no-repeat top left;}

ul#nav li.active a span,
ul#nav li a:hover span{
  background:#5F2B5D url('../images/ui/bg_nav_right.gif') no-repeat top right;}


/*----------------- Banners --------------------------*/
#banner, #purpleborder{
  background:url('../images/ui/bg_banner_sub.jpg') no-repeat top left;
  height:148px;
  position:relative;
  border:2px solid #7C557D;
  border-width:2px 0;}
  
#purpleborder {
	height: 5px;
	border: none;
}

#banner h2{
  text-indent:-9999px;
  overflow:hidden;
  float:left;}

#banner .banner-image{
  float:right;
  margin: 0 90px 0 0;
  width: 400px;
  height: 148px;
  background-repeat: no-repeat!important;
  background-position: right top!important;
  overflow: hidden;
  display: block;
  }
#services .banner-image,
#blog .banner-image, 
#contact .banner-image {
	background-image: url('../images/banner_image_sub3.jpg')!important;
	display: block;
}
#banner-sub{
  background:#DDEFF4 url('../images/ui/bg_bannnersub.jpg') repeat-x top left;
  min-height:82px;
  height:auto !important;
  font-family: Georgia, 'Times New Roman', Times, serif;
  height:80px;
  float: left;
  width: 100%;
  clear: both;
  margin-top: 25px;
}

#banner-sub #newsletter{
  float:right;
  background:url('../images/ui/bg_newslettersub.gif') no-repeat -14px top;
  height: 85px;
  width:339px;
  padding: 15px 32px 5px 48px;}
#newsletter .success {
	display: none;
}
#newsletter fieldset{
  background:#FFFFFF;
  border:1px solid #D8E4B0;
  font-family:Georgia,'Times New Roman', Times, serif;
  padding: 10px 0 5px 6px;
  float: left; width: 320px;}

#newsletter label{
  color:#69A61A;
  font-size:1.1em;
  font-weight:bold;
  font-style:italic;}

#newsletter input.text{
  width: 220px;
  height:20px;
  padding: 3px 5px;
  font-family:'Georgia',Arial;
  font-size:16px;
  color:#757575;
  font-style:italic;
  border:1px solid #E3E3ED;  
  float:left;
  margin:10px 12px 10px 0;}

#newsletter a.button{
  float: right;
  margin: 13px 5px 0 0;}
#services .banner-image {
	background-image: url('../images/banner_image_sub1.jpg');
	background: none;
	background-position: 90% top;
}
#meet-dana .banner-image {	/* 
	background-image: url('../images/banner_image_sub_about_dana.jpg');
	background-position: 75% top; 
*/}


/*----------------- Content WRAPPER--------------------------*/
#content-wrapper{
  background: url('../images/ui/bg.gif') repeat-y top left;
  width: 877px;}

#content-wrapper2{
  background:url('../images/ui/bg_bottom.jpg')  no-repeat bottom left ;
 padding: 0px 25px 25px 25px;
 position: relative;
 bottom: -8px;
 height: 1%;
 min-height: 532px;
 }

.fir, .testimonials h3 {
  text-indent:-9999px;
  text-align: left;
  padding: 0;
  margin: 0;
  display:block;
  overflow:hidden;}
#content-wrapper {
font-size:1.4em;	
}
#content-wrapper p,
#content-wrapper ul {
  color: #4d4d6a;
  padding-bottom: .5em;
  margin: 0 0 .5em 0;
  line-height:1.538em;/* Thanks, Copyblogger */
}
#content .post .entry {
	line-height:1.538em;/* Thanks, Copyblogger */
}
#content-wrapper p.bordered, #content-wrapper blockquote {
  border-left:6px solid #D4EBF0;
  padding-left:10px;}

#content-wrapper ul{
  padding: .5em 0 .25em 15px;}

#content-wrapper ul ul{
  font-size:1em !important;
  margin:0;
}

#content-wrapper li{
  padding: 0;
  margin: 0.25em 0 .25em .5em;
  margin-top: 0;
  line-height:150%;
  list-style: outside square;
  /*background:url('../images/ui/bullet_pearl_green.gif') no-repeat 0px 8px;*/
}

#content-wrapper li li{
  background:url('../images/ui/bullet_square.gif') no-repeat 0px 8px;}

#content {
	padding: 10px 10px 20px 20px;
	min-height: 340px;
}

/*----------------- Typography --------------------------*/

body h1.cattitle {
	font-family: Georgia, 'Times New Roman', Times, serif;
	text-transform: uppercase;
	color: #777;
	font-size: 1.1em;
	text-align: left;
	font-weight: normal;
	margin: .5em 0 1em 0;
	padding: 0;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: .25em;
}

.smallcaps, #post-86 h2, h2.smallcaps {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .875em;
	color: #606086;
}
#post-86 h2, h2.smallcaps, h1.cattitle {
	text-align: center;
	font-size: 2em;
	color: #6c6c6c;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: .25em;
}
#banner h3, h4, h3 {
	font-weight:normal;
	margin-bottom: 0;
	padding: .2em 0 .15em 0;
	color:#757575;
	font-family: Georgia, 'Times New Roman', Times, serif;
	line-height: 1.175;
	font-style: normal;
}
h3 {
	font-size: 1.3em;
	margin-bottom: .25em;
}
h4 {
	font-size: 1.2em;
	font-style: italic;
}
.right-content .success, .widecolumn .success {
	
	display: block;
	margin: 0px auto 20px auto;
	padding: 10px 20px;
	text-align: center;
	width: 250px;
	background-color: #def6d5;
	border: 1px solid #ccc;
	color: #663666;
}
.right-content .success {
	clear: both!important;
}
#content-wrapper .right-content .success p, #content-wrapper .right-content .success h3 {
	margin-bottom: 0;
	line-height: 1;
	padding: 0;
	color: #663666;
}
#content-wrapper .right-content .success p {
	padding-top: .5em;
}
.two-column {
	width:800px;
}
.two-column h4 {
	font-style:italic;
	line-height: 1.15;
	margin-bottom: .25em;
}

html body #content label span.required {color: #9B1825!important;}

.arrow {
	font-size: 130%;
	line-height: 100%;
	font-weight: bold;
}

h2 { 
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #9b1825;
}

/*----------------- Blog --------------------------*/
#content.narrowcolumn { 
	float:left; width:520px;}

#content.archive h2, #content.narrowcolumn h2.pagetitle, .widecolumn h2 {
	font-size: 1.6em;
	line-height: 1.1;
	/*font-weight: normal;*/
	margin: 0 0 .3em 0; 
	padding: 0px 0 0 0; 
	text-align: left;
	color: #9b1825; }
#content.narrowcolumn h2.pagetitle { 
	font-size: 1.8em;
}
#content.narrowcolumn h2 a{
	color: #9b1825;
	text-decoration: none;
}
#content.narrowcolumn h2 a:hover {
	text-decoration: underline;
}
#content.narrowcolumn p {
	color: #3c3c3c; 
}

#content .post .postmetadata {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #333;
	font-size: 1em;
	padding: .25em .5em;
	margin-top: .75em;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 1.75em;
	border-bottom: 1px dotted #ccc;
	background-color: #F6F4F6;
}
#content .post .postmetadata p {
	margin: 0; 	
	padding: 0;
}
#content .post .postmetadata p span {
	display: block;
}
/*----------------- Page --------------------------*/

#content h2.subtitle {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color:#6C6C6C;
	padding: 0;
	margin-bottom: .75em;
	font-style: italic;
	font-weight: normal;
	font-size: 1.4em;
}
#content.widecolumn {
	float:left;
	width: 798px;
}
#content.widecolumn p, #content.widecolumn ul {
	color: #4d4d6a;
}

/*----------------- Sidebar --------------------------*/

#sidebar { float:right; width:274px;}

#sidebar li {
	background: none;
	list-style: none;
	margin-bottom: .5em;
	
	padding: .25em 0 1em 0;
}
#sidebar li ul {
	margin: 0;
	padding: 0;
	padding-top: .5em;
}
#sidebar li li {
	margin: 0;
	padding: 0;
	padding-left: 1em;
	list-style: inside square;
	background: none;
	border: none;
}
#sidebar li h2 {
  font-style:italic;
  display:block;
  border-bottom: 1px solid #cfcfcf;
  font-weight: normal;
  font-size:1.3em;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #777;
  padding: 0 0 6px 0;
}
#wp-calendar {
	width: 90%;
	margin: 10px auto;
}
#wp-calendar caption {
	background-color: #F6F4F6;
}
#wp-calendar th {
	background-color: #cfcfcf;
}
#wp-calendar td {
	background-color: #fcfcfc;
}
#wp-calendar tfoot td {
	background-color: transparent;
}
#wp-calendar td#next {
	text-align: right;
}
/*----------------- Page Navi --------------------------*/

.wp-pagenavi {
	font-size: 1.3em;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #F6F4F6;
	color: #222;
	background-color: #F6F4F6;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #cfcfcf;
	color: #333;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #888888;
	color: #333;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #333;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ccc;
	color: #333;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/*----------------- Footer --------------------------*/
#footer{
  padding:60px 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  text-align: center!important;
  color:#DDD1DD;
  font-size:1.6em;}
#footer ul, #footer ul li#kwd {
	position: absolute;
	left: 12.5%;
	margin: 0 auto;
	width: 75%;
	display: block;
}
#footer li{
 display: inline;
  padding: 0 6px;
  border-right:1px solid #DDD1DD;}

#footer a{
  color:#DDD1DD !important;
  text-decoration:none !important;}

#footer a:hover{
  text-decoration:underline !important;}

#footer li.last, #footer ul li#kwd{
  border:none;}

#footer ul li#kwd h3
 {
 	font-family: 'Gill Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
 	border: none;
 	font-size: .75em;
 	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	padding-top: 1em;
	color: #ccc;
}
#kwd a {
	color: #fff!important;
} 
/* SINGLE */
.navigation {
	font-size: .875em;
}
.navigation .alignright {
	float: right;
	width: 45%;
	text-align: right;
}
.navigation .alignleft {
	float: left;
	width: 45%;
	text-align: left;
}
.navigation small {
	text-transform: uppercase;
	color: #777;
}
.navigation .alignright small {
	padding-right: 1.2em;
}
.navigation .alignleft small {
	padding-left: 1.2em;
}


/************************************************
*	Comments									*
************************************************/
.comments {
	float: left;
	clear: both;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #cfcfcf;
}
.comments h2 {

	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #777;
	font-weight: normal;
}
.comment 
{
	position: 				relative;
	margin:					3px;
	margin-top:				6px;
/*	border: 				1px solid #666; */
	padding:				4px 4px 4px 8px;
	font-size:				98%;
	/*background-color:		#fff;*/
}

.odd
{
	background-color: #f8f8f8;
}

.comment div.comment {
	position: 				relative;
	display: block!important;
	list-style: none;
}
.comment div.comment .commenttext {
	background-image: none;
}

.comment .comment img
{
	margin: 				0px;
}

.comment .reply {
	text-align: 			right;
	font-size: 				100%;
	padding: 				0px 6px 6px 0px;
	clear:both;
	margin-bottom: 16px;
}
.comment small {
	font-size: 1em;
}
.comment .reply span {
	display: block;
	width: 16px;
	height: 16px;
	left: -18px;
	position: absolute;
}
.comment .cancelreply {
	position: absolute;
	right: 5px;
	top: 5px;
}
.cancelreply span {
	display: block;
	width: 16px;
	height: 16px;
	left: -18px;
	position: absolute;
}
.comment .reply a {
	float: right;
	position: relative;
	display: block;
}
.comment
{
	margin-top: 			10px;
}

input#subscribe
{
	width: auto;
}

.comment .body .content
{
	padding:				0px 3px 0px 3px;
	width: 					90%;	
/*	overflow: 				auto; */
}

.comment .title abbr
{
	border: none;
}

.collapsed .body, .collapsed .comment
{
	display:				none;
}

#commentform textarea {
	width: 97%;
}
.btc_gravatar {
	float: right;
	display: block;
	margin: 3px 3px 5px 4px;
}
.collapsed .btc_gravatar {  }	

#commentblock {
	width: 520px;
	background: #fff;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 10px 0 0 0;
	}
	
#commentblock .comment {
	clear: both;
	margin: 3px 0 3px 0;
	padding: 20px 10px 10px 10px;
	width: 498px;
	border: none;
	border:1px solid #fff;
	}
#commentPreview {
	margin-top: 10px;
}
#commentblock .body {
	display: block;
	opacity: 1;
}
.commentdate {
	font-size: 12px;
	padding-left: 0;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0;
	}

.commentname {
	color: #333333;
	margin: 0;
	padding: 5px 5px 5px 0;
	}

.commentinfo{
	clear: both;
	}

#commentblock .comment.even, #commentblock #addcomment.even #comment-preview {
	background: #F6F4F6; /* light pink */
}
#commentblock .comment.odd, #commentblock #addcomment.odd #comment-preview  {
	background: #f9f9fe; /* white */
}
#commentblock .comment.admin {
	background: #ffffff; /* gray */
}
#commentblock .comment #addcomment #comment-preview {
	background-image: none;
}
.even .comment,
.odd #comment-preview.comment, 
.odd .comment .comment,
.odd .comment .comment #comment-preview.comment, 
.even .comment .comment .comment,
.even .comment .comment #comment-preview,
.odd .comment .comment .comment .comment,
.odd .comment .comment #comment-preview.comment,
.admin .comment #comment-preview.comment,

.even #addcomment,
.odd .comment #addcomment,
.even .comment .comment #addcomment,
.comments .admin #addcomment
  {
	background-color: #e2e3ea!important;
  }
  
.odd .comment,  
.even #comment-preview.comment,
.admin #comment-preview.comment,
.even .comment .comment, /* 2 Nest */
.even .comment .comment #comment-preview, 
.odd .comment .comment .comment, 
.even .comment .comment .comment .comment,

.odd #addcomment,
.even .comment #addcomment,
.odd .comment .comment #addcomment
 {
	background-color: #F6F4F6!important;
}
#commentblock .commentlist div.admin {
	background-color: #fcfcfc!important;
}

#commentblock .comment .comment {
	width: 96%;
	display: block!important;
	background: none;
	border: 1px solid #ccc;
	margin: 0;
	margin: 4px 0;
	padding-top: 10px;
}
#commentblock .comment .comment.collapsed {
	padding-bottom: 5px;
	border-style: dotted;
}
#commentblock .comment.collapsed .comment, #commentblock .comment.collapsed .reply,
#commentblock .comment.collapsed .avatar  {
	display: none!important;
}

#addcomment {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 20px 0;
	margin: 20px 0;
	border-top: 1px dotted #ccc;
}
.comment #addcomment {
	border: 1px solid #ccc;
	padding: 10px;
	position: relative;
	margin-top: 0px;
}
#commentPreview p.description {
	margin: 0;
	padding: .25em 0;
}
#commentPreview h4 {
	font-size: 1.3em;
	margin: 0;
}

.comment #commentPreview {
	padding: 0 0 7px 0;
	margin-bottom: 7px;
	border-bottom: 1px dotted #ccc;
}
.comment .collapseicon 
{
	width: 14px;
	height: 14px;
	overflow:				hidden;
	display: block;
	float: left;
	border: 1px solid #ccc!important;
	margin-right: 6px!important;
	background: white url(images/sprites.gif) -436px -211px;
}

.collapsed .collapseicon 
{
	background: white url(images/sprites.gif) -412px -211px;
}

#preview-box {
	display: none;
}

.comments span#sharethis_0, .comments span#sharethis_1 {
	position: absolute;
	right: 20px;
	top: 1.5em;
}
.comments .subscribeBox {
	float:right; width:50%; text-align:right; padding-right:15px;
}
#reroot {
	display:none;
}
/* @end */


/* @group Tabbed Popular Posts */

/************************************************
*	Popular Posts  								*
************************************************/

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    #content-wrapper .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    #content-wrapper .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.hptabber {
	float: left;
	margin: 10px 0 0 20px;
	padding: 0px;
	display: inline;
	width: 530px;
	}
.hptabber h2.posttitle {
	margin-top: .25em;
	padding-top: 0;
	font-size: 1.3em;
	margin-bottom: .25em;
}

.hptabber img {
	border: none;
	margin: 0;
	width: 580px;
	overflow: hidden;
	display: block;
	}


#content-wrapper .ui-tabs-nav {
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0 0 0 0px;

}
#content-wrapper .ui-tabs-nav {
	border-bottom: 2px solid #663366;
	background: #fff;
}
.tabber {
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
	/*padding-bottom: 5px;*/
	background: #fcfcfc;
	overflow: hidden;
}
#content-wrapper .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 4px;
    width: 90px;
    padding: 0;
    min-width: 90px; /* be nice to Opera */
    font-size: .75em;
    list-style: none;
    display: block;
}
#content-wrapper .ui-tabs-nav li {
	width: auto;
}
#content-wrapper .ui-tabs-nav a, #content-wrapper .ui-tabs-nav a span {
    display: block;
    background: white;
}
#content-wrapper .ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
#content-wrapper .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
}
#content-wrapper .ui-tabs-nav a span {
    width: 90px; /* IE 6 treats width as min-width */
    min-width: 90px;
    height: 1.8em; /* IE 6 treats height as min-height */  
    min-height: 1.8em;
    padding-bottom: 0;
    padding-top: 5px;
}
#content-wrapper .ui-tabs-nav a span {
    padding-right: 6px;
    padding-left: 6px;
}
*>#content-wrapper .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#content-wrapper .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

#content-wrapper .ui-tabs-nav .ui-tabs-selected a, #content-wrapper .ui-tabs-nav a:hover, #content-wrapper .ui-tabs-nav a:focus, #content-wrapper .ui-tabs-nav a:active {
    background-color: #663366;
}
#content-wrapper .ui-tabs-nav a, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:hover, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:focus, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:active {
    background-color: #747;
	color: #663366;
}
#content-wrapper .ui-tabs-nav .ui-tabs-selected a span, #content-wrapper .ui-tabs-nav a:hover span, #content-wrapper .ui-tabs-nav a:focus span, #content-wrapper .ui-tabs-nav a:active span {
    background-color: #663366;
    color: white;
}
#content-wrapper .ui-tabs-nav a span, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:hover span, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:focus span, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-color: #e0e1e5;
}
#content-wrapper .ui-tabs-nav .ui-tabs-selected a:link, #content-wrapper .ui-tabs-nav .ui-tabs-selected a:visited, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:link, #content-wrapper .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#content-wrapper .ui-tabs-nav a:hover, #content-wrapper .ui-tabs-nav a:focus, #content-wrapper .ui-tabs-nav a:active,
#content-wrapper .ui-tabs-nav .ui-tabs-unselect a:hover, #content-wrapper .ui-tabs-nav .ui-tabs-unselect a:focus, #content-wrapper .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#content-wrapper .ui-tabs-disabled {
    opacity: .4;
}

#content-wrapper .ui-tabs-panel {
	padding: 10px 15px 0;
	width: 500px;
	float: left;
	overflow: hidden!important;
    background: #F6F4F6; /* declare background color for  IE */	
}
#content-wrapper .ui-tabs-panel li {
	margin-bottom: 10px;
	font-weight: bold;
	width: 100%;
}
#content-wrapper .tabber .tabContent .bordertop {
	border-top: 2px solid #663366;
}
#content-wrapper .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html #content-wrapper .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html #content-wrapper .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* @end */

#sidebar .getInfoForm .lname,
#sidebar .getInfoForm .fname {
	clear: left!important;
	float: left!important;
	width: 90%;
}
#sidebar .get-moreinfo textarea {
	width: 200px!important;
}
#sidebar #text-544055241 h2 {
	border-bottom: none;
}
/*
#sidebar .getInfoForm, 
#sidebar .get-moreinfo {
	width: 200px!important;
	padding: 0!important;
}
*/
#sidebar .get-moreinfo {
	margin-bottom: 0!important;
	margin-right: 0!important;
}
#sidebar .get-moreinfo legend {
	display: none;
}
#sidebar .get-moreinfo input {
	width: 190px!important;
}

#sidebar .get-moreinfo fieldset {
	width: 210px!important;
	margin-bottom: 0!important;
}