/*  
Theme Name: Sophia Web
Theme URI: http://www.sophiabushweb.com/
Author: Ronie
Author URI: http://www.saraloveonline.com/designs/
*/


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

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

h2 {
font-family: "lucida grande", sans-serif;
font-size: 11px;
margin: 2px;
color: #745d40;
font-weight: normal;
padding: 0 0 0 5px;
}

h3 {
font-family: "lucida grande", sans-serif;
font-size: 11px;
margin: 2px;
color: #745d40;
font-weight: normal;
padding: 0;
}

td {
font-size: 10px;
}

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

ul {
margin-left: 5px;
padding: 0px;
}

li {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;
}

.textinput {
font-family: "lucida grande", 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", sans-serif;
font-size: 10px;
border: 1px solid #efefef;
background-image: url();
background-position: bottom;
}

.comment_button {
font-family: "lucida grande", 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", sans-serif;
font-size: 10px;
vertical-align: middle;
}

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

a { color: #745d40; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }

.bblink a { color: #745d40; 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: url(images/softbg1.png);
margin-top: 1px;
margin-bottom: 1px;
}

.tableh1 {
font-size: 14px;
background: #fff;
color: #4fb8b2;
font-weight: bold;
padding: 3px 10px 3px 5px;
}

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

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

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

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

.tableb_compact {
background: #fff;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

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

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

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

.album_stat { font-size: 10px; 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", sans-serif;
background: #fff;
color: #666;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 9px;
white-space: nowrap;
}

.navmenu {
font-family: "lucida grande", sans-serif;
color: #666;
font-size: 10px;
font-weight: normal;
background: #fff;
border: 0px solid #efefef;
}

.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}

.navmenu a {
font-weight: normal;
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #4fb8b2;
border: 1px solid #efefef;
}

.navmenu a:hover {
font-weight: normal;
background: #fcdb58;
text-decoration: none;
color: #666;
border: 1px solid #fcdb58;
}

.admin_menu_thumb {
font-family: "lucida grande", sans-serif;
font-size: 10px;
border: 1px solid #efefef;
background-image: url();
background-position: bottom;
color: #666;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}

.admin_menu_thumb a {
color: #666;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}

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

.admin_menu {
font-family: "lucida grande", sans-serif;
font-size: 10px;
border: 1px solid #efefef;
background-image: url();
background-position: bottom;
color: #666;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}

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

.admin_menu a:hover {
color: #666;
text-decoration: none;
background: #efefef;
}

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: 5px;
border: 0px solid #efefef;
background: url(images/softbg1.png);
}

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

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

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

.thumbnails { background: url(images/softbg2.png); padding: 5px 0 5px 0; margin: 0px; }

.footer { font-size: 9px; }
.footer a { text-decoration: none; color: #666; }
.footer a:hover { color: #666; text-decoration: underline; }

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

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

.catlink { display: block; margin-bottom: 2px; }

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

.topmenu {
font-family: "lucida grande", sans-serif;
font-size: 10px;
color: #666;
margin: 0;
width:100%;
white-space:nowrap;
text-align: center;
}

.topmenu a {
display: inline;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-top: 2px;
background: transparent;
border: 0px;
margin: 0px 0px 2px;
color: #625b55;
text-align: center;
text-decoration: none;
border: 1px solid #efefef;
color: #4fb8b2;
}

.topmenu a:hover {
background: #fcdb58;
color: #666;
border: 1px solid #fcdb58;
}

.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: #745d40;
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", 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);}


#ad {
width: 100%;
height: 85px;
padding: 10px 0 10px 0;
margin: 0 auto 0 auto;
text-align: center;
background: transparent;
}

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

#header {
float: left;
width: 250px;
height: 270px;
padding: 0;
margin: 0 auto 0 auto;
background: url(images/gheader.jpg) no-repeat -10px 0%;
}

#container_gallery {
float: right;
width: 620px;
margin: 0;
padding: 0 0 0 30px;
background: url(images/gheader.jpg) no-repeat -260px 0%;
}

#sidebar {
float: left;
width: 210px;
padding: 0;
margin: 0 0 0 40px;
}

#sidebar li {
list-style: none;
padding: 0;
margin: 0;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
display: block;
margin: 0 0 1px 0;
text-indent: 5px;
color: #745d40;
padding: 5px 0 5px 0;
background: url(images/nav1.png) repeat-x 0% -35px;
font-size: 9px;
text-transform: uppercase;
}

#sidebar a:hover {
color: #745d40;
background: url(images/nav1.png) repeat-x 0% -45px;
}

.h2_nomargin {
color: #745d40;
font-weight: normal;
padding: 5px;
}

.postmetadata {
padding: 10px;
}

#footer {
float: left;
margin: 0;
padding: 10px 0 10px 0;
width: 100%;
height: 15px;
font-size: 9px;
text-align: center;
color: #745d40;
background: url(images/nav1.png) repeat-x 0% -25px;
}

#footer a {
color: #745d40;
}

#footer a:hover {
border-bottom: 1px dotted #745d40;
}