/*
(c) 2004-2007 Igor Rjabinin
++++++++++++++++++++++++++++++++++++++++++++++++++
http://igorko.k6.sk/
++++++++++++++++++++++++++++++++++++++++++++++++++
*/

 /********* vseobecne *******************/

* {
margin: 0;
padding: 0;
}

html, body {
/* height: 100%; */
}

body {
background-color: #171717;
color: #d7d7d7;
text-align: center; /* Center content */
font-family: Tahoma, Verdana, sans-serif;
font-size: 80%;
}

img { border: none; }

div { margin: 0; padding: 0; }

ul {
margin:0;
padding:0;
list-style:none;
}

 /********* vsade *******************/
#header {
       background: url('./img/logo.jpg') no-repeat scroll #272727 center center;
       width: 100%; height: 188px;
       border: solid #cfcfcf 1px;
       margin: 5% auto 0 auto;
      }
      
#header h1 {
		display: none;
		visibility: hidden;
		margin: 0;
		padding: 0;
		font-size: 1px;
		line-height: 1px;
}

/********** menu ************/

#menu {background-image: URL('./img/stripes.gif');
         width: 100%; height: 24px;
         border: solid #cfcfcf 1px;
         border-top : 0;
         margin: auto;

        }
        
#menu ul {
			display: block;         
         height: 24px;  /* moja finta kvoli chybe ms Exploder */
         text-align: center; 
         margin: auto;
         width: 600px;
         overflow: hidden;
}

#menu ul li { /* jednotlive linky v menu */
			float: left;
			margin: 0 9px;
			_margin: 0 8px;
}

#menu ul li a {
			display: block;
			width: 131px;
			height: 24px;
			border: 0 none inherit;
			font-size: 1px;
			text-indent: -3000px;
	}
#menu ul li.about { background: transparent url('./img/about.png') no-repeat;}
#menu ul li.about#currentpage { background: transparent url('./img/about-a.png') no-repeat;}
#menu ul li.portfolio { background: transparent url('./img/portfolio.png') no-repeat;}
#menu ul li.portfolio#currentpage { background: transparent url('./img/portfolio-a.png') no-repeat;}
#menu ul li.photos { background: transparent url('./img/photos.png') no-repeat;}
#menu ul li.photos#currentpage { background: transparent url('./img/photos-a.png') no-repeat;}
#menu ul li.guestbook { background: transparent url('./img/guestbook.png') no-repeat;}
#menu ul li.guestbook#currentpage { background: transparent url('./img/guestbook-a.png') no-repeat;}

/******* content ****/	
.text {background: #2B2B2B URL('./img/text.gif') repeat ;
       width: 676px; 
       border: solid #cfcfcf 1px;
       border-top : none;
       overflow: auto;
       text-align: left;
       margin: auto;
       font-size: 1.0em;

       }
.odsadenie {margin : 15px;}

