/* top elements */
* { 
	padding: 0; margin: 0; outline: 0;
}
body {
	margin: 0; 	padding: 0;
	margin-top:20px;
	background: #ede0ee; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

TABLE TD.center{width:870px;}
TABLE.header{width:100%;}
TABLE.header TD.center{height:150px; background:url(header.jpg) no-repeat;}

TABLE.headercontent{width:870px; height:150px;}
TABLE.headercontent TR.top1{height:76px;}
TABLE.headercontent TR.top2{height:37px; font-weight:bold;}
TABLE.headercontent TR.top3{height:37px; color:#FFFFFF;}

TABLE.headercontent TR.top2 a:link, TABLE.headercontent TR.top2 a:active, TABLE.headercontent TR.top2 a:visited{color:#000000; text-decoration:none;}
TABLE.headercontent TR.top2 a:hover{text-decoration:underline;}

TABLE.headercontent TR.top3 a:link, TABLE.headercontent TR.top3 a:active, TABLE.headercontent TR.top3 a:visited{color:#FFFFFF; text-decoration:none;}
TABLE.headercontent TR.top3 a:hover{text-decoration:underline;}

TABLE.headercontent TR.top3 a.navname:link, TABLE.headercontent TR.top3 a.navname:active, TABLE.headercontent TR.top3 a.navname:visited{color:#FFCC00; font-weight:bold; text-decoration:none;}
TABLE.headercontent TR.top3 a.navname:hover{text-decoration:underline;}

TABLE.headercontent TR.top3 a.favorites:link, TABLE.headercontent TR.top3 a.favorites:active, TABLE.headercontent TR.top3 a.favorites:visited{color:#FFFFFF; text-decoration:underline;}
TABLE.headercontent TR.top3 a.favorites:hover{text-decoration:none;}

INPUT.textbox{padding:2px; width:500px; background:#FFE8FF; border: solid 1px #FFBBFF;}
INPUT.wallpaper{padding:2px; width:60px; }


/* links */
a { color: #000000; background-color: inherit; text-decoration: none; }
a:hover { color: #0a8ed0; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em Arial, Sans-serif; color: #111; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; color: #003366; letter-spacing: -1px; } 
h3 { font-size: 1.3em; color: #000000; }

p, hr, h1, h2, form { margin: 10px 15px; }
h3{margin:0; padding:0; margin-top:10px;}

ul, ol {
	margin: 10px 15px;
	padding: 0 15px;
}
dl {
	margin: 10px 15px;
	padding: 0 15px;
}
dt {
   font-weight: bold;  
   color: #003366; 
}
dd {
   margin-left: 0;
   padding: 0 0 5px 0;
}

hr {
	height: 1px;
	clear: both;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #EBEBEB;
	margin: 0 15px 0 0; padding: 0;
	
}
hr.hidden {
	clear:both;
	visibility:hidden;	
}

/* images */
img {
	border: 0;
	padding: 0;	
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 1em;
  display: block;
  width: 95%;
  overflow: auto;  
  font: 500 1.1em/1.5em 'Courier New', 'Lucida Console', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  color: #333;
  border: 1px solid #EAEAEA;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
  margin: 10px 15px;
  padding: 0 0 0 45px;  
  background: #FAFAFA url(quote.gif) no-repeat 5px 1em;
  color: #333;
  border: 1px solid #EAEAEA;  
  font-weight: bold; 
}



/***********************
	  LAYOUT
************************/

#content, #header-content, #footer-content  {
	width: 870px !important;	
}

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	/* background: #FAFAFA url(content-bg.jpg) repeat-y center top; */
}
#content {
	text-align: left;	
	padding: 0; 
	margin: 20px auto;			
}



/* Main Content */	
#main	{
	position: relative;
	margin-right: 400px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#main #column1 {
	position: relative;
	float: left;
	width: 100%;
	margin-right: -390px;
	padding-left: 10px; 
	/* padding-right: 10px; */
}
#main h1 { 
	font: bold 18px Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #0a8ed0;
	padding: 0 0 5px 0;
	margin: 10px 15px 15px 15px;
	letter-spacing: -1px;
	background:url(bk_dotted.gif) repeat-x left bottom;
}	
#main h1 span{color:#a245aa;}
#main h2 {
	font: bold 20px "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	color: #163F53;
	letter-spacing: -1px;
	background:url(bk_dotted.gif) repeat-x left bottom;
	padding: 0 0 5px 0;
	margin: 10px 15px 15px 15px;
} 

#main p, #main h1, #main h2, #main h3, #main blockquote, #main form {
	margin-left: 0;
}
#main form p {
	margin: 10px;
}

/* kolonka */	
#kolonka	{
	float: right;	
	width: 360px;	
	font-size: 1em;			
}
#kolonka p {
	margin-left: 10px;
}
#kolonka h3 {
	font: bold 13px Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	padding: 7px 0px 0px 35px;
	margin: 0;
	margin-top:15px;
	letter-spacing: 0px;		
}
#kolonka h3.rated{background:url(rated.gif) no-repeat; height:32px;}
#kolonka h3.commented{background:url(commented.gif) no-repeat; height:32px;}
#kolonka h3.searches{background:url(searches.gif) no-repeat; height:32px;}
#kolonka #sidebar-left {
	width: 160px; 
	float: left;
	padding: 0em 1em 0.5em 0.2em;	
	
}	
#kolonka #sidebar-right	{
	width: 160px; 
	float: left;
	padding: 0em 0em 0.5em 1em;	
	
}	
#kolonka #sidebar-right p {
	margin: 5px 0; padding: 0;
}
#kolonka #sidebar-right a img {
	padding: 0; margin: 0 0 3px 0;
	border: 1px solid #D3DBDC;
}	
#kolonka #sidebar-right h3 {
	padding-left: 35px;
	color: #FFFFFF; 
	letter-spacing: 0px;
}
#kolonka #sidebar-right .google-ad-box {
	margin: 0; padding: 0 0 0 10px; 		
	text-align: center;	
}	
#kolonka #sidebar-right .banners {
	padding-bottom: 2px;
	margin-bottom: 8px;
	border-bottom: 1px solid #EAEAEA; 	
	/* background: transparent url(gray_dotted.gif) repeat-x left bottom; */
}

