/* 

		Nico Corrao
		http://lastminutepanic.com
		
		L RED::::  #d8a193
		D RED::::: #b54d33
		L White::: #eee5dc
		D White::: #decebd
		L Blue::::::: #a5c0d3
		D Blue::::::: #6e99b8
		BG Color ::: #44311d #00324d
*/


/*
	RESET
*/

*							{ margin:0; padding:0; list-style:none; }	
					
html							{ overflow-y: scroll; padding: 0; margin: 0; }
html, body					{ min-width: 100%; height: 100%;}
body							{ font-size: 62.5%; padding:0; margin: 0; font-family: Trebuchet MS; 
							  background: #353535 url(images/site_bg03_doom.jpg) no-repeat left bottom; background-attachment:fixed; }
ul							{ padding-left: 0; margin:0; padding:0;}
li							{list-style: none; margin:0; padding:0; }
ol							{ list-style: none; }
a							{ outline: none; text-decoration: underline; margin:0; padding:0; }
a img						{ border: none; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
table							{ border-collapse: collapse; }

/* 
UTILITY
*/
.floatLeft					{ float: left; }
.floatRight					{ float: right; }
.clear						{clear: both; }
.button						{ border: 1px solid #272727; background: white; padding: 3px 8px; 
								-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727 }
.button:hover				{ background: #990000; color: #eee5dc; }

/*
	TYPGROGRAPHY
*/
p, li								{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 0px 0; color: #eee5dc }
#main-col p							{  }
p#intro-paragraph					{ font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; 
									  margin-top: 5px; }
p#intro-paragraph span				{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em				{ color: #eee5dc; }
a									{ text-decoration: none; color: #b54d33; }
a:hover								{ text-decoration: underline; color: #decebd; }
h1									{ font-size: 3.6em; font-family: Trebuchet MS; font-weight: normal; padding: 0; }
h2									{ font-size: 1.7em; font-family: Trebuchet MS; font-weight: normal; color: #eee5dc; line-height: 1em; display: inline-block; }
h2 a									{ text-decoration: none; color: #b54d33;}
h3									{ color: #eee5dc; font-size: 2.6em; font-family: Trebuchet MS; font-weight: normal; margin: 0 0 10px 0; }
h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4							{ font-size: 1.8em; font-family: Trebuchet MS; font-weight: normal; margin: 0 0 10px 0;
									  color: #eee5dc; }
h5							{font-family: Trebuchet MS; font-weight: 900; font-size: 8em;}
blockquote					{text-align:left; padding: 5px 0 0 0; height: 125px; width: 230px; background: url(sitewideAssets/images/blockquote_sep2.png) no-repeat ; list-style:none; overflow:hidden;}
blockquote h1					{text-align:center; color:#6e99b8; font-family: Palatino;  line-height: 1.0em; font-size: 21px; padding: 10px 40px 15px 40px; }



/* 
STRUCTURE
*/

#pageWrap					{ width: 960px; 
							min-height: 100.1%; 
								height: auto !important; height: 100.1%; margin: 0 auto -140px; }
#push						{ height: 140px; clear: both;}


#portsidebar				{ height: 100%; width: 175px; float: left; margin: 20px 5px 0 15px; }
#portsidebar ul li				{font-size: 1.5em; line-height: 1.0em;}
.navigation					{float:right; font-size: 1.4em; font-weight: bold; margin: 0px 0 0 0; }
#background2				{background-color: black; height: 100%; width: 100%;}
#main-col					{ height: 100%; width: 750px; float: left; padding: 0px 0 10px 0px; margin: 15px 0 0 0px; }
#front-col					{ height: 100%; width: 960px; float: left; padding: 0px 0 10px 0px; margin: 15px 0 0 0px; }
#news	{ 
height: 100%; 
width: 250px; 
float: right; 
margin: 0px 0 0px 0px; 
}
#poopy						{ width: 580px; float: left; margin: 0px 0 30px 0px; }
#recent						{ float: left; display:block; padding: 0 0 5px 0; height: 160px; width: 175px;  }
#recent	ul li					{ float:left;
   height:50px;
   margin-right:7px;
   margin-top:7px;
   width:50px;
 }
#recent a span				{display: none; }
#recent ul li a:hover			{position: relative;}
#recent ul li a:hover span 		{ text-align:center; text-decoration:none; height: 20px; width: 120px; display:inline-block; background:#2a2a2a; color:#eee5dc; padding:2px; margin:0; position:absolute; top:-40px; left:-35px; z-index:2 }

#linkssidebar				{  height: 500px; width: 140px; float: left; margin: 50px 0 0 0px; }
#gallery_sidebar			{  width: 140px; float: left; margin: 0px 0 0 0px; } 

/* PORTSIDE STRUCTURES */
.widget						{ width: 175px; list-style: none; margin: 0px 0px 0px 0px;  }
.widget .inside				{ padding-left: 0px; padding-top: 0px; margin-bottom: 10px;  }
.inside h2					{ font-size: 1.7em; text-align: left; }
.inside li h2					{ font-size: 1.7em; list-style: none; width:175px; 
							margin-top: 5px;  float:left; padding: 0px 0px 5px 0px;}
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;  } */
.inside ul li					{ font-size: 1.7em; display: inline; padding: 0px 0px 0px 0px; height: 20px;  width:175px;    float:left; 
/*filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25; */  }
.widget ul li:hover			{  }
/* filter:alpha(opacity=50);
	-moz-opacity:.50;
	-khtml-opacity: .50;
	opacity: .50;  */ 
.widget ul					{ line-height: 1em;}
.widget ul a					{ list-style: square; text-decoration: none;  }
.widget ul li a:hover			{ text-decoration: none; border-bottom:1px dotted; color: white;}


/* Gallery Sidebar Stuff */
.galthumb					{ float: left; }
.inside-gal ul li				{ margin: 2px 2px 2px 0px;  background:#decebd;  float:left;   }
.galthumb img				{ width: 140px; height: 60px; border: 5px solid #2a2a2a;  }
.galthumb img:hover			{ border: 5px solid #b54d33; }



/*Featured Content Slider (source code is in plugins directory)  Code was altered to display thumbs inline below featured content*/ 
  #featured{ 
	width:400px; 
	padding-right:0px; 
	position:relative; 
	border:5px solid #ccc; 
	height:300px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:relative; 
	top:0; left:0px; 
	list-style:none; 
	padding:0; margin:0; 
	width:600px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666;
	display: inline;
	float: left;
	width: 110px;
	
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/slider/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/slider/transparent-bg.png'); 
	
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}  

/*
	FRONTPAGE BLOG STUFF
*/

.odd ,.even					{position: relative; margin: 0px 0px 15px 0px; width: 240px;  float: left;   }
.odd h2 a,.even  h2 a			{ float: left; margin:0px 0 0 0; width:229px;   }	
.post-case:hover			{ background-color:black; }
.posts-item 					{ float: left;  width: 650px; overflow: hidden; border-bottom: 2px solid #eee5dc;  }
.posts-item h2				{ width:600px; overflow: hidden; margin: 10px 0 0 0; }
.posts-item p				{ width:600px; overflow: hidden; margin: 5px 0 0 0; }
.post_content				{ margin: 0px 3px 0px 3px; }
.post_content p				{ text-align: justify; font-size: 1.2em; line-height: 1.1em; width:230px; margin: 0 0 0px 0; }
.postmeta 					{ font-size: 1.1em; margin: 0px 0 0 0px; height: 30px; width: 260px;  }

.postmeta h2	a				{ font-size: .9em; margin: 0px 0 0 0px; height: 30px; width: 260px; background: no-repeat ; }
.postmeta  a					{ color: #decebd; }
.post_sep					{}

.page-navi					{ margin: 0px 0px 0px 0px; }
.datebox					{ height: 25px; width: 50px; float: right; background-color: #6e99b8; 
								text-align: center; margin: 0px 0px 0px 0px;  }
.datebox p					{ width: 20px;  height: 25px; float: right; margin: 7px 0px 0px 0px;} 
.day						{float:right; line-height: 10px; color: #decebd; font-size: 1.8em; font-weight: bold; margin: 5px 0px; font-family: Trebuchet MS; }
.month						{float:right;line-height: 10px; color: #decebd; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year						{color: #353535; font-size: 1.6em; font-weight: bold; margin: 0; }


/*Individual Posts */
.postfull p					{ margin: 5px 0 0 0; width: 600px; font-size:1.2em; line-height: 1.3em; text-align:left; }
.postmetafull				{ width: 600px; font-size: 1.1em; margin: 0px 0 0 5px;  }

#respond 					{float: left; }
#comments					{ width: 480px; margin: 10px 0 0 0; }
.avatar 						{ width: 50px; height: 50px; padding: 3px; }
.odd-comment				{background: #444444; margin: 5px 0 0 0;  }
.even-comment				{background: #2a2a2a; margin: 5px 0 0 0;}
.comment-text				{ padding: 0 0 0 5px; width: 350px; }
#comments-form				{margin: 10px 0 0 0; }
.comments-header			{margin: 10px 0 0 0; }
ol.commentlist				{ list-style: none; }
.comment-bubble				{ background: #6e99b8; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p			{ font-size: 1.0em; }
ol.commentlist li a			{ background: #6e99b8; color: #f4dfb8; padding: 0px; }
ol.commentlist li a:hover		{ color: white; text-decoration: underline; }
.gravatar					{ margin-top: 3px; padding: 2px; height: 40px; }

/*Animation Gallery Stuff*/

.hvlog							{ width: 480px;}
.gal-posts h2					{}
.gal-posts p						{ width: 480px; margin: 10px 5px 0px 5px; }


/*
	HEADER
*/
#header-bg { margin:0; min-width: 100%; height: 100%; background: url(sitewideAssets/images/header_BG01e.png) repeat-x; background-position:0px 43px; }

#headerWrapper 
{ width:100%; height:97px; margin: 0 0 10px 0; background:url(sitewideAssets/images/header_bg01d.png) repeat-x ; }


.headerlogo { 
float: left;
margin: 10px 0 0 0px;
width: 481px;
height: 79px;
position: relative;


}
.headerlogo_ext { 

margin: 0px 0 0 2px;
width: 121px;
height: 44px;
position: relative;
float:left;
clear: left;


}

/*SEARCH , RSS, Twitter */

#header_buttons {
margin: 0 0px 0 0;
float: right;
position: relative;

}
#searchform { 
margin: 0px 0 0 0px;
width: 300px;
height: 41px;
position: relative;
overflow: hidden;
}

#searchform input[type="text"] {
padding: 8px 0 0 5px;
}

#s {
margin: 0px 0 0 0;
float:left;
}

#searchsubmit {
margin: 0px 0 0 0px;
float: left;
width: 114px;
height: 41px;
background: url(images/searchbutton.jpg);
}

.searchfield  { 
margin: 0 0 0 0;
width: 161px;
height: 41px;
background: url(images/searchbox.jpg);
border: none;
font-size: 1.7em; font-family: Trebuchet MS; font-weight: normal; color: #b54d33;
}

#search {
width: 164px;
height: 41px;
margin: 0px 0 0 0;
clear:left;

}

.rss-link {
position: relative;
margin: 43px 0 0 0;
width: 109px;
height: 51px;
float: left;
}


#twitter_button a.twitter {
			background: url(sitewideAssets/images/twitter_button2.jpg) left center no-repeat;
			position: relative;
			margin: 0px 0 0 750px;
			width: 87px;
			height: 48px;
			float: left;
			
			
			
			
		}
#twitter_button a.twitter:hover
{
				background-position: right center;
			}

/* NAVIGATION */

#headerNAV  { display:inline-block; height: 41px; width: 420px; margin: 45px 0 0 0px; position: relative; float:left;  }
ul#main-nav {
	
	list-style: none;
	}
	ul#menu li {
		float: left;
		
	}
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 41px;
		float: left;
		margin: 0 0 0 0;
		}
		ul#menu li a.faq {
			background: url(sitewideAssets/images/nav_button2e.png) right center no-repeat;
			width: 74px;
			margin-left: 0px;
			
		}
		
			ul#menu li a.home {
			background: url(sitewideAssets/images/nav_button1e.png) right center no-repeat;
			width: 75px;
			margin-left: 0px;
			
		}
		ul#menu li a.contact {
			background: url(sitewideAssets/images/nav_button3e.png) right center no-repeat;
			width: 113px;
			margin-left: 0px;
			}
		ul#menu li a.portfolio {
			background: url(sitewideAssets/images/nav_button4e.png) right center no-repeat;
			width: 74px;
			margin-left: 0px;
			
		}
/*		ul#menu li a.resume {
			background: url(sitewideAssets/images/nav_button5e.png) right center no-repeat;
			width: 87px;
			margin-left: 10px;
		
		}*/	
		ul#menu li a.demo {
			background: url(sitewideAssets/images/nav_button6e.png) right center no-repeat;
			width: 80px;
			margin-left: 0px;
			
		}
			ul#menu li a.home:hover, ul#menu li a.home:active,
			ul#menu li a.faq:hover, ul#menu li a.faq:active,
			ul#menu li a.contact:hover, ul#menu li a.contact:active, 
			ul#menu li a.portfolio:hover, ul#menu li a.portfolio:active,
			ul#menu li a.demo:hover, ul#menu li a.demo:active
			/* ul#menu li a.resume:hover, ul#menu li a.resume:active */ {
				background-position: left center;
			}
		body#home ul#menu li a.home,
		body#faq1 ul#menu li a.faq,
		body#contact ul#menu li a.contact, 
		body#portfolio ul#menu li a.portfolio,
		body#demo ul#menu li a.demo
		/*body#resume ul#menu li a.resume */ {
			background-position: left center;
		}
		
		/*
	FOOTER
*/
#footer								{ width: 100%; height: 140px; background: #7799b2;}
#footer-inside						{ width: 960px; 
									  margin: 0 auto;  }
