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

  Title : streamster.com
  Author : Brandon Hamilton (brandon.hamilton@gmail.com)
  URL : http://www.streamster.com

  Description : Default stylesheet

  Created : 19/02/2007
  Modified : 19/02/2007

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

/* ----- CSS ----- */

/* Global element settings */
html {
  background:transparent;
  height:100%;
}

body {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-family: arial, verdana, helvetica, tahoma, sans-serif;
  color: #344EA2;
  background: #ffffff url(../images/backgradient.jpg) repeat-x scroll;
  width:100%; 
  text-align:center;
  cursor: default;
}

img { border: 0; }

a { 
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height : 1.3em;
  color: #344EA2
}

a:visited 
{
  color: #344EA2
}

a:focus { outline: none; }

a:hover {
  cursor: pointer;	
}


select, input { 
  border: 1px #344EA2 solid;
  color: #344EA2;
  padding: 3px;
  font-family: arial;
  font-weight: bold;
  font-size: 14px;
  background-color: #ffffff;
  margin: 1px;
  width: 160px;
  /* height: 24px; */
  line-height: 1em;
  overflow: hidden;
}

option {
 border: 0; 
 font-size: 12px; 
 line-height: 1em;
 padding: 3px;
}

textarea {
  border: 1px #344EA2 solid;
  color: #344EA2;
  padding: 3px;
  font-family: arial;
  font-weight: bold;
  font-size: 12px;
  background-color: #ffffff;
  margin: 1px;
  width: 500px;
  height: 150px;
  overflow: hidden;
}

h1,h2,h3 {
  margin: 0;
  color: #344EA2;
  font-weight: bold;
  font-family: arial, verdana;
  text-transform: capitalize;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  text-transform: none;
}

h3 {
  font-size: 12px;
  text-transform:uppercase;
}

/* Page wrapper */

#pagewrap {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top: 20px;
  width: 980px;
  padding: 0px;
  background: transparent;
  font-size: 14px;
  height:1px;
  margin-top:-1px;
  clear:both;

  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
}

/* Logo */
#logo {
  margin: 0;
  padding-top: 0;
  width: 119px;
  height: 110px;
  /*float: left;*/
  top: 0px;
  left: 0px;
  position: absolute;
  background: transparent;
	/* url(../images/logo.png) fixed no-repeat; */
}

#initiallogo {
  margin: 0;
  padding-top: 0;
  width: 238px;
  height: 220px;
  /*float: left;*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: absolute;
  top: 105px;
  left: 371px;
  background: transparent;
	/* url(../images/logo.png) fixed no-repeat; */
}

/* User Login panel */
#initiallog {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 130px;
  top: 10px;
  left: 790px;
}

/* User Login panel */
#loginpanel {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 150px;
  top: 210px;
  left: 790px;
}

.loginbutton {
 margin-left:auto;  
 margin-right:auto; 
 background: transparent url(../images/btn_login.gif) no-repeat 0px 0px;
 height: 58px;
 width: 40px; 
 margin-left: 5px;
}

.loginbutton:hover {
 color: #ffffff;
 background-position: 0% -58px;
}

.loginbutton a {
 _width: 40px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0px 0px 0px;
 font-size: 18px;
 display: block;
 line-height: 58px;
}

.loginbutton:hover a {
 color: #ffffff;
}

/* Submit panel */
#linkpanel {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 190px;
  top: 340px;
  left: 790px;
  font-size: 16px;
  background: transparent;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 1em;
}

#linkpanel .linkbox {
  width: 190px;
  line-height: 1em;
  border: 1px solid #344EA2;
  margin-top: -1px;
}

#linkpanel .linkbox a {
  _width: 190px;
  margin: 0;
  maring-left: auto;
  maring-right: auto;
  padding: 0;
  width: 190px;
  font-size: 14px;
  line-height: 1.2em;
}

#linkpanel .linkbox p {
  margin: 0;
  padding: 0px;
  line-height: 2em;
  cursor: pointer;
  _width: 190px;
}

#linkpanel .linkbox:hover p {
  background: #344EA2;
  color: #ffffff;
}

