/*  
Theme Name: Cheese Wizz
Theme URI: http://foraysforyou.com
Description: Straight from the fridge to your mouth.
Version: 1.0
Author: Forays For You
Author URI: http://foraysforyou.com

	Cheese Wizz 1.0
	 http://foraysforyou.com

	This theme was designed and built by Forays For You,
	especially for Stereopresence/RRH.
	(\(\
	(^.^)
	(")")


*/

/*
Reset all the Styles
Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt Version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

body {
	margin: 0;
	padding: 0;
	background: url("images/background-tile.gif");
	font-size:62.5%;
	color: #fff;
	min-width: 1000px;
}

#sidebar {
	width: 24%;
	float: left;
}

#content {
	width: 74%;
	float: left;
	padding-left: 10px;
}

#left-column {
	float:left;
	width: 60%;
}

#right-column {
	width: 40%;
	float:left;
}

#single-column {
	width: 100%;
	clear: both;
}

.clr {
	clear: both;
	line-height: 1px;
}

/* Sidebar
---------------------------------------------------------------------*/
#menu {
	width: 175px;
	height: 442px;
	background: url("images/menu.gif");
	margin: 10px auto; padding 0;
	position: relative;
}

#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menu li span { display: none; }

#menu a {display: block;}

#menuItem1 {left: 0px; top: 0px; width: 175px; height: 162px;}
#menuItem2 {left: 0px; top: 163px; width: 175px; height: 70px;}
#menuItem3 {left: 0px; top: 233px; width: 175px; height: 70px;}
#menuItem4 {left: 0px; top: 303px; width: 175px; height: 70px;}
#menuItem5 {left: 0px; top: 372px; width: 175px; height: 70px;}

#menuItem1 a {height: 163px;}
#menuItem2 a {height: 70px;}
#menuItem3 a {height: 70px;}
#menuItem4 a {height: 70px;}
#menuItem5 a {height: 70px;}

#menuItem1 a:hover, #menuItem1 a.selected {background: url("images/menu.gif") -175px 0px no-repeat;}
#menuItem2 a:hover, #menuItem2 a.selected {background: url("images/menu.gif") -175px -163px no-repeat;}
#menuItem3 a:hover, #menuItem3 a.selected {background: url("images/menu.gif") -175px -233px no-repeat;}
#menuItem4 a:hover, #menuItem4 a.selected {background: url("images/menu.gif") -175px -303px no-repeat;}
#menuItem5 a:hover, #menuItem5 a.selected {background: url("images/menu.gif") -175px -372px no-repeat;}
/* ------------------------------------------------------------------
End Sidebar */



/* Splash
---------------------------------------------------------------------*/
#splash {
	width: 100%;
	text-align: center;
	margin: 0;
	position: absolute;
	top: 20%;
}

.splashpic {
	width: 493px;
	height: 492px;
	margin: 0 auto;
}
#splash h1 {
	background: url("images/splash.gif") no-repeat center;
	margin-bottom: 1em;
}

#splash h1 span { display: none;}
/* ------------------------------------------------------------------
End Splash */



/* Navigation
---------------------------------------------------------------------*/
#nav-menu {
	width: 300px; 
	height: 41px;
	background: url("images/navigation.gif");
	margin-top: 92px;
	position: relative;
}

#nav-menu li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 0;
}

#nav-menu li span { display: none; }

#nav-menu li, #navigation a {
	height: 41px; display: block;
}

#navItem1 { position: relative; left: 0; width: 65px; }
#navItem2 { left: 65px; width: 62px; }
#navItem3 { left: 126px; width: 175px; }

#navItem1 a:hover, #navItem1 a.selected { background: transparent url("images/navigation.gif") 0 -41px no-repeat; }
#navItem2 a:hover, #navItem2 a.selected { background: transparent url("images/navigation.gif") -65px -41px no-repeat; }
#navItem3 a:hover, #navItem3 a.selected { background: transparent url("images/navigation.gif") -126px -41px no-repeat; }
/* ------------------------------------------------------------------
End Navigation */



