/*  
Theme Name: Marat Safin Online
Description: Custom Coppermine Photo Gallery theme for Marat Safin Online, created by SLO Designs.
Author: Ronie
Author URI: http://www.saralumholdt.com/designs/
*/


body {
margin: 0;
padding: 0;
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
color: #666;
font-size: 10px;
background: #74b8ce url(images/bg.jpg) repeat-x;
}

a { color: #24a7d3; font-weight: bold; text-decoration: none; }
a:hover { color: #24a7d3; text-decoration: underline; }



#container {
clear: both;
width: 790px;
padding: 0;
margin: 0 auto 0 auto;
background: transparent;
}


/* Header contents */

#header {
width: 780px;
height: 306px;
margin: 0 auto 0 auto;
padding: 0;
background: transparent;
}

#header_left {
float: left;
width: 371px;
height: 306px;
background: url(images/header3.jpg) no-repeat;
}

#header_right {
float: right;
width: 409px;
height: 306px;
}

#welcome {
float: left;
width: 320px;
margin: 110px 0 0 37px;
padding: 0;
color: #ccc;
text-align: justify;
background: transparent;
}

#adbanner {
margin: 0 auto 0 auto;
width: 780px;
height: 90px;
color: #fff;
font-size: 16px;
text-align: center;
background: #000;
}


/* Navigation menu */

#navigation {
width: 806px;
height: 59px;
margin: 0 auto 20px auto;
padding: 0;
background: url(images/navbg.jpg) no-repeat;
}

#navigation table {
margin: 0 auto 0 auto;
padding: 0;
width: 780px;
height: 59px;
}

#navigation td, #navigation table img, #navigation table img a {
padding: 0 !important;
margin: 0 !important;
}

#galnav {
background: #fff;
padding: 15px 0 15px 0;
text-align: center;
}



h1 {
font-weight: bold;
font-size: 16px;
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
text-decoration: none;
line-height: 120%;
color: #666;
margin: 2px;
}

h2 {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 18px;
margin: 0px;
}

h3 {
font-weight: normal;
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
margin: 2px;
}

td {
font-size: 10px;
}

p {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
margin: 2px 0px;
}


.textinput {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
border: 1px solid #D1D7DC;
padding: 0;
width: 70% !important;
}

.listbox {
font-family: Verdana, Arial, "lucida grande", sans-serif;
font-size: 10px;
border: 1px solid #D1D7DC;
vertical-align: middle;
}

.button {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
border: 1px solid #efefef;
background-image: url();
background-position: bottom;
}

.comment_button {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
border: 1px solid #efefef;
background-image: url();
background-position: bottom;
padding-left: 3px;
padding-right: 3px;
}

.radio {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
vertical-align: middle;
}

.checkbox {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
vertical-align: middle;
}

.bblink a { color: #efefef; text-decoration: none; }
.bblink a:hover { color: #FFFFFF; text-decoration: none; }

a:hover.nobg { text-decoration: none; background-color: #fff; }
a:hover.yebg { text-decoration: none; background-color: #FFFF00; }

.maintable {
width: 790px;
border: 0;
background: #efefef;
margin: 0;
padding: 0;
}

.tableh1 {
font-size: 14px;
background: #fff;
color: #24a7d3;
font-weight: normal;
font-family: Arial;
margin: 0 0 1px 0;
padding: 5px 10px 5px 5px;
}

.tableh1 b {
font-weight: normal;
}

.tableh1_compact {
background: transparent;
color: #666;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableh2 {
background: transparent;
color: #666;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.tableh2_compact {
background: transparent;
color: #666;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableb {
background: #fff;
padding: 5px;
}

.tableb_compact {
padding: 5px;
color: #24a7d3;
text-decoration: none;
background: #fff;
}

.tableb_compact b {
color: #fff;
padding: 2px;
background: #24a7d3;
}

.tablef {
background: transparent;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.catrow {
padding: 0;
margin: 0;
background: #fff;
}

.catrow:hover { background: #fafafa; }

.catrow_noalb {
background: transparent;
color: #666;
padding: 0;
}

.album_stat { color: #666; font-size: 10px; margin: 5px 0px; }
.thumb_filename { font-size: 80%; display: block; }

.thumb_title {
font-weight: bold; font-size: 10px; padding: 2px; display: block; }

.thumb_caption {
font-size: 10px; padding: 1px; display: block; }

.thumb_num_comments {
font-weight: normal; font-size: 10px; padding: 2px; font-style: italic; display: block; }

.user_thumb_infobox { margin-top: 1px; margin-bottom: 1px; }

.user_thumb_infobox th {
font-weight: bold;
font-size: 10px;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;
}

.user_thumb_infobox td {
font-size: 10px;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;
}

.user_thumb_infobox a {
text-decoration: none;
color: #666;
}

.user_thumb_infobox a:hover {
color: #666;
text-decoration: underline;
}

.sortorder_cell {
background: #fff;
color: #666;
padding: 0px;
margin: 0px;
}

.sortorder_options {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
background: #fff;
color: #666;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 10px;
white-space: nowrap;
}

#menu_admin {
float: left;
width: 100%;
margin: 0;
padding: 10px 0 10px 0;
text-align: left;
background: transparent;
}

.admin_menu_thumb {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
border: 0;
background: transparent;
color: #666;
font-weight: normal;
margin: 0;
}

.admin_menu_thumb a {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
border: 0;
background: transparent;
color: #666;
font-weight: normal;
margin: 0;
}

.admin_menu_thumb a:hover {
color: #666;
text-decoration: underline;
}

.admin_menu {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
border: 0;
background: transparent;
color: #666;
font-weight: normal;
margin: 0;
}

.admin_menu a {
color: #666;
text-decoration: none;
display: block;
position: relative;
padding: 2px;
}

.admin_menu a:hover {
color: #fff;
text-decoration: none;
background: #24a7d3;
}

td #admin_menu_anim {
background-image: url(images/button_bg_anim.gif);
}

.comment_date{
color: #5F5F5F;
font-size: 10px;
vertical-align: middle;
}

.image {
margin: 2px;
padding: 7px;
border: 1px solid #efefef;
background: #fff;
}

.image:hover {
margin: 2px;
padding: 7px;
border: 1px solid #ccc;
background: #fff;
}

.imageborder {
border: 0px;
background: transparent;
margin-top: 10px;
margin-bottom: 10px;
}

.display_media {
background: #fff;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.thumbnails { background: #fff; padding: 5px 0 5px 0; margin: 0; }
.thumbnails:hover { background: #fafafa; }

.footer { display: none; }

#foot {
width: 100%;
float: left;
padding: 20px 0 20px 0;
margin: 10px 0 0 0;
font-size: 10px;
text-align: center;
color: #b9e3f1;
text-transform: uppercase;
background: url(images/bg.jpg) repeat-x;
}

#foot a {
font-weight: normal;
color: #b9e3f1;
}

#foot a:hover {
border-bottom: 1px dotted #b9e3f1;
text-decoration: none;
}

.statlink { color: #666; text-decoration: none; font-size: 10px; font-weight: normal; }
.statlink a { text-decoration: none; color: #666; }
.statlink a:hover { color: #666; text-decoration: none; }

.alblink a { text-decoration: none; color: #24a7d3; font-size: 12px;}
.alblink a:hover { color: #24a7d3; text-decoration: underline;}

.catlink { display: block; margin: 0; padding: 0; }

.catlink a { text-decoration: none; color: #666; }
.catlink a:hover { color: #666; text-decoration: underline; }

.img_caption_table {
border: none;
background-color: #FFFFFF;
width: 100%;
margin: 0px;
}

.img_caption_table th {
background: #6BBE10;
font-size: 10px;
color: #FFFFFF;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top: 1px solid #FFFFFF;
}

.img_caption_table td {
background: #efefef;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top: 1px solid #FFFFFF;
}

.debug_text {
border: #BDBEBD;
background-color: #EFEFEF;
width: 100%;
margin: 0px;
}

.clickable_option {
color: #1B2D04;
font-weight: bold;
}

.listbox_lang {
color: #666;
background-color: #fff;
border: 1px solid #6BBE10;
font-size: 80%;
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
vertical-align: middle;
margin-top: 5px;
}

#SELECT_LISTS {
text-align:center;
}

#vanity {
margin-top: 10px;
}

#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;
}

#vanity img {border:0}

#v_php {float:left;background-image:url(../../images/powered-php.gif);}

#v_php:hover {background-image:url(../../images/h_powered-php.gif);}

#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}

#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}

#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}

#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}

#v_css {float:right;background-image:url(../../images/valid-css.gif);}

#v_css:hover{background-image:url(../../images/h_valid-css.gif);}