/*	-------------------------------------------------------------
		Softsecrets
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		Description:	Base stylesheet
		Filename:			base.css
		Version:			1.0
		Date:					Mar 25 2008
		-------------------------------------------------------------	*/


	
/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
   
    html {
      height: 100%;
      width: 100%; }
     
    body {
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
			background: #eaeaea url(../img/body-bg.jpg) top left repeat-x; }
       
    a {
      color: #0a0000;
      outline: none; }

    a:visited {
      color: #0a0000; }

    img {
      border: none; }
      
    h1, h2, h3, h4 {
      font-size: 14px; } 

    iframe {
      margin: 20px 0 0 -110px; }



/*	-------------------------------------------------------------
		Container
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
  	#container {
  		width: 1002px;
  		margin: 0 auto;
  		text-align: left;
  		position: relative;
  		background: url(../img/container-bg-repeat.jpg) top left repeat-y; }
  
    #container iframe {
      margin: 0; }
      
    #container-bg {
      height: 100%;
      width: 100%;
      background: url(../img/container-bg4.jpg) top left no-repeat; }



/*	-------------------------------------------------------------
		Logo
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

  	h1#logo {
  		width: 388px;
  		height: 38px;
  		margin: 0;
  		padding: 0;
  		background: url(../img/logo.jpg) top left no-repeat;
  		text-indent: -9999em;
  		position: absolute;
  		top: 50px;
  		left: 122px; }
  
    h2#latest-issue {
      padding: 0;
      margin: 0;
      width: 204px;
      height: 22px;
      z-index: 10000;
      position: absolute;
      text-indent: -1000em;
      top: 99px;
      left: 238px; }
      
    #latest-issue a {
      height: 22px;
      width: 204px;
      display: block;
      background: url(../img/latestissue-en.jpg) top left no-repeat; }

    #latest-issue a:hover {
      background: url(../img/latestissue-en.jpg) -204px top no-repeat; }

    #published {
      padding: 0;
      margin: 0;      
      width: 216px;
      height: 22px;
      position: absolute;
      top: 99px;
      left: 448px;
      background: url(../img/published-en.jpg) top left no-repeat; }

/*	-------------------------------------------------------------
		Main menu
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
  	ul#main-menu {
  		width: 177px;
  	/*	height: 389px;*/
  		margin: 0;
  		padding: 0;     
  		list-style: none;
      margin: 121px 0 0 0;
      /*float: left; */}

    * html ul#main-menu {
      margin: 121px 0 0 30px; }
    
  	#main-menu li a {
  		display: block;
  		margin: 9px 0 0 0;
  		text-indent: -9999em;
  		width: 100%; }
	
