/************************* GLOBAL STYLES ***************************/
body { background:#000; padding:0; margin:0;}
.back-top {  padding:0; margin:0;background:url(images/back.jpg) repeat left top	;}

.container-inner { margin:0 auto; position:relative;background: url(images/top.jpg) no-repeat center top;}

h1,h2,h3,h4,h5,h6 {color:#000;}
h4 {color:#333; margin:0}
h4 a {color:#333;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#eee;}
h3.sub,h2.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1.1em;font-weight: bold;line-height: 1em;text-transform: uppercase;letter-spacing: 2px;color: #515151;border-bottom: 1px solid #fff;}
a {color:#000;text-decoration:none;}
a:hover, a:focus {color:#fff;}
p {color:#eee;}
h6.top {color:#ccc;}




/* Top */



a img {border:none}
#top {position: relative; margin: 0 auto 0 auto;padding: 250px 0 0 0;  height: 227px;background: url(images/top-3.jpg) no-repeat center 250px; }
#top a  {display: inline;width: 100%;height: 100%; border: none; padding:0; margin:0}




#top_table {position:absolute; left:600px; top: 0px}

#text-top {position:absolute; left:60px;top:60px; width: 400px;  color:#fff; padding: 10px; font-family: Verdana, Geneva, sans-serif;font-size: 0.75em;  }
#date-top {position:absolute; left:820px;top:132px; width: 120px;  color:#A09B95; padding: 10px; font-family: Trebushet, Geneva, sans-serif;font-size: 0.9em; font-weight:bold  }





#back-container {margin: 0 auto; padding: 0 0px 0 0px;  position:relative;background: url(images/top-2.jpg) no-repeat center top;}
#join-top {position:relative; margin: 0 auto; width: 900px }
#join-top a {position: absolute; width:279px; height:264px; left:615px; top:3px}


/* Containers */

#containers { 

padding: 300px 0 0 0 ; width: 960px;  overflow: hiden; margin: 0px auto 0 auto; z-index: 500}


.container1 { padding: 5px 0 10px 2px; width: 982px;  overflow: hiden; margin: 0px auto 0 auto; z-index: 500}
.container2 { padding: 5px 0 0px 2px; width: 982px;  overflow: hiden; margin: 0px auto 0 auto; z-index: 500}
.container3 { padding: 0px 0 0px 2px; width: 982px;  overflow: hiden; margin: 0px auto 0 auto; z-index: 500}
.thumbs {padding: 0 ; position:relative;	margin: 0 auto; width:99%}
.thumbs-bottom {padding: 0 ; position:relative;	margin: 0 auto; width:88%}
.thumb {border: 1px solid #333; float:left;margin:4px; width:200px; height:150px;}
.thumb1 {border: 1px solid #333; float:left;margin:4px; width:500px; height:380px;}
.thumb2 {border: 1px solid #333; float:right;margin:4px; width:200px; height:150px;}
.thumb3 {border: 1px solid #333; float:right;margin:4px; width:200px; height:150px;}
#join-container {}
#join-container a {position: absolute; width:462px; height:232px; left:510px; top:160px}



/* Favourite */


.favourite-1 {position: relative;_zoom: 1; ;margin: 0 auto; width:998px; height: 300px;  background: url(images/favourite.jpg) no-repeat 2% 0%;}
.favourite-2 {position: relative;_zoom: 1; ;margin: 0 auto; width:998px; height: 300px;  background: url(images/favourite.jpg) no-repeat 2% 0%;}


.fav_image {float:right;width: 240px;height: 300px;padding:0 90px 10px 0; margin:0; display:none}
.fav_thumb {padding:64px 6px 0 16px}


#join_favourite {position: absolute; left: 30px ; top: 30px;}

/* Archive */


.archive {position: relative; margin: 0 auto; width:990px; height: 244px;  background: url(images/archive.jpg) no-repeat top center;}

#join_archive{position: absolute; left: 570px ; top: 0px;}
#digits {position: absolute; left: 40px ; top: 64px; }
#digits ul {font-size:24px; }
#digits ul li{display:inline}
#digits ul li a{color:#B5D7E0}
#digits ul li a:hover{ text-decoration: underline}

/* Friends*/

#friends { position: relative; margin: 10px auto 0px auto; width:990px; height: 268px;  }

#fr {float:right;width: 240px;height: 198px;padding: 0 0px 0 0; margin:0; display:none}

#fr2 {float:right;width: 275px;height: 161px;padding: 0 40px 0 0; margin:0}
#fr2 a:hover {}

#fr1 {float:right;width: 330;height: 300px;padding:0; margin:0}
#fr1 a:hover {}


#friends_table {position:absolute; left:20px; top: 80px;   }


#friends_table .column {float: left }



.column {float: left; width: 240px }
.column ul {list-style:none;   padding: 0 20px 0 10px }
.column ul li a {color:#5E5E5E;  font-size: 12px; padding: 0 0 0 22px; font-family:Arial,Helvetica,sans-serif; }
.column ul li a:hover { text-decoration:none; background:  url(images/star.png) no-repeat left top}



/* Footer */
#footer { position: relative; height: 200px;padding:0;margin:0 auto 0px auto;color:#999;text-align:left; background:  url(images/footer.jpg) no-repeat bottom left}
#footer p {color:#999}
#footer h3 {margin:0;padding:0 0 .6em 0; border-bottom:1px solid #fff; color:#fff; width: 300px}


#logo a {position:absolute; left:552px; top:0px;width:366px; text-indent:-900%;height: 117px;background: url(images/logo.jpg) no-repeat top left;}
#logo a:hover {background: url(images/logo-on.jpg) no-repeat top left;}

#footer-parts {position: relative; width: 980px;margin:0px auto 0px auto;}

#text {position:absolute; left:168px;top:10px; width: 400px;  color:#333; padding: 10px; font-family: Verdana, Geneva, sans-serif;font-size: 14px; text-align:left }

/* Texts */

.grey-small {font-family: Verdana, Geneva, sans-serif;font-size: 28px;color:#666; text-transform:uppercase; display:block; padding: 10px}
.grey-big {font-family: Verdana, Geneva, sans-serif;font-size: 24px;color:#666; text-transform:uppercase; display:block; padding: 10px 0 10px 40px}
.white {font-family: Verdana, Geneva, sans-serif;font-size: 38px;color:#fff; text-transform:uppercase; display:block; padding: 0 10px}
.red {font-family: Verdana, Geneva, sans-serif;font-size: 46px;color:#ff3300; text-transform:uppercase; display:block; padding: 0  10px}

.underline:hover {border-bottom: 2px solid #fff } 
.inline {display:inline}
.clear {clear:both}