/*
Theme Name: Custom Theme
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
Tags: starter
*/

@import "style/css/reset.css";

#development-links { display:none; }

body 			{ font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:12px;
			      background:#808183; color:#fff; margin:0; padding:0; text-align:left; letter-spacing:0px; }
:link img 		{ border:none }
a 				{ outline:none;}
.hidden 			{ display:none; }
br.clear 		{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }

/* Presentational classes generated by WordPress. http://codex.wordpress.org/CSS */
.aligncenter 	{ display:block; margin:0 auto }
.alignleft 		{ float:left }
.alignright 		{ float:right }
.wp-caption 		{ border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/* safari text shadow removed */
body { -webkit-text-stroke:1px transparent; }
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}} 

				/* -------- COLOR SCHEME
							text:			#fff;
							headings:		#fff;
							background:		#808183;
				*/

/* universal */
p,h2,h3,h4,h5,h6 { text-align:left; }

/* paragraphs */
p 		{ font-size:12px; padding:0px; margin:0px; line-height:2.5; }

/* headings */
h1		{ font-size:30px; font-weight:normal; }
h2 		{ font-size:20px; font-weight:normal; margin:20px 10px 5px 0px; }
h3 		{ font-size:18px; font-weight:normal; margin:0px 10px 5px 0px;}
h4 		{ font-size:16px; font-weight:normal; margin:0px 10px 10px 0px;}
h5		{ font-size:15px; font-weight:normal; margin:0px 10px 5px 0px;}
h6		{ font-size:14px; font-weight:normal; margin:0px 10px 5px 0px;}