/* Top advertising bar */
#topadvert {
  padding-top: 10px;
  position: absolute;
  height: 110px;
  width: 850px;
  left: 130px;
  background: transparent;
}

/* Side advertising bar */
#rightadvert {
  position: absolute;
  width: 200px;
  top: 525px;
  left: 790px;
  background: transparent;
}

#footer {
  width:100%;
  font-size: 14px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
}

#ratethislink,
#toprated,
#topviewed,
#newlinks
{
	display: block; 
	position: absolute; 
	left: 0px;
	width: 100%; 
	text-align: center; 
	z-index: 10;
}

#ratethislink .content,
#toprated .content,
#topviewed .content,
#newlinks .content
{
	margin: auto; 
	width: 500px; 
	text-align: center; 
	padding: 30px 30px 0 30px; 
	border: 1px solid #344EA2; 
	background: #ffffff url(../images/backgradient.jpg) repeat-x scroll;
}

#ratethislink .content h1,
#toprated .content h1,
#topviewed .content h1,
#newlinks .content h1
{
	text-align: center; 
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
    color: #344EA2;
    font-weight: bold;
    font-family: arial, verdana;
    text-transform: capitalize;
}

#ratingstars
{
	margin-top: 20px;
}

#ratingstars img:hover
{
  cursor: pointer;	
}

#linkrating
{
	margin-top: -10px;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

#submitbutton
{
	margin-bottom: 20px;	
}

#ratethislink .content .close,
#toprated .content .close,
#topviewed .content .close,
#newlinks .content .close
{
	position: absolute;
	top: 10px;
	right: 120px;
	margin-top: 0px; 
	padding-top: 0px;
	vertical-align: center;
	cursor: pointer;
}

#toplinkbuttons
{
	margin-bottom: 20px; 
	width: 100%;
}

#toplinkbuttons a
{
	font-size: 12px;
}

#toplinkbuttons a:hover
{
	text-decoration: underline;
}

.underlinelink:hover
{
	text-decoration: underline;
}

/* Categories panel */
#categories {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 125px;
  left: 10px;
  font-size: 12px;
  background: transparent;
}

#initialcategories {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 380px;
  left: 10px;
  font-size: 12px;
  background: transparent;
}

.toppostertable {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.toppostertable h1 {
	font-size: 16px;
}

.posterinfo
{
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}

.posterfield
{
	width: 50%;
	float: left;
	text-align: center;	
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
}

/* Search panel */
#searchpanel {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 780px;
  top: 225px;
  left: 0px;
  text-align: center;
  background: transparent;
}

#initialsearch {
  margin: 0;
  padding: 0;
  position: absolute;
  padding-top: 20px;
  width: 580px;
  top: 460px;
  left: 200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}

/* Links on page */
#alinks {
  position: absolute;
  width: 200px;
  top: 155px;
  left: 10px;
  background: transparent;
  line-height: 1.6em;
  padding: 0;
}

#abody {
  position: absolute;
  width: 740px;
  top: 155px;
  left: 220px;
  padding: 0;
  margin: 0;
  height: 1px;
}

#checkbox {
  width: 24px;	
  padding: 0;
  margin: 0;
  border: 0;
  color: #ffffff;
  background: transparent;
}

#abutton {
  background-color:#344EA2;
  background-repeat: no-repeat;
  padding: 2px;
  cursor: pointer;		
}

#content {
  position: absolute;
  width: 780px;
  top: 320px;
  left: 0px;
  background: transparent;
  padding-bottom: 5em;
}

.centeralign {
  text-align: center;
  margin-left: auto;
  margin-right: auto;	
}


/*------- Section Buttons -------------*/
#sectiontable {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 18px;
  line-height: 1em;
}

#sectiontable .sectionlink {
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  text-align: center;	
  background: transparent url(../images/btn_thick.gif) no-repeat 0px 0px;
  height: 62px;
  width: 150px;
}

#sectiontable .sectionlinkselected {
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  text-align: center;	
  background: transparent url(../images/btn_thick.gif) no-repeat 0px 0px;
  background-position: 0% -62px;
  height: 62px;
  width: 150px;
  color: #ffffff;
}