/* sidebar menu */
#kolonka ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 10px 15px 10px; padding: 0;
	padding-left:5px;
	text-decoration: none;	
	
}
#kolonka ul.sidemenu li {
	/* background: transparent url(bk_dotted.gif) repeat-x left bottom; */
	margin:0;
	padding:0;
	padding-left:12px;
	padding-bottom:10px;
	background:url(arrow.gif) no-repeat;
}

* html body #kolonka ul.sidemenu li { height: 1%; }

#kolonka ul.sidemenu li a {
	text-decoration: underline;
	font-size:12px;	
	color: #666666;	
	color: #4E5F62; 	
	color: #183048;
}
#kolonka ul.sidemenu li a:hover {
	text-decoration: none;	
	color: #a245aa;
}


TABLE.sidetable{width:100%; line-height:14px; font-size:9px;}
TABLE.sidetable TD{padding-bottom:10px; border-bottom: solid 1px #FFFFFF; padding-top:10px;}
TABLE.sidetable TD.first{padding-top:0;}
TABLE.sidetable IMG{float:left; margin-right:7px;}
TABLE.sidetable a.title:link, TABLE.sidetable a.title:active, TABLE.sidetable a.title:visited{font-weight:bold; color:#a245aa; font-size:12px;}
TABLE.sidetable a.title:hover{text-decoration:underline;}
/* footer */
#footer {
	clear: both;
	margin: 0; padding: 40px 0 30px 0;
	font-size: .95em;
	text-align: left;	
	background: url(footer-bg.jpg) repeat-x left top;
	height: 120px;
	color: #666666;
}
#footer p {
	line-height: 170%;
	margin-top: 0px;
}
#footer a img, #footer a:hover img {
	border: none;	
}
#footer-content {	
	margin: 0 auto;		
}
#footer-content a{
	color: #003366;
}
#footer-content a:hover {
	text-decoration: underline;
}
#footer-content .footer-left {
	float: left;
	width: 65%;		
	padding: 10px 0px 10px 0px
}
#footer-content .footer-right {
	float: right;
	width: 30%;	
	padding: 10px 0px 10px 0px
}
#footer-content .footer-right p {
	margin: 0; padding: 0;
}

/* alignment classes */
.float-left   { float: left; }
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center }