#footer p							{ color: #b54d33; }
#footer a							{ color: #b54d33; padding: 2px;}
#footer a:hover						{ background: #6e99b8; }
#footer-1							{ width: 250px; float: left; padding-right: 0; }
#footer-2							{ width: 200px; float: left; padding-right: 0; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 250px; float: left; }
#footer ul							{ color: #b54d33; }

/*jquery FAQ */

#faqRoot {float: left; width: 500px; margin: 0 auto;padding: 0;  }
/* not using this stuff right now #faqindex { width: 190px; font-family: consolas,verdana,helvetica,sans-serif;}
#faqindex a, #faqindex a:visited {text-decoration: none;color: white;}
#faqindex a:active, #faqindex a:hover {color: white;border-bottom:dotted #ccc 1px;}
#faqindex ul { list-style-type: none;list-style-image: none;list-style-position: outside;padding-left:25px;line-height: 18px;margin-top: 5px;font-size:80%;}
#faqindex ul li {color: white; white-space:nowrap;}
#faqindex h2 {padding: 0;margin-bottom: 0;border-bottom: dotted 1px #ccc;color: white;} */
#faq { list-style:none; float:left; width: 580px;margin: 0 auto; font-family: consolas,verdana,helvetica,sans-serif;}
#faq {margin-bottom: 25px;}
#faq .faqcontent {width: 100%; margin: 10px 0px 10px 0px; font-size: 1.4em; color:#eee5dc; }
#faq h2  {width: 100%; margin: 10px 0 10px 0; }
#faq h2.faqopened, #faq h2.faqclosed {cursor: pointer; padding: 0 0 0 0px;border-bottom: dotted 1px #ccc;margin-bottom: 0;}
#faq h2.faqclosed:hover {color: #eee5dc;}
#faq h2.faqclosed {width: 100%; margin: 0px 0 10px 0; color: #eee5dc;}
#faq h2.faqopened {color: #eee5dc; }

