/*  

Theme Name: Fuzzy Future
Theme URI: http://www.fuzzyfuture.com
Description: Fuzzy Future Theme
Author: Fuzzy FUture
Author URI: http://www.fuzzyfuture.com
Version: 0.9
Tags: green, blue, two column, business, white, grey background

*/

/* DEFAULT STYLES */

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote {
	margin: 0;
	padding: 10px;
}

a {
  	color: #256B7F;
}

a:hover {
  	color: #6B8B45;
}

blockquote {
  	margin: 10px 10px;
  	padding: 5px 10px;
  	background-color: #ACD1E4;
	text-align: justify;
  	border: 1px dotted #BBB;
}

code {
  	color: #3366CC;
}

a img {
  	border: none;
}

body {
  	margin: 0px auto 10px auto;
  	width: 1024px;
  	font-family: arial, sans-serif;
  	text-align: center; /* IE Centering Technique */
  	background: #546873;
  	background-attachment: fixed; 
}

#wrapper {
  	text-align: left; /* IE Centering Technique */
  	background: #546873 url( 'images/fuzzy-future-body.jpg' ) repeat-y top left;
  	margin: 0;
  	padding: 0;
}

.topcurvewhite {
  	margin: 0 0 0 0;
  	height: 13px;
}

.bottomcurvewhite {
  	margin: 0;
  	height: 25px;
  	background: url( 'images/fuzzy-future-footer-white.jpg') left bottom no-repeat;
}

.bottomcurveblue {
  	margin: 0;
  	height: 25px;
  	background: url( 'images/fuzzy-future-footer.jpg') left bottom no-repeat;
}

/* HEADER */

#header {
  	background: url( 'images/fuzzy-future-header.jpg' ) left top no-repeat;
  	position: relative;
  	margin: 0 0 0 0;
  	padding: 0 0 0 0;
  	height: 380px;
  	width: 1024px;
}

#header #logo {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	height: 104px;
  	width: 645px;
}

#header #sphere {
	position: absolute;
	top: 30px;
	left: 25px;
	width: 88px;
	height: 98px;
	margin: 0px;
	z-index: 1;
}

#header #bannertext {
	position: absolute;
	top: 57px;
	left: 125px;
	width: 514px;
	height: 50px;
	margin: 0px;
	z-index: 1;
}

#header #icon {
	position: absolute;
	background: url( 'images/fuzzy-future-arrow.jpg' ) top right no-repeat;  
	right: 0px;
	top: 0px;
	width: 500px;
	height: 384px;
	margin: 0px;
}

#header #desc {
	position: absolute;
	top: 127px;
	left: 30px;
	width: 490px;
	height: 225px;
}

#header #writeup {
	position: absolute;
	top: 155px;
	left: 35px;
	width: 470px;
	font-size: 16px;
  	font-family: arial, sans-serif;
	color: #2f0606;
}
	
#header h2 {
	color: #398bb8;
	background-color: #FFF;
	font-weight: bold;
	z-index: -5000;
}
	
#header h1.sitename {
  	padding: 0 0 0 0;
  	z-index: -5000;
 	position: relative;
  	font-size: 20pt;
}

#header h1.sitename a {
  	color: #fff;
  	background-color: #000;
  	z-index: -5000;
  	text-decoration: none;
}

#header h1.sitename a:hover {
  	color: #D0DE9C;
  	text-decoration: none;
}

#header h2.sitedesc {
  	padding: 0 0 0 0;
  	z-index: -5000;
  	position: relative;
  	font-size: 11pt;
  	color: #A6DDEA;
}

/* NAVIGATION STYLES */

#nav {
  	position: absolute;
  	top: 340px;
  	left: 35px;
  	clear: both;
  	margin: 10px 0 0 0;
}

#nav ul {
  	margin: 0;
  	padding: 0;
  	list-style: none;
}

#nav li {
  	float: left;
  	margin-right: 10px;
  	font-size: 14px;
	white-space: nowrap;
	width: auto;
  	font-weight: bold;
  	text-transform: uppercase;
}

