/* CSS Document */

/********** Background and Column Styles *************/
body {
  width:100%;
  background-color:#FFFFFF;
  text-align:center;
  min-width:775px;
  font-family:Verdana;
}

/* in all pages */
#wrapper {
  width:85%;
  padding:0px;
  margin:10px auto 0px auto;
  height:auto;
  text-align:left;
}

#header {
  clear:both;
  background-color:#596171;
  min-height:120px;
  height:120px;
}

#container {
  position:relative;
  clear:both;
  float:left;
  width:100%;
  overflow:hidden;
  background-color:#B3BCCC;
}
/* end for all pages*/

#colmid { /*picture*/
  float:left;
  width:100%;
  position:relative;
  right:36%; /*right column width*/
  background-color:#FFFFFF; /*center column colour*/
}

#colleft { /*picture*/
  float:left;
  width:100%;
  position:relative;
  right:24%; /*center column width*/
  background-color:#CCCCCC; /*left column colour*/
}

#picture {
  float:left;
  position:relative;
  width:36%;
  left:62%;
  font-size:14px;
}

#gallery {
  float:left;
  position:relative;
  width:32%;
  left:70%;
  font-size:10pt;
}

#profile {
  float:left;
  position:relative;
  overflow:hidden;
  width:20%;
  left:66%;
  font-size:10pt;
}

#profile-main { /*for profile page*/
  float:left;
  position:relative;
  overflow:hidden;
  width:60%;
  left:38%;
  font-size:10pt;
}

#profile-gallery { /*for profile page*/
  float:left;
  position:relative;
  overflow:hidden;
  width:36%;
  left:40%;
  font-size:10pt;
}

#midcol { /*home*/
  float:left;
  width:100%;
  position:relative;
  right:18%; /*right column width*/
  background-color:#FFFFFF; /*middle column colour*/
}

#leftcol { /*home*/
  float:left;
  width:100%;
  position:relative;
  right:68%; /*center column width*/
  background-color:#DBE3F0; /*left column colour*/
}

#game {
  float:left;
  position:relative;
  padding: 12px 0 10px 0;
  width:66%; /*middle content width*/
  left:101%;
  text-align:center;
}

#themes {
  float:left;
  position:relative;
  padding: 0 0 10px 0;
  width:14%; /*left content width*/
  left:20%;
  text-align:left;
}

#minigallery {
  float:left;
  position:relative;
  padding: 0 0 10px 0;
  width:16%; 
  left:89%;
  text-align:center;
  font-weight:bold;
  font-size:10pt;
}

#footer {
  clear:both;
  width:100%;
  margin:0px;
  padding-top:3px;
  text-align:left;
  background-color:#596171;
  height:20px;
  color:#DBE3F0;
  font-size:9pt;
}

#footer a:visited, #footer a:active, #footer a:link {text-decoration:none; color:#DBE3F0;}

#register-form {
  font-size:11pt;
  margin: 5% 5% 5% 5%;
  padding:0% 10% 0% 10%;
  text-align:left;
  color: #272D2E;
}

#register-form input {
  font-family:Verdana;
}

#gallery input {
  font-family:Verdana;
}

/********** Content Styles *************/



.header-nav {
  font-family:Verdana;
  font-size:11pt;
  margin:2px 0px 0px 15px;
  clear:both;
  float:left;
  text-align:left;
  color:#CCCCCC;
  font-weight:bold;
  width:95%;
  height:20px;
  overflow:hidden;
}

