/*
Theme Name: Glib HIppo by Ghost Robot
Theme URI: http://ghostrobot.com/
Description: A towering theme of world domination.
Version: 1.0
Author: Z. Mortense + T. Sines
Author URI: http://ghostrobot.com/
Tags: photos, custom header, fixed width,

	GlibHippo v1.0
	 http://ghostrobot.com

	This theme was designed and built by Z. Mortensen and T. Sines, CSS by B. Xu

*/

/* Begin Typography & Colors */

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
color: #fff; 
background: #252525 url(../images/body_bg.jpg);
max-width:1920px;
max-height:1080px;
}
	
/* General --------------------------------- */

html, body { margin:0; padding:0; border:0;}

/********* Headings *********/
 
h1, h2, h3, h4,li {
margin:0;
padding:0;
font-weight: bold;
line-height:150%;
text-indent:-9999px;
}

h1 {padding:5px 0; font-size:4em;}
h2{ padding:4px 0; font-size:3em;} 
h3{padding:3px 0;font-size:2em;}
h4{padding:2px 0;font-size:1em;}

/********* Common Formatting *******/
p, ul, ol {margin:0;padding:0 0;}
img {border:0;}
p{font-size: 12px; line-height:160%;} 
li{font-size:12px;font-weight:bold;list-style:none;}

/********* Links *********/
 
a,a:link{text-decoration:none; color:#fff; cursor:pointer; }
a:hover {color:#fc3;}
.hidden {display:none;}

/* Layout --------------------------------- */

#wrapper { width:100%; min-height:500px;}

/* Login --------------------------------- */

#login { 
position: absolute; 
top: 0; 
left: 159px; 
}

#login div { 
height:24px; 
background:url(../images/login_.jpg) no-repeat;
padding:1px;
margin-left:35px;
}

#login h4, input { float:left; display:block;}
#login h4 { visibility:hidden; color:red;}

input { 
width:46px; 
font-size:12px; 
line-height:12px; 
height:12px;
border:none;
background:none;
vertical-align:middle; 
margin:3px 18px; 
color: #fff; 
}

#login .password { margin-left:26px; width:50px;}
#submit { width:45px; height:17px; cursor:pointer; margin-left:-5px;  }

/* Logo --------------------------------- */

#logo{ width:209px; position:absolute; top:60px; margin-left:156px; }

#logo a { 
display:block;
width:209px;
height:161px;
background-image:url(../images/logo2.png);
overflow:hidden;
}

#logo h1 a:hover {background-position: bottom;}

/* Navigation --------------------------------- */

#nav_wrapper { width:530px; height:89px; position:absolute; top:24px; left:430px; overflow:hidden;}

ul li { 
height:89px; 
overflow:hidden;
float: left;
text-align:center;  
list-style:none; 
position:relative;
top:-50px;
background-position: center top;  
}

ul li, ul li a { text-decoration:none; width: 132px; height: 89px; display:block; }

.nav1 #nav1,
.nav2 #nav2,
.nav3 #nav3,
.nav4 #nav4{top:0px;}
#nav_wrapper li:hover{ background-position: left bottom; }

#nav1 { background-image: url(../images/nav_rollovers/AboutUs_bg.png); }
#nav2 { background-image: url(../images/nav_rollovers/Advertisers_bg.png); }
#nav3{ background-image: url(../images/nav_rollovers/Publishers_bg.png);  }
#nav4 { background-image: url(../images/nav_rollovers/Sales-Partners_bg.png);  }

/* Page Content --------------------------------- */

#page_content { 
width: 530px;
min-height:250px;
position:absolute;
top:140px;
left:430px;
z-index:2;
background:url(../images/bg_page.jpg) no-repeat;
padding:10px 0 20px;
}

#page_content h2 { height:48px; background-repeat: no-repeat; }
.nav0 #page_content h1 { width:550px; height:57px; background: url(../images/headers/we_speak.png) no-repeat; }
.nav0 #page_content { width:550px; height:57px; margin-top:50px; padding:10px 0; background:none; border:none;}
.nav1 #page_content h2{ background-image: url(../images/headers/header_about.png ); }
.nav2 #page_content h2{ background-image: url(../images/headers/header_adv.png ); }
.nav3 #page_content h2{ background-image: url(../images/headers/header_pub.png ); }
.nav4 #page_content h2{ background-image: url(../images/headers/header_sale.png ); }

#page_content p {padding:5px 20px;}

/* Address  Footer --------------------------------- */

#address { position:absolute; top:520px; left:200px; width: 160px; height:90px;}
#address p {line-height:120%; }

#footer { position:absolute; top:620px; left:820px; width:200px; height:50px; font-weight: bold; }