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

.container-inner { margin:0 auto; position:relative;background: url(images/repeater-top.jpg) repeat-x left top;}
#back-container {margin: 0; padding: 0 0px 0 0px;  }
h1,h2,h3,h4,h5,h6 {color:#000;}
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;}
li {color:#3d3d3d;}



/* Top */



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

#bookmark-top {float:right}


#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  }



/* Containers */

.container { 

padding: 0px 0 0 0 ; width: 940px;  overflow: hiden; margin: 0px auto 0 auto; z-index: 500}
.container h1 {background: url(images/separate.jpg) no-repeat center 28px; color:#494949; font-size:24px; padding: 0 0 10px 0; font-family:Geneva, ‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif  }
.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%}
.thumb {border: 1px solid #333; float:left;margin:2px; width:180px; height:240px;}
.thumb:hover {border: 1px solid #000}


/* 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}


#bookmark_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;}

#bookmark_archive{position: absolute; left: 570px ; top: 0px;}
#digits {position: absolute; left: 35px ; 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: 600px;padding:0;margin:0 auto 0px auto;color:#999;text-align:left; background:  url(images/footer.jpg) no-repeat center 0px}
#footer p {color:#999}
#footer h3 {margin:0;padding:0 0 .6em 0; border-bottom:1px solid #fff; color:#fff; width: 300px}

#logo {position:absolute; left:580px; top:0px;width:400px;height: 98px; display:none}

#design_logo a {position:absolute; left:752px; top:200px;width:138px; text-indent:-900%;height: 60px;background: url(images/design-logo.jpg) no-repeat top left;}
#design_logo a:hover {background: url(images/design-logo-on.jpg) no-repeat top left;}

#footer-parts {position: relative; width: 980px;margin:0px auto 0px auto;}
#webmasters a{text-indent:-900%;position:absolute; left:640px; top: 160px;width:241px; height: 44px;background: url(images/webmasters.jpg) no-repeat top left;}
#webmasters a:hover {background: url(images/webmasters-on.jpg) no-repeat top left;}
#text {position:absolute; left:468px;top:80px; width: 400px;  color:#5E5E5E; padding: 10px; font-family: Arial,Helvetica,sans-serif;font-size: 0.75em; text-align:right }



.clear {clear:both}
