/*
Theme Name: Clandenstino
Theme URI: blueprintds.com
Description: 
Author: Blue Print
Author URI: http://blueprintds.com
Tags: two columns, widgets, CMS, corporate, company


*/

/* Include navigation css */
@import url('layout/css/nav.css');



body {
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	background-color: #000;
	color: #CCC;
}



/* STANDARD TYPOGRAPHY */

p {
	font-weight:normal;
	margin: 12px 0;
	line-height:160%;
	text-align: left;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {margin: 5px 0; font-weight: normal; line-height: 100%; text-align: left; }

h1 {font-size: 30px;}

h2 {font-size: 25px}

h3 {font-size: 15px}

h4 {font-size: 14px}

h4 {font-size: 13px}

h5 {font-size: 12px}

h6 {font-size: 11px}

#content ol, #full-width-content ol {
	list-style-type:decimal;
	list-style-position:outside;
	padding:0 0 15px 25px;
}

#content ul, #full-width-content ul {
	list-style-position:outside;
	padding:0 0 15px 0;
}

#content ul li, #full-width-content ul li {
	padding: 0 0 0 25px;
}

#content blockquote, #full-width-content blockquote {
	font-size: 13px;
	font-style: italic;
	margin: 10px 0;
	padding: 5px 0 5px 10px;
}

#content a img, #content img, #full-width-content a img, #full-width-content img {
	padding: 5px;
	border: none;
}

#content a:hover img, #full-width-content a:hover img {
	padding: 0;	
}

#content img.alignright, #full-width-content img.alignright {float:right; margin:0 0 5px 10px}

#content img.alignleft, #full-width-content img.alignleft {float:left; margin:0 10px 5px 0}

#content img.aligncenter, #full-width-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#content a img.alignright, #full-width-content a img.alignright {float:right; margin:0 0 5px 10px}

#content a img.alignleft, #full-width-content a img.alignleft {float:left; margin:0 10px 5px 0}

#content a img.aligncenter, #full-width-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.portfolio-image {
	position: relative;
}

.portfolio-image img {
	display: block;
	position: relative;
	z-index: 2;
}

.portfolio-image a.lightbox {
	display: block;
	position: relative;
}

.portfolio-image .post-enlarge {
	width: 680px;
	height: 275px;
	background: url(layout/images/enlarge.png) 210px 65px no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


/* CLASSES */

.small { font-size: 11px }
.clear { clear:both }
.full-width { width: inherit }
.pages { display:none }





/* Standard Clandestino Specific Styles */



/* STANDARD TYPOGRAPHY */


a {
	color: #686868;
	text-decoration: none;
}

a:hover {
	color: #67a7c4;
	text-decoration: underline;
}




#content blockquote, #full-width-content blockquote {
	border-left: 3px solid #666;
}

#content a img, #content img, #full-width-content a img, #full-width-content img {
	background: #FFFFFF;
}

#content a:hover img, #full-width-content a:hover img {
	border: 5px solid #cccccc;	
}

/* CLASSES */

a.btn-slide {
	background-image: url('layout/images/connect-button.png');
}

a.active { 
	background-image: url('layout/images/connect-button.png');
}

/* HEADER */

#header {
	background-image: url(layout/images/header-menu.png);
	background-repeat: repeat-x;
	background-position: center 0;
	background-color: #181818;
}

#header-inner {
	background-color: #171717;
	background-image: url(layout/images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#header-inner h1 {
	background: url('layout/images/logo.png') no-repeat;	
}

#social-content {
	background: url('layout/images/connect-panel.png') no-repeat;	
}

/* MAIN MENU */


#menu li {
	background: url('layout/images/menu-divider.png') right top no-repeat; 
}

#menu li.menu-home a:focus, #menu li.menu-home a:hover, #menu li.menu-home a:active {
	background: url('layout/images/main-bg-buttons.png') 0 0 no-repeat;
}

#menu a:focus, #menu a:hover, #menu a:active {
	background: url('layout/images/main-bg-buttons.png') 0 -38px repeat-x;
}

#menu li a, #menu a:visited  { /* visited pseudo selector so IE6 applies text color */
	color: #ffffff;
}

#menu li ul {
	background: #686868;
	border-top: 1px solid #333;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-left: -1px;
}