* html #nav li a { /* Filter for IE6 to prevent li stacking */
  	float: left;
	width: auto;
  	text-decoration: none;
}

* html #nav li a span { /* Filter for IE6 to prevent li stacking */
  	float: left;
	width: auto;
  	margin-left: 4px;
  	text-decoration: none;
}

#nav li a {
  	display: block;
  	height: 26px; 
  	text-decoration: none;
}

#nav li a span {
  	display: block;
  	margin-left: 6px;
  	padding-left: 5px;
  	padding-right: 12px;
  	line-height: 26px;
  	color: #398bb8;
	background-color: #FFF;
  	text-decoration: none;
}

#nav li a:hover {
  	background-position: left -26px;
  	text-decoration: none;
  	cursor: pointer; /* For IE6 */
}

#nav li a:hover span {
  	background-position: right -26px;
	background-color: #FFF;
  	color: #acd040;
}

#nav li.current_page a {
  	background-position: left -26px;
}
  
#nav li.current_page a span {
  	background-position: right -26px;
	background-color: #FFF;
	color: #acd040;
}

/* MAIN CONTENT */

#main {
  	margin: 0 auto;
  	width: 999px; /* Overrides miscalculation in IE6; ignored by other browsers. */
  	margin-left: 15px;
  	background-color: #398bb8;
  	padding: 0 0px 0px 0px;
}
  
#main-full {
  	margin: 0 auto;
  	width: 999px; /* Overrides miscalculation in IE6; ignored by other browsers. */
  	margin-left: 15px;
  	background-color: #FFF;
  	padding: 0 0px 0px 0px;
}

.fixedheight {
	height: 200px;
}

#main #topbox {
	height: 210px;
	padding-top: 15px;
	padding-left: 10px;
	margin: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	color: #444;
}

#main #topbox img {
	height: 125px;
	width: 200px;
	margin-top: 10px;
}

#main #topbox img.boxed {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	border: 5px solid #2c6b8e;
}

#main #topbox h2 {
	color: #2c6b8e;
	background-color: transparent;
	padding: 10px 0 5px 0;
	font-size: 24px;
	margin: 0;
}

#main #content {
	background-color: #FFF;
}

#main #topInfo {
	position: relative;
	bottom: 0px;
	height: 35px;
	background: #444 url( 'images/fuzzy-future-getstarted2.gif' ) left center no-repeat;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	padding-left: 85px;
	padding-top: 10px;
}

/* CONTENTWRAPPER AND CONTENT */

#contentwrapper {
  	float: left;
  	background: #acd040 url( 'images/fuzzy-future-greentopper.jpg' ) top left repeat-x;
  	width: 548px;
  	padding: 0;
  	margin: 0;
}

#contentwrapper-full {
  	background-color: #FFF;
  	border-right: 1px solid #CCC;
  	width: 650px;  
  	padding: 0; 
  	margin: 0;
}

#content {
	overflow: hidden;
}

#content .pageTitle {
  	padding: 5px 10px 15px 10px;
  	font-size: 16pt;
  	font-family: arial, "sans serif";
  	letter-spacing: -1px;
  	color: #5A7836;
}

#contentwrapper .post {
  	background-color: #FFF;
  	margin: 0px 0 0px 0;
  	padding: 10px 0 10px 0;
  	border-bottom: 1px dashed #CCC; 
}
  
#contentwrapper-full .post {
  	background-color: #FFF;
  	margin: 0px 0 0px 0;
  	padding: 10px 15px 10px 10px;
}

.post-dark {
  	background-color: #EEE;
  	margin: 0px 0 0px 0;
  	padding: 10px 0 10px 0;
  	border-bottom: 1px dashed #CCC;
}

.post-noul {
	background-color: #FFF;
  	margin: 0px 0 0px 0;
  	padding: 10px 0 10px 0;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	padding: 0 10px;
	font-weight: bold;
}

#content h2 {
  	font-size: 15pt;
	color: #444;
}

