/* 

Created by CeraIT  29 Sep 2008
for ComputerUltra

Author: Zoran Cerovic
Author URI: http://www.cerait.com
Copyright 2008 cerait.com

License:
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* -------  Layout CSS(   Centered Fixed Width) ------ */

body {
  	font-family:  Verdana, sans-serif;
  	font-size: 12px;
  	/* oct 16 margin: 0;*/
  	/* oct 16 padding: 0;*/
  	text-align: center; /* IE 5.5 hack */
   	}

#farouter {
	/* oct 16 width: 90%; */
	/* oct 16 margin: 20px auto 20px auto;*/
	margin: 20px 2% 20px 2%;
	text-align: left;  /* IE 5.5 hack part II */
    border: 1px solid #aaa; /* ZC  */
    width: 950px; /* zcTBD set the fix width - PLAY WITH IT last 900 */
	}
/* oct 16
#outer {
	}
#rap {
      
	}
*/
/*  header */
#masthead {
	/* zc letter-spacing: 0.2em; */
	margin: 5px 5px 0 35px;
	padding: 0 5px 5px 5px; 
	/*font: normal 100%;*/ 
	font: 12px Verdana, sans-serif;
        /* border-bottom: 2px solid #555; */

	}
/* main container - usage not as intended */	
#maincontainer {
	/*padding-left:35px;*/
	/*border-bottom: 1px solid #555;       */  
	}

#content {
	float: right;
	width: 78%;  /* 73 GOOD  OCT15*/
	/*zc oct 16 padding-top: 0px;*/
    border-top: 1px solid #fff; /* ZC */
	border-left: 1px solid #ccc; /* ZC */
	}

#menu {	
	margin-top: 0px;   /*zc */
    margin-left: 0px; /*zc */
	float: left; 
	width: 22%;  /* 22 good oct15 */   	
    /*border-right: 1px solid #555;  ZC */
	margin: 5px 0px 0px 35px;
	/* zc 16 oct padding-top: 0px; */
	}

#menu3 {	
/*	background-color:#DDDDDD; */
	}


#nav {
	/*padding-left: 10px;*/
    margin-left: 10px; 
	background-color:#EEEEEE;
	text-align:LEFT;

	}
#contact {
	/*padding-left: 10px;*/
    margin-left: 5px; 
	}


/*	
#logo {
	padding-top: 25px; 
	padding-left: 12px;
	}
*/	
#hmenu {
	margin: 8px; 
	height: 30px;
	}	
#hnav {
	margin: 0;
	padding: 0;
	}
#clearer { 
	clear: both; 
	margin: 0; 
	padding: 0;
	}
#footer { 
	margin: 8px 8px 8px 8px; 
  	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	text-align: center; 
   
	}


/*            Color CSS                     */


body         { background-color: #CCC; 
               /*zc oct 16 background-repeat: no-repeat; background-attachment: fixed; */
               color: #555; 
			   /*background-position: right 0% */}

#farouter {
background-color: #fff;
}

#rap {
	background: transparent;
	}
/* HEADER */
#masthead {
	background: #eeeeee; 
	}
#footer {
	background: #eee;
	border-top: 1px solid #ccc;
	}
/* zc right side menu box */
#menu2 {        
	color: #fff;  
	}
#nav {
	background: transparent;
	
	}
#hmenu {
	background: #eee;
	}
a {
	color: #009; 
	}
a:visited { 
	color: #009; 
	}
a:hover { 
	color: #CC0000; 
	}
/*
acronym, abbr { 
	border-bottom: #000; 
	}
*/
blockquote {
	border: #33CC33;
	background: #003300; 
	/*background-image: url('images/siide_background.gif');*/
	}
h1 {
	color: #CCCCCC; 
        background: #000000;
}
h2 {
	color: #FF0000;
	}
h4 {
	color: #FF0000;
	}

/* ZC RIGHT SIDE MENU COLORS */
h3 a {
	color: #EE0000; 
	}
h3 a:hover {
	color: #339933;
	}
h3 a:visited {
	color: #339933;
	}
.meta { 
	color: #0000CC;
	} 
.meta a {
	color: #339933;
	}
.feedback a{
	color: #339933;
	}



/* --------     Core CSS ---------*/


a{
	text-decoration: none;
	}
