/*   
	Theme Name: Community
	Theme URI: http://demo.dropletz.com/community7
	Description: A Community driven and powerfull drupal theme
	Author: Carlo Carlos
	Author URI: http://dropletz.com/
	Version: 1.0
	Drupal Version: 7.x
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: responsive, custom-color, custom-background, threaded-comments, Skinr Styes, Shortcodes
*/

/*------------------------------------------------------------------------------------------------*/
/* import other styles
/*------------------------------------------------------------------------------------------------*/
@import url('typography-default.css');
@import url('typography-custom.css');
@import url('fonts-style.css');
@import url('shortcodes.css');
/*-----------------------------------------------------------------------------------*/
/* body, common classes, structure etc
/*-----------------------------------------------------------------------------------*/
body
{
  color: #6A6A6A;
  overflow-x: hidden;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {  color: #535252 }

h1,
h2,
h3,
h4,
h5,
h6,
p
{
	margin-bottom: 1.125em; 
}

ol {  list-style: decimal outside }
ul {  list-style: disc outside }
ul,
ol {  padding-left: 25px }
li ol,
li ul {  margin-bottom: 0 }
img,
embed,
object,
video,
figure
{
	max-width: 100%;
	height: auto;
}

section,
.block,
#messages
{
  padding: 2em 0;
  margin: 0;
}
input,
textarea
{
  border-color: rgba(0, 0, 0, 0.1) rgba(180, 180, 180, 0.2) rgba(180, 180, 180, 0.2);
  border-right: 1px solid rgba(180, 180, 180, 0.2);
  border-style: solid;
  border-width: 1px;
  color: #737373;
  padding: 0 1em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  display: block;
}
.page
{
  border-bottom: medium none;
  border-top: medium none;
  box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.15);
}
.zone
{
  background: #FFFFFF;
  padding: 0 20px;
  border: 1px solid #EAEAEA;
  border-top: none;
  border-bottom: none;
}

.block-title{margin: 5px 0 15px; background: url(../img/bg-pattern.png) repeat-x 0 50%;}
.block-title span
{
	background: #FFFFFF;
	display: block;
	float: left;
	padding-right: 10px;
}
		
table {
	border: 1px solid #eee;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0 2em;
	width: 100%;
}

thead
{
	border: 1px solid #EEEEEE
}

th {
	background-position: 0 -5px;
	color: #fff;
	padding: 5px;
	text-align:center;
}

td {
	border: 1px solid #eeeeee;
	background: #fff;
	padding: 5px;
}


/*======================================================================================*/
/* User Zone Styling
/*======================================================================================*/
.zone-user-wrapper,
.zone-footer-wrapper
{
  background: url("../img/bar-bg.png");
  margin: 0 auto;
}

.zone-user-wrapper{  border-bottom: 1px solid #EFEFEF }
.zone-footer-wrapper,
.zone-bottom-bar-wrapper{  border-top: 1px solid #EFEFEF }

.zone-user,
.zone-footer {  padding: 0 20px 0 }

.zone-user .block-title,
.zone-footer .block-title,
.zone-user .block-title span,
.zone-footer .block-title span
{
	background: transparent;
} 

.zone-user .block-title,
.zone-footer .block-title
{
	border-bottom: 1px solid #CBCBCB;
	padding-bottom: 5px;
	background: url("../img/dotted.png") repeat-x scroll center bottom transparent;
}
.zone-user .form-text, 
.zone-footer .form-text,
.zone-user .form-textarea, 
.zone-footer .form-textarea
{
    border-color: #CBCDD0;
}

/** current-time-block **/
#current-time-block p{margin: 0 20px 0 0;}

/** Zone Toggle **/
.zone-user-toggle {display: none; position: relative; padding-bottom: 10px;}
.zone-user-toggle h4{position: absolute; bottom: -37px; right: 20px; background: url("../img/bar-bg.png"); margin: 0; border: 1px solid #DEDEDE;}
.zone-user-toggle a{display: block; float: right; padding: 5px; margin: 0; }
.zone-user-toggle .toggle_btn{ background: url(../img/toggle.png) no-repeat 0 0; margin: 0; width: 24px; height: 24px; }
.zone-user-toggle .active .toggle_btn{ background-position: 0 -24px; }

/* website utilities
/*-----------------------------------------------------------------------------------*/
.site-utils{float: right;}
.zone-footer .site-utils{margin-top: 12px;}
.site-utils ul{float: right;}
/** Continue to Follow-links-small **/

/*======================================================================================*/
/* Branding Zone Styling
/*======================================================================================*/
.zone-branding{padding-top: 40px; padding-bottom: 2px;}
.zone-branding section, .zone-branding .block{padding: 0}

/** Logo **/
.logo-img{margin-bottom: 20px;}
/*======================================================================================*/
/* preface Zone Styles
/*======================================================================================*/

/* preface first region styles
/*-----------------------------------------------------------------------------------*/


/*======================================================================================*/
/* content Zone Styles
/*======================================================================================*/

.block-system{clear: both; float: none}
.boxed .block-system-main{padding: 0;}

/* Content region styles
/*-----------------------------------------------------------------------------------*/
#section-content {  padding: 0 }

/** Breadcrumbs **/
body div #breadcrumb{border:none; border-bottom: 1px solid #E8E8E8; padding: 0 0 5px;}
.breadcrumb{background:#FFFFFF; padding:2em 5px 5px; border-bottom: 1px solid #DAD3D3}
.breadcrumb .arrow
{
	background: url("../img/arrow-sprite.png") no-repeat scroll 0 -245px transparent;
	display: inline-block;
	height: 0.9em;
	line-height: 0.8em;
	text-indent: -9999em;
	width: 20px;
}
/** Page Title **/
#page-title {margin-top:1.125em;}
/** Tabs **/
.tabs{background: url("../img/reflect.png") repeat-x scroll 0 bottom; padding-bottom: 14px; margin: 2em 0;}
.tabs ul{display: block; background: url("../img/tabs-bg.gif") repeat-x left bottom transparent; margin-bottom: 0;}
.tabs ul.secondary
{
    margin-top: 10px;
    text-transform: lowercase;
}
.tabs ul.primary li,
.tabs ul.secondary li
{
    border-style: none;
    display: inline;
    float: left;
 /* LTR */
    list-style: none;
    margin: 0 10px;
    padding: 0;
    width: auto;
}

.tabs a
{
    background: none;
    border: none;
    color: #686A6B;
    display: block;
    float: left;
 /* LTR */
    margin: 0;
    padding: .8em .8em;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
}

.tabs a.active
{
    color: #333;
}

/** Front page slider **/ 
.block-front-slider-nivoslider{clear:both; padding-bottom: 14px; background: url(../img/reflect.png) repeat-x left bottom; margin-bottom: 1.2em;}
.block-front-slider-flexslider{clear:both; padding-bottom: 14px; background: url(../img/reflect.png) repeat-x left bottom; margin-bottom: 1.2em;}

#slider a.read-more {color: #fff !important; position: absolute; bottom: 15px; right: 20px; margin: 0}
#slider .metadata{text-shadow: none; padding: 0; margin: 1em 0 .5em}
#slider .item-body{padding: 0;color:#fff;margin:0;height: 100%;}

/** Article lists views **/
body div .block-articles-list-featured{margin-left: 0;}
body div .block-articles-list-recent{margin-right: 0;}

/** Recent Blog Roll **/
.block-recent-blog-roll-block li{ margin: 0 10px;}
.block-recent-blog-roll-block li.views-row-first{ margin-left: 0}
.block-recent-blog-roll-block li.views-row-last{ margin-right: 0}

.block-recent-blog-roll-block .views-field-field-image a{position: relative;}/** LTR **/
.block-recent-blog-roll-block .author{
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}
.block-recent-blog-roll-block .author span{
	background: url("../img/caption_bg.png") repeat scroll 0 0 transparent;
	display: block;
	margin: 3px;
	padding: 7px;
}
.block-recent-blog-roll-block .author {color: #fff}

/** Recent In Terms **/
.block-dh-recent-node-in-terms li{margin: 0; }
.block-dh-recent-node-in-terms .content-type{position: absolute; top: 0; }
.block-dh-recent-node-in-terms .recent-featured-article .content{margin-right: 0;}
.block-dh-recent-node-in-terms .block-title span.icon.multi-arrow{margin-top: 5px; margin-left: -5px}
.block-dh-recent-node-in-terms .marker{padding-right:.4em } /** LTR **/

.block-dh-recent-node-in-terms .more-link{float: left; margin: 10px 0}
body div .block-dh-recent-node-in-terms .related-nodes{margin-top: 20px; padding: 5px;}
.block-dh-recent-node-in-terms li.news-box{width: 50%; margin: 0;}
body div .block-dh-recent-node-in-terms li.news-box li{background-color : #fff; padding: 10px;} /** Body BG **/
.block-dh-recent-node-in-terms li.news-box.odd .item-list{background: url("../img/dottedvert.png") repeat-y scroll right top transparent;}
.block-dh-recent-node-in-terms li.news-box.odd .item-list ul{padding-right: 1px;}
.block-dh-recent-node-in-terms li.news-box ul{border: none; padding: 0}
body div .news-box h3{clear: none;}
body div .news-box .alignleft{margin-bottom: 0;}
.hover-fade:hover .content-type{z-index: -1} /**
.block-dh-recent-node-in-terms .more-link a{display: black; float: right;}

/** Default Node Content **/
.node .main-content h1,
.node .main-content h2,
.node .main-content h3,
.node .main-content h4,
.node .main-content h5,
.node .main-content h6{margin: 1.5em 0 .7em;}
.gplus {margin: 0 0 10px 10px;}/** LTR **/
.node-meta{background: url("../img/reflect.png") repeat-x scroll 0 bottom; padding-bottom: 14px;}
.node-meta .inner{padding:0; display: block; background: url("../img/tabs-bg.gif") repeat-x left bottom transparent; margin-bottom: 0;}
.node-meta li{display: block; float: left; padding: .5em .6em;} /** LTR **/

/** Node Links **/
.node-links li, .node-links span{display: block; float: left;} /** LTR **/
.node-links li{margin:10px 10px 10px 0}/** LTR **/

/** Node Image + Video **/
.node-image, .node-video{margin-bottom: 2em;}
body .video-caption {padding: 5px; margin: 10px 0;}
.video-caption .field{padding: 10px; background: #fff;}
/** node bottom links **/
.node-bottom-links{margin: 1em 0} /** LTR **/
.node-bottom-links a{display: block; float: right; margin-left: 10px;} /** LTR **/
/** Node taxonomy terms **/
body div .taxonomy-terms{background-position: center top; padding-top: 0; margin: 20px 0}
body div .taxonomy-terms .clearfix{padding-top: 10px;}
body div .taxonomy-terms .inner{padding-top: 0;}
.field-type-taxonomy-term-reference .field-label{margin-right: 10px;}
.field-type-taxonomy-term-reference a{padding-left: 20px; background: url("../img/small_icons.png") no-repeat  0 -368px; min-height: 16px; margin-right: 10px;/** LTR **/}
/** About Author Block **/
.author-social .follow-title, .author-social .follow-links{float: left; line-height: 1.8em; margin: 0;} /** LTR **/
.follow-title a{float: none}
.author-social span{display: none !important}
.author-social a{display: block; float: left;}

/** Node comments **/
.comment .left-column{ float: left; width: 12%; margin-top: 5em;}
.comment .right-column{ padding-left: 12%;	margin-left: 25px;}
.comment-inner {
    margin: 20px 0;
}
.indented .comment-inner {margin-left: 2em;}
.header-link a{float: right;}
.comment-links ul{float: right;}
.comment-links  li{float: right; margin-right: 10px;}
.comment-reply a{background: url("../img/small_icons.png") no-repeat left -604px; padding-left: 15px;}
.comment-inner{background: url("../img/bg-pattern.png") repeat-y scroll 5% 0 transparent}
.comment-form-wrapper{padding-top: 1.5em;}
/** Feed icon **/
.feed-icon-outter {padding: 2em 0}
.block-views .feed-icon .no-bg{display: none;}
.block-dh-recent-node-in-terms .term-rss .icon, 
.block-views .feed-icon .icon.rss{background-position: 0 -208px}

/** Node Teaser**/
.node-teaser{margin-bottom: 2em;} 
/* Aside region styles
/*-----------------------------------------------------------------------------------*/
.view-photo-in-news li.views-row
{
  float: left;
  display: inline;
  margin: 10px;
}
.view-photo-in-news li.views-row a
{
  display: display;
  float: left;
  margin: 0 1px;
}

/** block simpleads **/
.block-simpleads .block-inner{position: relative;}
.block-simpleads .block-title
{
	background: url("../img/ribbon.png") no-repeat scroll left center transparent;
	height: 25px;
	left: 10px;
	position: absolute;
	top: 20px;
	width: 100%;
}
.block-simpleads .block-title span{background-color: transparent;color: #FFFFFF;padding-left: 20px; line-height: 25px;/** Based On Ribbon Height **/}
.block-simpleads .header{margin: 0}

/** Mini Slider **/
.view-featured-content .hover-fade a{float: none; max-width: 100%}
.view-featured-content .hover-fade img{border: none; padding: 0}
.view-featured-content span.content-type{margin-left: 0}
.view-featured-content .featured-item-title{bottom: 0;position: absolute; width: 100%; margin: 0; background: url("../img/caption_bg.png") repeat scroll 0 0 transparent;}
.featured-item-title a{display: block; padding:10px 15px; color: #fff}


/* Quick tabs
/*-----------------------------------------------------------------------------------*/
.block-quicktabs {  margin-top: 15px }
.quicktabs_main
{
  clear: both;
  background: #f8f8f8 url("../img/bg-pattern.png");
  padding: 10px;
  border: 1px solid #E8E8E8;
  position: relative;
}
.block-quicktabs .block-title {  display: none }
.quicktabs-tabs li,
.quicktabs-tabs li a
{
  float: left;
  width: auto;
}

.quicktabs-tabs li.active a,
.quicktabs-tabs li.active a:focus
{
  background: #f8f8f8 url("../img/bg-pattern.png");
	color: #333;
  border: 1px solid #e8e8e8;
  border-bottom: none;
  position: relative;
	z-index: 2;
	margin-bottom: -1px;
  border-bottom-color: transparent;
	padding-bottom: 2;
}

.quicktabs-tabs li,
.quicktabs-tabs li a,
.flex-control-nav a
{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
/* tabs */
.quicktabs-tabs {  padding: 0 }
.quicktabs-tabs li a
{
  background: none;
  display: block;
  padding: 0 7px;
  text-transform: uppercase;
}
ul.quicktabs_tabs li a {  margin: 0 2px }
.quicktabs-tabs .inner
{
  padding: 0;
  border: none;
}
.block-quicktabs .inner .inner
{
  box-shadow: none;
  padding: 10px 15px;
}

.quicktabs-tabpage .block{padding: 0}
.quicktabs-tabpage li.views-row,
.view-archive li{margin: 0;color: #aaa;}

.view-archive li:last-child,
.quicktabs-tabpage li.views-row.views-row-last,
.block-dh-recent-node-in-terms li.news-box li.last{background-image: none;}

.block-node-bottom-quicktabs li.views-row{margin:0 10px; width: 22.90747967479675%; display: block; float: left;}
.block-node-bottom-quicktabs li.views-row-first{margin-left: 0}
.block-node-bottom-quicktabs li.views-row-last{margin-right: 0}
body div .block-node-bottom-quicktabs li img{margin: 0}

/* Categories
/*-----------------------------------------------------------------------------------*/
.view-categories li
{
  float: left;
  font-size: 11px;
	padding: 0;
}

.view-categories li a
{
  border: none;
  padding: 3px 7px;
  display: block;
  float: left;
  text-transform: capitalize;
}
/* Form Elements styling
/*-----------------------------------------------------------------------------------*/
form label,
form legend
{
  display: block;
  padding: 4px 0 2px;
}
.form-item{margin-bottom: 1.5em;}
label.option
{
  display: inline;
  padding: 0 2px;
  text-transform: capitalize;
}
form fieldset {  clear: both }
div.content-region .fieldset-wrapper {  padding-left: 28px }
div input.form-autocomplete {  background-position: 100% 8px }
div input.throbbing {  background-position: 100% -13px }
div.content-region .box fieldset
{
  border: 1px dotted #D8D8D8;
  border-bottom: none;
  background: #fff url("../img/dotted.png") repeat-x scroll center bottom;
}
div.content-region .box fieldset.collapsed { }
div.content-region .box input.form-submit {  margin-bottom: 15px }
fieldset.collapsible legend a
{
  display: block;
  padding-left: 20px;
  background: url("../img/arrow-sprite.png") no-repeat 0 -78px;
}
fieldset.collapsed legend a {  background: url("../img/arrow-sprite.png") no-repeat 0 -48px }
.box .form-item input,
.box .form-item select,
.box .form-item textarea {  max-width: 95% }
.resizable-textarea {  width: auto }
/* Advanced Search Criteria */
/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {  color: #999 }
.form-item input:hover,
.form-item input.hovered,
.form-item select:hover,
.form-item select.hovered,
.form-item textarea:hover,
.form-item textarea.hovered {  color: #333 }
/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox
{
  background: none;
  border: none !important;
  vertical-align: middle;
}

.form-checkboxes {margin-bottom: 15px;}
.form-item.form-type-checkbox
{
 	clear: both;
	min-height: 1%;
	overflow: hidden;
}

.form-item label.option,
.form-item .form-checkbox
{
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 20px;
}
.form-item .form-checkbox {  margin-top: 3px }

textarea,
input.form-text
{
  padding: 6px 4px;
  border: 1px solid #E5E5E5;
  width: 100%;
	height: 30px;
  line-height: 30px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; /* Firefox */
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; /* Safari, Chrome */
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; /* CSS3 */
}

textarea,
input.form-text{margin: 5px 0 10px;}
.form-item.form-type-checkbox, .form-item.form-type-radio {margin: 5px 0}
input.form-submit{margin-top: 10px;}

.grid16-6 input.form-text {  width: 280px }
textarea {  height: 6em }
select {  font-size: 1em }
input[type=text]:focus,
textarea:focus,
select:focus {  background-color: #fff }
input[type=submit],
button {  cursor: pointer }
.checbox,
.radio {  padding-top: 2px }

.checkbox label,
.radio label
{
  display: block;
  padding: 0 0 0 20px;
}

body button:focus,
body button:active,
body input:focus,
body input:active,
body select:focus,
body select:active,
body textarea:focus,
body textarea:active {
  -moz-box-shadow: #798089 0 0 7px;
  -webkit-box-shadow: #798089 0 0 7px;
  box-shadow: #798089 0 0 7px;
  z-index: 1; /* For Opera */
}
/*-----------------------------------------------------------------------------------*/
/* Primary Menu
/*-----------------------------------------------------------------------------------*/
/*** Superfish ESSENTIAL STYLES ***/
.superfish,
.superfish *
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.superfish 
{
  line-height: 1.0;
}

.superfish ul ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
}

.superfish ul ul li {width:			100%;}
.superfish li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.superfish li {
	float:			left;
	position:		relative;
}

.superfish a {
	display:		block;
	position:		relative;
}
.superfish li:hover ul,
.superfish li.sfHover ul {
  left: 0;
  top: 2.5em; /* match top ul list item height */
  z-index: 99;
}

.superfish li li:hover ul,
.superfish li li.sfHover ul
{
  left: 14em; /* match ul width */
  top: 0;
}

.superfish ul ul li:hover li ul,
.superfish ul ul li.sfHover li ul {
	top:			-999em;
}
.superfish ul ul li li:hover ul,
.superfish ul ul li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/** Main Menu specific styles **/
.main-menu
{
  clear: both;
  width: 100%;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	float: left;
}

body div .main-menu ul{padding: 10px 0 0;}
body div .main-menu ul ul {  padding: 0; 	min-width: 14em;}

body div .main-menu li:hover ul,
body div .main-menu li.sfHover ul {
  top: 2.7em; /* match top ul list item height */
}

body div .main-menu li li:hover ul,
body div .main-menu li li.sfHover ul
{
  top: 0;
}

.main-menu a
{
  border-right: 1px solid #fff;
  padding: .85em 1.25em;
  text-decoration: none;
}

.main-menu ul.menu a
{
	background-image: url("../img/button_overlay.png"); 
	background-repeat: repeat-x;
  color: #D4D4D4;
  border: none;
  padding: 10px 15px 9px;
	background-position: 0 -4px;
}

.main-menu li {  /*background: #BDD2FF;_NO__DOTCOMMA__AFTER__*/ }
.main-menu ul li.expanded a.sf-with-ul {  background-image: url("../img/gray_arrow.png"); background-repeat: no-repeat; background-position: 95% center }
/*** arrows **/
.main-menu a.sf-with-ul{ min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
/* point right for anchors in subs */
.main-menu ul .sf-sub-indicator {  background-position: -10px 0 }
.main-menu ul a > .sf-sub-indicator {  background-position: 0 0 }
/* apply hovers to modern browsers */
.main-menu ul a:focus > .sf-sub-indicator,
.main-menu ul a:hover > .sf-sub-indicator,
.main-menu ul a:active > .sf-sub-indicator,
.main-menu ul li:hover > a > .sf-sub-indicator,
.main-menu ul li.sfHover > a > .sf-sub-indicator
{
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/** Ends Here **/
.sf-sub-indicator
{
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em; /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
}
a > .sf-sub-indicator
{
  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator
{
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {  padding: 0 8px 9px 0 }
.sf-shadow ul.sf-shadow-off {  background: transparent }
/*-----------------------------------------------------------------------------------*/
/* Aside Region Styles
/*-----------------------------------------------------------------------------------*/
.region-sidebar-first { }
.region-sidebar-second { }
.region-sidebar-first .block,
.region-sidebar-second .block { }
body .region-sidebar-first .block:last-child,
body .region-sidebar-second .block:last-child { }
body .region-sidebar-first section:first-child,
body .region-sidebar-second section:first-child {}
/*-----------------------------------------------------------------------------------*/
/* Simplenews block
/*-----------------------------------------------------------------------------------*/
.block-dh-block-newsletter fieldset
{
  margin: 0;
  padding: 0;
  border: 0;
}
body div .block-dh-block-newsletter #edit-update {float: none; clear: both; margin-top: 1em;}
.block-dh-block-newsletter label.option {  color: #494949 }
.block-dh-block-newsletter form {  margin-bottom: 20px }
.block-dh-block-newsletter form .form-submit{width: 47%;}
.block-dh-block-newsletter form #edit-unsubscribe {  float: right }
.block-dh-block-newsletter .follow-links {  padding-top: 25px }

.block-dh-block-newsletter .follow-links li a
{
  display: block;
  background: transparent none;
  padding: 0;
  height: 24px;
}
.follow-links a span.title
{
  display: block;
  float: left;
  font-weight: normal;
}
.follow-links a span.icon
{
  float: right;
  height: 24px;
  width: 24px;
  background: url("../img/social-icons-dark.png") no-repeat;
  clear: none;
  margin: 0;
  padding: 0;
}
.follow-links li a:hover {  text-decoration: underline }
.follow-links span.icon.facebook {  background-position: 0 -168px }
.follow-links span.icon.twitter {  background-position: 0 -600px }
.follow-links span.icon.youtube {  background-position:  0 -696px}

.follow-links span.icon.newsletter {  background-position: 0 -144px}
.follow-links span.icon.vimeo {  background-position: 0 -624px }
.follow-links span.icon.this-site {  background-position: 0 -480px }
.follow-links span.icon.virb {  background-position: 0 -624px }
.follow-links span.icon.myspace {  background-position: 0 -384px }
.follow-links span.icon.picasa {  background-position: 0 -432px }
.follow-links span.icon.flickr {  background-position: 0 -216px }
.follow-links span.icon.lastfm {  background-position: 0 -720px }
.follow-links span.icon.virb {  background-position: 0 -744px }
.follow-links span.icon.linkedin {  background-position: 0 -768px }
.follow-links span.icon.delicious {  background-position: 0 -24px }
.follow-links span.icon.tumblr {  background-position: 0 -576px }

/** Search block **/
.block-search{text-align: right;} /** LTR **/
.block-search .form-text{width: 70%; float: left;}
.block-search .form-submit{width: 26%; margin-top: 5px;}
.region-branding .block-search-form{margin-top: 20px}

/** Search result page **/
#search-form
{
	padding: 10px;
	margin: 0;
	background: #fff;
}
.search-advanced .fieldset-wrapper
{
	padding: 1em;
}

#search-form #edit-keys
{
	display: block;
	width: 97.5%;
}

.search-results p
{
	margin-bottom: 1em;
}

/* Profile Module
-------------------------------------------------------------- */
.profile h3{margin: 1em 0 .5em;}
.profile .user-picture{width: 15%;}
.profile .user-picture a{float: left; margin-right: 15px;}
.profile h3, .profile .user-profile-category, .profile .field{margin-left: 15%;}
.profile .field-label{float: left;}
.profile dd.user-profile-item{margin-left: 1em;}
.profile .field-label, .profile dd.user-profile-item{font-style: italic; margin-right: .5em;}


/*======================================================================================*/
/* Misc Styles
/*======================================================================================*/
/** uiToTop jquery pluign **/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	z-index: 1000;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/** No Category **/
body .filter-help a {padding: 0 20px 0 0}
/** No Padding + no margin **/
body div .quicktabs-tabs li,
#comments .comment {padding: 0; margin: 0;}

/** No Margin **/
.no-margin,
.site-utils li,
.header-link,
.block-dh-block-newsletter .follow-links li
{margin: 0}

/** No Padding **/
.tabs ul,
.no-padding,
.node-links ul,
.inline-list ul,
.superfish ul,
ul.action-links,
.follow-links ul,
.comment-links ul,
.view-categories ul,
.view-photo-in-news ul,
.toggle_content .block,
.view-photo-in-news li,
.view-featured-content .views-row,
.block-recent-blog-roll-block li,
body div .block-dh-recent-node-in-terms,
.block-dh-recent-node-in-terms .item-title,
.block-dh-recent-node-in-terms li{  padding: 0 }

/** No Float + Clear **/
#slider .item-body, .block-recent-blog-roll-block{ clear: both; float: none;}


/** Image Styles **/
body div .hover-fade img
{
  padding: 2px;
  background-color: #F8F8F8;
  border: 1px solid rgba(0, 0, 0, 0.08);
	max-width: 99.03921568627451%;
}

aside .quicktabs-tabpage .hover-fade{margin-right: 10px}

/** Image Style - hover effect **/
.hover-fade a:hover img
{
  border-color: #222;
  background: #333;
}

.block-dh-recent-node-in-terms .field-image,
.views-field-field-image{margin-left: 0; position: relative;}

/** Left Floating **/
.alignleft,
.news-box,
.branding-data,
.form-radio,
#print-mail-form .form-submit,
.form-checkboxes .form-checkbox,
.block-dh-block-newsletter form .form-submit{float: left } /** LTR **/

/** Center Floating **/
.aligncenter
{
	float: none;
	margin: 0 auto;
}

/** Right Floating **/
.gplus,
.alignright,
.region-branding .block-search-form{float: right }


/** Zebra Bordered - Boxed Contents **/
.boxed,
#breadcrumb,
.video-caption,
.related-nodes,
.block-dh-block-newsletter,
.view-author-information,
.block-simpleads .block-inner,
.block-dh-recent-node-in-terms .related-nodes{
  background: url("../img/bg-pattern.png") repeat scroll 0 0 #F8F8F8;
  padding: 10px;
  border: 1px solid #E8E8E8;
}

body div .block.boxed {padding: 10px; margin: 0}
.boxed .content,
.boxed .block-inner,
.quicktabs-tabpage .block-inner,
.block-dh-block-newsletter .block-inner
{
  background: #fff;
  margin: 0;
  padding: 10px;
}

.block-dh-block-newsletter p,
form p.message
{
  color: #999;
  padding: .5em 0 .7em;
}
/** Icons **/
span.icon
{
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-image: url("../img/small_icons.png");
  background-repeat: no-repeat;
	padding: 0;
}

span.icon.print-mail {  background-position: 0 -304px }
span.icon.printer {  background-position: 0 -240px }
span.icon.pdf {  background-position: 0 -463px }
span.icon.statistics {  background-position: 0 -336px }
span.icon.user_blog {  background-position: 0 -48px }
span.icon.comment_add {  background-position: 0 -176px }
span.icon.comment_view {  background-position: 0 -112px }
span.icon.comment_new {  background-position: 0 -399px }
span.icon.tag {  background-position: 0 -368px }
span.icon.rss {  background-position: 0 -432px }
span.icon.node_read_more {  background-position: 0 -272px }
span.icon.add_blog_entry {  background-position: 0 -80px }
span.icon.alert {  background-position: 0 -575px }
span.icon.home {background-position:0 -200px;}

span.icon.multi-arrow {  background-image:url("../img/arrow-sprite.png"); background-position: 0 -310px}

/** Content type icons **/
body span.content-type{position: absolute; top: 0; background: url(../img/vid-pho.png) no-repeat; height: 38px; width: 44px; margin: 15px 3px 0; text-indent: -9999em; display: block;}
body span.content-type.article{background-position:-61px 0}
body span.content-type.video{background-position: -161px 0;}
body span.content-type.blog{background-position: -213px 0;}
.title span.content-type{position: inherit; margin: 0 5px 0 0}
/** Meta Data **/
.meta-sep{padding: 0 5px}

/** More Link **/
.more-link {
	display: block;
	float: right;
	margin: 10px;
}

/** Transitions **/
a,
.fade-btn,
a.button_link,
.form-submit
{
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.header-link a .icon,
.follow-links a .icon
{
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-out;
}

body div .hover-fade img
{
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

/** Buttons **/
th,
.more-link a,
body .form-submit,
.mobileMenu,
ul.action-links a,
.button_link,
.fancy_button,
.view-categories a,
.item-list .pager li a
{
  background-image:url("../img/button_overlay.png");
  background-repeat:repeat;
  padding: .6em 1em;
  text-align: center;
  border-width: 1px;
	border-style: solid;
  border-radius: 11px;
	moz-border-radius:11px;
	-webkit-border-radius: 11px;
  color: #fff;
  text-shadow: none;
  font-weight: normal;
	width: auto;
	outline: 0;
  overflow: visible;
}

.more-link a,
body .form-submit,
ul.action-links a,
.button_link,
.fancy_button,
.item-list .pager a
{
	display: inline-block;
}

.action-links a:hover,
.button_link:hover,
input.form-submit:hover,
.more-link a:hover,
.item-list .pager a:hover
{
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=70);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.7;
}

.comment,
.node-teaser,
.teaser_normal,
.search-result,
.teaser_large,
.view-archive li,
.node-bottom-links,
.quicktabs-tabpage li.views-row,
.block-articles-list-recent li,
.block-articles-list-featured li,
.block-dh-block-newsletter .follow-links li,
.block-dh-recent-node-in-terms li.news-box li
{
  background: url("../img/dotted.png") repeat-x center bottom;
  padding: 10px 0;
}

/** Header box **/
.view-most-recent-video h3,
.block-node-bottom-quicktabs h3,
.block-recent-blog-roll-block h3,
.block-dh-recent-node-in-terms h3{padding-top: 10px;}

/** No transition **/
.navigation ul a,
.quicktabs-tabs li,
.quicktabs-tabs li a,
.flex-control-nav a,
.flex-direction-nav a,
.nivo-directionNav a,
.nivo-controlNav a
{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}

/** No Display **/
label.labelifyed{display: none;}
label.option.labelifyed{display: inline-block;}

/** No background - Removing list style bullets **/
body div .no-bg,
.site-utils li,
.author-social li,
.view-categories li,
.item-list .pager li,
.block-title.comment-form,
.view-id-photo_in_news li,
.view-recent-blog-roll li,
.block.boxed .block-title,
.block-dh-recent-node-in-terms li,
.block-dh-block-newsletter .block-title,
body .block-node-bottom-quicktabs li.views-row
{background: none;}

/** Floated + Block Level **/
.comment-reply a,
.site-utils li .sep,
.follow-links-small li a,
.field-type-taxonomy-term-reference .field-label,
.field-type-taxonomy-term-reference .field-items,
.field-type-taxonomy-term-reference .field-item,
.field-type-taxonomy-term-reference a
{
  display: block;
  float: left;/** LTR **/
}

/**	Follow-links-small **/
.follow-links-small li{padding: 0 2px;float: left;display: block; margin: 0;}
.follow-links-small a.follow-link
{
  width: 16px;
  height: 16px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url("../img/social-icons-mini.png");
  background-repeat: no-repeat;
	margin-left: 5px;
}

.follow-links-small a.follow-link-facebook {  background-position: 0 0 }
.follow-links-small a.follow-link-twitter {  background-position: 0 -21px }
.follow-links-small a.follow-link-youtube {  background-position: 0 -42px }
.follow-links-small a.follow-link-virb {  background-position: 0 -63px }
.follow-links-small a.follow-link-myspace {  background-position: 0 -84px }
.follow-links-small a.follow-link-picasa {  background-position: 0 -105px }
.follow-links-small a.follow-link-flickr {  background-position: 0 -126px }
.follow-links-small a.follow-link-vimeo {  background-position: 0 -147px }
.follow-links-small a.follow-link-bliptv {  background-position: 0 -168px }
.follow-links-small a.follow-link-lastfm {  background-position: 0 -189px }
.follow-links-small a.follow-link-linkedin {  background-position: 0 -210px }
.follow-links-small a.follow-link-delicious {  background-position: 0 -231px }
.follow-links-small a.follow-link-this-site {  background-position: 0 -273px }
.author-job .sep, .site-utils li .sep {  color: #9d9d9d; padding: 0 5px;}

/** Transparency  **/
.header-link a .icon,
.block-views .feed-icon .rss,
.follow-links .follow-link,
.follow-links-small a.follow-link,
.hover-fade:hover span.content-type,
.view-recent-blog-roll a:hover .author,
.block-dh-recent-node-in-terms .term-rss .icon
{
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

.header-link a:hover .icon,
.follow-links-small a:hover,
.follow-links a:hover,
.hover-fade span.content-type,
.block-views .feed-icon a:hover .rss,
.block-dh-recent-node-in-terms .term-rss a:hover .icon
{

	/* Older than Firefox 0.9 */
	-moz-opacity:1;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 1;
}

/** Custom Margins **/
.block-dh-recent-node-in-terms h3{margin-bottom: .8em;}

.news-box h3,
.comment header h3,
.quicktabs-tabpage h3,
.view-articles-list h3{margin-bottom: 5px;}

.item-body,
.author-bio,
figcaption,
.comment-body{margin-top: 10px;}

.author-avatar,
.view-categories li,
.news-box .alignleft{margin: 0 10px 10px 0}

/** multi submit button **/
.button_link, 
#print-mail-form .form-submit{margin: 5px 10px 5px 0;}

/** Custom Paddings **/
.zone-user section, .zone-user .block,
.zone-bottom-bar section, .zone-bottom-bar .block{  padding: 7px 0 }

.comment-form .form-actions input{float: left; margin-right: 10px;}
.boxed .block-inner .content{padding: 0; background: transparent;}

body .hover-fade a{
	background-image: url('../img/link.png');
   -moz-box-shadow:    inset 0 0 30px #000000;
   -webkit-box-shadow: inset 0 0 30px #000000;
   box-shadow:         inset 0 0 30px #000000;
}

/** Lightbox **/
body div a.lightbox-processed,
.hover-fade a{display: block; float: left; background: #111 url('../img/preview.png') no-repeat center center; max-width: 100%}
.small-size a.lightbox-processed {background-image:url('../img/preview-small.png')}

/** Figure box**/
body div figure .boxed { padding: 5px;}
figure .boxed p{margin: 0;}
figure .boxed .content{ padding: 0;}
figure .boxed .img-wrapper { float: none; max-width: 100%;overflow: visible;}
figure .boxed .img-wrapper img{border: none; padding: 0; max-width: 100% }
figure .boxed figcaption{margin: 0; padding: 10px;background: #fff url("../img/dotted.png") repeat-x scroll center top;}

/** No List Style **/
.superfish ul,
ul.slides, 
ul.action-links {list-style: none;}

/** No border radius **/
th{
	moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius: 0;
}

/** Relative positioning **/
.block-inner,
.comment-wrapper,
.view-featured-content .content-top{position: relative;}

/** Absolute positioning - toolbox style**/
.author-social,
.block-views .feed-icon a,
.comment-wrapper .header-link a,
.block-dh-recent-node-in-terms .term-rss a{position: absolute; top: -16px; right: 0}

/** Bordered anchors **/
blockquote a, p a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	padding-bottom: 1px;
}

/** Grayed anchors **/
.author-social, 
.breadcrumb a,
.comment-links a,
.quicktabs-tabs li a,
.metadata, .metadata a,
.header-link a,
.node-bottom-links a
{
	color: #999999;
}
/** Border Radius **/
textarea,
input.form-text
{
  border-radius: 5px;
	moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/** Responsive text **/
.responsive-text {display: inline-block; width: 100%}

/** Admin menu **/
html body.admin-menu { 
	margin-top: 0px !important;
	padding-top: 30px !important;
}

/** Pager **/
.item-list .pager
{
	margin-top: 2em;
	clear:both;
	text-align:left;
}

.item-list .pager li
{
    float: left;
    margin:0 .5em 0 0;
    padding: 0;
}
.item-list .pager a {background-position: 0 0}
.item-list .pager-current
{
	font-weight: normal;
	padding: 0.3em 0.7em !important;
}