#sectiontable .sectionlinkselected:hover,
#sectiontable .sectionlink:hover {
 color: #ffffff;
 background-position: 0% -62px;
}

#sectiontable .sectionlink a {
 _width: 150px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0px 0px 0px;
 font-size: 18px;
 display: block;
 _display: inline-block;
 line-height: 62px;
}

#sectiontable .sectionlinkselected a {
 _width: 150px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0px 0px 0px;
 font-size: 18px;
 display: block;
 line-height: 62px;
 color: #ffffff;
}


#sectiontable .sectionlinkselected:hover a,
#sectiontable .sectionlink:hover a {
 color: #ffffff;
}

/*------- Search Panel -------------*/
#searchbox {
 margin-left:auto;  
 margin-right:auto; 
 width: 450px; 
 height: 15px	
}

.stdbutton {
 margin-left:auto;  
 margin-right:auto; 
 margin-top: 10px;
 background: transparent url(../images/btn_search.gif) no-repeat 0px 0px;
 height: 30px;
 width: 140px; 
}

.stdbutton:hover {
 color: #ffffff;
 background-position: 0% -30px;
}

.stdbutton a {
 _width: 140px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0px 0px 0px;
 font-size: 18px;
 display: block;
 line-height: 30px;
 
}

.stdbutton:hover a {
 color: #ffffff;
}

#searchbox input {
 width: 400px;
 font-size: 18px;
}

.linkback {
  background: transparent url(../images/btn_link.gif) no-repeat 0px 0px;
  height: 20px;	
}

.linkback:hover {
   background-position: 0% -20px;
}

.linkback a {
  font-size: 14px; 
  height: 6px; 
  line-height : 1em;
  padding-left: 40px;
  margin-left: -20px;
}

/*------- Link Buttons -------------*/
#linklist {
  width: 500px;
  text-align: center;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

#linklist ul {
 list-style: none;
 /*padding-left: 1em;
 text-indent: -1em;	*/
 text-align: center;
}

#linklist ul li {
  background: transparent url(../images/btn_link.gif) no-repeat 0px 0px;
  height: 20px;
  line-height: 20px;
  /*margin-left: 10px;*/
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#linklist ul li:hover {
   background-position: 0% -20px;
}

#linklist ul li a {
   margin-left: 0px;
   margin-right: auto;
   padding-right: 0px;
   margin-right: 0px;
   padding-left: 50px;
   margin-bottom: 5px;
   display: block;
   line-height: 20px;
   font-size: 12px;
   /* Some IE6 hacks */
   _margin-bottom: 0px;
   _font-size: 12px;
}


/*------- Category Buttons -------------*/
#categorytable {
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 18px;
  line-height: 1em;
  padding-left: 20px;
  _padding-left: 0px;
}

.categorylink {
  width: 290px;
}

.thinbutton {
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 50px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;	
  background: transparent url(../images/btn_thin.gif) no-repeat 0px 0px;
  height: 24px;
  width: 290px;
  _margin-left: 38px; /* Ugly IE 6 hack */
}

.thinbutton:hover {
 color: #ffffff;
 background-position: 0% -24px;
}

.thinbutton a {
 _width: 290px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0px 0px 0px;
 font-size: 14px;
 display: block;
 line-height: 24px;
}

.thinbutton:hover a {
 color: #ffffff;
}

.fieldlabel {
  font-weight: bold;
  margin-left: 5px; 
  text-align: right;
}

.fieldvalue {
	vertical-align: middle;
	text-align: left;
	margin-left: 10px;
}

.fieldinput {
	width: 300px;
	text-align: left;
}

@media print{ 
  /* Show only content when printing*/ 
  #loginpanel{display:none;}
  #searchpanel{display:none;} 
  #linkpanel{display:none;}
  #rightadvert{display:none;} 
  #logo{display:none;}
  #topadvert{display:none;} 
  #bottomadvert{display:none;}	
  #content{width:100%; float:none;}
}