/*	Menu items
		- main-menu-0: Home
		- main-menu-1: Forum
		- main-menu-2: Issues
		- main-menu-3: Page 3
		- main-menu-4: Register
		- main-menu-5: Grow lessons
		- main-menu-6: Contact
		- main-menu-7: News
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		li#main-menu-0 a { 
			height: 52px;
			margin: 5px 0 0 0;
			background: url(../img/home.gif) top right no-repeat; }

		li#main-menu-0 a:hover {
			background: url(../img/home.gif) right -52px no-repeat; }
			
		li#main-menu-1 a {
			height: 53px;
			margin: 7px 0 0 0;
			background: url(../img/forum.gif) top right no-repeat; }

		li#main-menu-1 a:hover {
			background: url(../img/forum.gif) right -53px no-repeat; }

		li#main-menu-2 a {
			height: 50px;
			margin: 7px 0 0 0;
			background: url(../img/issues.gif) top right no-repeat; }

		li#main-menu-2 a:hover {
			background: url(../img/issues.gif) right -50px no-repeat; }
		
		li#main-menu-3 a {
			height: 145px;
			background: url(../img/page3.gif) top right no-repeat; }

		li#main-menu-3 a:hover {
			height: 145px;
			background: url(../img/page3.gif) right -145px no-repeat; }

		li#main-menu-4 a {
			height: 53px;
			background: url(../img/register.gif) top right no-repeat; }

		li#main-menu-4 a:hover {
			background: url(../img/register.gif) right -53px no-repeat; }

    li#main-menu-5 a {
			height: 61px;
			background: url(../img/lessons-en.jpg) top right no-repeat; }      

		li#main-menu-5 a:hover {
			background: url(../img/lessons-en.jpg) right -61px no-repeat; }

    li#main-menu-6 a {
			height: 61px;
			background: url(../img/contact-en.jpg) top right no-repeat; }      

		li#main-menu-6 a:hover {
			background: url(../img/contact-en.jpg) right -61px no-repeat; }

    li#main-menu-7 a {
			height: 61px;
			background: url(../img/news-en.jpg) top right no-repeat; }      

		li#main-menu-7 a:hover {
			background: url(../img/news-en.jpg) right -61px no-repeat; }

    li#main-menu-8 a {
			height: 61px;
			background: url(../img/faq.jpg) top right no-repeat; }      

		li#main-menu-8 a:hover {
			background: url(../img/faq.jpg) right -61px no-repeat; }
    
    
    
/*	-------------------------------------------------------------
		Content
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	  div#content {
  		width: 536px;
  		min-height: 519px;
      position: relative;
      padding: 198px 0 0 0;
      float: left; }

/*	Link area (change language, cool links)
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    div#content-text {
      width: 510px;
      padding: 0 10px 0 15px;
      font-family: Arial;
      font-size: 11px; }
    
/*	Link area (change language, cool links)
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
  	div#link-area {
  		width: 100%;
      position: absolute;
      top: 121px;
      left: 6px;
  		height: 73px;
      font-family: Arial;
      font-size: 11px;	}
  		
  	div#link-area a {
  		display: block;
  		float: right; }
  		
  	a#change-language {
  		width: 268px;
  		height: 73px;
  		text-indent: -9999em;
  		background: url(../img/change-language.jpg) 0px 0px no-repeat; }
  		
    a#change-language:hover {
      background: url(../img/change-language.jpg) -268px 0px no-repeat; }
  
 /*	Flags
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    div#flags {
      width: 136px;
      height: 180px;
      display: none;      
      position: absolute;
      float: none;
      top: 70px;
      left: 200px;
      padding: 15px 0 0 17px;
      background: url(../img/language-bg.jpg) top left no-repeat; }
    
    #flags br {
      clear: left; }

    #flags a {
      width: 115px;
      height: 20px;
      padding: 0 0 0 20px;
      display: block;
      text-decoration: none;
      text-indent: 0;
      color: #fff; }
    
    #english-flag {
      background: url(../img/en.gif) top left no-repeat; }

    /*#english-flag:hover {
      background: url(../img/flag-en-hover.jpg) top left no-repeat; }*/

    #dutch-flag {
      background: url(../img/nl.gif) top left no-repeat; }

    /*#dutch-flag:hover {
      background: url(../img/flag-nl-hover.jpg) top left no-repeat; }*/
      
    #spanish-flag {
      background: url(../img/es.gif) top left no-repeat; }

    /*#spanish-flag:hover {
      background: url(../img/flag-es-hover.jpg) top left no-repeat; }*/
      
    #italian-flag {
      background: url(../img/it.gif) top left no-repeat; }

   /*#italian-flag:hover {
      background: url(../img/flag-it-hover.jpg) top left no-repeat; }*/
      
    #french-flag {
      background: url(../img/fr.gif) top left no-repeat; }

    /*#french-flag:hover {
      background: url(../img/flag-fr-hover.jpg) top left no-repeat; }*/
      
    #polish-flag {
      background: url(../img/pl.gif) top left no-repeat; }

    #czech-flag {
      background: url(../img/cz.gif) top left no-repeat; }

	#german-flag {
      background: url(../img/de.gif) top left no-repeat; }
	  
    /*#polish-flag:hover {
      background: url(../img/flag-pl-hover.jpg) top left no-repeat; }*/

		a#logout, a#login, a#add-image {
			width: 88px;
			height: 26px;
			position: absolute;
			top: 0;
			left: 0;
      text-indent: -10000em;     
			background: url(../img/logout-en.jpg) 0px 0px no-repeat; }
		
		a#logout:hover {
			background: url(../img/logout-en.jpg) 0px -26px no-repeat; }
			
		a#profile {
			width: 98px;
			height: 26px;
			position: absolute;
			top: 26px;
			left: 0;
  		text-indent: -9999em;
			background: url(../img/profile-knop-en.jpg) 0px 0px no-repeat; }

		a#profile:hover {
			background: url(../img/profile-knop-en.jpg) 0px -26px no-repeat; }
		
    a#add-image {
      width: 148px;
      top: 51px;
      background: url(../img/add-image-en.jpg) 0px 0px no-repeat; }

    a#add-image:hover {
      background: url(../img/add-image-en.jpg) 0px -26px no-repeat; }
    
  	a#cool-links-button {
  		width: 116px;
  		height: 73px;
  		text-indent: -9999em;      
  		background: url(../img/cool-links.jpg) 0px 0px no-repeat; }
  
    a#cool-links:hover {
      background: url(../img/cool-links.jpg) 0px -26px no-repeat; }

    div#cool-links {
      width: 136px;
      display: none;
      overflow: hidden;
      padding: 5px 0 5px 8px;
      position: absolute;
      top: 72px;
      right: -10px;
      color: #000;
      background: url(../img/cool-links-bg2.gif) top left repeat-y; }

	  div#cool-links p {
	    padding: 10px 0 0 0;
      margin: 0; }
      
	  div#cool-links p a {
      color: #0a0000;
      float: none;
			font-size: 10px;
      font-weight: 700;
	    text-indent: 7px;
			white-space: nowrap;
      color: #fff; }
      
      
      