a img { 
	border: none; 
	}
/*
acronym, abbr { 
	border-bottom: 1px dashed; 
	}
*/
/*
acronym, abbr, span.caps { 
	cursor: help; 
	font-size: 90%; 
	letter-spacing: .07em;
	}
	*/
blockquote { 
	border: 1px solid #eabccc; 
	margin-left: 1.5em; 
	padding: 5px;
	}
cite { 
	font-size: 80%; 
	font-style: normal; 
	}
#header {
	font-style: normal;
	font-size: 24px;
	font-weight: normal;
}
#header a { 
	color: #339933; 
	text-decoration: none; 
	}
#header a:hover { 
	text-decoration: underline; 
	}
h1 { 
	margin: 0; 
	padding: 20px; 
	text-align: left; 
	}
#hidden {
	display:none;
	}

h2 {
	font: 130%  Verdana, sans-serif;
	letter-spacing: 0.2em; 
	margin: 0 0px 0px 0; 
	padding: 10px 0 0 0; 
	}
/* zc your beauty color - 2nd line in the header */
h2#tagline {
 margin:0; margin-right: 25px; padding:0;text-align: right; color: #FF0000;border: 0;}
/* header in content pages */
.post h2 { 
	font: 130%  Verdana, sans-serif;
	letter-spacing: 0.2em; 
	margin: 0 20px 0 30px; 

	padding: 0px 0 30px 0;
	COLOR: #00C;
	}
h3 {
	font:  normal 150%  Verdana, sans-serif;
	font-weight: normal;  
	margin-left: 0; 
	margin-top: 30px;  
	}
h3#comments { 
	margin-left: 20px; 
	}
h3#respond { 
	margin-left: 20px; 
	}
h4 {
	font-size: 16px;
	font-weight: normal;
	color: #339933;
}
ol#comments li p { 
	font-size: 100%; 
	}
img {
	margin: 0px;padding: 5px; 
	}
p, li, .feedback { 
	font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	}
p {}
.textarea { 
	width:200px; 
	margin:0; 
}




/* ------------------------- Classes used by the_meta() ---------------------*/


ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
  color: #000;
  font-size: 95%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}

.credit a:link, .credit a:hover {
	color: #0000EE;
	text-decoration: none;
	}
.feedback {
	text-align: right;
	clear: both;
	margin-right: 30px; 
	font-size: 100%
	}
/* zc oct 16
.meta        { font-size: .95em; background-color: #808080; 
               border-left: 2px solid #eabccc; border-right: 2px solid #eabccc; 
               padding-left: 5px; padding-top: 2px; padding-bottom: 2px; 
               background-position: 0% }
.meta li, ul.post-meta li {
	display: inline;
	}
.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
.meta, .meta a { 
	font-weight: normal; 
	letter-spacing: 0;
	}
	*/
.post { 
	margin: 35px 35px 20px 0; 
	}
.entrytext {
	margin-left: 30px; /* zc tekst in the main container*/
	
	}
	
.gravatar {
	float:left;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #339933;
	}
.post ul li  { 
               font-weight: normal;
			   /*zc oct 16*/
			   list-style-type: square; 
			   
			   list-style-image: url('../images/l11.gif'); 
               line-height: 1.5em; 
			   /*padding-left: 2px; */}
.post ul li:hover { 
				font-weight: normal; 
				list-style-type: square; 
				list-style-image: url('../images/l11.gif'); 
               line-height: 1.5em; 
			    }
/* ----------  All menu styling except #menu itself (in layout above) ------- */


#nav form {
	margin: 0 0 0 13px;
	}

#nav input#s {
	width: 80%;
	background: #fff;
	border: 1px solid #339933;
	color: #000;
	}
#nav ul li h2 {
  	font-family:  'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  	font-weight: normal;
	letter-spacing: 0.1em;
	border: 0;
	text-align: left;
	padding-left:0;
	margin-left: 0;
	}
#nav ul ul ul.children {
	font-size: 100%;
	padding-left: 4px;
	}
#nav { 
	width: 170px; 
	}
#nav ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: square; 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 12px;
	}

/*  ZC this is navigation menu COLORS  */
#nav a       { display: block; width: 130px;  
               color: #555; 
               border-bottom: 1px solid darkred; padding-left: 17px; 
               padding-right: 3px; padding-top: 3px; padding-bottom: 3px; 
