/*import url("/fileadmin/sites/offtheropes/templates/sifr/sIFR-print.css"); */
@import url("/fileadmin/sites/offtheropes/templates/sifr/sIFR-screen.css");

@import url("/fileadmin/sites/offtheropes/templates/reset.css");
@import url("/fileadmin/sites/offtheropes/templates/base.css");
@import url("http://www.google.com/uds/css/gsearch.css");
@import url("http://www.google.com/uds/solutions/videobar/gsvideobar.css");
body {
background:url(/fileadmin/sites/offtheropes/images/background-body.jpg) center top fixed;
text-align:center;
font:normal 0.82em Arial,sans-serif;
color:#333;
}

/*  this declaration was experiencing font-rendering issues on at least Vista Sp1.
body {font-family: 'lucida sans', 'lucida grande', 'lucida sans unicode', verdana, tahoma, arial, sans-serif;}
*/

/*  Lucida Grande for Mac users. Lucida Sans Unicode for the PC. 
    However, Lucida Sans Unicode doesnt come with strong or italic alternatives for the PC, so revert to Lucida Sans to draw these.
    http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
/*
body {font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Trebuchet MS', Helvetica, Arial, sans-serif;}
strong, em, b, i {font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif;}
*/

a { text-decoration:none; }
a:hover { text-decoration:underline; }

#outerwrap { text-align:left; width:950px; margin:0 auto; overflow:hidden; }

#header { height:161px; }
#header h1 { margin:0px; padding:0px; }
#header h1 a { float:left; display:block; width:280px; margin: 17px 0; height:127px; background-image:url(/fileadmin/sites/offtheropes/images/offtheropeslogo.png); text-indent:-999em; }

#w-top { float:right; margin:30px 0 !important; width:620px; }
#w-top a:hover img { opacity:1; }
#w-top img { width:100px; opacity:0.1; }


#nav { float:left; width:100%; margin:0 0 10px; }

#nav ul { margin:0px; padding:0px;  } 
#nav li { float:left; text-align:center; list-style-type: none;}
#nav li a { color:#FFF;display:block;font-weight:bold;margin:0 10px; padding:2px 20px; text-decoration:none; font-size:20px; line-height:20px; }
#nav li a:hover { background:url(/fileadmin/sites/offtheropes/images/rope.png) repeat-x center;  }


#main { -moz-border-radius:10px 0 0 0; padding:10px; float:left; width:526px; border-right:solid 6px #3D6B7B; }
#main h2 {-moz-border-radius:4px;background:url(/fileadmin/sites/offtheropes/images/background-body.jpg) repeat center center;color:#fff;display:block;font-weight:bold; line-height:30px; padding:2px 20px; letter-spacing:6px; }
#right-column h4 {-moz-border-radius:4px;background:url(/fileadmin/sites/offtheropes/images/background-body.jpg) repeat center center;color:#fff;display:block; font-size:1.6em; margin:26px 10px 0; font-weight:bold; padding:6px 10px; text-transform:uppercase; }


#right-column { float:left; width:194px; -moz-border-radius: 0 10px 0 0; }
#right-column h3 { font-size:22px; }
#right-column div.csc-frame-frame1 { margin:0 10px; text-align:justify; }


#right-column ul.csc-menu { margin:0; padding:0 0 0 1em; }
#right-column ul.csc-menu li { margin:1em 0; list-style-type:none; }
#right-column ul.csc-menu li a { color:#333; font-weight:bold; } 

#newsletter-form label { display:block; font-size:0.8em; font-weight:bold; margin:.5em; }
#newsletter-form input.submit  { font-size:0.8em; font-weight:bold; margin:1em auto; }
#newsletter-form a { color:#fff; }


#border-column { width:204px; float:left; background:none !important; text-align:center; color:#fff }
#border-column h3 { color:#333; background:#fff; padding:6px 10px; font-size:16px; -moz-border-radius: 0 5px 5px 0; }

#footer { clear:both; background:transparent url(/fileadmin/sites/offtheropes/images/background-body.jpg) repeat scroll center top; position:relative; z-index:9999; text-align:center; padding:16px 0;}
#footer a { color:#fff !important; font:normal 10px verdana,arial; }
* html #footer { height:1px; }

#main,#right-column,#border-column { padding-bottom:3000px; margin-bottom:-2900px; background:url(/fileadmin/sites/offtheropes/images/background-metal.png) repeat; }


.clear { clear:both; }

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}



/* Youtube customization  */


div.resultDiv_gsvb { height:auto !important; width:auto !important; background:none !important;  border:none !important; margin: 0 0 6px 0; }
div.resultDiv_gsvb img { height:100% !important; width:140px !important; }

table.resultTable_gsvb { margin:0 auto; }
table.resultTable_gsvb td { border:none !important; }


.playerBox_gsvb div.title_gsvb { display:none !important; }

.playerInnerBox_gsvb .player_gsvb { height:380px !important; width:500px !important; }


.floatingPlayerBox_gsvb { border:none !important; }

.floatingPlayerBox_gsvb, .floatingPlayerBox_gsvb * {  background-color:none !important; }
.floatingPlayerBox_gsvb, .floatingPlayer_gsvb { left:-470px !important; margin-left:50% !important; top:210px !important; }

div.tx-kuloplayer-pi1 {float: right; margin-left: -200; }


div.tx-kuloplayer-pi1 embed { margin: 0 0 0 0;}