#menu li ul ul {
	border: 1px solid #45768c;
}

#menu li li a {
}

#menu li li a:focus, #menu li li a:hover, #menu li li a:active {
	background: #999;
}

#menu li li a, #menu li li a:visited {
	color: #FFFFFF;
}

.sf-sub-indicator {
	background:		url('layout/images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

/* MAIN SECTION */

#main {
	background: #000;
	
}

#footer {
	background-color: #171717;
	background-image: url(layout/images/footer.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 55px;
	margin: 0px;
	font-size: 10px;
}

.foot-heading { color: #fff; margin-top: -35px; text-align: center; }
.foot-heading h2 { color: #fff; font-size: 34px; padding-bottom: 15px; text-align: center;  }
.foot-heading h2 strong { font-weight:bolder; }
#footer-box-container { background: #000; padding: 15px 0px 25px; }

#footer-box-container ul.jaybich-recent-posts, #footer-box-containe li { list-style: none; }

#footer-box-containe li { border-bottom: color: #666 1px solid; }

#footer-box-container h2 { color: #fff; }

#home-display {
	background: #ffffff;	
}

#home-slogan {
	background-color: #ffffff;
}

.home-box, .portfolio-box {
	background-color: #ffffff;	
}

.widget span.post-title  { color: #d59267; font-weight: bold; display: block; }

.widget span.post-date { color: #fff; } 

.twitter_div {
	background-image: url(layout/images/twitter.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 35px;
}

a.twitter-follow { margin-top: -25px; color: #d59267; }

.twitter_div span { color: #d59267; font-weight: bold; display: block; }

.twitter_div span a { color: #fff; font-weight: normal; }
.twitter_div a  { color: #d59267; }

#home-box-container { margin: 20px 0px 10px; }
#home-box-container h2, .home-box h2, .pad h2 { color: #666; }

/* FOOTER ELEMENTS */

.footer-box {
	/* background-color: #f2f2f2;*/
}

/* BLOG */

#content .entry img {
	background: #ffffff;
}

/* COMMENTS */

.comment-left img {
	border: 5px solid #FFFFFF;
}

.comment-right-inner {
	background-color: #ffffff;	
}

#respond #submit:hover {
	background-color: #45768c;
}

#respond {
	background-color: #ffffff;
}

#respond input, #respond textarea {
	background-color: #f2f2f2;
	color: #666;
	border: 1px solid #b9b9b9;
}

#respond #submit:hover {
	background-color: #b9b9b9;
}

/* CONTACT FORM */

#contact {
	background-color: #ffffff;
}

#contact input, #contact textarea {
	background-color: #f2f2f2;
	color: #666;
	border: 1px solid #b9b9b9;
}

#contact #submit:hover {
	background-color: #b9b9b9;
}

/* PAGE NAVI PLUGIN */

.wp-pagenavi a, .wp-pagenavi a:link {
	border: 1px solid #ffffff;
	color: #46768b;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
.wp-pagenavi span.current {
	border: 1px solid #ffffff;
	color: #46768b;
	background-color: #ffffff;
}

/* All ROUNDED CORNER BOXES */

.corner {
	background-image: url('layout/images/corners.png');
}

/* SIDEBAR */

#sidebar .widget {
	background-color: #ffffff;
}

#sidebar .widget li a {
	background-image: url('layout/images/submenu-bullet.png');
}

#sidebar .widget li a:hover {
	color: #333;
}
/* ADD ONS */

/* Homepage Slideshow */

#slideshow-nav {
	background-color: #fff;	
}

#slideshow-nav li a {
	background-image: url(layout/images/slideshow-nav.png);
}


/* HEADER */

#header {
	height: 220px;
}

#header-inner {
	margin: auto;
	width: 972px;
	height: 175px;
	position: relative;
}

#header-right {
	margin: 0px auto;
	width: 972px;
	height: 245px;
	position: relative;
	background-image: url(layout/images/leaf-overlay.png);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: visible;
	z-index: 55;
	}

#header-inner h1 {
	position: absolute;
	top: 0px;
	left: 10px;
	margin-left: 10px;
	
}

#header-inner a#logo {
	text-indent: -99999px;
	display: block;
	width: 522px;
	height: 176px;
	padding-left: 25px;
/*	margin-top: -76px;*/
}

#openCloseIdentifier {
	display: none;	
}

#social {
	position: absolute;	
	top: -46px;
	/* top: 0; <- Moves here on animation, uncomment if you want to test without javascript or jQuery. */
	right: 6px;
}

#social-content {
	height: 46px;
	width: 294px;
	float: right;
}

#social-content ul {
	float: right;
	margin-right: 3px;
}

#social-content li {
	float: left;
	padding: 5px 2px;
	display: inline;
}

#social-content a#rss {
	background: url('layout/images/social/rss.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#facebook {
	background: url('layout/images/social/facebook.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#twitter {
	background: url('layout/images/social/twitter.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#flickr {
	background: url('layout/images/social/flickr.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#linkedin {
	background: url('layout/images/social/linkedin.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#myspace {
	background: url('layout/images/social/myspace.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#youtube {
	background: url('layout/images/social/youtube.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#digg {
	background: url('layout/images/social/digg.png') 0 2px no-repeat;
	width: 32px;
	height: 34px;
	display: block;
	text-indent: -99999px;
}

#social-content a#rss:hover, #social-content a#facebook:hover, #social-content a#twitter:hover, #social-content a#flickr:hover, #social-content a#linkedin:hover, #social-content a#myspace:hover, #social-content a#youtube:hover, #social-content a#digg:hover {
	background-position: 0 0;	
}

#social-tab { /* No styles needed. */ }

a.btn-slide {
	display: block;
	width: 106px;
	height: 20px;
	float: right;
	background-repeat: no-repeat;
}

a.btn-slide:hover {
	background-position: 0 -20px;
}

a.active {
	background-repeat: no-repeat;
	background-position: 0 -40px;
}

a.active:hover {
	background-position: 0 -60px;	
}

#main {
	overflow: hidden;
	padding-bottom: 10px;
	z-index:1; 
	position: relative;
}

#main-inner {
	margin: auto;
	padding-top: 15px;
	width: 960px;
	overflow: hidden;
	min-height: 350px;
	text-align: left;
}

#main-inner h2.title {
	font-size: 30px;
	margin-left: 10px;	
	color: #fff;
}

/* HOMEPAGE ELEMENTS */

#home-display {
	padding: 10px;
	margin: 0 10px 10px 10px;
}

#home-slogan {
	font-size: 23px;
	/* width: 940px; */
	margin: 0 10px 10px 10px;
	line-height: 1.4;
	position: relative;
	padding: 10px 20px 10px 20px;
}

#home-box-containter {
	padding-bottom: 10px;
}

.home-box {
	width: 300px;
	margin: 0 10px;
	float: left;
	text-align: left;
	position: relative;
	overflow: hidden;
	display: inline;
}

#main-inner .home-box h2 {
	font-size: 19px;
	margin: 0;
}

.home-box p, .home-box ul {
	padding: 3px 0;
	margin: 12px 0;
	color: #333
}

.home-box .pad {
	padding: 20px;
}

/* FOOTER ELEMENTS */


#footer-box-container {
	width: 960px;
	margin: 0px auto 5px;
	
}

.footer-box {
	width: 220px;
	margin: 0 10px;
	float: left;
	text-align: left;
	position: relative;
	overflow: hidden;
	font-size: 11px;
	display: inline;
}

.footer-box h2 {
	font-size: 19px;
	margin: 0;
}

.footer-box p, .footer-box ul {
	padding: 3px 0;
	margin: 12px 0;
	color: #fff; 
}

.footer-box a { color: #D59267; }

.footer-box .pad {
	padding: 0 20px;
}

.copyright {
	margin: 0px auto;
	width: 960px;
	padding: 0 0 10px 0;
	text-align: right;
}

/* ALL ROUNDED CORNER BOXES */

.rounded-10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
} 

.rounded-5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
} 

/* PORTFOLIO */

.portfolio-row {
	clear: both;
	overflow: hidden;
}

.portfolio-box {
	width: 300px;
	margin: 10px;
	float: left;
	text-align: left;
	position: relative;
	overflow: hidden;
	display: inline;
}

.portfolio-box h3 a {
	text-decoration: none;	
}

.portfolio-box h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
}

.portfolio-box p {
	padding: 0
}

.portfolio-box .pad {
	padding: 20px 20px 10px 20px;
	min-height:  350px;
	color: #000;   
}

.portfolio-box img {
	display: block;
	position: relative;
	z-index: 2;
}

.portfolio-box a.lightbox {
	display: block;
	position: relative;
}

.portfolio-box .enlarge {
	width: 260px;
	height: 125px;
	background: url(layout/images/enlarge.png) no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* NEWS PAGE */

.featured-news {
	padding: 10px 10px 10px 0;
}

.featured-news h2 {
	font-size: 20px;
}

.featured-news h2 a {
	text-decoration: none;
}

.news-article {
	float: left;
	width: 330px;
	margin: 10px 10px 10px 0;
}

.news-article h2 {
	font-size: 15px;	
}

.news-article h2 a {
	text-decoration: none;
}

/* BLOG */

.author-box {
	font-size: 11px;
}

.comments-link {
	padding-left: 18px;
	background: url('layout/images/comment.gif') no-repeat;
}

.entry {
	margin: 0;
	padding: 10px 0;
}

.entry h3 {
	margin-top: 0;
	font-size: 17px;
}

.entry h3 a {
	text-decoration: none;	
}

.entry img {
	float: left;
	margin: 10px 10px 10px 0;
	display: inline;
}

.entry p {
	font-size: 13px;
}

/* COMMENTS */

#comments-wrap {
	padding-top: 10px;
}

#comments-wrap a.name {
	text-decoration: none;	
}

#comments-wrap ol.commentlist {
	padding-left: 0;	
}

#comments-wrap ol ul.children {
	padding-left: 80px;
	padding-top: 10px;
}

#comments-wrap ol ul.children li {
	background-image: none;
	padding: 0;
}

#comments-wrap ol ul.children li.comment {
	padding: 0;
	background-image: none;
}

#comments-wrap li {
	padding: 5px 0;
	list-style: none;
}

.comment-left {
	float: left;
	width: 12%;
	display: inline;
}

.comment-right {
	float: left;
	width: 88%;
	display: inline;
}

.comment-right-inner {
	padding: 15px;
}

.comment-right .name {
	font-size: 20px;	
}

.reply-link {
	padding-left: 18px;
	background: url('layout/images/reply.png') no-repeat;
}

#respond {
	margin-top: 20px;
	position: relative;
}

#respond .pad {
	padding: 20px;
}

#respond label.error {
	color: #990000;
	padding: 5px 0;
	margin-left: 100px;
	display: block;
	width: 300px;
	font-size: 11px;
}

#respond h3 {
	margin-bottom: 20px;	
}

#respond fieldset {
	margin-bottom: 10px;
}

#respond input, #respond textarea {
	padding: 5px;
}

#respond textarea {
	width: 350px;
	height: 200px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
}

#respond legend {
	padding: 0 2px;
	font-weight: bold;
}

#respond label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

#respond fieldset ol {
	margin: 0;
	padding: 0;
}

#respond fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

#respond label {
	width: 95px; /* Width of labels */
}

#respond #submit {
	cursor: pointer;
	padding: 5px 10px;
}


/* CONTACT FORM */ 

#contact {
	position: relative;
	padding: 20px;
}

#contact #sent {
	display: none;
}

#contact h3 {
	margin-bottom: 20px;	
}

#contact label.error {
	color: #990000;
	padding: 5px 0 5px 90px;
	display: block;
	font-size: 11px;
}

#contact fieldset {
	margin-bottom: 10px;
}

#contact input, #contact textarea {
	padding: 5px;
}

#contact textarea {
	width: 350px;
	height: 200px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
}

#contact legend {
	padding: 0 2px;
	font-weight: bold;
}

#contact label.name {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

#contact fieldset ol {
	margin: 0;
	padding: 0;
}

#contact fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

#contact label.name {
	color: #666;
	width: 85px; /* Width of labels */
}

#contact #submit {
	cursor: pointer;
	padding: 5px 10px;
}

.honeypot {
	display: none;
}

/* WIDGETS GENERAL */

.widget ul {
	padding: 0 0 0 0px;	
}

.widget ul li {
	list-style: none;
	border-bottom: #666 1px solid; 
	padding: 3px 0px;
}

.twitter_div ul li {
	border: none;	
	
}


.widget ul li a {
	display: block;
	padding: 5px 0;
}

.widget ul#twitter_update_list li a {
	display: inherit;
}

/* 2 COLUMN LAYOUT */

#sidebar {
	float: left;
	width: 220px;
	margin: 0 10px;
	overflow: hidden;
	display: inline;
}

#content {
	float: left;
	width: 700px;
	margin: 0 10px;
	overflow: hidden;
	
}


#content a { color:#D59267; }

#main-inner #content h2.title {
	margin-left: 0px;
	font-size: 30px;
	color: #fff;
}

/* SINGLE COLUMN LAYOUT */

#full-width-content {
	margin: 0 10px;
}

#main-inner #full-width-content h2.title {
	margin-left: 0px;
	font-size: 30px;
}

/* SIDEBAR */

#sidebar .widget {
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
}

#sidebar .widget p {
	font-size: 11px;
}

#sidebar h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
}

#sidebar .widget li a {
	padding: 3px 0px 3px 15px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 center;
	text-decoration: none;
}

#sidebar .widget li a:hover {
	text-decoration: none;
}

#sidebar .current_page_item {
	font-weight: bold;
}

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

#sidebar .widget li {
	list-style: none;	
}

#sidebar .widget ul ul {
	padding: 0 0 0 10px;
	margin-left: 2px;
}

/* ADD ONS */

/* Homepage Slideshow */

#slideshow-wrapper {
	width: 920px;
	height: 300px;
	position: relative;
	overflow: hidden;
}

#slideshow {
	z-index: 1;
}

#slideshow-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 5px;
	z-index: 2;
}

#slideshow-nav li {
	float: left;
	display: inline;
}

#slideshow-nav li a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	margin: 0 1px;
	padding: 0;
	background-position: 0 0;
	width: 13px;
	height: 13px;
}

#slideshow-nav li a:hover, #slideshow-nav li a.activeSlide {
	background-position: -13px 0;
}

.slide {
	position: relative;
}

.slide-image {
	float: left;
	display: inline;
}

.slide-excerpt {
	float: left;
	width: 420px;
	height: 300px;
	display: inline;
}

.slide-excerpt .pad {
	padding: 20px;
}


/* Twitter Widget */

.twitter_div ul {
	padding: 0;	
}

.twitter_div ul li {
	padding: 5px 0;
	list-style: none;
}

.twitter-follow {
	text-align: left;
	display: block;
}

/* Recent Posts Widget */

ul.-recent-posts {
	padding: 0;	
}

ul.-recent-posts li {
	border-bottom: 1px solid #f2f2f2;
	list-style: none;
}

ul.-recent-posts li a {
	display: block;
	border-bottom: 1px solid #ffffff;
	padding: 5px;
	text-decoration: none;
}

.-recent-posts a:hover {
	background: #f2f2f2;
	text-decoration: none;
}

.-recent-posts .post-title {
	display: block;
	font-weight: bold;
}

.-recent-posts .post-date {
	color: #666;	
}

/* Ad Widgets */

.-ad-wide-skyscraper, .-ad-full-banner, .-ad-skyscraper {
	text-align: center;	
}

.-ad-wide-skyscraper img {
	margin: 2px;
}

/* News Scroller Widget */

.news-scroller-wrapper {
	position: relative;
	overflow: hidden;
	height: 200px;
}

.news-scroller-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
}

.news-scroller-nav li {
	float: left;
	padding: 1px;
	display: inline;
}

.news-scroller-nav a {
	display: block;
	padding: 0 5px;
	height: 20px;
	font-size: 13px;
	text-decoration: none;
	background: #f2f2f2;
	color: #000;
}

.news-scroller-nav a:hover {
	background: #ccc;
	color: #000;
	text-decoration: none;
}

.news-scroller {
	overflow: hidden;
	z-index: 1;
}

.news-scroller div {
	font-size: 12px;
	height: 200px;
	width: 260px;
	overflow: hidden;
}

.news-scroller div p {
	padding: 5px 0;
}

.news-scroller div .date {
	color: #555;
	font-size: 11px;
}

/* PAGE NAVI PLUGIN */

