/* =================================================== */
/* = reset.css courtesy of Eric Meyer - meyerweb.com = */
/* =================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}


/* ======================================================================== */
/* = CLEARS (if needed with further customizations)                       = */
/* ======================================================================== */
.clear {clear:both;}
.clearfix {display:inline-block;}
.noborder {border:none !important; vertical-align:middle;}
.left {float:left; border:none !important; margin:5px;}
.right {float:right; border:none !important; margin:5px;}

/* ================== */
/* = GENERAL STYLES = */
/* ================== */
a img{border:none;}

html{background:#5bb4e5;}

body{font-family:Helvetica,Arial,sans-serif; font-size:62.5%; line-height:1.5em;}

#pagewrap {
	color:#000; 
	margin:0 auto; 
	width: 1049px;
	background:transparent url('/wp-content/themes/RealMS/images/bg-graphics/bg-wrapper.gif') top left repeat-y; 
}


/* ==================================================================== */
/* = NAVIGATION                                                       = */
/* ==================================================================== */
 ul#nav-header{clear:left; float:left; margin:0 0 0 25px; }
	ul#nav-header li{ background:transparent url(/wp-content/themes/RealMS/images/bg-graphics/bg-sprite-nav-header.png) no-repeat right top; display:inline; float:left; height:33px; font-size:1.6em; margin:0 5px; padding-right:17px; }
		ul#nav-header li a { background:#fff url(/wp-content/themes/RealMS/images/bg-graphics/bg-sprite-nav-header.png) no-repeat left top; color:#e6e0ca; display:block; height:33px; line-height:33px;  padding-left:17px;}
			ul#nav-header li a:hover, .page_item a:hover {color:#fff;}
			
			.page-template-home-page-php ul#nav-header li.home,
			ul#nav-header li.current_page_item,
			ul#nav-header li.current_page_parent,
			ul#nav-header li:hover{background-position: 100% bottom; cursor:pointer;}

				.page-template-home-page-php ul#nav-header li.home a,
				ul#nav-header li.current_page_item a,
				ul#nav-header li.current_page_parent a,
				ul#nav-header li:hover a{background-position: 0 100%; color:#0039a6;}

	ul#nav-header li.home { width:71px; }
		ul#nav-header li.home a { padding-left:24px; }


/* ========== */
/* = HEADER = */
/* ========== */
#header { height:143px; padding:0 54px; position:relative;}
#logo { 
	height: 114px;
	width: 134px;
	position: absolute;
	top: 10px;
	left: 750px;
	}
	#header h1{  clear:both; display:block; overflow:hidden; height:114px; width:134px; }
		#header h1 a{ display:block; float:right; text-indent:-99999px; height:114px; width:134px; background: transparent url(/wp-content/themes/RealMS/images/bg-graphics/bg-logo-reelms.png) top left no-repeat; }	

/* =========== */
/* = CONTENT = */
/* =========== */
#contentwrap { padding:45px 0 28px 10px;  margin:0 auto; overflow:auto;  width:930px; background:#5fb7e7 url(/wp-content/themes/RealMS/images/home/bg_home_top.jpg) -47px top no-repeat; }
#content { overflow:hidden; width:auto; font-size:1.2em; margin:0px 0; }

#above-nav { height: 110px; position:relative; }
#above-nav ul { margin:0; padding: 20px 0 0 0; }
	#above-nav ul li { 
			float: left; 
			display:block; 
			padding:0 10px; 
			line-height:24px; 
			margin-right:1px;
			border:solid 1px #fff;
			background-image: -moz-linear-gradient(top, #d2ecec, #e7f5f5); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d2ecec),color-stop(1, #e7f5f5)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d2ecec', EndColorStr='#e7f5f5'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d2ecec', EndColorStr='#e7f5f5')"; /* IE8 */
		}
		#above-nav ul li a { display:block; padding:0px; color:#0039a6; font-size:12px;}
		#above-nav ul li.email { 
			margin:0; 
			border-right:none; 

			border-bottom-left-radius:7px;
			-moz-border-radius-bottomleft:7px;	
			-webkit-border-bottom-left-radius:7px;

			border-top-left-radius:7px;
			-moz-border-radius-topleft:7px;
			-webkit-border-top-left-radius:7px;
		}
		#above-nav ul li.print,
		#above-nav ul li.login,
		#above-nav ul li.register { border-left:none; border-right:none; }

		#above-nav ul li.rules { 
			border-left:none;

			border-bottom-right-radius:5px;
			-moz-border-radius-bottomright:5px;	
			-webkit-border-bottom-right-radius:5px;

			border-top-right-radius:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-right-radius:5px;
		}

		#above-nav ul li.email a    { background:transparent url(/wp-content/themes/RealMS/images/utility-nav-sprite.gif) left center no-repeat; text-indent:-9999px;  width:13px; margin:0px; padding:0; border:none; }
		#above-nav ul li.print a    { background:transparent url(/wp-content/themes/RealMS/images/utility-nav-sprite.gif) -26px center no-repeat; text-indent:-9999px; width:13px; margin:0px; padding:0; border:none; }
		#above-nav ul li.login 		{  }
		#above-nav ul li.login a    { margin:0; }


/* ======================================================================== */
/* = ENTRIES-SPECIFIC STYLE                                               = */
/* ======================================================================== */
ul.sharing { display:block; float:left; margin:0; line-height:40px; } 
ul.sharing li { float:left; display:block; margin:4px 20px 0 0;}  
ul.sharing li a { display:block; background:transparent url(/wp-content/themes/RealMS/images/share-sprite.jpg) top left no-repeat; width:28px; height:28px; text-indent:-9999px; border:none;}
ul.sharing li.twitter a { background-position:-28px top; width:32px; }
ul.sharing li.rss a { background-position:-60px top; width:30px; }
ul.sharing li.youtube a { background-position:-90px top; width:30px; }
ul.sharing li.delicious a { background-position:-120px top; width:30px; }


#sharing { display:block; position:absolute; top:42px; left:280px; }
	#sharing h2 { color:#fff; font-size:36px; padding-right: 20px; text-align: right; width: 200px; font-weight:lighter; float:left; display:block; line-height:40px; margin:0 0 0 40px; }

/* ======================================================================== */
/* = FOOTER                                                               = */
/* ======================================================================== */
#footer { clear:both; padding:18px 55px 38px 54px; margin:0; position:relative;}
#footer, #footer * { color:#0039a6; }
#footer #merck { padding-right:20px; background:#333333 url(/wp-content/themes/RealMS/images/bg_merck.gif) no-repeat; margin-bottom:23px; padding-left:30px; height:84px; }
#footer #merck .right { margin:0; }
#footer #merck a { border:none;}
#footer #us-footer { padding-right:20px; background:#333333; margin-bottom:23px; padding-left:30px; height:84px; }
#footer #us-footer .right { margin:0; }
#footer #us-footer a { border:none;}
#footer p { padding:0; margin:0; }
#footer p.right { margin:0; padding:0; }
#footer p a { border-bottom:solid 1px #bfcde9; }

/*
#footer { padding:18px 0 38px 0; margin:0 0 0 10px; ; width: 940px; }
#footer #merck img { border: 0; padding: 0;  }

#footer #merck .right { margin:0; }
#footer p { padding:0; margin:0; }
#footer p.right { margin:0; padding:0; }
#footer p a { border-bottom:solid 1px #bfcde9; }
#footer #merck a { border:none;}
*/

/* ======================================================================== */
/* = INTERSTITIAL STYLES                                                  = */
/* ======================================================================== */	
#interstitial {
	background-color: #67c5ed !important;
	background-image: url(/wp-content/themes/RealMS/images/realms-interstitial.gif) !important;
	background-repeat: no-repeat !important;
	border: 1px solid #000 !important;
	width: 355px; color: #fff; z-index:2000; position: fixed; top: 150px; margin:0 auto; padding:45px 20px 20px 225px; font-size:11px;  font-weight:bold; left:50%; margin-left:-300px; line-height:18px; }
#interstitial p { color: #fff; font-size: 11px; padding-bottom:10px; line-height:18px; }
#interstitial a { font-size:11px; padding:5px 10px; line-height:18px; background:none; display:inline; text-indent:0;}