/* Foreground color definition */
body { color : #FFFFFF; width: 900px; text-align:left;  }

table { border-collapse: collapse; }

.topmenu, .topmenu a { color : #FFFFFF; }

.topmenu a:hover { color : #666666; }

.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, .sortorder_cell, .sortorder_options, .statlink, .statlink a, .statlink a:hover { color : #FFFFFF; }

.tableh2, .tableh2_compact, .catrow_noalb { color : #FFC956; }

.textinput, .listbox, .radio, .checkbox { color: #FFFFFF; }

.alblink, .alblink a, .catlink, .catlink a { color : #FFC956; }

.alblink a:hover, .catlink a:hover { color : #FFE8B7; }

a,  .bblink a, .user_thumb_infobox a  { color: #447AC9; }

a:hover, .bblink a:hover, .user_thumb_infobox a:hover { color : #0397FF; }

.button, .comment_button, .admin_menu_thumb, .admin_menu_thumb a, .admin_menu_thumb a:hover, .admin_menu, .admin_menu a, .admin_menu a:hover { color : #FFFFFF; }

.comment_date { color : #999999; }

.footer, .footer a, .footer a:hover { color : #999999; }


/* Background colors definition */
body { background-color: #000000; }

.textinput, .listbox, .radio, .checkbox { background-color: #000000; }

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  {         background : #000000 ; }

.tableh2, .catrow_noalb, .tableh2_compact, .tablef, .img_caption_table th {         background : #000000 ; }

.tableb, .catrow, .tableb_compact, .thumbnails, .img_caption_table td { background : #000000 ; }


/* Borders for input controls */
.textinput, .listbox, .button, .comment_button, .admin_menu, .admin_menu_thumb  {        border: 1px solid #666666; }

.image { border: 1px solid #FFFFFF; }

.imageborder {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    margin-top: 14px;
    margin-bottom: 10px;
    }

.maintable, .maintableb { background-color: #000000; }

.img_caption_table th, .img_caption_table td { border-top : 1px solid #000000; }

.tableh1 { border-bottom : 1px solid #447AC9; }


/* Fonts definition */
body { font-family: Arial, Helvetica, sans-serif; }

.tableh1, .tableh1a, .catlink, .tableh2, .catrow_noalb { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

.textinput, .listbox, .radio, .checkbox { font-family: Arial, Helvetica, sans-serif; }

.button, .comment_button, .sortorder_options, .admin_menu_thumb { font-family: Arial, Helvetica, sans-serif; }


table {
        font-size : 12px;
}


body {
        font-size : 12px;
        margin-top: 25px;
}


h1{
        font-weight: normal;
        font-size: 24px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #FFFFFF;
        margin: 2px 2px 2px 2px;
}


h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        margin: 0px;
}


h3 {
        font-weight: normal;
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
        font-size: 14px;
        color: #696969;
        margin: 0px;
}


p {
        font-size: 100%;
        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;
}



.top_panel td {
        white-space: nowrap;
}


.top_menu_bttn a {
        text-decoration: none;
        position: relative;
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
        color: #FFFFFF;
}


.top_menu_bttn a:hover {
        text-decoration: underline;
        margin-top: 2px;
        color: #FFFFFF;
}


.textinput {
        font-size: 100%;
        padding-right: 3px;
        padding-left: 3px;
}


.listbox {
        font-size: 100%;
        vertical-align : middle;
}

.button {
        font-size: 100%;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        height: 20px;
}


.comment_button {
        font-size: 100%;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
        height: 20px;
}


.radio {
        font-size: 100%;
        vertical-align : middle;
}


.checkbox {
        font-size: 100%;
        vertical-align : middle;
}


a {
        text-decoration: none;
}


a:hover {
        text-decoration: underline;
}


.bblink a {
        text-decoration: none;
}


.bblink a:hover {
        text-decoration: underline;
}


.maintable {
        margin-top: 2px;
        margin-bottom: 2px;
}


.maintablea {
        margin-top: 10px;
}


.maintableb {
}


.tableh1 {
        padding-right: 10px;
        padding-left: 10px;
        height: 25px;
}


.tableh1a td {
        color: #DB741E; 
        border: none;
        height: 30px;
        font-size: 150%;
        font-weight: bold;
        background-image: url(images/tableh1a_bg_middle.gif);
        background-position: bottom;
}


.tableh1a img {
        display: block;
}


.tableh1_compact {
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        height: 25px;
}


.tableh2 {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

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


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

.tableb1 {
        color: #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}
.tableb_compact {
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}


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

.catrow_noalb {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

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

.album_stat {
        font-size : 85%;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

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


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


.thumb_caption a {
        text-decoration: underline;
}



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


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


.user_thumb_infobox th {
        font-weight : normal;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}


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


.user_thumb_infobox a {
        text-decoration: none;
}


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


.sortorder_options {
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 50%;
        white-space: nowrap;
}


.navmenu {
        color: #DB741E;
        font-weight: bold;
        border: none;
}


.navmenu img {
        display: block;
}


.navmenu a {
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
        line-height: 25px;
        height : 25px;
}


.navmenu a:hover {
        text-decoration: none;
}


.admin_menu_thumb {
        font-size: 90%;
        background-image: url(images/button_bg.gif);
        background-position: bottom;

        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}


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



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


.admin_menu {
        font-size: 90%;
        background-image: url(images/button_bg.gif);
        background-repeat: repeat-x;
        background-position: top;
        background-color: #3680D9;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}


.admin_menu a {
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}


.admin_menu a:hover {
        text-decoration: underline;
}

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

.comment_date{
        font-size: 90%;
        vertical-align : middle;
}


.image {
        margin: 2px;
}

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

.thumbnails {
        padding: 3px;
        color: #FFFFFF;
}


.footer {
        font-size : 9px;
}


.footer a {
        text-decoration: none;
}


.footer a:hover {
        text-decoration: underline;
}


.statlink a {
        text-decoration: none;
}


.statlink a:hover {
        text-decoration: underline;
}


.alblink a {
        text-decoration: underline;
}


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


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


.catlink a {
        text-decoration: underline;
}


.catlink a:hover {
        text-decoration: underline;
}


.topmenu {
        line-height : 130%;
        font-size : 110%;
}


.topmenu a {
        text-decoration : underline;
}


.topmenu a:hover  {
        text-decoration : underline;
}


.img_caption_table {
        border: none;
        width : 100%;
        margin : 0px;
}


.img_caption_table th {
        font-size : 100%;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
}


.img_caption_table td {
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        white-space: normal;
}

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

.clickable_option {
        cursor : default;
}

.listbox_lang {
        color: #FFFFFF;
        background-color: #000000;
        border: 1px solid #666666;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
}

/* Modified Holly-Hack to fix IE 3px bug */

/* Hides from IE-mac \*/

* html .ie_fix {margin-bottom: -3px;}
/* End hide from IE-mac */


#Menu1 {
         position:relative;
         /*width:780px;*/
         height:15px;
         top: 3px;
         left: 20px;
         visibility: hidden;
}

#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);}


/* Properties that both side lists have in common */
div.link-list {
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:6.2em;
        margin-right:6.2em;
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */
#list1 {
        left:0;
}

div.box {
background-color:#000000;
margin:10px 10px 15px 0;
padding:5px 5px 5px 15px
}

#box1 {
box-shadow:5px 5px 2px #888;
-o-box-shadow:5px 5px 2px #888;
-moz-box-shadow:15px 15px 10px #888;
-webkit-box-shadow:10px 10px 5px #888
}

.thinborder {
background-color: #000000;
position: inherit;
text-align: center;
font-weight: bold;
padding: 10px;
border: 1px solid #DB741E;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;	
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 10px #000;
box-shadow: 5px 5px 10px #000;
}

.alertbox{
/* border:solid 1px #CB2026; */
border:solid 1px #3d81ee;
background:#FFFFF;
/* background:#F6CBCA; */
color:#CB2026;
padding:5px;
text-align:center;
}

.adsense_bg {
border: 2px solid #AE7EC2;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
background-image:url(/images/adsense_right.png);
background-repeat:repeat-y;
text-align: center;
position: inherit;
}

.hori_link_ad_bg {
float: left;
height: 30px;
valign: middle;
width : 813px;
background: url(/images/asbg.png) no-repeat;
color: #000;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
}

/* For FixedOnTop http://robertfall.github.com/Stuck-On-Top/ */
div.section-header {
   background: #FFFFFF;
   /* height: 90px; */
 }

div.section-container {
   /* height:2500px; */
 }

 /* CLOUD ZOOM SETUP */

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

hr {
margin:0px;
color:#3d81ee;
}

#navwrap{position:fixed !important;position:absolute;background:transparent top center;width:100%;left:95px;top:0px;}
#nav{margin:0px auto 0px auto;text-align:left;z-index:1;left:0px;top:0px;}
#nav ul,#nav ol{list-style:none;width:auto;margin:0;padding:0;}
#nav li{display:inline;position:relative;top:-55px;padding:15px 6px 8px 8px;background:white repeat-x url(/images/menu-back.png) bottom center;background-color:#fff;background-image:-moz-linear-gradient(top,#fff,#fff,#ddd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(0.5,#fff),color-stop(1,#ddd));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#ddd');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff',EndColorStr='#ddd')";margin:0;margin-right:5px;}
#nav.ready li{-webkit-transition-property:top;-webkit-transition-duration:300ms;-webkit-transition-timing-function:ease-out;-moz-transition-property:top;-moz-transition-duration:300ms;-moz-transition-timing-function:ease-out;-o-transition-property:top;-o-transition-duration:300ms;-o-transition-timing-function:ease-out;transition-property:top;transition-duration:300ms;transition-timing-function:ease-out;top:0px;}
#nav li:nth-child(2){-webkit-transition-delay:140ms;-moz-transition-delay:140ms;-o-transition-delay:140ms;transition-delay:140ms;}
#nav li:nth-child(3){-webkit-transition-delay:280ms;-moz-transition-delay:280ms;-o-transition-delay:280ms;transition-delay:280ms;}
#nav li:nth-child(4){-webkit-transition-delay:420ms;-moz-transition-delay:420ms;-o-transition-delay:420ms;transition-delay:420ms;}
#nav li:nth-child(5){-webkit-transition-delay:560ms;-moz-transition-delay:560ms;-o-transition-delay:560ms;transition-delay:560ms;}
#nav li:nth-child(6){-webkit-transition-delay:700ms;-moz-transition-delay:700ms;-o-transition-delay:700ms;transition-delay:700ms;}
#nav li:nth-child(7){-webkit-transition-delay:840ms;-moz-transition-delay:840ms;-o-transition-delay:840ms;transition-delay:840ms;}
#nav li:nth-child(8){-webkit-transition-delay:980ms;-moz-transition-delay:980ms;-o-transition-delay:980ms;transition-delay:980ms;}
#nav li:nth-child(9){-webkit-transition-delay:1120ms;-moz-transition-delay:1120ms;-o-transition-delay:1120ms;transition-delay:1120ms;}
#nav li:nth-child(10){-webkit-transition-delay:1260ms;-moz-transition-delay:1260ms;-o-transition-delay:1260ms;transition-delay:1260ms;}
#nav li:nth-child(11){-webkit-transition-delay:1400ms;-moz-transition-delay:1400ms;-o-transition-delay:1400ms;transition-delay:1400ms;}
#nav li:nth-child(12){-webkit-transition-delay:1540ms;-moz-transition-delay:1540ms;-o-transition-delay:1540ms;transition-delay:1540ms;}
#nav.ready.inited li{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
#nav.ready li:hover{-webkit-transition-property:top;-webkit-transition-duration:300ms;-webkit-transition-timing-function:ease-out;-webkit-transition-delay:0s;-moz-transition-property:top;-moz-transition-duration:300ms;-moz-transition-timing-function:ease-out;-moz-transition-delay:0s;-o-transition-property:top;-o-transition-duration:300ms;-o-transition-timing-function:ease-out;-o-transition-delay:0s;transition-property:top;transition-duration:300ms;transition-timing-function:ease-out;transition-delay:0s;top:10px;}
#nav a{display:inline;text-decoration:none;padding:8px 0px 5px 0px;font-family:"Frutiger","Helvetica","Helvetica Neue","Arial";font-size:10pt;font-weight:bold;color:#333333;}
#nav li.twitter div.badge{display:inline-block;position:absolute;width:32px;height:32px;left:-8px;top:26px;background-image:url(/images/twitter-bird.png);}