#content h3 {
  	font-size: 11pt;
	color: #444;
}

#content h4, #content h5, #content h6 {
  	font-size: 10pt;
}

h2.homeTitle {
  	margin: 0 0 15px 0;
}

h2.postTitle {
  	padding: 0 10px;
  	font-size: 16pt;
  	font-weight: bold;
  	color: #000;
	background-color: transparent;
  	font-family: arial, "sans serif";
}

h2.postTitle a {
  	font-size: 22pt;
  	font-weight: bold;
  	text-decoration: none;
  	color: #444;
}

h2.postTitle a:hover {
	background-color: transparent;
  	color: #398BBA;
}
  
h2.postTitleSmall a {
  	font-size: 14pt;
  	font-weight: bold;
  	text-decoration: none;
  	color: #11414F;
}

h2.postTitleSmall a:hover {
	background-color: transparent;
  	color: #398BBA;
}
  
h3.subtitle {
	margin-bottom: 15px;
	color: #398BBA;
	background-color: transparent;
	margin-left: 25px;
}

.postMeta {
  	padding: 2px 10px 3px 10px;
  	font-size: 9pt;
  	color: #333;
}

.postMeta a {
  	text-decoration: none;
}

.postContent {
	margin-top: 10px;
}

.postContent img {

}

#content p, .postContent p {
	padding: 5px 10px;
	font-size: 10pt;
  	color: #000;
	background-color: transparent;
}

.postContent ul, ol {
	padding: 10px 0 10px 35px;
}

.postContent ul li, ol li {
  	font-size: 10pt;
  	margin-top: 2px;
  	color: #000;
	background-color: transparent;
}

.postTags {
  	margin: 5px 10px 15px 10px;
  	font-size: 9pt;
  	color: #000;
	background-color: transparent;
}

/* SIDEBARS MAIN PAGE */

.sidebars {
  	float:right;
  	margin-top: 0px;
  	padding-top: 15px;
  	background: #398bb8 url( 'images/fuzzy-future-bluetopper.jpg' ) top left repeat-x;
  	width: 451px;
}

.sidebars .shaded {
	padding-left: 5px;
	background-color: #2c6b8e;
	padding-bottom: 5px;
	margin: 0px;
}

.sidebars .nonshaded {
	padding-left: 5px;
	padding-bottom: 10px;
}

.sidebars img.icon {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 2px;
}

.sidebars h2 {
  	font-size: 18px;
  	font-weight: bold;
  	color: #fff;
	background-color: transparent;
}

.sidebars .sidetext {
	color: #fff;
	background-color: transparent;
	margin-left: 15px;
	font-size: 16px;
	margin-right: 10px;
}

.sidebutton {
	margin-right: 10px;
	margin-top: 0px;
	text-align: right;
	border: 0px;
	padding: 0px;
}

.sidebars a.readon {
  	background: none;
}

.sidebars a.readon:hover {
  	background: none;
}

.sidebars a {
  	display: inline;
  	color: #333;
  	text-decoration: none;
}

.sidebars a:hover {
  	color: #003366;
  	background: #C1DEF1;
}

.sidebars p {
  	padding: 2px 0;
  	font-size: 9pt;
}
  
.sidebars #resultsbox {
	margin: 0 auto;
	width: 360px;
	padding: 0px;
	height: 275px;
}

.sidebars #resultsbox .result {
	float: left;
	width: 175px;
	height: 135px;
	padding: 0px;
	margin-bottom: 4px;
}

.sidebars #resultsbox .leftGap {
	margin-left: 10px;
}

.sidebars #logobox {
	margin: 5px 0 5px 0;
	padding: 0px;
}

.sidebars #logobox #logos {  
    height:  150px;  
    width:   350px;  
    padding: 0; 
	margin: 0 auto;
} 
 
.sidebars #logobox #logos img {  
    background-color: #2c6b8e; 
    width:  350px; 
    height: 150px; 
} 