/*	-------------------------------------------------------------
		Sidebar
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
  	div#sidebar {
  		width: 207px;
  		height: 100%;
  		position: absolute;
  		top: 0;
  		right: 0; }
		
		div#sidebar iframe {
			margin: 0 0 0 5px;	}
      			
/*	Contest
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
  	a#contest {
  		width: 169px;
  		height: 123px;
  		display: block;
  		text-indent: -9999em;
  		background: url(../img/win-free-seeds.gif) top right no-repeat; }

		a#contest:hover {
			background: url(../img/win-free-seeds.gif) right -121px no-repeat; }
			
/*	Chat
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

  	a#chat {
  		width: 169px;
  		height: 110px;
  		display: block;
  		text-indent: -9999em;
  		background: url(../img/chat.gif) top right no-repeat; }
      
    a#chat:hover {
      background: url(../img/chat.gif) right -111px no-repeat; }
      
    

/*	-------------------------------------------------------------
		Footer
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    #footer {
      width: 100%;
      height: 46px;
      font-family: Arial;
      font-size: 11px;
      padding: 40px 0 0 0;
      background: #eaeaea url(../img/footer-bg.jpg) top left no-repeat; }

    #footer #rss-newslist {
      margin: 0 0 0 90px;
      width: 70%;
      color: #666; }

    #footer #rss-newslist a {
      color: #666; }

/*	-------------------------------------------------------------
		Form elementen
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		input, textarea, button {
		  font-size: 11px;
      font-family: Arial; }



/*	-------------------------------------------------------------
		PDF list
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
     
     ul.pdf-list {
       margin: 0;
       padding: 0;
       list-style: none; }
       
     .pdf-list li {
       height: 140px;
       width: 150px;
       text-align: center;
       float: left; }

     .pdf-list img {
       width: 78px;
       height: 105px; }
       
     .pdf-list a {
       text-decoration: none;
       color: #0a0000;
       font-weight: 700; }

     .pdf-list a:hover {
       color: #951918; }

     hr {
       height: 1px;
       border: none;
       color: #951918;
       background: #951918; }



/*	-------------------------------------------------------------
		Rating
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
    
    h2.rating-header {
      width: 514px;
      height: 47px;
      margin: 30px 0 20px 0;
      padding: 0;
      text-indent: -10000em; }
      
    h2#profile-header {
      background: url(../img/profile-en.jpg) top left no-repeat; }
      
    h2#images-header {
      background: url(../img/images-en.jpg) top left no-repeat; }

    h2#messages-header {
      background: url(../img/messages-en.jpg) top left no-repeat; }
    
    h2#comments-header {
       background: url(../img/comments-en.jpg) top left no-repeat; }

    h2#leave-a-comment-header {
      background: url(../img/leave-a-comment-en.jpg) top left no-repeat; }

    div#last-image {
      width: 160px; 
      float: right; 
      margin: 0 -16px 0 0;
      padding: 30px 0 0 0;
      background: url(../img/last-image-en.jpg) right 75px no-repeat; }
      
    ul.star { 
			list-style: none; 
			margin: 5px 0 0 0;
			padding: 0; 
			width: 350px; 
			height: 20px; 
			background: url('/img/stars-ss.gif') repeat-x; 
			cursor: pointer; }
			
    #star li { 
			padding: 0;
			margin: 0;
			display: block;
			width: 85px;
			height: 20px;
			text-decoration: none;
			text-indent: -9000px; }
			
    #star li.curr {
			background: url(/img/stars-ss.gif) left 25px;
			font-size: 1px; }      
      

			
/*	-------------------------------------------------------------
		Register and top 10
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		a#miss-soft-secrets, a#top-ten, #register-now {
			height: 27px;
			width: 337px;
			margin: 10px 0 0 0;
			display: block;
			text-indent: -10000em; }
			
		a#miss-soft-secrets {
			background: url(../img/miss-soft-secrets.jpg) top left no-repeat;	}
			
		a#miss-soft-secrets:hover {
			background: url(../img/miss-soft-secrets.jpg) 0 -27px no-repeat;	}

		a#top-ten {
			background: url(../img/top-10.jpg) top left no-repeat;	}

		a#top-ten:hover {
			background: url(../img/top-10.jpg) 0 -27px no-repeat;	}
			
		a#register-now {
			background: url(../img/register-now-en.jpg) top left no-repeat;	}
		
		a#register-now:hover {
			background: url(../img/register-now-en.jpg) 0 -27px no-repeat;	}
					
		#vote-now {
			width: 208px;
			height: 277px;
			display: block; 
			text-indent: -10000em;
			margin: 30px 0 0 150px;
			background: url(../img/votenowbutton.gif) top left no-repeat; }		

		#vote-now:hover {
			background: url(../img/votenowbutton.gif) 0 -277px no-repeat; }		

		.top-ten-list {
			width: 80px;			
			padding: 0;
			margin: 0 10px 0 -5px;
			list-style: none;			
			float: left; }

		.top-ten-list img {
			height: 80px;
			width: 70px;
			border: 2px solid #951918; }

		.top-ten-list li.flag img {
			width: 16px;
			height: 11px;
			border: none;	}
		
		.top-ten-list strong {
			color: #951918;	}

#adsholder {
width:160px;
padding-left:10px;
}

.ads A:link {
font-family:Arial;
text-decoration:none;
line-height:2px;
}
.ads A:visited {
font-family:Arial;
text-decoration:none;
}
.ads h1 {
font-size:12px;
font-weight:bold;
color:#9c1d0a;
text-decoration:underline;
margin-top:10px;
margin-bottom:0px;
}
.ads h2 {
font-size:10px;
color:#000000;
text-decoration:none;
margin-top:5px;
margin-bottom:0px;
}
.ads h3 {
font-size:10px;
font-weight:bold;
color:#9c1d0a;
text-decoration:underline;
margin-top:5px;
margin-bottom:10px;
}