/*******************
  Copyright (c) 2004-20012 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!
*/
@font-face { 
  font-family: Jenna Sue; 
    src: url('../fonts/JennaSue-webfont.eot'); 
    src: local("Jenna Sue"), url('../fonts/JennaSue-webfont.ttf'); 
} 

@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

div.twg_img-shadow table.twg {
  background-color:#2c2c2c;
  }

td.twg_image{
	padding-top: 0;
	}
	
td.topnavright,td.topnavleft,td.topnav{
	height:20px;
}
td.sidenavmiddle td.twg{
    height:500px;
}

	

#top_row.twg_tr{
  height:20px;
    
}
table#content_table.twg{
	text-align:none;
}

	
h1, h2, h3, h4, h5, h6 { 
  font: normal 350% 'Jenna Sue', arial, sans-serif;
  margin: 0 0 5px 0;
  padding: 0;}

  ol { 
  margin: 8px 0 22px 20px;}

ol li { 
  margin: 0 0 11px 0;}

#main, #header, #logo, #menubar, #site_content, #footer { 
  margin-left: auto; 
  margin-right: auto;}
header { 
  width: 950px;
  height: 105px;}

#logo { 
  width: 950px;
  float: left;
  height: 100px;
   font-size:12pt;
  background: transparent;
  padding: 0;}

#logo h1 { 
  font: normal 450% 'Jenna Sue', arial, sans-serif;

  padding: 6px 0 0 20px;}

#logo h1 a:hover { 
  text-decoration: none;}



body.twg{
	font:0.8em arial,sans-serif;
}

#errorPageContainer{
display:none;
}
td.twg_overviewhtml>iframe, #i_upload {
	display:none;
	}
div.higher_div>img {
display:none;
}

a, a:hover, a:link { 
  color: #C5E105;}
  
td.topnavright,td.topnavleft,td.topnav{
     background: url("../images/dark.png") repeat scroll 0 0 transparent;
	 color: #C5E105;
}  

 div#logo h1{ 
 height:60px;
  float: left;
   display:inline;
  width:400px; 
  padding-top: 10px;
  line-height:66px;
 
  }
 
td.twg_tophtml  nav{
  display:inline;
  margin:10px auto 0px;
  height:44px;
  width:720px;
  }

div#logo{
   float:none;
   width:950px;
   margin:13px auto 20px auto;
   display:inline;
   height:66px;
  
  }

a#i_caption{
display:none;
} 

div.header-photoartwork{
	display:block;
	height:105px;
}

ul { 
  margin: 2px 0 22px 17px;}

ul li { 
  list-style-type: circle;
  margin: 0 0 0 0; 
  padding: 0 0 4px 5px;}
  
  #logo { 
  width: 950px;
  float: left;
  height: 100px;
  background: transparent;
  padding: 0;}


  
  /* theming the menu */
nav { 
  height: 44px;
  width: 950px;
  float: right;
  margin: -27px auto 20px auto;
 /* font-size:12pt;*/
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;} 

/* Theming the menu */
ul#nav { 
  float: left;
  font-size:12pt;
}

ul#nav ul { 
  padding-bottom: 15px;
}

ul#nav li a { 
  padding: 3px 25px 6px 25px;
  font: 170% 'News Cycle', arial, sans-serif;
  text-decoration: none;
  margin-right: 2px;
}
/* stylesheet for sooperFish by www.sooperthemes.com -- author: jurriaan roelofs */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 180px;}

html body ul.sf-menu ul ul { 
  margin: 0 0 0 180px;}

ul.sf-menu,ul.sf-menu * { 
  margin: 0;
  padding: 0;}

ul.sf-menu { 
  display: block;
  position: relative;}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ }

ul.sf-menu a { 
  display: block;
  position: relative;}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
  z-index:200;}
  
ul.sf-menu ul a { 
  zoom: 1; /* IE6/7 fix */ }

ul.sf-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;}

/* autoArrows CSS */
span.sf-arrow { 
  width: 7px;
  height: 7px;
  position: absolute;
  top: 20px;
  right: 5px;
  display: block;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow { 
  right: 5px;
  top: 20px;
  background-position: 0 100%;
}