/* Son CSS */



body	 	{ background: url(images/sb-bgtile.jpg); background-attachment: fixed;}	

#page		{ background: url(images/sb-bgy.jpg) repeat-y top; border: none; } 

#header 	{ background: url(images/header.jpg) no-repeat center; }

#footer 	{ background: url(images/footer.jpg) no-repeat bottom; border: none;}



BODY {

	COLOR: #C0C0C0;

	FONT-FAMILY: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, "times New Roman", Times, Serif;

	MARGIN: 12px;

}



#page {

   text-align: center;

	MARGIN: auto;

   WIDTH: 780px;

}



#header {

	MARGIN: 0px auto;

	WIDTH: 100%;

	HEIGHT: 165px;

}



#footer {

	CLEAR: both;

	MARGIN: 0px;

	WIDTH: 100%;

	color: #FDF9DD;

}



#footer P {

	MARGIN: 0;

	TEXT-ALIGN: center;

	padding-top: 10px;

	padding-bottom: 25px;

   font-size: 10px;

	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



#toolbar-top {

	WIDTH: 100%;

	HEIGHT: 138px;

}



#toolbar-left {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	FONT-SIZE: 12px;

	padding-top: 8px;

	padding-left: 20px;

	float: left;

	font-weight: bold;

}



#toolbar-right {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	FONT-SIZE: 12px;

	padding-top: 8px;

	padding-right: 18px;

	text-align: right;

	font-weight: bold;

}



/* END Son CSS */



A {

	COLOR: #FDF9DD; TEXT-DECORATION: none

}



A:hover {

	COLOR: #FFCC00; TEXT-DECORATION: underline

}





h1{

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-weight: bold;

	line-height: 120%;

	margin: 2px;

}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	margin: 0px;

}



h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	margin: 2px;

}



li {

	list-style-position: outside;

	list-style-type: disc;

	margin-bottom: 4px;

	margin-left: 10px;

	margin-top: 4px;

	padding: 0px;

}



p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	margin: 2px 0px;

}



table {

	font-size: 12px;

}



ul {

	margin-left: 5px;

	padding: 0px;

}



.admin_menu {

	background-image: url(images/button_bg.gif);

	background-position: bottom;

	border: 1px solid #005D8C;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 85%;

	margin-bottom: 0px;

	margin-top: 0px;

	text-align: center;

}



.admin_menu a {

	display: block;

	padding-bottom: 1px;

	padding-left: 2px;

	padding-right: 2px;

	padding-top: 1px;

	position: relative;

}



.admin_menu_thumb {

	background-position: bottom;

	border: 1px solid #005D8C;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 85%;

	font-weight: bold;

	margin-bottom: 0px;

	margin-top: 0px;

	width: 85px;

}



.admin_menu_thumb a {

	display: block;

	padding-bottom: 1px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 1px;

	position: relative;

}



.album_stat {

	font-size: 85%;

	margin: 5px 0px;

}



.anycontend {

	font-size: 80%;

}



.anycontend a {

	font-size: 90%;

}



.anycontend a:hover {

	font-size: 90%;

}



.button {

	background-image: url(images/button_bg.gif);

	background-position: bottom;

	border: 1px solid #005D8C;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	COLOR: #C6C8FD;

	cursor: hand;

}



.catlink {

	display: block;

	margin-bottom: 2px;

}



.checkbox {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	vertical-align: middle;

}



.clickable_option {

	border-bottom: 1px dotted #0000FF;

	cursor: hand;

}



.comment_button {

	background-image: url(images/button_bg.gif);

	background-position: bottom;

	border: 1px solid #005D8C;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 85%;

	padding-left: 3px;

	padding-right: 3px;

}



.comment_date{

	font-size: 90%;

	vertical-align: middle;

}



.debug_text {

	background-color: #362223;

	border: #BDBEBD;

	margin: 0px;

	width: 100%;

}



.footer {

	font-size: smaller;

}



