/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Sintony);
.clearBoth {clear:both}
body {font-size:18px; background:#222; }

body,h1,h2,h3,p,a {
margin:0;padding:0;font-family: 'Sintony', sans-serif;
font-weight:normal;
color:white;
}

#header {
    background-image:url('/background.gif');background-attachment:fixed;
    background-size:100%;
    padding:50px 0;
} 


.container a {
text-decoration:none;
color:white!important;
}

.container a:visited {
text-decoration:none;
color:white!important;
}

.container {
    padding:20px 0;
}

a {
text-decoration:none;
color:black;

}
a:hover {
    text-decoration:underline
}
.siteWidth {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
  
.thumb {
    border:1px solid white;
}

.thumb:hover {
     color:yellow;
}

.web-link {
     margin:2px;
     display:inline-block;
     height:130px;
     width:130px;
     
}
 
 .category {
     text-align:right!important;
     height:auto!important;
     padding:3px;
     text-align:center;
     font-size:14px;
     font-size:2;
     
 }
 
 
 #portfolio {
     
     padding:10px 0;
color:white;
 }

#welcomeColumn {
width:480px;
float:left;
}



#welcomeColumn h1 {color:#2b7189}
#hello {
color:black;
margin:20px 0 30px 0;
}
#hello h2 {
font-size:48px;color:#2b7189;
}
.navContainer {
display:block;
position:relative;
overflow:hidden;!important;
width:100%;
height:40px;
margin:0 0 10px 0;

}
/* default display settings */
.navInfo { 
display:block;
overflow:hidden;
height:0;
color:black;
font-size:smaller;
}
.navPanel {
display:block;
position:absolute;
margin-left:500px;
}
.navTitle {
font-size:24px;	
position:absolute;
color:black;
display:block;
}



.navTitleShort {
display:inline-block;
font-weight:normal;
font-size:14px;	
border:none!important;
color:black;
}

/* navigation panel parameters */
.navPanel a, .navPanel h1{
display:inline-block;
padding:10px;

}
.navPanel a:hover {
background:#CCCCCC;
}
.navPanel a {
background:url('/web/20160410064754im_/http://sandorligetfalvy.com/images/bg_panel.png');
}
.navInfoBTN {color:white;background:none!important;
background-color:#666666!important;

}
.navInfoBTN:hover{color:white!important;background:none!important;
background-color:#222!important;

}
.navClose {
color:white;
background:none!important;
background-color:#2b7189!important;
}
.navClose:hover {
background:none!important;
background-color:black!important;
}
.navIcon {

padding:6px 10px 8px 10px!important;
}
.navIcon img {
padding:0;
}

#maybeInterested {
margin:30px 0 0 0;
color:black;
}

#maybeInterested #menuItems a { 
display:inline-block;
padding:0 16px 0 0;
color:black;
}

#maybeInterested #menuItems a:hover { 
text-decoration:underline;
}


	
	.timelineBox {
	background:white;
padding:8px 0;
border-bottom:1px solid grey;
	margin:8px 0;

	}

.timelineCategory a {
display:inline-block;
margin-bottom:8px;
font-weight:normal!important;
}
.timelineCategory a:hover {
text-decoration:underline;
}


.timelineYear {
display:inline-block;
padding:6px 12px;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bolder;
color:#FFFFFF;
background:#000000;
margin:20px 0;
}

.timelineImage, .timelineImage img {
border:1px solid black;
background-color:#CCCCCC;
padding:20px;
margin-bottom:10px;
}
.timelineImage img {
padding:0; }

.timelineTextCol { 
float:left;
margin-left:10px;
width:880px;

}

.timelineBox .thumb { 
float:left;
border:2px solid black;
}

.timelineCategory { 

}
.timelineBox .title  {
font-size:18px;
}
.timelineBox .link {
text-decoration:underline;
}
.timelineBox .link:hover {
color:#0091B9;

}

.timelineYears a {
border:1px solid grey;
background:white;
padding:5px;
margin-right:5px;
display:inline-block;
}


#featuredBox {
line-height:1.4;
display:block;
height:140px!important;
border:1px solid black;
background:white;
}

#featuredBox .image {
display:block;
float:left;
width:100px;
height:100px;
border:2px solid black;
margin:10px 0 0 10px;
box-shadow: 3px 3px 3px #aaa;
}
#featuredBox a {
text-decoration:none;
}
#featuredBox a:hover {
text-decoration:underline;
}
#featuredBox p {
display:block;
width:260px;
font-size:14px;
float:right;
margin:10px 5px 0 0;
}

.bigBG {

background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;

    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;}
	
	
	#contactBox input, #contactBox textarea, #contactBox option {margin:15px;padding:10px;
	}
	
	#worklog {float:right;width:520px;font-size:12px;line-height:1.9;}
	
		#worklog a {
text-decoration:none;
display:inline-block;
border:1px dashed #e5e5e5;
padding:0 2px;color:#2b7189;
}
#worklog a:hover {
border:1px dashed #2b7189;
background:#F4F4F4;
color:black;
}

#worklog b, 
#worklog strong {
font-weight:normal;
display:inline-block;
border:1px solid #e5e5e5;
padding:0 2px;color:black;
background:#f4f4f4;
}
#worklog p {
padding:3px 0;
border-bottom:1px solid #f4f4f4;
}


a:hover {text-decoration:none;color:teal}