/*
Theme Name: Studio Portfolio
Theme URI: http://studiopounce.com
Description: Minimal theme with bare essentials
Version: 1.0
Author: Ryan Taylor
Date: April 2009
*/

body {
	color: #000;
	font-family: Georgia;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	width: 100%;
	height: 100%;
}
.sayhi {
	height: 1px;
	overflow: hidden;
}
#wrap {
	width: 100%;
}
		
#content {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	margin-bottom: 400px;
}
	p.error {
		position: fixed;
		top: 43px;
		left: 250px;
		xwidth: 100%;
		xheight: 100%;
		margin: 0 auto;
		text-align: center;
		vertical-align: middle;
	}
		p.error {font-size: 30px; color: #fff;}

.page {
	width: 900px;
	margin-top: 150px;
	margin-left: 90px;
}
	.page acronym {
		cursor: pointer;
	}

	.page h4 {
		font-size: 14px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.page p {
		margin-top: 0px;
		padding-top: 0px;
		line-height: 160%;
	}
	.page p a {
		color: #000;
		font-size: 12px;
	}
	.page p a:hover {
		background: #000;
		color: #fff;	
	}
	
.post {
    margin: 0px;
}
    .post h1, h2 {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	margin: 0px 15px;
    	padding-bottom: 2px;
    }
    .post h3 {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	margin-top: 0;
    	font-size: 13px;
    }


/* MENU */
#sidebar {
	z-index: 800;
	margin: 0px;
	padding: 0px;
	color: #000;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 380px;
	min-height: 120px;
	max-height: 500px;
}
	#sidebar * {
		font: 12px Georgia;
		line-height: 130%;
		text-decoration: none;
	}
		#sidebar a:hover {
			text-decoration: underline;
		}
		#sidebar ul,
		#sidebar li,
		#sidebar li a {
			margin: 0px;
			padding: 0px;
			list-style: none;
			color: black;
		}
		
		#sidebar li a {
			padding: 2px 6px 2px 5px;
		}
		
		.active a {
			background:#000;
			color: #fff !important;
		}
		
		#sidebar li {
			line-height: 150%;
		}
		#sidebar hr {
			border: none;
			border-bottom: 1px #000 dotted;
			margin: 20px 0px;
		}
		
	#logo {
		padding: 50px 0px 5px 10px;
		position: relative;
		top: 0px;
		width: 150px;
		left: 70px;
		cursor: pointer;
		background: #fff;
	}
	
	#navigation {
		background: white;	
		width: 310px;
		min-height: 280px; height: auto;
		padding-bottom: 50px;
		position: relative;
		top: 0px;
		left: 70px;
		padding-top: 30px;
		padding-bottom: 15px;
		z-index: 900;
	}
	
		#mainmenu, #submenu {
			padding: 0px;
			float: left;
		}	
		#mainmenu {
			margin: 0px 15px;		
			width: 80px;
		}
		#submenu {
			width: 180px;
		}
		
		
/* < MENU */

#chris, #fiona, #ryan {
	font-size: 110% !important;
	line-height: 150%;
	width: 75%;
}

/* SLIDER */
.slider , .slideshow{
	float: none;
	clear: both;
    width: 100%;
	overflow: hidden;
    text-align: left;
    position: relative;
    height: 600px;
}
    .slider div, .slideshow div {
		padding: 0px;
		margin: 0px;
		float: none;
        clear: both;    
	}
        .slider ul, .slideshow ul {
	    	overflow: hidden;
            height: 600px;
        }
	.slider ul, .slider li, .slideshow ul, .slideshow li {
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	.slider li, .slideshow li {
		float: left;
		height: 600px;
		width: 900px;
		}

	.slider {
		margin-top: 50px !important;
		padding-top: 100px !important;
	}
/* < SLIDER */

/* DETAILS / GAMES */
#interactive-game {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 920px;
    height: 820px;
    z-index: 980;
}
.contentloader {
    width: 100%;
    background: #ccc;
    z-index: 750;
    position: fixed;
    top:0px;
    left: 0px;
}
	.loadtext {
    	z-index: 750;
    	position: fixed;
    	top:150px;
    	left: 90px;
    	height: 20px;
	}
	