.header-nav a:visited, .header-nav a:active, .header-nav a:link {
  font-family:Verdana;
  font-size:11pt;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

.header-login {
  font-family:Verdana;
  font-size:9pt;
  margin-top:10px;
  margin-right:5px;
  padding:0;
  float:right;
  color:#DBE3F0;
  font-weight:bold;
}

.header-login td {
  font-family:Verdana;
  font-size:9pt;
  color:#DBE3F0;
  padding-bottom:5px;
}

.header-login input {
  font-family:Verdana;
  font-size:9pt;
}

.header-login form {
  margin-bottom:0px;
}

.header-login a:visited, .header-login a:active, .header-login a:link {
  font-family:Verdana;
  font-size:9pt;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

a.nav, a.nav:link, a.nav:visited {display:block; width:100%; height:40px; background:#B3BCCC; margin-top:5px; text-align:center; text-decoration:none; font-family:verdana; font-weight:bold; font-size:16px; color:#272D2E; line-height:40px; overflow:hidden;}

a.nav:hover {color:#000000; background:#8D96A8;}

span.nav {display:block; width:100%; height:40px; background:#8D96A8; margin-top:5px; text-align:center; text-decoration:none; font-family:verdana; font-weight:bold; font-size:16px; color:#272D2E; line-height:40px; overflow:hidden;}

.form-error {
  font-family: Verdana;
  font-size:9pt;
  color: #D91111;
  padding-top:0;
  margin-top:0;
}

.form-error a:visited, .form-error a:active, .form-error a:link {
  font-family: Verdana;
  font-size:9pt;
  color: #FFFFFF;
}

.fieldset {
  border-color:white;
  border-width:2px;
  border-style:solid;
}

.legend {
  font-size:12pt;
  color: #272D2E;
}

.gallery-form {
  font-size:11pt;
  margin: 2% 4% 1% 4%;
  padding:0% 3% 0% 3%;
  text-align:center;
  color: #272D2E;
}

.gallery-pages {
  font-size:10pt;
  margin: 0% 4% 0% 4%;
  text-align:center;
  color: #272D2E;
}

.gallery-table {
  padding-left:2%;
  width:100%;
}

.gallery-outer-table {
  padding-left:5%;
  width:100%;
}

.gallery-inner-table {
  width:90%; 
  padding-top:10px;
  padding-bottom:10px;
}

.gallery-cell {
  width:160px;
  height:220px;
}

.gallery-title {
  font-size:9pt;
  font-weight:bold;
  color: #3a4141;
  text-align:left;
  height:20px;
}

.gallery-row-title {
  font-size:10pt;
  text-align:left;
  height:14px;
  padding-bottom:0;
  padding-top:4px;
  padding-left:4px;
}

.gallery-rate {
  font-size:9pt;
  color: #272D2E;
  text-align:left;
  height:20px;
}

.gallery-user {
  font-size:9pt;
  color: #4C4C61;
  text-align:left;
}

.select-menu {
  font-family: Verdana;
  font-size:10pt;
  width:80px;
  height:20px;
}

.select-menu1 {
  font-family: Verdana;
  font-size:10pt;
  width:120px;
  height:20px;
}

.register-table {
  font-size:10pt;
  color: #272D2E;
}

.column-title {
  font-size:12pt;
  color: #272D2E;
  margin-bottom:10px;
}

.input {
  font-family: Verdana;
}

a.next-link, a.next-link:link, a.next-link:visited {font-family:verdana; font-size:10pt; color:#4C4C61;}

.hidden {
  display:none;
}

.small-break {
  margin-top:3px;
  margin-bottom:3px;
}

.extra-break {
  margin-top:12px;
  margin-bottom:3px;
}

.div-break {
  clear:both;
  margin-top:6px;
  margin-bottom:12px;
}

.rating {
  display:inline;
  font-size:18px;
  margin-right:20px;
}

#commentTable {
  width: 255px;
  background-color:#FFFFFF;
  border: solid #596171 1px;
  border-spacing: 0;
  font-size:10pt;
  color: #272D2E;
}

#commentTable td {
  padding: 2px 2px 1px 5px;
}
#commentTable th {
  background-color:#4C4C61;
  color:#FFFFFF;
}
#commentTable .comment0 {
  background-color:#DBE3F0;
}

.forumTable {
  width: 90%;
  background-color:#FFFFFF;
  border: solid #596171 1px;
  border-spacing: 0;
  font-size:10pt;
  color: #272D2E;
  padding-bottom:0;
  margin-bottom:0;
}

.forumTable td {
  padding: 5px 5px 5px 5px;
}

.forumTable th {
  background-color:#4C4C61;
  color:#FFFFFF;
}
.forum0 {
  background-color:#DBE3F0;
}

.forum-map {
  margin-left:5%;
  margin-right:5%;
  margin-top:20px;
  margin-bottom:10px;
  padding:0;
  font-size:10pt;
}

.forum-map a {color:#4C4C61;}
.forum-map a:visited {color:#4C4C61;}
.forumTable a:visited {color:#4C4C61;}
.forum-pagelinks a:visited {color:#4C4C61;}

.forum-pagelinks {
  text-align:center;
  margin-top:2px;
  font-size:9pt;
  padding-top:0;
}

.forum-title {
  font-size:12pt;
  margin: 3% 5% 5% 5%;
  text-align:center;
  color: #272D2E;
  font-weight:bold;
}

.profileTable td {
  font-size:10pt;
  color: #272D2E;
  text-align: top;
}

.profileTable a:visited {color:#4C4C61;}

#picture-tabs {
    float:left;
    width:100%;
    background-color:#596171;
    font-size:11pt;
    background-image:url(../images/background_tab.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    line-height:normal;
    margin-bottom:12px;
}
 
#picture-tabs ul {
  margin:0;
  padding:0;
  list-style:none;
}

#picture-tabs li {
  float:left;
  margin:0;
  padding:0;
  background-image:url(../images/right_tab_off.gif);
}

#picture-tabs a {
  display:block;
  padding:10px 10px 10px;
  color:#444041;
  text-decoration:none;
  font-weight:bold;
}
  
#picture-tabs #current {
  background-image:url(../images/right_tab_on.gif);
}

#picture-tabs #current a {
  padding:10px 10px 10px;
  color:#272D2E;
  text-decoration:none;
  font-weight:bold;
}

.submitRate, .submitRateDone, .submitFave, .submitUnfave, .submitNoRate , .submitNoFave, .submitNoUnfave {
  height: 24px;
  width: 24px;
  border: none;
  vertical-align:text-bottom;
}
  
.submitRate, .submitNoRate { 
  background: url(../images/activeRate1.gif) no-repeat;
}

.submitRateDone, .submitRate:hover { 
  background: url(../images/activeRate1.gif) 0 -24px no-repeat;
}

.submitFave, .submitNoFave, .submitUnfave:hover { 
  background: url(../images/activeFave1.gif) no-repeat;
}

.submitUnfave, .submitNoUnfave, .submitFave:hover {
  background: url(../images/activeFave1.gif) 0 -24px no-repeat;
}

.sub-menu {
  font-size:10pt;
  color:#4C4C61;
}

.sub-menu a:visited {color:#4C4C61;}
.sub-menu a{color:#4C4C61; text-decoration:none;}

#rating-message, #comment-message, #picture-message {
  margin: 2px 0 4px 0;
  font-size:9pt; 
  color:#4C4C61;
}

#commentList {
  font-size:8pt;
}
  
#commentList a:visited {color:#4C4C61;}
#commentList a {color:#4C4C61;} 
#commentList a img {border-color:#4C4C61;} 
#commentList a:visited img {border-color:#4C4C61;} 

.specialPageTitle {
  font-size:12pt;
  margin: 3% 5% 1% 5%;
  text-align:center;
  color: #272D2E;
  font-weight:bold;
}

.specialPageTitle a {color:#596171; text-decoration:none;} 
.specialPageTitle a:visited {color:#596171; text-decoration:none;}

#Faves {
  margin-top: 2px;
  font-size:9pt; 
  color:#4C4C61;
}

#Faves ul {
  margin-top:0pt;
  list-style-image:url("/images/smallFave.gif");
  font-size:9pt; 
}

#Followers ul {
  list-style-image:url("/images/follower.gif");
}

#Following ul {
  list-style-image:url("/images/follower.gif");
}


#updateList {
  font-size:10pt;
}
  
#updateList a:visited {color:#4C4C61;}
#updateList a {color:#4C4C61;} 
#updateList a img {border-color:#4C4C61;} 
#updateList a:visited img {border-color:#4C4C61;} 
#updateList p {margin-top:3px; margin-bottom:3px;}