.sidebars ul.children li {border-bottom:none;}
.sidebars ul.children {margin-bottom:-5px;}

/* SIDEBARS INSIDE */

.sidebars-inside {
  	float:right;
  	margin-top: 0px;
  	padding-top: 10px;
  	background-color: #FFF;
  	width: 325px;
}
  
.sidebars-inside h2 {
  	font-size: 18px;
  	font-weight: bold;
  	margin: 0 0 10px 0;
  	padding: 0px;
  	color: #2c6b8e;
	background-color: transparent;
}

.sidebars-inside .sidetext {
	color: #fff;
	background-color: transparent;
	margin-left: 15px;
	font-size: 16px;
	margin-right: 10px;
}

.sidebars-inside a {
  	display: inline;
  	color: #333;
  	text-decoration: none;
}

.sidebars-inside a:hover {
  	color: #003366;
  	background: #C1DEF1;
}

.sidebars-inside p {
  	padding: 2px 0;
  	font-size: 9pt;
}
  
.sidebars-inside ul {
	margin-left: 10px;
	list-style: none;
}

.sidebars-inside li {
	padding: 0px;
	margin: 0px;
}
  
.sidebars-inside ul.children li {border-bottom:none;}
.sidebars-inside ul.children {margin-bottom:-5px;}

/* FOOTER */

#footer {
  	clear: both;
  	color: #fff;
	background-color: #546873;
  	text-align: left; /* IE Centering Technique */
}

#footer p {
  	padding: 0;
  	font-size: 8pt;
  	line-height: 19px;
}

#footer a {
  	color: #A6DDEA;
	background-color: #546873;
	text-decoration: none;
}

#footer a:hover {
  	color: #D0DE9C;
	text-decoration: none;
	background-color: #546873;
}

#credits {
  	clear: both;
  	float: left;
  	margin: 0 auto;
  	padding: 5px 0 5px 0;
  	width: 1024px;
  	font-size: 12px;
  	text-align: center;
}
  
#credits img {
  	margin-top: 7px;
}

/* RESULTS PAGE BLOCKS */

.results-box {
	background-color: #398BBA;
	height: 200px;
	width: 200px;
	margin-left: 6px;
	float: left;
	margin-bottom: 7px;
	cursor: pointer;
}

.results-box img {
	padding: 4px;
}

.results-box .results-title {
	padding: 0px 5px 5px 4px;
	margin: 0px;
	font-size: 16px;
	color: #FFF;
	background-color: transparent;
	font-weight: bold;
}

.results-box .results-body {
	padding: 0px 5px 5px 7px;
	margin: 0px;
	color: #EEE;
	background-color: transparent;
	font-size: 12px;
}

.results-box .results-bottom {
	padding: 0px 5px 5px 7px;
	margin: 0px;
	font-size: 12px;
	text-align: right;
	color: #FFF;
	background-color: transparent;
	font-weight: bold;
	margin-right: 3px;
}

/* INFO BOX ON SIDEBAR FOR ADDRESS */

.infobox {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	width: 200px;
	text-align: center;
	border: 1px dotted #398BBA;
	padding: 5px;
}

.infobox a {
	text-decoration: none;
}

#about-box {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-right: 30px;
	line-height: 20px;
	font-size: 14px;
	color: #FFF;
	background-attachment: fixed;
	background: #398BBA url( images/home.gif ) 210px 50px no-repeat;
}

/* SIMPLE REPETITIVE STYLES */

.blued {
	color: #398BB8;
	background-color: transparent;
	margin-left: 10px;
}

.cleared {
  	clear: both;
}

.left-col {
	margin-left: 5px;
}

.left {
  	float:left;
	width: auto;
}

.right {
  	float:right;
	width: auto;
}

.content-separator {
	margin-top: 10px;
	margin-bottom: 5px;
}

.linkto {
	display: none;
}

/* JQUERY LIGHTBOX EFFECTS */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
	width: 100px;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
	width: 100px;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
	background-color: transparent;
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

 /* CLEAR FIX */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */