/*  
Theme Name: Chris Lowell Online Gallery
Description: Custom Coppermine Photo Gallery theme for Chris Lowell 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: #f6f3f0 url(images/bg1.jpg) repeat-y 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;
}

#navmenu {
float: left;
width: 300px;
height: 10px;
margin: 0;
padding: 13px 0 10px 0;
text-align: left;
background: transparent;
}

#navmenu ul {
list-style: none;
padding: 0;
margin: 0;
background: transparent;
}

#navmenu li {
display: inline;
padding: 0;
margin: 0;
}

#navmenu li a {
margin: 0;
padding: 15px 5px 15px 5px;
color: #fff;
font-weight: normal;
font-size: 9px;
text-transform: lowercase;
text-decoration: none;
border-bottom: 0;
background: transparent;
}

#navmenu li a:hover {
color: #fff;
border-bottom: 3px solid #fff;
background: url(http://www.saralumholdt.com/wp-content/themes/fall/images/softbg.png);
}

.navmenu a, .navmenu img {
padding: 3px;
}

.navmenu a:hover {
color: #fff;
text-decoration: none;
background: #62441e;
}

.navmenu img:hover {
padding: 3px;
background: none !important;
}

.topmenu {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
color: #666;
margin: 0 auto 0 auto;
padding: 25px 0 25px 0;
width: 730px;
height: 41px;
white-space:nowrap;
text-align: center;
text-transform: uppercase;
background: #000 url(images/bg2.jpg) repeat-x;
}

.topmenu a {
display: inline;
margin: 0;
padding: 3px;
color: #e6dacc;
font-weight: normal;
text-decoration: none;
background: transparent;
}

.topmenu a:hover {
color: #fff;
background: transparent;
text-decoration: none;
}

.textinput {
font-family: "lucida grande", "lucida sans", lucida, verdana, arial, sans-serif;
font-size: 10px;
border: 1px solid #D1D7DC;
padding-right: 3px;
padding-left: 3px;
}

.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;
}

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

.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 {
border: 0;
background: transparent;
margin: 0;
}

.tableh1 {
font-size: 14px;
background: #fffdfa;
color: #62441e;
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: transparent;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

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

.tableb_compact b {
color: #fff;
padding: 2px;
background: #62441e;
}

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

.catrow {
padding: 0;
margin: 0;
background: transparent;
}

.catrow:hover { background: #faf6f1; }

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

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

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

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

.thumb_num_comments {
font-weight: normal; font-size: 9px; 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: 9px;
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: 9px;
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: 9px;
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: 9px;
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: #62441e;
}

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: 3px;
border: 1px solid #efefef;
background: #fff;
}

.image:hover {
margin: 2px;
padding: 3px;
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: transparent; padding: 5px 0 5px 0; margin: 0; }
.thumbnails:hover { background: #faf6f1; }

.footer { display: none; }

#foot {
width: 100%;
float: left;
padding: 15px 0 15px 0;
margin: 0;
text-align: center;
border-top: 3px solid #fff;
color: #e6dacc;
line-height: 16px;
background: url(images/bg2.jpg) repeat-x;
}

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

#foot a:hover {
border-bottom: 1px dotted #e6dacc;
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: #62441e; font-size: 12px;}
.alblink a:hover { color: #62441e; 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);}


#container {
width: 730px;
padding: 0;
margin: 0 auto 10px auto;
background: transparent;
}

#header {
width: 730px;
height: 252px;
background: url(images/header.jpg) no-repeat;
}

#adbanner {
width: 730px;
height: 90px;
text-align: center;
padding: 0;
margin: 5px auto 5px auto;
background: #fff;
}