.wp-pagenavi {
	margin: 10px;
	margin-left: 0;
}

.single-column-page-navi {
	margin-left: 10px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px 7px; 
	margin: 2px;
	text-decoration: none;
}

.wp-pagenavi a:hover {
	padding: 5px 7px; 
	margin: 2px;
	text-decoration: none;
}

.wp-pagenavi span.current {
	padding: 5px 7px; 
	margin: 2px;
	font-weight: bold;
}

.one-third, .two-thirds, .half-page, .full-page {
float:left;
margin:0 40px 20px 2px;
}

.contentArea, .contentMax { width:938px; padding: 15px 0px; margin: 0 auto;}

.half-page { width: 426px; }



/* links */

a, 
a:link, a:visited	{ color: #2FA694; text-decoration: none; }
a:hover, a:active	{ color: #d00044 ; text-decoration: none; }

#MainMenu a:link, #MainMenu a:visited	{ color: #CACACA; }	/* menu links - top level items */
#MainMenu a:hover, #MainMenu a:active	{ color: #2FA694; }
#MainMenu .sf-menu li li:hover, #MainMenu .sf-menu li li.sfHover, 
#MainMenu .sf-menu li li a:focus, #MainMenu .sf-menu li li a:hover, #MainMenu .sf-menu li li a:active {
	background: #278C7D;	/* menu links - sub-menu items */
	color: #fff;}

#Footer a:hover, #Footer a:active,
#ContentPanel a:hover, #ContentPanel a:active	{ color: #f0f0f0; }

.ribbon span a 	{ font-weight: bold; }
.ribbon .scrollTop		{ float:right; margin: 19px 28px; font-weight: normal; font-size:0.8em; }	/* scroll to top ^ */


/* headings */

h1, h2, h3, h4, h5, h6, .headline, .title, .ribbon span, #fancy_title div {

	margin: 0 0 0.5em;
	padding: 0 0 0.2em;
	color: #fff;}
	
h1			{ font-size: 1.85em; }
h2			{ font-size: 1.5em; }
h3			{ font-size: 1.35em; margin-bottom: 0.5em; }
h4			{ font-size: 1.2em; margin-bottom: 0.5em; border-bottom: none; }
h5			{ font-size: 1em; font-weight: bold; margin-bottom: 0.5em; border-bottom: none; }
h6			{ font-size: 1em; font-weight: lighter; text-transform:uppercase; margin-bottom: 0.5em; border-bottom: none; }
.headline	{ color: #ebebeb;}
.title 		{ padding: 0; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .headline strong, .title strong {
	font-weight: bold;
	color: #fff;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .headline span, .title span {
	display: block;
	color: #ebebeb;
	font-size: 0.6em;
	margin: -0.1em 0 0;}
	
#Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6,
#ContentPanel h1, #ContentPanel h2, #ContentPanel h3, #ContentPanel h4, #ContentPanel h5, #ContentPanel h6 { 
	color: #eee;} /* headers on dark backgrounds */

#cluetip h3 { color: #eee; font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }	/* tool tip titles */

#fancy_title div { font-size: 1.35em; }	/* modal titles */
	
/* text */

abbr, acronym {
border-bottom-style:dotted;
border-bottom-width:1px;
text-transform:uppercase;
}
cite, em, dfn {
font-style:italic;
}
ins, dfn {
border-bottom:1px solid #CCCCCC;
}
del {
text-decoration:line-through;
}
blockquote	{
	margin: 0 0 18px 4px;
	padding: 0 16px;
	font-style: italic;
	border-left: 5px solid #bbb;
	text-align: left;}	
code, pre	{
	font: normal 13px/18px Consolas, "Courier New", Courier, monospace;
	background: #E8EBEC url("layout/images/pre-bg.gif") repeat 0 0;
	padding: 18px 5px;
	border: 1px dotted #bbb;
	color: #333;  text-align: left;}
code		{ padding: 1px 3px; background-image: none; }
sup			{ bottom: 0.1em; }
.impact		{ font-size: 1.1em;	line-height: 1.5; }
.noMargin	{ margin: 0; }
.ribbon span{
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	margin: 16px 0 0;
	color: #CDCDCD;}
.ribbon span.blogDate { 
	font-size: 1.85em; 
	margin: 13px 0 0; }
.ribbon span.blogPostInfo { 
	float: right;
	font-size: 1.1em; 
	font-weight: normal; 
	margin: 18px 28px 0 0; }
.breadcrumbs span					{ font: bold 1.2em Arial, Helvetica, Garuda, sans-serif; }
#Footer, #ContentPanel, #cluetip 	{ color: #8F8F8F; }
#Copyright							{ font-size:0.9em; margin:0 0 0 11px;}
#Copyright p						{ margin: 0; padding: 0 0 1em;}


/* Lists */


#main ul { }
#main ul, #main ol {margin: 0 0 20px 5px;}
#main ol {padding-left: 2em;}
#main ul ul,#main ol ol,
#main ul ol,#main ol ul {
	margin-top: 8px;}
#main ul li,#main ol li {
	line-height: 1.3em;
	padding: 3px 5px;}
#main ul li { list-style-type: disc; list-style-position: outside; color: #D59267; margin-left: 15px; }
#main ol li {
	list-style-type:decimal;
	list-style-position: outside;}

/* custom list styles */

	/* bullet types */
/* list style */

#main	ul.bullet-logo li 					{ background: transparent url("layout/images/bullets/placeholder_48x48.jpg") no-repeat 0 .6em; list-style-type: none; padding: 30px 0px 20px 55px; }
#main	ul.bullet-black li 			{ background: transparent url("layout/images/bullets/dot_black.gif") no-repeat 0 .6em; list-style-type: none; padding-left: 20px; }
#main	ul.bullet-gray li 			{ background: transparent url("layout/images/bullets/dot_gray.gif") no-repeat 0 .6em; list-style-type: none; padding-left: 20px; }
#main	ul.bullet-silver li 		{ background: transparent url("layout/images/bullets/dot_gray_light.gif") no-repeat 0 .6em; list-style-type: none; padding-left: 20px;}
#main	ul.bullet-blue li 			{ background: transparent url("layout/images/bullets/dot_blue.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-green li 			{ background: transparent url("layout/images/bullets/dot_green.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-orange li 		{ background: transparent url("layout/images/bullets/dot_orange.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px;  }
#main	ul.bullet-red li 			{ background: transparent url("layout/images/bullets/dot_red.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-disc-black li		{ background: transparent url("layout/images/bullets/circle_black.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-disc-gray li 		{ background: transparent url("layout/images/bullets/circle_gray.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-disc-silver li	{ background: transparent url("layout/images/bullets/circle_gray_light.gif") no-repeat 0 .6em; list-style-type: none; padding-left: 20px;}
#main	ul.bullet-disc-blue li 		{ background: transparent url("layout/images/bullets/circle_blue.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px;}
#main	ul.bullet-disc-green li 	{ background: transparent url("layout/images/bullets/circle_green.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-disc-orange li 	{ background: transparent url("layout/images/bullets/circle_orange.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-disc-red li 		{ background: transparent url("layout/images/bullets/circle_red.gif") no-repeat 0 .6em; list-style-type: none;padding-left: 20px; }
#main	ul.bullet-check li 			{ background: transparent url("layout/images/bullets/check.gif") no-repeat 0 .2em;  padding-left: 30px; list-style-type: none; }
	
	/* numbered list with styling */	
	#main ol.number-pad 						{ padding: 3px 5px 5px 22px; border-left: 1px solid #E9E9E9; 
										  background: #fff url("layout/images/bullets/ordered-background.gif") repeat-y 0 0; color: #333; }
	#main ol.number-pad ol, #main ol.number-pad ul	{ background: none; margin-left:18px; }
	#main ol.number-pad  li 					{ padding-left: 10px; border-bottom:1px dotted #D6D6D6; }
	
	/* list with image, title and description */
	#main ul.post-list 		{ margin-left:0; }
	#main ul.post-list li		{ margin: 0 0 1em; padding: 0; background: none; border-bottom: 1px dotted #D6D6D6; font-size: 85%; line-height:1.45em; list-style-type: none; }
	#main ul.post-list li img	{ float: left; margin: 10px 8px 1em 0; }
	#main ul.post-list li a {
		display: block;
		font-weight:bold;
		margin-bottom: .3em;}
	
	/* horizontal lists */
	#main ul.horizList { margin: 0 0 1em; }
	#main ul.horizList li {
		display: inline;
		margin: 0;
		padding: 0;
		background: none;}
		
	/* socail network horizontal list (used in footer) */
#main ul.socialLinks {
		height: 25px;
		margin: 1em 22px -16px;}
