/*---------------------------------
-----------------------------------

O R I O N   T V

v.1.0, 15/04/08

Stylesheet created by pixelcocoa
www.pixelcocoa.com


-----------------------------------
---------------------------------*/

html, body {
         height: 100%;
	padding: 0 0 0 0;
	background: #c4c4c4 url(background_light.gif) repeat-y center top;
	margin: 0px;
	font: 12pt/18pt "Trebuchet MS", helvetica, sans-serif;
	color: #333333;
	text-align: center;
	}

a:link 		{color:#666666; text-decoration:none;}
a:visited 	{color:#3399CC; font-weight:normal; text-decoration:none;}
a:hover 	{color:#66CCFF; font-weight:normal; text-decoration:none;}

/*a 		{color: #a29D55; text-decoration: none;}
a:hover 	{color: #6B6543; text-decoration: underline overline; }
a:visited 	{color: #a29D55; border-style: none; text-decoration: none;} */

h1 {
	padding:0 0 0 0;  
	font-weight: bold; 
	font-size: 1.2em;  
	color: #0099CC; 
	}

h2 {
	padding:0 0 0 0;  
	font-weight: bold; 
	font-size: 1.2em;  
	color: #ffffff;
	}

h3 {
	font-size: 1em; 
	margin: 1.2em 0px 0.8em; 
	width: 420px; 
	height: 10px;
	color: #a1bcce
	}

p {
	font-size: 88%; 
	margin: 0px 0px 0.6em;
	color: #333333; 
	}
	
#container {
	background: #ffffff;
	position: relative;
         margin: 0px auto;
	width: 700px;
         height: auto;
         height: 100%;
         min-height: 100%;
	text-align: left;
	}

html>body #container {
         min-height: 100%;
         height: auto;
}

#intro {
	width: 700px;
	}

#pageHeader {
	background: #ffffff url(header.jpg) center no-repeat ;
	width: 700px;
	height: 220px;
	position: relative;
	}
	
#Navigation {
	background: #ffffff url(background_nav.jpg) center no-repeat ;
	width: 700px;
	height: 50px;
	text-align: center;
	position: relative;
	}	
	
#Preview {
	background: #ffffff url(test_img.jpg) top right no-repeat ;
	width: 700px;
	height: 370px;
	position: relative;
	}	
	
#PreviewText {
	position: absolute;
	background: #ffffff;
	top: 35px;
	left: 35px;
	width:215px;
	height: 300px;
			}

#supportingText {
	width: 430px;
	padding:0 60px 0 30px;
	}

#mainBody {
         margin:0px auto;
	width: 665px;
         position:relative;
         overflow:auto;
         padding: 0 0 15px 30px;
         	}

#mainBody span.message {
         font-size: 88%;
         font-weight: bold; 
	color: red;
}

#mainBody span.pick {
width: 340px;
background-color:light-gray;
text-align: left;
float:left;
padding:0 0 0 2px;
}

#mainBody span.entry {
width:250px;
float: left;
margin-left:30px;
}

#mainBody span.rootmenu {
         width:580px;
         text-align:left;
         background-color: #CCCCFF;
         color: #fff;
         float:left;
         border-bottom:1px solid white;
         padding-left:5px;
}

#preamble {
	width: 430px;
	padding:0 60px 0 30px;
	margin-right: 0px;
	margin-left: 0px;
	}

div.titlerow {
width: 630px;
clear:both;
background-color:gray;
}

div.titlerow span.title {
width: 95px;
background-color:gray;
text-align: left;
float:left;
padding:0 0 0 2px;
}

div.optionrow {
width: 630px;
clear:both;
}

div.optionrow span.option {
width: 95px;
background-color:light-gray;
text-align: left;
float:left;
padding:0 0 0 2px;
}

div.optionrow span.optiona {
width: 140px;
background-color:light-gray;
text-align: left;
float:left;
padding:0 0 0 2px;
}

div.optionrow span.optionb {
width: 175px;
background-color:light-gray;
text-align: left;
float:left;
padding:0 0 0 2px;
}

div.optionrow span.optionc {
width: 250px;
background-color:light-gray;
text-align: left;
float:left;
padding:0 0 0 2px;
}

div.optionrow span.entry {
width:250px;
float: left;
margin-left:30px;
}

div.vidrow {
  width: 600px;
  clear: both;
  padding: 10px 25px 10px 0;
  font-size: 88%;
  }

div.vidadminrow {
width: 600px;
padding: 10px 25px 10px 0;
font-size: 88%;
}

div.vidblock {
width: 190px;
height: 300px;
float:left;
margin-left: 10px;
}

div.vidadminrow span.clip {
  float: left;
  width: 120px;
  height: 96px;
  padding: 0 0 10px 0;
  }

div.vidbuttonrow {
width: 600px;
clear:both;
padding: 10px 25px 10px 30px;
}

div.vidrow span.synopsis {
  float: right;
  width: 300px;
  text-align: left;
  padding: 0 0 0 0;
  } 

div.vidrow p {
  font-size: 100%;
  margin: 0px 0px 0px;
  font-weight: bold;
  color: #333333;
  }

#explanation {
	border: solid #CC9977;
	}
	
#footer {
         background: url(background_footer.gif) repeat-x top;
	padding: 0 0 20px 30px;
	text-align: left;
	}
	
#footer p {
	font-size: 0.8em;
	color: #333333;
	padding: 5px 0 0 0;
	margin: 20px 0 0 0;
	}
	
footer a 			{/*color: #a29D55;*/ border-style: none; text-decoration: none;}
footer a:hover 	{/*color: #6B6543;*/ border-style: none; text-decoration: none; }
footer a:visited 	{/*color: #a29D55;*/ border-style: none; text-decoration: none;}