.btn-close {
    padding: 5px 7px;		
    z-index: 990;
    position: fixed;
    bottom:25px;
    left: 80px;
}
    .btn-close * {
    	color: #333;
    	cursor: pointer;
    	text-decoration: none;
    }
    .btn-close:hover {
    	text-decoration: underline;
    }

.gamelink {
	z-index: 650;
	border-top: 1px #000 dotted;
	margin-left: 10px;
	position: absolute;
	left: 80px;
	padding: 5px 15px 5px 0px;		
}
	.gamelink * {
		color: #333;
		cursor: pointer;
		text-decoration: none;
	}
		.gamelink:hover {
			text-decoration: underline;
		}

.textbox {
	z-index: 650;
	margin-left: 10px;
	width: 70%;
	position: absolute;
	left: 80px;
}
	.btn {
		border-top: 1px #000 dotted;
		color: #333;
		padding: 5px 7px 5px 0px;		
		cursor: pointer;
		width: 250px;
	}
	.txt {
		padding: 5px 15px 15px 0px;
		color: #000;
		background: #fff;
		display: none;
	}
	
	.textbox div#a,
	.textbox div#b,
	.textbox div#c {
		width: 31%;
		height: 200px;
		float: left;
		text-align: justify;
	}
	.textbox div#a,
	.textbox div#b {
		margin-right: 20px;
	}
/* < DETAILS / GAMES */


/* NAVIGATION */
#btn-up, #btn-down {
	width: 290px;
	height: 50%;
	position: fixed;
	left: 300px;
	z-index: 660 !important;
	background: url(image/transparent-tile.gif);
	
}	
	#btn-up {
	top: 0;
	}
	#btn-down {
	bottom: 0;
	}
		#btn-up:hover {cursor: n-resize; background: url(/wp-content/themes/template/image/up.png) top no-repeat;}
		#btn-down:hover {cursor: s-resize; background: url(/wp-content/themes/template/image/down.png) bottom no-repeat;}
.prev,
.next {
	height: 600px !important;
    position: absolute;
	z-index: 600;
    top: 150px;
	background: url(image/transparent-tile.gif);
	width:50%;
}
	.prev {left:0px; width:50%;}
	.next {right:0px; width:50%;}
		.prev:hover {cursor: w-resize; background: url(/wp-content/themes/template/image/prev.png) left no-repeat;}
		.next:hover {cursor: e-resize; background: url(/wp-content/themes/template/image/next.png) right no-repeat;}

	#btn-up:active, #btn-up:focus,
	#btn-down:active, #btn-down:focus,
    .prev:active, .prev:focus,
    .next:active, .next:focus {outline: 0;}
		
.indicator {
	margin-left: 160px;
	overflow: hidden;
	float: left;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 170px;
	}
	.indicator div {width: 15px; padding: 5px; color: #333; margin-right: 2px; display: none; text-align: center;}
	.indicator div.temp {}
	.indicatorUp, .indicatorDown {padding: 5px 5px 5px 5px !important;}
/* < NAVIGATION */


/* AWARDS */
ul.awards {
	padding: 0px;
	margin: 0px;
	list-style: none;
	clear: both;
	float: none;
}
	ul.awards li {
		cursor: pointer;
		text-align: center;
		padding: 3px 0px;
		display: list-item;
		float: left;
		border-right: 1px #666 dotted; 
		width: 50px;
	}
		ul.awards li:hover {
			background: #000;
			color: #fff;	
		}
.col50 {
	float: left;
	width: 550px;
	margin-right: 30px;
}
	.col50 p {font-size: 90%;}
	.col50 a {font-weight: bold; font-size: 105%;}
	.col50 acronym {border-bottom:1px #666 dotted;}
	.col50 h4 {margin-top: 0px; margin-bottom: 10px !important;}

.awardslist, .toc {
	float: none;
	clear: both;
	padding-top: 15px !important;
	padding-bottom: 5px !important;
}
	.awardslist {display: none;}
	.toc {
		border-top:1px #666 dotted;
	}
	.toc a {font-weight: normal; font-size: 100%;}

.clearnow {clear: both; float: none;}
.clearall {clear: both; float: none; height: 20px;}
.cleararea {clear: both; float: none; height: 500px;}