/*** Primary Style Sheet for Theme ***/

body {
	background: #e58e1d;
	font: normal 13px/1.5 Arial, Helvetica, Garuda, sans-serif;
	color: #ffe; }


/**** Link Styles ****/

a:link, a:visited { color: #2FA694; text-decoration: underline;}
a:hover, a:active { color: #444;}
	
/* main menu */
.sf-menu a:link, .sf-menu a:visited { color: #fff; text-decoration: none;}
#header .sf-menu li li a:link, #header .sf-menu li li a:visited { color: #999; text-decoration: none; background-image: none; }


/* top menu */	
#TopMenu { margin: 2px 0 0; }
#TopMenu li { list-style: none; float: left; margin: 0; padding: 0; }

	
/* scroll to top ^ */
a.scroll-top {
	float: right;
	margin-top:2px;
	padding:5px 4px 4px 8px;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 70% Verdana, Arial, Helvetica, Garuda, sans-serif;
	border: 1px dotted #D6D6D6;
	background-color: #f6f6f6;
	border-bottom: 0;}

/* forms and inputs */
input { color: #333; }
textarea, .textInput {
	font-family: Arial, Helvetica, Garuda, sans-serif;
	background: #f6f6f6;
	border: 1px solid #C6C6C6;
	padding: 7px 0 3px 2px;
	outline: none; }
	
label.overlabel {color: #aaa;  font-size: 1.2em; display:none;	/* initially hidden to prevent other content from shifting after JS function runs */ }
input, textarea, input[type="submit"]:focus { outline: none; } /* disables browser based form effects */ 


/**** Text Styles ****/

/* blockquote, code and pre */
blockquote {
	margin: 0 0 18px 2.5em;
	padding: 0 16px;
	font-style: italic;
	border-left: 5px solid #C6C6C6;}	

code, pre {
	font: normal 13px/18px Consolas, "Courier New", Courier, monospace;
	background: #f0f0f0 url("images/pre-bg.gif") repeat 0 0;
	padding: 18px 5px;
	border: 1px dotted #C6C6C6;
	color: #333;}

code {
	padding: 0;
	background: none;
	border: 0;}

dt { font-weight: bold; }

#Note .success {
	background:#FFFFE0;
	border:2px solid #E6DB55;
	color:#413D21;
	font-weight:bold;
	padding:8px;
	text-align:center;}
	
#Note .error {
	background:#FCCFD8;
	border:2px solid #B50409;
	color:#B50409;
	font-weight:bold;
	padding:8px;
	text-align:center;}

/* UL and OL lists */
#page-content ul, #page-content ol			{ margin: 0 0 20px 5px; }
#page-content ol							{ padding-left: 2em; }
#page-content ul ul, #page-content ol ol,
#page-content ul ol, #page-content ol ul 	{ margin-top: 8px; }
#page-content ul li, #page-content ol li 	{ line-height: 1.3em; padding: 3px 5px; }
#page-content ul li 						{ padding-left: 15px; }
#page-content ol li							{ list-style-type:decimal; list-style-position: outside;}

	
/* styled lists */
#page-content ul li {background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 .6em;}	/* default list style */
#page-content ul.bullet-black li {background: transparent url("images/bullets/dot_black.gif") no-repeat 0 .6em;}
#page-content ul.bullet-gray li {background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 .6em;}
#page-content ul.bullet-silver li {background: transparent url("images/bullets/dot_gray_light.gif") no-repeat 0 .6em;}
#page-content ul.bullet-blue li {background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 .6em;}
#page-content ul.bullet-green li {background: transparent url("images/bullets/dot_green.gif") no-repeat 0 .6em;}
#page-content ul.bullet-orange li {background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 .6em;}
#page-content ul.bullet-red li {background: transparent url("images/bullets/dot_red.gif") no-repeat 0 .6em;}
#page-content ul.bullet-disc-black li {background: transparent url("images/bullets/circle_black.gif") no-repeat 0 .6em;}
#page-content ul.bullet-disc-gray li {background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 .6em;}
#page-content ul.bullet-disc-silver li {background: transparent url("images/bullets/circle_gray_light.gif") no-repeat 0 .6em;}
#page-content ul.bullet-disc-blue li {background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 .6em;}
#page-content ul.bullet-disc-green li {background: transparent url("images/bullets/circle_green.gif") no-repeat 0 .6em;}
#page-content ul.bullet-disc-orange li {background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 .6em;}
#page-content ul.bullet-disc-red li {background: transparent url("images/bullets/circle_red.gif") no-repeat 0 .6em;}
#page-content ul.bullet-check li { background: transparent url("images/bullets/check.gif") no-repeat 0 .2em; padding-left: 20px;}
	

/* numbered list with styling */	
#page-content ol.number-pad {
	padding: 3px 5px 5px 22px;
	border-left: 1px solid #E9E9E9;
	background: transparent url("images/bullets/ordered-background.gif") repeat-y 0 0;}
#page-content ol.number-pad ol, 
#page-content ol.number-pad ul {
	background: none; margin-left:18px;}
#page-content ol.number-pad  li {
	padding-left: 10px;
	border-bottom:1px dotted #D6D6D6;}


/* list with image, title and description */
#page-content ul.post-list {
	margin-left:0;}
#page-content ul.post-list li {
	margin: 0 0 1em;
	padding: 0;
	background: none;
	border-bottom: 1px dotted #D6D6D6;
	font-size: 85%;
	clear: left;
	line-height: 1.45em;}
#page-content ul.post-list li img {
	float: left;
	margin: 0 8px 4px 0;
	border: 1px solid #C6C6C6;}
#page-content ul.post-list li a.recentTitle {
	display: block;
	font-weight:bold;
	margin-bottom: 0.6em;}

	
/* style-less list */
#page-content ul.no-list {margin: 0 0 1em;}
#page-content ul.no-list li {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;}

#page-content ul.social-list li { float: left; margin-right:8px; }

/* headings */
h1, h2, h3, h4, h5, h6, h3.post-title a:link, h3.post-title a:visited, h3.post-title a:hover, h3.post-title a:active {
	font-weight: 800;
	line-height: 1;
	margin: 0 0 0.5em;
	padding: 0 0 0.25em;
	color: #e58e1d;
	border-bottom: 1px solid #333;}
h1 {font-size: 3em; font-weight: normal; letter-spacing: -1px;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em; margin-bottom: 0.75em;}
h4 {font-size: 1.25em; margin-bottom: 0.75em; border-bottom: none;}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1em; border-bottom: none;}
h6 {font-size: 1em; font-weight: lighter; text-transform:uppercase; margin-bottom: 1em; border-bottom: none;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span .title span {
	display: block; color: #aaa; font-size: 0.75em; margin: 0.3em 0 0; }

.homeTitle img { margin: 0 0.25em -11px 0; }


/**** Page Layout and Design Styles ****/

/* layouts styles */
.one-third	{ float: left; width: 293px; margin: 0 0 0 22px;}
.two-thirds	{ float: left; width: 608px; margin: 0 0 0 22px;}
.half-page	{ float: left; width: 450px; margin: 0 0 0 22px;}
.full-page	{ margin: 0 0 0 22px;}
	
	/* nested layouts styles */
	.two-thirds .one-fourth, .two-thirds .one-third, .two-thirds .two-thirds, .two-thirds .half-page,
	.full-page .one-fourth, .full-page .one-third, .full-page .two-thirds, .full-page .half-page { float: left; margin: 0 22px 0 0; }
	.two-thirds .one-fourth	{ width: 135px; }
	.two-thirds .one-third	{ width: 188px; }
	.two-thirds .two-thirds	{ width: 397px; }
	.two-thirds .half-page	{ width: 292px; }

	.last, .two-thirds .last, .full-page .last { margin-right: 0; }

/* logo */
#logo { float: left;}
#logo img { margin: 26px 20px 0 0;}
#logo-footer { float: right; margin-top: -20px; margin-bottom: -20px;}

/* design width and position */
#top-content, #main-content, #footer-content {
	margin: 0 auto;
	width: 967px;
	padding: 0 12px 0 11px;}
#slideshow, #page, .home #header-graphic {
	width: 990px;
	margin: 0 -12px 0 -11px;}
	
/* top */
#top {
	height: 35px;
	background: #e58e1d url("images/top-bg.gif") repeat-x 0 0;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;}
#top a:link, #top a:visited {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 15px;}
#top a:hover, #top a:active { color: #fff;}
#top-content { padding-top: 10px;}
#top-content-icons { float: right; margin-top: -10px;}
#top-content-icons a:link, #top-content-icons a:visited { margin-right: 0;}

/* main page structure  */
#main { background: #fff url("images/spacer.gif") no-repeat 50% 0;}
#main-content {padding-bottom: 35px;}

/* header */
#header {height: 107px;}
.home #header {height: 119px;}
#header-graphic { clear: both; display: none;}
.home #header-graphic { display: block; height: 30px; background: transparent url("images/header-underline.png") no-repeat 0 0;}

/* main menu - edit menu styles using MENU.CSS file */	
.sf-menu { float: right; padding: 60px 0 0 0;}

/* content area */
#page{ background: transparent url("images/page-bg.png") no-repeat 0 0; margin-top: -11px;}
.home #page{ position: relative; z-index: 99;}
#page-top-gap {height: 11px;}
#page-content {
	min-height: 400px;
	margin: 0 12px 0 11px;
	padding: 15px 22px 0 0;
	border-top: 10px solid #333;
	background: #333 url("images/page-bg-repeat.gif") repeat-x 0 1px;}

/* slideshow */
#slideshow { height: 337px; margin-top: -1px; overflow: hidden;}
#slideshow div { text-align: center; }

/* footer */
#footer { padding: 0; font-size: 11px; font-weight: bold; color: #000;}
.footerTop { background: transparent url("images/bottom-bg.png") repeat-x 0 0; height: 16px; overflow: hidden; }
#footer-content { padding-top: 21px; padding-bottom: 21px;	}
#footer-content a:link, #footer-content a:visited { color: #fff; text-decoration: none;}
#footer-content a:hover, #footer-content a:active { text-decoration: underline;}
	
/* sub-navigation menu */
#page-content ul.sub-navigation,
#Sidebar ul.menu,
#Sidebar ul,
#Sidebar ul.sideNav {
	padding: 0; margin-left: 0;}