/* Common Typography
---------------------------------------------------------------------*/
h2 {
	font: normal 2.4em Arial, sans-serif;
	text-transform: uppercase;
}

h3 {
	font: normal 1.4em Arial, sans-serif;
}

a { text-decoration: none;color:#ff99cc;}
a:hover {color:#fff;}

.dateline {
	font: normal 1.1em Arial, sans-serif;
	color: #666;
}

.text, .links {
	font: normal 1.1em/1.5em Arial, sans-serif;
	color: #999;
	margin: 1em 0;
}

.text p { margin: 1em 0; }

.text img {
	display:block;
	margin: 1em 0;
}

.links {font-weight: bold;}

.pagination {margin: 1em 20px; font: bold 1.1em Arial, sans-serif;}

.pagination b {font-weight: normal;}

.text p strong { font-weight: bold;}
/* ------------------------------------------------------------------
End Typography */



/* List View
---------------------------------------------------------------------*/
.list {	margin: 20px; }

.list h2 { color: #fff;}

.sort {
	font: normal 1.1em/1.5em Arial, sans-serif;
	color: #999;
	margin-bottom: 1em;
}

.list h3 {margin-top: 1em;}

.list .title {
	font: normal 1.1em/1.5em Arial, sans-serif;
	color: #999;
	xmargin: 1em 0;
}

.sort a {color: #666;}

.pagination b a { color: #999; }

.thumbnails {margin: 20px 0 0 20px;}

.thumbnails h2 {color: #fff;}

.thumbnails h3 {clear:both;}

.thumbnails .tile {
	width: 80px;
	height: 80px;
	background: #232323;
	float: left;
	margin: 0 20px 20px 0;
}

.tile img {
	border: solid 1px #666;
}

.tile h4 {
	font: normal 0.9em Arial, sans-serif;
	color: #999;
}

.tile h4 a { color: #999; }

.list .title a {color:#999;}
.list .title a:hover {color:#fff;}
/* ------------------------------------------------------------------
End List View */



/* Post View
---------------------------------------------------------------------*/
.post {margin: 20px;}

/* ------------------------------------------------------------------
End Post View */



/* Page View
---------------------------------------------------------------------*/
.page {
	margin: 20px;
}
/* ------------------------------------------------------------------
End Page View */



/* News
---------------------------------------------------------------------*/
.news a {color: #ff99cc;}

.news .pagination {color: #ff99cc;}
.news .pagination b em { color: #ff99cc;}
.news .pagination b {color: #999;}
.news .pagination b a { color: #999; }
.news .pagination b a:hover { color: #ff99cc; }
/* ------------------------------------------------------------------
End News */


/* Video
---------------------------------------------------------------------*/
.video .post a {color: #ff6666;}
.video .sort a:hover, .video .sort a.selected {color: #ff6666;}

.video .thumbnails h3 {color:#ff6666; margin-bottom: 5px;}
.video .tile h4 a:hover { color: #ff6666; }

.video .text h4 { font: normal 1.4em Arial, sans-serif;}

#video-player {margin: 5px 0;}

.video .pagination { color: #ff6666; }
.video .pagination b em { color: #ff6666;}
.video .pagination b a:hover { color: #ff6666; }

.video .list .title a:hover {color:#ff6666;}
/* ------------------------------------------------------------------
End Video */




/* Audio
---------------------------------------------------------------------*/
.audio .post a {color: #6699cc;}
.audio .sort a:hover, .audio .sort a.selected {color: #6699cc;}

.audio .list h3 {color:#6699cc;}
.audio .post h2, .audio .post h2 a {color:#6699cc;}
.audio .text h4 { font: normal 1.4em Arial, sans-serif;}

.audio .pagination { color: #6699cc; }
.audio .pagination b em { color: #6699cc;}
.audio .pagination b a:hover { color: #6699cc; }

#audio-player {
	margin: 5px 0;
}
/* ------------------------------------------------------------------
Audio Words*/




/* Photo
---------------------------------------------------------------------*/
.photo .post a {color: #99cc66;}
.photo .sort a:hover, .photo .sort a.selected {color: #99cc66;}

.photo .thumbnails h3 {color:#99cc66; margin-bottom: 5px;}
.photo .tile h4 a:hover { color: #99cc66; }

.photo .pagination { color: #99cc66; }
.photo .pagination b em { color: #99cc66;}
.photo .pagination b a:hover { color: #99cc66; }

#photo-viewer {
	margin: 5px 0;
}
.photo .post .text { xclear: both;}
.photo .text h4 { font: normal 1.4em Arial, sans-serif;}
/* ------------------------------------------------------------------
End Photo */



/* Words
---------------------------------------------------------------------*/
.words .post a {color: #cccc66;}
.words .sort a:hover, .words .sort a.selected {color: #cccc66;}

.words .list h3 {color:#cccc66;}
.words .post h2, .words .post h2 a {color:#cccc66;}
.words .post h2 { text-transform: none;}

.words .pagination { color: #cccc66; }
.words .pagination b em { color: #cccc66;}
.words .pagination b a { color: #999; }
.words .pagination b a:hover { color: #cccc66; }

/* ------------------------------------------------------------------
End Words*/




/* Boxes
---------------------------------------------------------------------*/
.news {background: #ff99cc;}
.news .corner01 {background: url("images/boxes/pink-corner-01.gif") no-repeat;}
.news .corner02 {background: url("images/boxes/pink-corner-02.gif") no-repeat;}
.news .corner03 {background: url("images/boxes/pink-corner-03.gif") no-repeat;}

.video {background: #ff6666;}
.video .corner01 {background: url("images/boxes/red-corner-01.gif") no-repeat;}
.video .corner02 {background: url("images/boxes/red-corner-02.gif") no-repeat;}
.video .corner03 {background: url("images/boxes/red-corner-03.gif") no-repeat;}

.audio {background: #6699cc;}
.audio .corner01 {background: url("images/boxes/blue-corner-01.gif") no-repeat;}
.audio .corner02 {background: url("images/boxes/blue-corner-02.gif") no-repeat;}
.audio .corner03 {background: url("images/boxes/blue-corner-03.gif") no-repeat;}

.photo {background: #99cc66;}
.photo .corner01 {background: url("images/boxes/green-corner-01.gif") no-repeat;}
.photo .corner02 {background: url("images/boxes/green-corner-02.gif") no-repeat;}
.photo .corner03 {background: url("images/boxes/green-corner-03.gif") no-repeat;}

.words {background: #cccc66;}
.words .corner01 {background: url("images/boxes/yellow-corner-01.gif") no-repeat;}
.words .corner02 {background: url("images/boxes/yellow-corner-02.gif") no-repeat;}
.words .corner03 {background: url("images/boxes/yellow-corner-03.gif") no-repeat;}

.misc {background: #ccc;}
.misc .corner01 {background: url("images/boxes/grey-corner-01.gif") no-repeat;}
.misc .corner02 {background: url("images/boxes/grey-corner-02.gif") no-repeat;}
.misc .corner03 {background: url("images/boxes/grey-corner-03.gif") no-repeat;}

.box {
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	position: relative;
	margin: 10px 10px 10px 0;
}

.corner01 {
	position: absolute;
	top: -1px;
	left: 0px;
	width: 10px;
	height: 10px;
}

.corner02 {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 10px;
	height: 10px;
}

.corner03 {
	position: absolute;
	bottom: 0px;
	right: -1px;
	width: 10px;
	height: 10px;
}

.box-inner {
	border: solid 1px #666;
	background: #333;
	margin: 9px 9px 0 0;
}
/* ------------------------------------------------------------------
End Boxes */