h2 {
		height: 17px;
		margin: 0.5em 0.2em;
		background-repeat: no-repeat;
		font-size: 1px;
		text-indent: -3000px;
}       

 /********* linky vseobecne *******************/
 
 a:link {color: #D7D7D7; 
 			text-decoration: underline;}
 a:visited  {color: #D1D1D1;}
 a:active  {color: #DfDfDf;
 				text-decoration: none;}
 a:hover  {color: #BF7134;
 			  text-decoration: none;}
 			  
 			  
a.foot {
		  font-size: 0.8em;
		  text-decoration: none;
		  color: #4f4f4f;
		  }
		  
a.foot:visited {
		  font-size: 0.8em;
		  text-decoration: none;
		  color: #4f4f4f;
		  }		
a.foot:hover {
		  color: #BF7134;
		  }        			  

 /********* about zalezitosti ***********/
a.ikonky {
         display: block;
         float: left;
         color: #cfcfcf;
         text-decoration: none;
         border: solid #4f4f4f 1px;
         border-left: solid #BF7134 3px;
         text-align : left;
         height : 36px;
         width : 70px;
			margin: 10px 30px 10px 10px;
        }
a.ikonky:hover {
         background: #3f3f3f;
         text-decoration: none; 
        }

 
 /********* photo-picture zalezitosti ***********/


.psipka {
         color: #BF7134;
         font: bold 1.0em Arial;
         margin-top: 50px;
        }
.pnadpis {

         font: bold 1.1em Arial;
         margin: auto;
        }

.pictxt {
           font-size: 1.0em;
           
           }

.pobr {width: 160px;
		 height: 120px;
       margin: 3px;
       border: solid #4f4f4f 1px;
       /* float: left; */
       vertical-align: middle;
       }
.picobr {width: 160px;
		 /*height: 120px;*/
       margin: 3px;
       border: solid #4f4f4f 1px;
       float: left; *
       /* vertical-align: middle; */
       }

a.plink {

         display: block;
         color: #cfcfcf;
         text-decoration: none;
         width: 605px;
         text-align: left; 
         margin: auto;
         border: solid #3f3f3f 1px;
         margin-top: 6px;
         overflow: none;
         cursor: pointer;
         height: auto;
         min-height:130px;
   		_height:130px; /* min-height hack od Pixyho www.wellstyled.org */
   		
   		clear: left;

        }
a.plink:hover {
         background: #3f3f3f;
         text-decoration: none;
         color: #cfcfcf; /* hack pre exploder */
        }

.phobr {width: 160px;
		 height: 120px;
		 margin : auto;
       }
       
a.pholink  {
			  display: block;
			  width: 170px;
		 	  heigh: 130px;
		 	  margin: 13px;
		 	  float: left;
		 	  text-align: center;
		 	  }
		 	  
a.pholink:hover  {
			  background: #3f3f3f;
		 	  }

 /********* portfoliove zalezitosti ***********/

.sipka {
         color: #BF7134;
         font: bold 1.0em Arial;
        }

.nadpis {

         font: bold 1.0em Arial;
        }

.portfoliotxt {
           font-size: 0.9em;
           
           }

.portfoliobr {width: 200px;
              margin: 3px;
              border: solid #4f4f4f 1px;
              float: left;
              }

a.portfoliolink {

         display: block;
         color: #cfcfcf;
         text-decoration: none;
         width: 605px;
         text-align: left; 
         margin: auto;
         border: solid #3f3f3f 1px;
         margin-top: 6px;
         overflow: none;
         cursor: pointer;
         height: auto;
         min-height:120px;
   		   _height:120px; /* min-height hack od Pixyho www.wellstyled.org */
   		   clear: left;

        }
a.portfoliolink:hover {
         background: #3f3f3f;
         /* text-decoration: none; */
         color: #cfcfcf; /* hack pre exploder */
        }

.link {  color: #BF7134;
        text-decoration: underline;
       }

.link:hover {  color: silver;
        text-decoration: none;
       }


 /********* photos zalezitosti ***********/
div.photos {
         width: 220px;
         height: 170px;
         float: left;
         vertical-align: middle;
         text-align: center;
         margin: auto;
         border: dashed #3f3f3f 1px;
         margin-left: 17px;   
       /* margin-right: 50px;  */
         overflow: none;
         font: bold 1.0em Arial;
        }
 div.pictures {
         width: 220px;
         height: 170px;
         float: right;
         vertical-align: middle;
         text-align: center;
         margin: auto;
         border: dashed #3f3f3f 1px;
         margin-left: 17px;   
       /* margin-right: 50px;  */
         overflow: none;
         font: bold 1.0em Arial;
        }
.dvojbodky {color: #BF7134;
            font: bold 1.0em Arial;
           }

div.photo {
	margin: auto;
	width: 150px; height: 150px;
	background: url( './img/photo-p.png' ) 0 -150px no-repeat;
	}

div.photo a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( './img/photo-p.png' ) top left no-repeat;
	}
div.photo a:hover {
	background-image: none;
	}

div.picture {
	margin: auto;
	width: 150px; height: 150px;
	background: url( './img/pic-p.png' ) 0 -150px no-repeat;
	}

div.picture a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( './img/pic-p.png' ) top left no-repeat;
	}
div.picture a:hover {
	background-image: none;
	}
		

/********* guestbook zalezitosti ***********/

.center {width: 100%;
         text-align: center;
        /* border: solid blue 1px; */  /* aby som ho lepsie videl, ked treba ;)) */
         }
.form {
         width: 300px;
         text-align: center;
         margin: auto;
         margin-bottom: 10px;   
         border: solid #3f3f3f 1px;
         overflow: none;
         FONT-FAMILY: tahoma;
         FONT-SIZE: 0.7em;
        }
.zatimnic {color: #BF7134;
            font: bold 1.0em Arial;
           }

input, textarea, select {border: 1px solid #BF7134;
                         margin: 1px;
                         background-color: transparent;
                        /* font-family: tahoma;
                         font-size: 0.9em; */
                         COLOR: #cfcfcf;
                         }

a.cervene, span.cervene {font-size : 0.9em;
          color : #BF7134;
          font-weight : bold;
          text-decoration : none;
          }  
               
div.prispevok1 {text-align : left; 
           margin: auto;
           width: 280px;
           padding: 5px;
           background: #3f3f3f;
           border-left: solid #BF7134 5px;
           overflow: hidden;
           /*font-size : 0.8em;*/
           }

div.prispevok0 {text-align : left; 
           margin: auto;
           width: 280px;
           padding: 5px;
           background: #5a5a5a;
           border-left: solid #BF7134 5px;
           overflow: hidden;
           /*font-size : 0.8em;*/
           }           
           
.datum1 {float: right;
        color: #555350;
        } 
.datum0 {float: right;
        color: #454340;
        }         
/************** menu ************/
        
img.ja {
    float: right ;
    width: 170px;
    height: 143px;
    vertical-align: bottom;
    border: solid #cfcfcf 1px;
    }

p { text-align: left;
    position: relative;
    left: 110px;
    width: 515px;
    }

a.out:link{
	color: #BF7134;
}
a.out:visited {
	color: #BF7134;
}
a.out:hover {
	color: #cfcfcf;
}