/* universal links */
a:link, 
a:visited 	{ color:#D0D1D3; font-size:12px; text-decoration:none; }
a:hover 		{ color:#fff; text-decoration:none; }

/* ul list items */
ul 			{ margin:10px 0 0 0; list-style-type:disk; }
ul li			{ display:list-item; font-size:14px; text-align:left; padding:3px 0; margin-left:30px; }
ul li a		{  }
/* ordered list items */
ol 			{ margin:10px 0 0 0; list-style-type:decimal; }
ol li			{ font-size:14px; text-align:left; padding:3px 0; margin-left:30px; }
ol li a		{  }
/* other */
blockquote	{  }


/*======================= Default layout ======================= */
#wrapper 			{ width:960px; margin:0 auto; }
#header 				{ position:relative; margin:0 auto; width:870px; height:120px; z-index:100; }
#content 			{ width:960px; clear:both; overflow:hidden; }
#main-content 		{ width:600px; float:left; overflow:hidden; padding:20px; }
#footer 				{ width:870px; margin:20px auto; overflow:hidden; border-top:1px solid #fff; padding:15px 0; }


/*======================= HOME page ======================= */
#slide-container			{ position:relative; overflow:hidden; }
/* slideshow */
#slideshow-wrapper			{ width:870px; height:575px; margin:0 auto; position:relative; overflow:hidden; border-top:1px solid #fff; }
#slideshow					{ position:relative; width:870px; height:575px; background:#000; margin:20px 0 0 0; }
ul.ppt 						{ position: relative; margin:0; padding:0; }
ul.ppt li 					{ margin:0; padding:0; list-style-type: none; position: absolute; top: 0; left: 0; }
/* slide-up jquery effect text box */
span.boxcaption 				{ margin-left:0px; display:block; position:absolute; top:575px; left:0px; background:#000; height:150px; width:770px; z-index:90;
							  opacity: .8; padding:20px 50px 20px 50px; font-size:12px; line-height:2.5;
							  /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
							  /* For IE 8 */  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
/* slide-up link graphic "DETAILS" */
#details					{ width:23px; height:81px; position:absolute; top:495px; left:16px; background:url(images/details.gif) no-repeat 0 0; text-indent:-9999px; }
#details a					{ width:23px; height:81px; display:block; }
/* pause play button */
a#stop						{ width:23px; height:32px; display:block; background:url(images/bg/pause_play_sprite.gif) no-repeat 0 0; position:absolute; top:543px; right:16px; text-indent:-9999px; }
a#play						{ width:23px; height:32px; display:block; background:url(images/bg/pause_play_sprite.gif) no-repeat -23px 0; position:absolute; top:543px; right:16px; text-indent:-9999px; }

/* "LATEST NEWS" area */
img#home-news-thumb			{ float:left; margin:5px 0 0 0; }
#latest-news				{ width:870px; margin:20px auto 5px auto; overflow:hidden; }
#latest-news img				{ float:left; padding:0 20px 0 0; }
#latest-news p				{ line-height:2.5; }
#latest-news p.more			{ width:200px; float:right; line-height:1; padding:5px 0 0 0; text-align:right; }  


/* ======================= Header ====================== */
/* site logo */
h1 							{ background:url(images/bg/logo.gif) no-repeat 0 0; width:234px; height:88px; text-align:left; 
							  margin-top:10px; text-indent:-9999px; float:left; } 
h1 a 						{ width:234px; height:88px; display:block; }
#social-media-links			{ width:75px; height:34px; margin:0; padding:0; position:absolute; top:20px; right:0px; }

/* navigation */
ul#nav 						{ width:209px; height:31px; margin:0; padding:0; position:absolute; bottom:10px; right:-10px; }
ul#nav li						{ list-style-type:none; position:relative; display:block; float:left; text-indent:-9999px; margin:0 10px 0 0; padding:0; }
ul#nav li a					{ margin:0; padding:0; }
ul#nav li a:hover				{ border-bottom:1px solid #fff; }
ul#nav li a.galleries:hover	{ border-bottom:none; }
ul#nav li a.about				{ width:47px; height:29px; display:block; background:url(images/nav/about.gif) no-repeat 0 0; }
ul#nav li a.galleries			{ width:70px; height:29px; display:block; background:url(images/nav/galleries.gif) no-repeat 0 0; }
ul#nav li a.contact			{ width:62px; height:29px; display:block; background:url(images/nav/contact.gif) no-repeat 0 0; }
#nav li a.first-nav-item		{ border-left:none; }
/* sub-nav */
.hasChildren 				{ position:absolute; width:5px; height:5px; right :0; bottom:0; }
#nav li ul 					{ display:none; position:absolute; left:0; top:100%; padding:0; margin:0; z-index:100; border:none; }
#nav li:hover > ul 			{ display:block; }
#nav li ul li, 
#nav li ul li a 				{ float:none; text-indent:0px; }
#nav li ul li 					{ _display: inline; /* for IE6 */ }
#nav li ul li a 				{ display:block; width:120px; padding:5px; background:#808183; color:#fff; border-bottom:none; }
ul#nav li ul li a:hover			{ background:#959698; border-bottom:none; }
/* sub-sub Menu */
#nav li ul li ul 				{ display:none; }
#nav li ul li:hover ul 			{ left:100%; top:0; }


/* ======================= Page templates ====================== */
#content-full			{ width:870px; margin:0 auto; border-top:1px solid #fff; min-height:350px; position:relative; }
img#title-image			{ margin:0px 0 20px 0; padding:0; }
/* galleries */
#sidebar				{ width:150px; float:left; margin:20px 0 0 0; padding:0; overflow:hidden; }
#sidebar ul				{ margin:20px 0 0 0; padding:0; }
#sidebar ul li			{ margin:0; padding:5px 0; list-style-type:none; }
#sidebar ul li a			{ margin:0; padding:0; text-transform:uppercase; }
/* for nested page lists */
#sidebar ul li ul			{ margin:0px 0 0 10px; padding:0; }
li.current_page_item a	{ color:#fff; }
#gallery-title			{ margin:20px 0 20px 0; }
/* 	gallery 
	DO NOT REMOVE! 
	This keeps the gallery thumbs from inheriting the list styling!!
*/
#gallery ul 				{ margin:10px 0 0 0; list-style-type:none; }
#gallery ul li			{ display:list-item; font-size:14px; text-align:left; padding:0; margin:0px; }



/* ======================= Posts ====================== */
.post 					{ overflow:hidden; margin:0px 0px; padding:20px 0 0 0; }
.post p img.alignleft	{ padding:10px 20px 0px 0; }
.post p					{ padding:0 0 20px 0; margin:0; }
.results h3 a			{ font-size:20px; color:#fff; }
.results				{ border-bottom:1px solid #fff; }
p.post-meta				{ font-style:italic; margin:10px 0 10px 0px; line-height:1; padding:0; font-size:11px; }
/* appended news link */
a.news-link				{ margin:10px 0 0 0; }

/* ======================= Archives ======================= */
.results img		{ float:left; margin:10px 20px 0 0; }


/* ======================= Footer ======================= */
#footer p				{ text-transform:uppercase; font-size:10px; letter-spacing:1.5px; font-weight:bold; color:#D0D1D3; text-align:center; }
#footer p a:link,
#footer p a:visited		{ font-variant:small-caps; font-size:10px; letter-spacing:1.5px; font-weight:bold; color:#D0D1D3; }
#footer p a:hover		{ color:#fff; text-decoration:none; }

/* ======================= Comments List ======================= */
h3#comments				{  } /* leave a reply text */
/* the whole list */
ol.commentlist			{ margin:0px 0px 20px 0px; }

/* enclosing class for comment */
ol li.comment				{ }
ol li.even				{ } /* optional */
ol li.odd					{ } /* optional */

	/* the comment */
	div.comment-body		{ position:relative; margin:8px 20px; padding:10px; overflow: hidden; }

		div.comment-author 				{ width:60px; float:left; padding:0px 20px 10px 0px; }
		div.comment-author img.avatar 	{ display:block; } 		/* make sure width matches gravatar width */
		div.comment-author cite			{ }						/* link for commenter */
		div.comment-author span.says		{ display:none; } 		/* removes the word "says" */
		div.comment-meta				{ font-size:.9em; margin-left:80px; padding:0px 20px 4px 0px; } 	/* date of comment NOTE: matches the margin of the li p */ 

/* the comment text NOTE: check ie6 styling if changed! */
.comment-body p 			{ margin-left:80px; padding:0px 5em 0px 0px; } /* right border to not overlap reply NOTE: matches the margin of the date */
div.reply				{ position:absolute; width:4em; right:0; bottom:0; background:#dedede; padding:4px; text-align:center; margin:10px 0px 0px 10px; 
						  border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7;}
/* additional styling for LEVELS */
ul.children li.depth-2	{ margin:0px 0px 0px 30px; }
ul.children li.depth-3	{ margin:0px 0px 0px 60px; }
ul.children li.depth-3 .reply	{ display:none; } /* NOTE: remove the reply link at the depth level for replies or part of the link will show!! */


/* ======================= Comment Form ======================= */
form#commentform 			{ margin:10px 0px 10px 0px; padding:10px 0px 10px 20px; } /* the whole form area */

/* text input areas */
#commentform input, 			
#commentform textarea 		{ margin:5px 0px; padding:5px; }

/* text input areas with focus */
#commentform input:focus, 			
#commentform textarea:focus	{ border:1px solid #3d3d3d; }
#commentform label 			{ padding:5px; }
#commentform label span		{ font-size:.8em; } /* required text */
#comment 					{ margin:10px 0px 10px 0px; } /* comment text area */
#commentform input#submit	{ background:#c7c7c7; cursor:pointer; }