/*Portfolio - Archives Page  (makes use of jQuery greyscale plugin)*/
.dust {	
float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 0px solid #ccc;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
z-index: -1;
	}
	
.main_feature{

width: 340px;
height: 100%;
float: right;
}

.main_feature h2 {
float: left;
margin: 0 0 0 300px;
width: 50px;
}
ul.gallery {
	width: 350px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0 0 0 0px; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 0px 0 10px 0; padding: 0;
	text-align: center;
	border: 0px solid #ccc;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	
}
ul.gallery li a.thumb { 
	width: 170px;
	height: 167px;
	padding: 0px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 170px;
	height: 167px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: .9em; 
	line-height: 1em; 
	font-weight: bold;
	width: 160px;
	color: #eee5dc;
	text-transform: uppercase;
	margin: 0; padding: 5px;
	background: #444444;
	border-top: 0px solid #fff; /*--Subtle bevel effect--*/
	float:left;
}

ul.gallery li h2 a:hover {
color: white;
}

ul.gallery li a {text-decoration: none; color: #777; display: block;}




/* SlideShow2 */


ul.slideshow {
	list-style:none;
	width:650px;
	height:200px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:650px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}


/* FeatureList1.0 */


		div#feature_list {
			width: 750px;
			height: 240px;
			overflow: hidden;
			position: relative;
			background-color: white;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
			
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
			
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url(/wp-content/plugins/featureList/feature-tab-current.png);
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
/* Drop Captions */
.caption {
 background: #333;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 border-left: 1px solid #666;
 border-top: 1px solid #666;
 font-family: Verdana;
 font-size: 11px;
 padding: 4px;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-bottomleft: 6px;
 -webkit-border-bottom-right-radius: 6px;
 -webkit-border-bottom-left-radius: 6px;
 color: #eee;
 z-index:9999;
}