@import url( generics.css );

body { color: #7D7C78; font-size: 11px; font-family: Arial; background-image: url( ../img/main_bg.gif ); text-align: center; }

.lightboxContainer { position: absolute; top: 0; left: 0; background-color: #444; z-index: 10; }

.lightAlbumContainer { position: absolute; top: 10px; left: 50%; padding: 6px 10px 10px; border: 1px solid #7d7c78; background-color: #fff; min-height: 100px; z-index: 20; }
.lightAlbumContainer p { float: left; color: #fa820b; }
.lightAlbumContainer .titleContainer { margin: -6px -10px 0; background-color: #7d7c78; padding: 5px; }
.lightAlbumContainer p span { font-weight: bold; font-size: 13px; color: #fff; }
.lightAlbumContainer .photoContainer { padding-top: 10px; }
.lightAlbumContainer .photoContainer .prev { float: left; width: 50%; }
.lightAlbumContainer .photoContainer .next { float: right; width: 50%; }
.lightAlbumContainer .close { margin-top: 2px; float: right; height: 13px; width: 46px; background: url( ../img/lightAlbum/close.gif ) 0 0 no-repeat; }
.loadingWindow .photoContainer { background: url( ../img/lightAlbum/loading.gif ) 50% 50% no-repeat; }

.pageContainer { width: 800px; margin: auto; text-align: left; position: relative; left: -62px; top: -6px; }

acronym { border-bottom: 1px dashed #000; }

.noJavaScript { background-color: #940104; padding: 7px; color: #fff; margin-bottom: 10px; } 
.workInProgress { background-color: #F9FFB9; padding: 7px; color: #000; margin-bottom: 10px; }
.txtSkills { background-image: url( ../img/nav/txt_skills.gif ); }
.txtNavigation { background-image: url( ../img/nav/txt_navigation.gif ); }

a{ text-decoration: none; color: #7d7c78; }
a:hover { color: #fa820b; }

/* white button w/ an arrow on it with rounded corners */
.arrowButton { background: #fff url( ../img/projects/template/launch_game_arrow.gif ) 0 0 no-repeat; }
.arrowButton a { line-height: 11px; font-weight: bold; color: #fa820b; display: block; padding: 4px 18px 6px !important; padding: 5px 18px; text-decoration: none; background: url( ../img/projects/template/launch_game_arrow_right.gif ) 100% 0 no-repeat; }
.arrowButton a:hover { text-decoration: underline; }

/* generic project */
.genericProject { padding: 10px; background-color: #d7dace; color: #676563; margin-top: 15px; }
.genericProject h2 { font-size: 18px; font-weight: bold; padding: 7px 0; color: #7d7c78; }
.genericProject dl { width: 290px; }
.genericProject .splashImage { border: 3px solid #fff; float: left; }
.genericProject .info { padding-left: 20px; width: 270px; float: left; }
.genericProject .playGame { width: 120px; }
.genericProject .notAvailable { width: 120px; }
.genericProject .quickStats { padding: 7px 0 0; font-size: 14px; font-weight: bold; margin-top: 10px; background: url( ../img/grey_dotted.gif ) 0 0 repeat-x; }
.genericProject .statistics li { padding-top: 10px; }

.breadcrumbs li { display: inline; }

.mainContent h2 { padding: 10px 0; font-size: 22px; color: #fa820b; }
/* guides
.main { border-top: 3px solid red; }
.navigation { border-top: 3px solid blue; }
/**/

.mainContainer { width: 600px; padding-top: 9px; background: url( ../img/header_top_bar.gif ) 0 0 no-repeat; float: right; background-color: #fff; }

.header { border-top: 8px solid #fff; padding: 20px 0 7px 10px; background-image: url( ../img/header_bg.gif ); }
.header .contactLink { position: relative; left: -13px; float: right; background: url( ../img/email_icon.gif ) 0 50% no-repeat; text-decoration: none; color: #fa820b; padding-left: 17px; }
.header .contactLink:hover { text-decoration: underline; }
.header h1 a { width: 255px; float: left; text-indent: -9999px; overflow: hidden; background: url( ../img/ask_header.gif ) 0 0 no-repeat; line-height: 22px; font-size: 22px; }

/* SideBar */
    .sidebar { float: left; width: 180px; background-image: url( ../img/nav/bg_main.gif ); border: 5px solid #fff; margin: 67px 6px 0 0; }
    .sidebar p { padding: 5px; }
    
    /* zTitle, has sIFR too */
    .sidebar h3 { text-transform: uppercase; font-size: 9px; padding: 5px 12px; color: #fff; background-color: #7d7c78; }
    
    /* Nav */
    .sidebar ul.sideNav {  padding-bottom: 8px; }
    .sidebar ul.sideNav li { background-repeat: repeat-x; background-position: 0 0; background-image: url( ../img/grey_dotted.gif ); padding-top: 1px; }
    .sidebar ul.sideNav a { font-size: 12px; font-weight: bold; display: block; background: url( ../img/nav/icon_arrow.gif ) 9px 5px no-repeat; padding: 4px 0 4px 26px; }
    .sidebar ul.sideNav li.first { background: none; }
    .sidebar ul.sideNav li a.selected { color: #f28110; background-color: #fff !important; }   
    
    .sidebar ul.sideNav ul.subMenu li { background: none; }
    .sidebar ul.sideNav ul.subMenu li a { background: none; padding: 2px 0 2px 27px; font-weight: normal; font-size: 11px; }
    .sidebar ul.sideNav ul.subMenu ul li a { padding: 1px 0 1px 37px; font-size: 10px; }
    .sidebar ul.sideNav ul.subMenu ul ul li a {padding-left: 47px; }
    
    /* submenu functionallity, show the selected menu by default */
    .sidebar ul.sideNav ul.subMenu { display: none; }
    .sidebar ul.sideNav ul.childSelected { display: block; } 
/* End of Sidebar */

.contentContainer { padding: 10px; }

.mainContent { padding: 5px 10px 0; }
.mainContent h3 { padding-top: 8px; padding-bottom: 6px; }
.mainContent h3, .mainContent h3 a { font-weight: bold; text-decoration: none; color: #f28110; font-size: 16px; }
.mainContent h3 a:hover { background-color: #fff; text-decoration: underline; }
.mainContent h4, .mainContent h4 a { color: #f28110; font-size: 14px; padding: 10px 0 5px; }
.mainContent h4 a:hover { background-color: #fff; text-decoration: underline; }

.mainContent p { padding-bottom: 15px; line-height: 18px; }

.mainContent .thumbList a { padding: 3px 0; border: 2px solid #fff; display: block; text-align: center; }
.mainContent .thumbList a:hover { border-color: #fa820b; background-color: #FFF2D4; }
.mainContent .thumbList li { float: left; width: 140px; text-align: center;  padding-bottom: 5px; }
.mainContent .thumbList li span { display: block; text-align: center; font-weight: bold; }

.footer { float: right; background-color: #d7dace; padding: 5px; width: 590px; }
.footer p { text-align: right; color: #676563; font-size: 10px; }
.footer a { color: #676563; }
.footer a:hover { color: #f28110; }

.post { margin-bottom: 10px; padding-bottom: 10px; background: url( ../img/grey_dotted.gif ) 0 100% repeat-x; }
.post p.dateTime { margin-top: -8px; position: relative; }

.text { border: 1px solid #ccc; padding: 3px; color: #7D7C78; font-size: 12px; }
.button { background-color: #7d7c78; color: #fff; border :1px solid #ccc; font-size: 11px; padding: 2px 10px; }

.searchForm { text-align: center; padding: 5px 0; font-size: 11px; }
.searchForm input.text { width: 105px; padding-left: 18px; background-image: url( ../img/icon-search.gif ); background-position: 0 50%; background-repeat: no-repeat; }

/* sifr */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block;	overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.contactForm .text { width: 300px; }
.contactForm textarea.text { height: 200px; width: 500px; }

ul.error { background-color: #fcc; border: 1px solid #f00; margin: 0 -5px; padding: 5px; margin-bottom: 10px; }
ul.error li { color: #f00; font-weight: bold; } 

input.enableWatermark { color: #ccc !important;  }