list-style-type: square;
list-style-position: inside;         
list-style-image:                url('../images/l11.gif'); 

}
#nav a:link, #navlist a:visited{
	text-decoration: none;
list-style-type: square;
list-style-position: inside;
list-style-image:                url('../images/l11.gif'); 
	}

#nav a:hover { 
list-style-type: circle;
list-style-position: inside;
		
               background-color: #ccc; color: #F00; }

#themeswitcher {
	width: 160px;
	font-size: 90%;
	color: #000;
}
/*------------- hnav------------*/


/* ---------------------------- WP Calendar styling --------------------------*/

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #444;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}





/* ============================ M e n u ================================================ */

#ddmenu {
	text-align: right;
	margin-top: 0px; /* DISTANCE FROM THE TOP OF THE PAGE IS SET HERE ZC USE 0 FOR other then first PAGES*/
	float: right; 
  	border-top: 1px solid #555;

/*border-bottom: 1px solid #500;  BOTTOM LINE */
        /* a 		{color: #3A5FCD;} */
		/* a:visited	{color: #3A5FCD;} */
		/* a:hover  	{color: #FFF; } */
}

/**Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 11px;
float: right; /* this must be right for the rest of the pages */
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: center;
/* background-color: #555; does not work*/
text-align: left; /* text in the menu zc */
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
/*display: block;*//* zc oct 19  this caused Firefoc horizontal display problem*/ 
width: 100px; /* zc oct 19Width of top level menu link items 90 ok*/
padding: 1px 6px; /*zc   was 1px 6px*/
text-decoration: none;
background-color:  #eee;
color: #00C; /*zc s25*/
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color: #ccc;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 100px; /*zc width of sub menu levels*/
color: green;  /* this does not work... IT WORKS BUT VISITED PAGES DO NOT */
text-decoration: none;
padding: 1px 5px;
border: 1px solid #550;
background-color: #ccc;
border-right-width: 0;
border-top-width: 0;
}

/* zc menu HERE!!! color is set up here... backgrd works, color no */
.suckertreemenu ul li a:hover{
background-color: #ccc;  /*AAA LOOKS OK */
color: #00C;
/* color: gold;  WORKS WITH UNVISITED PAGES only do not use zc s25 */
}


.suckertreemenu ul li ul li a:hover{
color:green; /*ZC keep this, works with unvisited links */
}


.suckertreemenu ul li a:visited { 			color: #00C; 	/* ZC OK*/ }
.suckertreemenu ul li ul li a:visited { 			color: green; /* MACH THE COLOR IN THE ANCHOR ITSELF*/ 		}



/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon {
background: #000; 
}


/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #000; /*ZV 000 */
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	


	
/*zc additional styling */


/* additional styles from intro page tbd move to CSS file */
h4 {text-align: left;} /* note on intro page this is center */
hr {color: #555; margin-left: 1.5em; margin-right: 1.5em;}
h5 {margin-left: 1.5em; }
h3  {margin-left: 1.0em; font-size: 120%; color:#C00;}
cite {margin-left: 1.5em;}
small {font-size: 11;}   /* Oct 23*/

#footer { 
   		text-align: center; 
   		font-size: 85%;
    }
#footer	a {			color: #3A5FCD; 		}
#footer	a:visited { 			color: #3A5FCD; 		}
#footer a:hover { 			color: #CC0000; 		}	

/* specific to template based pages */
#banner { 		text-align: right; 	}
#sideimage{ 		
				text-align: center; 				}

#sideimage2 a { 	text-align: center;		
					border-bottom: 0px;			}
					
					
#topadress { 	
					text-align: left;		
					margin-left 5px;	
					width: 22%;
					float: left;
		}

#topadress h3 { font-size: 19px; color: #C00; }	
#topadress 	h5 { font-size: 10px; color: #CCC;   }					
#topadress	h6 { font-size: 12px; color: #555; margin-left: 1.5em;  }			

.mynote {
color: gold;
font-style: italic;
font-size: 10px;
}

.red {
color: #c00;
}


.centered {
text-align : center;
}

.raligned {
text-align : right;
}
	
.laligned {
text-align : left;
}

tr {
font-size: 14px;
}

table { 
border-color: green;
}

/*zc additional settings */

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */