/* Katie's Tomb Raider Screenshot Webpage */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #C2B98E;
font-size: 10pt;
}

kbd { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold; 
}

#wrapper {
width: 886px;
border: 5px solid #000000;
margin-left: auto;
margin-right: auto;
padding: 3px;
background-image:url(images/egyptian5.jpg);
}

#header {
width: 886px;
height: 185px;
background-image:url(images/header.jpg);
margin-bottom: 3px;
}

#header #title, #header #tagline { 
display: none;
}






/* /////////////////// MENU ///////////////// */

#menu {
background: #C2B98E;
width: 159px;
padding-top: 10px; /* IE fix here to control the margin for spacing between fansite badge and social media buttons. adjust this only */
padding-right: 6px;
/* padding-bottom: 4px; */
padding-left: 4px;
float: left;  
margin-bottom: -3px; 
margin-right:3px; /* IE fix: Puts the gap between the side menu and the content back in */
}

#menu .heading{
font-size: 10pt;
text-transform: uppercase;
font-weight: bold;
border-bottom: solid 3px #8F7D3A;
padding-top: 3px;
}

#menu a { 
text-decoration: none;
color:#000000;
font-size: 11px;
line-height: 18px;
}

#menu a:hover {
text-decoration: underline;
color: #FEFF92;
}

#menu ul {
list-style: none;
margin-left: 0; 
padding-left: 5px;
}

#menu #storieslink a {
line-height: 10px;
font-weight: bold;
}

#menu #boldlink a {
font-weight: bold;
}

#menu img {
border: none;
float: left;
/* margin-top: -10px;   IE doesn't like negative margins, so get rid of it. see fix on #menu*/
margin-bottom: 10px;
padding-right: 10px;
}






/* /////////////////// CONTENT ///////////////// */

#content {
background-image: url(images/egypt_bg.jpg);
padding-top: 3px;
padding-right: 3px;
padding-left: 6px;
padding-bottom: 4px;
margin-left: 172px; /* 172px away from the left hand side */
position: relative; /* measure any absolute stuff inside from the edge of this box */
}


#content.adspage p, #content.adspage div { /* For index page only -- ads. Puts a padding to the right of "content"'s content. Original for FF: #content.adspage > * */

/* padding-right: 160px; Before adding Twitter widget */
padding-right: 189px;
}

.clear { 
clear:left;
}


#content h1 {
font-size: 13pt;
font-weight: normal;
background-image: url(images/h1_underline.gif);
background-repeat: no-repeat;
background-position: right bottom; 
padding-top: 10px;
height: 44px;
margin-top: 0;
margin-bottom: 0;
}


#content h2 {
font-size: 10pt;
font-weight: bold;
margin-top: 0;
}

#content a {
text-decoration: none;
color:#E9E4E4;
}

#content a img { 
border: 0; 
}

#content a:hover {
text-decoration: underline;
color: #FEFF92;
}

#content .adbanner { /* centers everything in the adbanner class */
text-align: center;
}

#content.links img {
padding-top: 5px;
margin-top: 5px;
}


#content .fanlinks ul { /* for sites without a banner */
list-style: none;
padding: 0;
margin: 0;
}

#content .fanlinks li { /* for sites without a banner */
width: 32%; 
float: left;
margin-bottom: 8px;
}


#content #pagelinks {
text-align: center;
}

#content #nextpage {
text-align: right;
padding-top: 8px;
padding-right: 8px;
}




/* /////////////////// INDEX2 ADS ///////////////// */

#ads {
background: #C2B98E;
/*width: 156px;*/
padding-right: 3px;
padding-left: 3px;
padding-bottom: 5px;
padding-top: 5px;
position: absolute;
top: 70px;
right: 2px;
text-align: center; 
}

#ads img {
padding: 3px 0; /* top/bottom: 3px, left/right: 0px */
}