#page-content ul.sub-navigation li,
#Sidebar ul.menu li,
#page-content ul li.cat-item,
#Sidebar ul.sideNav li {
	background: none; padding: 0; margin: 0;}
.sub-navigation a, 
#Sidebar ul.menu li a,
#page-content li.cat-item a,
#Sidebar ul.sideNav li a {
	display: block; padding: 5px 4px 2px; border-bottom: 1px dotted #c6c6c6; font-size: 1.1em; text-decoration: none;}

/* portfolio */
.gallery {margin-left: -22px;}
.two-thirds .gallery {width:630px;} /* stupid IE (version 7 only)  */
.gallery-item { float: left; width: 293px; margin: 0 0 22px 22px;}
.gallery-item h5, .gallery-item p { margin: 0 0 .65em; padding: 0;}
.gallery-image {
	width: 291px;
	height: 163px;
	overflow:hidden; 
	display:block;
	border: 1px solid #666;
	background: #f3f3f3;
	text-align: center;}
.gallery-image img { width: 291px; }
.gallery-description { height: 110px; margin: 8px 0 0; overflow: hidden;}

/* image styles */
.img img { border: 1px solid #666; }

/* blog */
.post-summary { margin: 0 0 2em;}
.post-date {
	float:right;
	color: #fff;
	font: 18px Arial, Helvetica, Garuda, sans-serif;
	line-height: 0.9;
	text-transform: uppercase;}
.post-title,
h3.post-title a:link, h3.post-title a:visited, h3.post-title a:hover, h3.post-title a:active {
	margin-bottom: .3em; border-bottom: 0; text-decoration: none;}
.post-details {
	margin: 0 0 1px;
	padding: 4px 6px;
	font-family: Verdana, Arial, Helvetica, Garuda, sans-serif;
	font-size: 85%;
	color: #aaa;
	background: #333;}
.post-details a, 
.post-details a:link, .post-details a:visited,
.post-details a:hover, .post-details a:active {
	color: #C6C6C6; font-weight: bold;}
.post-image img {
	width: 606px; 
	height: 115px;
	border: 1px solid #666;
	margin: 0 0 .5em;}

.comment-author .avatar { float: left; margin: 0 15px 0 0; }
.comment-author .fn { font-weight: bold; }
.commentmetadata { font-size:0.85em; margin:2px 0 8px; }

.pagination {text-align: center; font-weight:bold;}
.pagination .newer { float: left; }
.pagination .older { float: right; }

 	/* blog comments */
	.avatar { float:left; margin: 2px; padding: 2px; background: #e2e2e2; border: 1px solid #d3d3d3;
			  border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;}
		
	.cancel-comment-reply	{ font-size: 0.75em; margin: 1em 0; }
	.comms-navigation, .navigation { clear: both; display: block; margin-bottom: 0px; overflow: hidden; }
	.nocomments				{ text-align: center; margin: 0; padding: 0; }
	#CommentForm			{ padding-top: 20px; }
	#Respond 				{ clear:both; padding-top:20px; }
	#Respond h3				{ margin-bottom:0px; }
	.logged					{ margin-bottom: 5px; }
	
	#comments{ margin-top:40px; }
	#comments ol.commentlist {  }
	#comments ul.children, #comments li ul.children { margin: 0; }
	#comments li, #comments li ul li { background: none; }
	#comments .date{ float:right; color: #999; }
	#comments .comment-text { left: 0; margin: 8px 0; min-height: 75px; overflow: hidden; padding: 0 0 0 22px; position:relative;}
	#comments .commentlist cite { font-style: normal; font-weight: bold; margin: 0 0 15px; float:left; }
	#comments .commentmetadata{ float: right; font-size: 0.8em;}
	#comments .comment-text p { clear:both; }
	#comments ol.commentlist { margin:0; padding: 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #fff;}
	#comments .commentlist li.comment { border-top: 1px solid #fff; border-bottom: 1px solid #e8e8e8; clear: both; list-style: none; margin-left: 0; overflow: hidden; padding: 0 0 12px; }
	#comments .commentlist li.comment ul.children li.comment { padding: 15px 0 5px; border-top: 1px solid #e8e8e8; border-bottom: 0; }	
	#comments .commentlist li.comment ul.children li.comment { margin-left: 60px; }


/* contact */
label { display: block;}
#CommentForm fieldset legend	{ display: none; }
#CommentForm div 				{ margin-bottom: 0.75em; }		/* space between inputs */
#CommentForm .textInput, 
#CommentForm textarea			{ width: 325px; margin: 0; }	/* margins set by containers <div> */
#CommentForm textarea 			{ height: 150px; }
#CommentForm input.error, #CommentForm textarea.error {
	background-color: #ffc; border-color: #EF7E58;}
#CommentForm label.error {
	display: block; color: #f33; font: bold 10px Verdana, Arial, Helvetica, Garuda, sans-serif;
	line-height: 1em;		/* required for negative margins to work fully */
	margin: 0.2em 0 -1.2em;	/* negative margins counter act error message space so input fields don't shift */
	text-align: right;
	width: 325px; }
.success {	/* Success message after sending contact form */
	border-top:1px solid #ccc; font-weight:bold; margin:25px 0; padding:25px 0;}
.error {	/* Error message after sending contact form */
	font-weight:bold; margin:10px 0; color: #f33;}

/* login */
.login-container {
	width: 400px;
	height: 200px;
	background: transparent url("images/login-bg.png") no-repeat 0 0;
	color: #C6C6C6;
	overflow: hidden;}
.login-container p {
	margin: 0 0 15px;}
.login-container fieldset legend {
	display: none;}
.login-container form {
	padding: 53px 0 0 30px;}
.login-container label {
	display:block;
	float:left;
	width:100px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;}
.login-container .login-input {
	color: #999;
	font-size: 16px;
	width: 230px;
	border: 0;
	margin: 2px 0;
	cursor: text;
	background: transparent none;}
#login-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 43px;
	width: 43px;
	text-indent: -999px;
	overflow: hidden;
	background: transparent url("images/spacer.gif") repeat 0 0;}
.login-submit {
	width: 105px;
	height: 30px;
	margin: 2px 0 0 95px;
	overflow: hidden;
	border: 0;
	background: transparent url("images/spacer.gif") repeat 0 0;
	cursor: pointer;}


/* button */
.btn {
	display: inline-block;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #ccc;
	border: solid 1px #222;
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#222));
	background: -moz-linear-gradient(top,  #646464,  #222);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#222222'); }
.btn span {
	display: block;
	padding: .4em 2em .55em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #666; }
button.btn span { margin: -1px -3px; }
.btn:hover {
	text-decoration: none;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#000));
	background: -moz-linear-gradient(top,  #545454,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#000000'); }
.btn:active {
	position: relative;
	top: 1px;
	color: #d7d7d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#646464));
	background: -moz-linear-gradient(top,  #000,  #646464);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#646464'); }
 
	/* extra style override for link based buttons */
	* body a.btn { text-decoration: none; }
	* body a.btn span {	color: #ccc; }
	
/* table styles */
table {
	border-collapse: collapse;
	border-spacing: 0;}
#FeatureMatrix {
	padding: 25px 0;
	background-color: #F0EEF9;}
#FeatureMatrix {
	font-size: 12px;
	background-color: #ebece2;}
#FeatureMatrix th#MatrixItems {
	background-color: #fff;}
#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;}
#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;}
#FeatureMatrix .matrixItem {
	width: 200px;
	padding: 15px 0 15px;}
#FeatureMatrix td {
	width: 150px;}
#FeatureMatrix td.checkMark {
	background-image: url("images/bullets/check.gif");
	background-position: center center;
	background-repeat: no-repeat;}
#FeatureMatrix td.last {
	border-bottom: 1px solid #C6C6C6;}
	
	
/* search */

.searchPage #searchform div {
	padding: 0 0 10px; 
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

/* pagination */

#wrapper div.pagination a:link, #wrapper div.pagination a:visited {
	background: #444;
	border: 2px solid #222;
	color: #fff;
	display: block;
	float: left;
	margin: 0px 3px 1em 0px;
	text-decoration: none;
	width: 20px;
	padding: 0; }
#wrapper div.pagination a:hover, #wrapper div.pagination a:active,
#wrapper div.pagination a.current:link, #wrapper div.pagination a.current:visited { background: #fff; color: #222; }

/* widget styles */
#Sidebar .widget { margin-bottom: 37px; }

	/* WIDGET:  list with image, title and description */
	#Sidebar .widget ul.post-list 				{ margin-left:0; }
	#Sidebar .widget ul.post-list li			{ margin: 0 0 0.7em; padding: 0; background: none; font-size: 90%; line-height:1.45em; clear:left; }
	#Sidebar .widget ul.post-list li .post-listImage	{ margin: 2px 4px 0 0; }
	#Sidebar .widget ul.post-list li img		{ float: left; border-color: #666; margin-bottom: 3px; }
	#Sidebar .widget ul.post-list li p			{ padding: 1.75em 0 0; margin-bottom: 0.65em;   line-height: 1.45; }
	#Sidebar .widget ul.post-list li a			{ float: left; display: block; font-weight:bold; border: none; padding: 0}
	#Sidebar .widget ul.post-list li a.post-listTitle	{ overflow: hidden; width: 188px; white-space: nowrap; } /* for long titles */

	/* WIDGET: flickr sidebar widget */
	#Sidebar .theme_flickr_widget .flickrFeed				{ padding: 0.5em 0 1em; }
	#Sidebar .theme_flickr_widget .flickr_badge_image		{ margin: 0px 9px 12px; float: left; }
	#Sidebar .theme_flickr_widget .flickr_badge_image img	{ float: left; border: 1px solid #666; }

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

/* wp */
img.centered	{ display: block; margin-left: auto; margin-right: auto; }
img.alignright	{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft	{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignleft		{ float:left; padding:2px 0 0 10px; }
.alignright 	{ float:right; padding:2px 10px 0 5px; }