/******************************************************************

MOVIEREPORTER WEBSITE
==============
 
Use:	use all sites

Author(s):
- Peter Klein

Last changes:
- created (30.05.2009)

*******************************************************************/
/* @group RESETS */
* {margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
q:before,blockquote p:before {content:open-quote;}
q:after,blockquote p:after {content:close-quote;}

body {
	background:#788D8F url(/images/new/body_bg.png) repeat-x;
	font-family: Helvetica, Arial, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 12px;
	color: #373d4a;
	min-height:100%;
}

abbr,
acronym {
	cursor:help;
}

a {
	color:#7096bd;
	outline:0;
	text-decoration:underline;
}
a:hover {
	color:#333;
}
h2 {
	color:#537388;
	font-weight:normal;
	font-size:22px;
}

.wallpaper h3 {
	width:632px;
}
h4 {
	font-size:14px;
	font-weight:normal;
	margin:0 0 5px 0;
}
body.profile h4{
	margin: 20px 0 10px;
	color: #000;
}
q { 
	quotes: "„" "”" "‚" "’"; /* german style */
	/*quotes:  "»" "«" "›" "‹";  german style alternative */
}
div {
	
}
.inside-wrap {
	float:left;
}
h2 {
	border-bottom:1px solid #ccc;
	color:#333;
	font-weight:normal;
	font-size:16px !important;
	margin:5px 0 10px;
	padding:5px 0;
}
h2.comment-headline {
	background:url(/images/new/mr_sprite.png) no-repeat -5px -566px;
	padding:5px 0 10px 40px;
}
h2.movie-headline {
	border:0;
	color:#333;
	font-size:28px !important;
	margin:10px 0 30px;
}
h2.movie-headline.featured {
	color:#006699;
	font-size:22px !important;
	margin:0;
	padding:0;
}
#sidebar h2 {
	background:transparent;
	color:#333;
}
body.profile h2.username {
	border:0 !important;
}
.stage h2 {
	border:0;
	font-size:22px !important;
}

/* @end */


#page-wrapper {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:950px;
}
/* @group Header */
#header {
	height:122px;
	padding:70px 0 0 0;
	position:relative;
	z-index:10;
}
h1 a {
	background:url(/images/new/mr_logo.png) no-repeat;
	display:block;
	height:50px;
	overflow:hidden;
	text-indent:398px;
	white-space:nowrap;
	width:398px;
}
/* @end */

/* @group Top-Navigation */
#navigation { 
	background:url(/images/new/mr_sprite.png) no-repeat -146px -5px;
	float:left;
	height:50px;
	margin:15px 20px 20px 0;
	padding:0;
	position:absolute;
	width:962px; 
}
body#index #navigation {
	background-position:-146px -67px;
}
#topnav li { 
	float:left;
}
#topnav a {
	color:#fff;
	display:block;
	height:20px;
	padding:12px;
	text-decoration:none;
	width:auto;
}
#topnav li:hover a {
	background:url(/images/new/mr_sprite.png) -156px -139px;
	color:#333;
}
#topnav li.active a {
	background:url(/images/new/mr_sprite.png) -156px -139px;
	color:#333 !important;
}
#topnav li.active.start a {
	background-position:-146px -139px;
}
.subnav {
	background:#eaedee;
	display:none;
	position:absolute;
	top:40px;
	width:150px;
	z-index:190;
}
.subnav li {
	border:1px solid #b6bbbd;
	border-top:1px solid #dde6e7;
	float:none;
	display:block;
	margin:0 !important;
	position:relative;
	text-align: left;
	width:149px;
	z-index:1000;
}
.subnav a {
	background:none;
	color:#333 !important;
	width:149px;
}
.subnav li a {
	height:22px !important;
	padding:5px 10px 0 !important;
}
#topnav li:hover .subnav {
	display:block;
}
#topnav li:hover ul li a {
	background:none;
}
.subnav li:hover {
	background:#d5dadd;
}

input#search {
	background:url(/images/new/mr_sprite.png) -1114px -320px  !important;
	border:0;
	clear:none;
	color:#b6bbbd;
	float:right;
	font-size:10px;
	height:25px;
	margin:7px 5px 0 0;
	padding:8px 20px 7px 25px;
	width:125px;
}

/* @end */

/* @group Startpage*/
body#index #sidebar {
	float:right;
	width:315px;
}
/* @end */

/* MISC */
.rounded.box {
	-moz-border-radius-topleft: 3px;  
 	-moz-border-radius-topright: 3px;  
 	-moz-border-radius-bottomleft: 3px;  
 	-moz-border-radius-bottomright: 3px;  
 	-webkit-border-top-rightright-radius: 3px;  
 	-webkit-border-top-left-radius: 3px;  
 	-webkit-border-bottom-left-radius: 3px;  
 	-webkit-border-bottom-rightright-radius: 3px; 
 	-webkit-box-shadow: 2px 5px 15px #333;  
   	-moz-box-shadow: 2px 5px 15px #ccc;  
    -moz-box-shadow: 2px 5px 15px #ccc;
}
img.rounded {
	padding:5px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border:1px solid #E3E3E3;
}
img.rounded:hover{
	border-color:#666;
}