#content.adspage #ads { /* It styles elements with the id "ads" within "content" where CONTENT has the class "adspage" */
padding-right: 3px;
}









/* /////////////////// FOOTER ///////////////// */

#footer {
background: #C2B98E;
/* height: 12px;        IE Fix: Height can not be specified */
font-size: 7pt;
text-align: center;
padding-left: 4px;
padding-right: 3px;
padding-bottom: 4px;
/* margin-top: -6px;   IE Fix: Stops the footer from being pushed under #content */
clear: both;
margin-top: 3px;
}

#footer p {
margin:0; /* IE Fix: Removes the default padding on <p> */
padding:0;
}

#counter {
margin-top: 5px;
text-align: center;
}










/* /////////////////   Tomb Raider Screenshot Root Page CSS ///////////////// */

#breadcrumbs {
font-size: 10pt;
font-weight: normal;
margin-top: -7px;
}

#screenshot_root {
/* holder for root screenshot images/links */
}

#screenshot_root p {
padding-right: 280px;
}

#screenshot_root ul {
list-style-type: none;
padding-left: 20px; /* 20px from the left for where the boxes are aligned */
padding-top: 10px;
margin-left: 0; /* IE Fix: Fixes large amount of left margin on the screenshot root links */
}

#screenshot_root li {
/* li div for screenshot_root page */
width: 40%;
margin-bottom: 30px;
}

#screenshot_root li a { 
text-decoration: none;
color:#000000;
font-size: 11px;
font-weight: bold;
background-repeat: no-repeat;
height: 40px;
padding-top: 30px;
padding-left: 80px;
display: block;
}

#screenshot_root li a:hover {
text-decoration: underline;
color: #FEFF92;
}

#screenshot_root img a, a:hover {
text-decoration: none;
}

#root_lara {
position: absolute;
background-repeat: no-repeat;
bottom: 0;
right: 0;
margin-right: -3px;
}











/* /////////////////  Tomb Raider Screenshot Pages CSS ///////////////// */


#content.screenshots {

}

#content.screenshots #thumbnails img {
padding: 8px;
margin-top: 15px;
padding-bottom: 2px;
}

#content.screenshots #thumbnails {
text-align: center;
}








/* /////////////////       TR WORK SECTION ///////////////// */

#content.trwork ul {
list-style: none;
margin-left: 0;
padding: 0;
padding-left: 25px;
}

#content.trwork li {
width: 50%;
float: left;
padding-bottom: 30px;
}

#content.trwork li a { 
text-decoration: none;
color:#000000;
font-size: 11px;
font-weight: bold;
background-repeat: no-repeat;
height: 40px;
padding-top: 30px;
padding-left: 80px;
display: block;
white-space: nowrap;
}

#content.trwork li a:hover {
text-decoration: underline;
color: #FEFF92;
}


/* ///////////////// TR WORK -- PDA'S ////////////////// */

.captionedthumbnails {

}

.captionedthumbnails div { /* selects all the divs that are inside captionedthumbnails div */
float: left;
text-align: center;
padding: 13px;
}

.captionedthumbnails#wallpapers {
padding-top: 13px;
padding-right: 30px;
padding-left: 30px;
}

#scrapbook.captionedthumbnails div {
width: 201px;
height: 280px;
}

#cdrom.captionedthumbnails div {
width: 276px;
height: 205;
padding-right: 35px;
padding-left: 35px;
}



/* ///////////////// TRLE FAN SECTION //////////////////// */

#content.fanlevelroot ul {
list-style: none;
padding: 0;
margin: 0;
}

#content.fanlevelroot li {
width: 32%;
float: right;
margin-bottom: 8px;
}







/* ///////////////// FORMS //////////////////// */


#content form {

}


#content form td {
padding-bottom: 8px;
}




/* ///////////////// TAKING SCRREENSHOTS ////////////////// */


#content.taking_screenshots h2 { 
padding-top:10px;
}

#content.taking_screenshots p {
margin-top:-7px;
}