#main ul.socialLinks li a {
		display: block;
		float: right;
		height: 24px;
		overflow: hidden;
		padding: 0 3px 0 2px;}
#main ul.socialLinks li a:hover, ul.socialLinks li a:active {
		height: 29px;
		margin-top: -5px;}


/* forms and inputs */

input { color: #000; }
textarea, .textInput {
	width: 175px;
	margin: 0 0 0.5em;
	padding: 5px;
	background: #E1E2E3 url("layout/images/inputBg.gif") repeat-x 0 0;
	border: 1px solid #fff;
	border-color: #C9CACB #fff #fff #C9CACB;
	outline: none;}
	
label.overlabel { 
	color: #B3B4B4; 
	font-size: 1.2em; 
	display:none;	/* initially hidden to prevent other content from shifting after JS function runs */ 
}


/* common styles */
	
.hr { 
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	height: 5px;
	background: transparent url("layout/images/hr-bg.gif") repeat-x 0 0; }


/* image containers */

a.img, div.img 			{ float: left; border: 1px solid #D3D3D3; padding: 5px; background: #fff;}
a.img img, div.img img 	{ float: left; border: 1px solid #f3f3f3; }
a.imgHover				{ background-color: #D8D9DA; border-color: #BCBCBC; }
a.img:hover img			{ border-color: #fff; }


/* pagination */

.pagination 			{ display: block; margin-top: 1em; margin-bottom: 2em; }
.pagination a			{ text-align: center; padding: 3px 8px; margin: 0 2px; border: 1px solid #D3D3D3; background: #fff; }
.pagination a:hover		{ }
.pagination a.current 	{ border-color: #BCBCBC; background: #D8D9DA; color: #fff; font-weight: bold; }
	

/* jQuery ui styles */
.ui-state-default, .ui-widget-content .ui-state-default {border-color: #C8CBCC;}
.ui-state-hover, .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-active {border-color: #000;}


/* logo */

#Logo	{ float: left; margin: -60px 0 24px -3px;}
#Logo a { 
	display: block; 
	width: 368px;
	height: 107px;
	background: transparent url("layout/images/logo.png") no-repeat 0 0;}
.logoMark { 	/* logo symbol in footer */
	width: 95px;
	height: 70px;
	background: transparent url("layout/images/logoSymbol-small.png") no-repeat 0 0;
	float:right;
	margin-top: -16px; }	
	
	.success {	/* Success message after sending contact form */
	border-top:1px solid #CCCCCC;
	font-weight:bold;
	margin:25px 0;
	padding:25px 0;}
.error {	/* Error message after sending contact form */
	font-weight:bold;
	margin:10px 0;
	color: #f33;}


/* table styles */
pre { margin-bottom: 20px; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;}
#FeatureMatrix {padding: 25px 0;}
#FeatureMatrix {font-size: 12px;}
#FeatureMatrix th#MatrixItems {}
#FeatureMatrix th.matrixColumn, #FeatureMatrix td.matrixItem,
#FeatureMatrix td.matrixOdd, #FeatureMatrix td.matrixEven {
	background-color: #e4e4e4;
	text-align: center;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #C6C6C6;
	color: #666;
	}
#FeatureMatrix td.matrixItem { font-weight: bold; }
#FeatureMatrix td.matrixEven { background-color: #F0EEF9; }
#FeatureMatrix td.matrixOdd { background-color: #F9F9F9; }
#FeatureMatrix th h6 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 11px;
	padding-bottom: 3px; color: #333;}
#FeatureMatrix .matrixItem {
	width: 200px;
	padding: 15px 0 15px;}
#FeatureMatrix td {width: 150px;}
#FeatureMatrix td.checkMark {
	background-image: url("layout/images/bullets/check.gif");
	background-position: center center;
	background-repeat: no-repeat;}
#FeatureMatrix td.last {border-bottom: 1px solid #C6C6C6;}