.imagebox {	background-color: #000000;}

.thumbnail_cell {

   background: url(images/grad00.gif) repeat top; border: none;}





.image {

	border-color: #EEEEEE;

	border-style: solid;

	border-width: 1px;

	margin: 2px;

}



.imageborder {

	margin-bottom: 30px;

	margin-top: 30px;

}



.img_caption_table {

	background-color: #362223;

	border: none;

	margin: 0px;

	width: 100%;

}



.img_caption_table td {

	background: #362223;

	border-top: 1px solid #000000;

	padding-bottom: 6px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 6px;

}



.img_caption_table th {

	background: #362223;

	border-top: 1px solid #000000;

	font-size: 100%;

	padding-bottom: 4px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 4px;

}



.listbox {

	border: 1px solid #D1D7DC;

	font-family: Verdana, Arial, Arial, Helvetica, sans-serif;

	font-size: 100%;

	vertical-align: middle;

}



.listbox_lang {

	background-color: #362223;

	border: 1px solid #D1D7DC;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	vertical-align: middle;

}



.listbox_lang {

	background-color: #362223;

	border: 1px solid #D1D7DC;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 80%;

	vertical-align: middle;

}



.maintable {

	border: 1px solid #0E72A4;

	margin-bottom: 1px;

	margin-top: 1px;

}



.navmenu {

	border-style: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	font-weight: bold;

}



.navmenu a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin-bottom: 1px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 1px;	vertical-align: middle;

}



.navmenu img {

	margin-bottom: 1px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 1px;

}



.radio {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	vertical-align: middle;

}



.sortorder_cell {

	margin: 0px;

	padding: 0px;

}



.sortorder_options {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

	white-space: nowrap;

}



.tableb {	padding-bottom: 3px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 3px;

}



.tableb_compact {

	padding-bottom: 2px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 2px;

}



.tablef {

	padding-bottom: 10px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 10px;

}



.tableh1 {

	padding-bottom: 3px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 3px;

}



.tableh1_compact {

	padding-bottom: 2px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 2px;

}



.tableh2 {

	padding-bottom: 3px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 3px;

}



.tableh2_compact {

	padding-bottom: 2px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 2px;

}



.textinput {

	border: 1px solid #D1D7DC;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	padding-left: 3px;

	padding-right: 3px;

}



.thumb_caption {

	display: block;

	font-size: 80%;

	padding: 1px;

}





.thumb_num_comments {

	display: block;

	font-size: 80%;

	font-style: italic;

	font-weight: normal;

	padding: 2px;

}



.thumb_title {

	display: block;

	font-size: 80%;

	font-weight: bold;

	padding: 2px;

}



.thumbnails {

	padding: 5px;

}



.topmenu {

	font-size: smaller;

	line-height: 130%;

}



.user_thumb_infobox {

	margin-bottom: 1px;

	margin-top: 1px;

}



.user_thumb_infobox td {

	font-size: 80%;

	margin-bottom: 1px;

	margin-top: 1px;

	text-align: center;

}



.user_thumb_infobox th {

	font-size: 100%;

	font-weight: bold;

	margin-bottom: 1px;

	margin-top: 1px;

	text-align: center;

}



#v_css {

	background-image: url(../../images/valid-css.gif);

	float: right;

}



#v_css:hover{

	background-image: url(../../images/h_valid-css.gif);

}



#v_mysql {

	background-image: url(../../images/powered-mysql.gif);

	float: left;

}



#v_mysql:hover {

	background-image: url(../../images/h_powered-mysql.gif);

}



#v_php {

	background-image: url(../../images/powered-php.gif);

	float: left;

}



#v_php:hover {

	background-image: url(../../images/h_powered-php.gif);

}



#v_xhtml {

	background-image: url(../../images/valid-xhtml10.gif);

	float: right;

}



#v_xhtml:hover {

	background-image: url(../../images/h_valid-xhtml10.gif);

}



#vanity a {

	display: block;

	height: 20px;

	margin: 3px 20px;

	width: 57px;

}



#vanity img {

	border: 0;

}