/*******************
  Copyright (c) 2004-2012 TinyWebGallery
  written by Michael Dempfle
********************/
/*
This is the stylesheet where you can do your personal settings - 
You find the most important settings to adapt the colors of your gallery! 

I recommend not to modify the style.css because if I upgrade you can still
use your stylesheet! copy the stuff you change into this css. The settings
in this file overwrite the default settings!
Remove this file if you don't use it because otherwise its transfered to the server!


I recommend to use the color manager in he backend to get a first draft.
This will be saved in this file! Then you can start from there!
*/
body {
    background: #414141 url('../images/background.gif') repeat-x;
    color: #414141;
    text-align: center; /* for older ie */
	margin:30px;
}
body.twg{background-color:transparent;color:#ffffff;}
table.twg{background-color:transparent;color:#ffffff;}
table.twg_main{background-color:transparent;color:#ffffff;}
.twg_title{font-size:12pt;font-weight:normal;}
.twg_folderdescription{font-size:12pt;}
a:link{color:#ffffff;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}
td.sideframe{background-color:transparent;}
td.bottomtable{background-color:transparent;}
td.bottomtableside{background-color:transparent;color:#ffffff;}
td.bottomtableside a:link{color:#ffffff;text-decoration:none;}
td.bottomtableside a:visited{color:#ffffff;text-decoration:none}
td.bottomtablesideleft{background-color:transparent;color:#ffffff;}
td.bottomtablesideleft a:link{color:#ffffff;text-decoration:none;}
td.bottomtablesideleft a:visited{color:#ffffff;text-decoration:none}
td.twg_bottom{background-color:transparent;color:#ffffff;}
td.twg_bottom a:link{color:#ffffff;text-decoration:none;}
td.twg_bottom a:visited{color:#ffffff;text-decoration:none}
td.twg_counterpixel{background-color:transparent;}
td.topnav{background-color:transparent;color:#ffffff;}
td.topnav a:link{color:#ffffff;text-decoration:none;}
td.topnav a:visited{color:#ffffff;text-decoration:none}
td.topnav a:hover{color:#999999;text-decoration:none}
/* settings for the top left cell where the galleries -> ... ->  buttons are */
td.topnavleft{background-color:transparent;color:#ffffff;}
td.topnavleft a:link{color:#ffffff;text-decoration:none;}
td.topnavleft a:visited{color:#ffffff;text-decoration:none}
td.topnavleft a:hover{color:#999999;text-decoration:none}
/* settings for the top right cell where the menu buttons are */
td.topnavright{background-color:transparent;color:#ffffff;}
td.topnavright a:link{color:#ffffff;text-decoration:none;}
td.topnavright a:visited{color:#ffffff;text-decoration:none}
td.topnavright a:hover{color:#999999;text-decoration:none}
.twg_topx_selected{color:#ffffff;font-weight:bold;}
td.twg_info{border:none;background-color:transparent;}
td.twg_bottom{background-color:transparent;color:#ffffff;}
td.twg_counterpixel{background-color:transparent;}
/* For the album tree */
.twg_album_view_div{background-color:transparent;}
.dtree div.dTreeNodenodeSel{color:#111111;background-color:transparent;}
.dtree div.dTreeNodenodeSel a:hover{color:#ffffff;text-decoration:none;}
.dtree div.dTreeNodehover a:link{color:#000000;}
.dtree div.dTreeNodehover a:visited{color:#000000;}
.dtree_header a:hover{color:#777777;}
.twg_hoverthumbnail{background-color:#aaaaaa;}
.twg_album_view{background-color:transparent;}
.twg_Caption{background-color:transparent;color:#FFFFFF;}
#twg_content_div{border: 1px solid #000000;background-color:transparent;}
/* the settings for the details image (border ...)   */
.twg_imageview{border:none;vertical-align:middle;text-align:center;margin:0px 0px 0px 0px;}
/* does the drop shadow  - if you want a different one:adapt this settings - image-view does still a nice boarder  */
div.twg_img-shadow table{display:block;position:relative;background-color:transparent;border:1px solid #000000;margin:0px 0px 0px 0px;}
div.twg_img-shadow{background:none !important;margin:0px 0px 0px 0px;}