/* display and additional classes */
.clear {  clear: both;  height: 0; }
.displaynone {	display:none; }
.block {  display: block; }
.hide { display: none; }	
.blue { color: #003366; }
.green { color: #498B48; }
.separator { margin-right: 5px; }
.entry {	clear:both;	}
.email-add { border:none; padding: 0; margin: 0; }

/* google ads */
.google-banner-underline {
	height: 75px;
	padding: 10px 0px 3px 0px;
	background-color: #FFF;	
	background: url(thumb-hr.gif) no-repeat center bottom;
	text-align: center;
	margin-right: 15px;
}
.google-banner-white {
	height: 70px;
	padding: 5px 0px 5px 0px;		
	background-color: #FAFAFA;
	text-align: center;
	margin-right: 15px;
}
.google-top-links {
	margin: 15px 15px 5px 0;
	padding: 7px 5px;
	background: #F3F3F3;
   border: 1px solid #EAEAEA;
}

/* template list */
.template-list {
	list-style:none;
	margin:0px 0px 10px;
	padding:0px 15px 0px 0px;
}
.template-list .details {
	float: right;
	width: 56%;	
}
.template-list br{
	display:none;
}
.template-list p br{
	display:block;
}
.template-list li{
	margin: 12px 0px;
	height: 190px;
	background: url(thumb-hr.gif) no-repeat center bottom;
}
.template-list h3{
	margin: 0px;
	padding: 5px 0 0 0;
	font: bold 15px "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #498B48;
	text-transform: none;
}
.template-list img {
  border: 1px solid #E1E1E1;
  padding: 5px;
  background: #EEE;
}
.template-list img.buttons {
	padding: 0;
	border: none	
}
.template-list a img {
	text-decoration: none;
}
.template-list p.buttons {
	margin-top: 20px;
}
.template-list p.buttons a {		
	padding: 7px 10px 7px 25px;	
	font-weight: bold;	
	color: #333;		
	/* border: 1px solid #E1E1E1; */
}
.template-list .preview-button {
	background: url(preview.gif) no-repeat left center;	
}
.template-list .download-button {
	background: url(save.gif) no-repeat left center;	
}

/* link Blocks */
.link-block {
	float:left;
	width:250px;
	margin-right:15px;
}
.link-block2 {
	float:left;
	width:250px;
}	

/* Resource page */
ul.section-tab {
	width: 510px; 
	min-height: 30px;
	border: 1px solid #EBEBEB;
	list-style: none;
	margin: 0;
	padding: 0;
} 
ul.section-tab  li {
	margin: 0; padding: 0;
	background: none;
	float: left;
	font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
	display: inline;
	line-height: 30px
}
ul.section-tab  li a {
	padding: 0 15px;
	display: block;
	color: #959595;
	border-right: 1px solid #EBEBEB;
}
ul.section-tab  li.selected a {
	padding: 0 15px;	
	background: #f3f3f3;
	color: #333;
}
ul.section-tab li a:hover {
	color: #498B48; text-decoration: underline;
}

#resource-list ul {
	margin:5px 0 10px 0;
	background: url(bk_dotted.gif) repeat-x left top;
	font-size: 95%;
		
	/* added by erwin */ 
	list-style: none;
	padding: 0; margin: 0;
}
#resource-list ul li {
	/* color:#74898e; */
	background:url(bk_dotted.gif) repeat-x left bottom;
}
#resource-list ul li a {
	display:block; 
	border:0;
	padding:0;
}
* html body #resource-list ul li a {
	height: 1%;
}
#resource-list ul li a:link, #resource-list ul li a:visited {
	color: #4E5F62;
	padding:3px 0 3px 0;	
}
#resource-list ul li a:hover {
	color:#e45a49;
	padding:3px 0 3px 0;	
	text-decoration: none;
}	

#resource-list ul.cat-nav {
	margin:10px 0;
	padding: 10px 0;
	background:none;
	width: 510px;
	height: 50px;
	border-top: 1px solid #EBEBEB;			
}	
#resource-list ul.cat-nav li {
	display:inline;
	float:left; 
	margin: 1px 0;		
	white-space:nowrap; 
	background: none;
	/* background:transparent url(link_go.gif) no-repeat right center; */
}		
#resource-list  ul.cat-nav li a {
	display:inline;
	color: #244800;		
}		
#resource-list  ul.cat-nav li a:link, #resource-list  ul.cat-nav li a:visited {
	padding: 3px 22px 3px 5px;
	background:transparent url(link_go.gif) no-repeat right center; 
}		
#resource-list  ul.cat-nav li a:hover  {
	color: #244800;	
	text-decoration: underline;
}

/* sitemap */
#sitemap ul {
	margin:5px 0 10px 0;
	background: url(bk_dotted.gif) repeat-x left top;
	font-size: 95%;
	list-style: none;
	padding: 0; margin: 0 20px 0 0;
}
#sitemap ul li {
	background:url(bk_dotted.gif) repeat-x left bottom;
}
#sitemap ul li a {
	display:block; 
	background:url(check-bullet.gif) no-repeat 0em .5em; 
	border:0;
	padding:0;
}
* html body #sitemap ul li a {
	height: 1%;
}
#sitemap ul li a:link, #sitemap ul li a:visited {
	color: #4E5F62;
	padding:3px 0 3px 25px;	
}
#sitemap ul li a:hover {
	color:#e45a49;
	padding:3px 0 3px 25px;	
	text-decoration: none;
}

TABLE.galleries{width:100%; margin-left:-10px;}
TABLE.galleries TD{padding-bottom:15px; text-align:center;}
TABLE.galleries IMG{border:solid 5px #8ccdee;}
TABLE.galleries a.category:link, TABLE.galleries a.category:active, TABLE.galleries a.category:visited{font-weight:bold; font-size:12px;}
TABLE.galleries a.category:hover{color:#FF6600;}

a.site:link, a.site:active, a.site:visited{color:#FF6600;}
IMG.preview{border:solid 5px #8ccdee;}

DIV.pages{text-align:center;}
DIV.pages a:link, DIV.pages a:active, DIV.pages a:visited{text-decoration:underline;}
DIV.pages a.active:link, DIV.pages a.active:active, DIV.pages a.active:visited{font-weight:bold; text-decoration:none;}

TABLE.cats p{margin:0; padding:5px; margin-bottom:5px;}
TABLE.cats p a:link, TABLE.cats p a:active, TABLE.cats p a:visited{color:#000000; text-decoration:none;}
TABLE.cats p a:hover{text-decoration:underline;}
TABLE.cats h5{font-weight:bold; margin:0; padding:5px; font-size:12px; margin-top:5px;}
TABLE.cats h5 a:link, TABLE.cats h5 a:active, TABLE.cats h5 a:visited{color:#0a8ed0;}