/*

	projekt: creativec
	autor: martin béber (www.creativec.sk)

*/

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body {
	
	background:url(../images/back.png) repeat;
	background-color:#555;

	color: #333;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.9em;
}


a {
	color: #96a73b;
	text-decoration: none;
	
}

a:hover {
	color: #bcdb19;
	text-decoration:none;
	
	 }


img { border: 0; }
h1 {  float: left; margin: 10px 0 50px; font-size: 4em; color: #fff; }
h2 { font-size: 2.4em; font-weight: normal; margin: 0 0 20px; }
h2 a:hover { background: #A82A15; color: #fff; }
.hr {background-image:url(../images/creativec.png); width:259px; height:77px; background-repeat:no-repeat; padding-bottom:5px; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
#content { margin: 0 auto; width: 900px;  }
#top { float: right; margin: 38px 0 30px 0; font-family: "Arial", Helvetica, sans-serif; }
	#top li { list-style: none; display: inline; font:Arial, Helvetica, sans-serif; }
	#top li a { float: left; padding: 6px 20px; margin: 3px 2px 0 0; color: #222; }
	#top li a.current {
	background: #222;
	font-family:Arial, Helvetica, sans-serif;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #808080;
	-webkit-box-shadow: 0 1px 3px #808080;
	text-shadow: 0 -1px 1px #444444;
	border-bottom: 1px solid #808080;
	position: relative;
	cursor: pointer;
	opacity: 0.6;
}
	#top li a:hover {
	color: #eeefeb;
	font-family: "Arial", Helvetica, sans-serif;
	
	 }
#intro { font-size:28px; clear: both; padding: 15px 0 1px 20px; border: none;  margin: 0 0 30px; 
color: /*#373d17;*/#222;
text-shadow: 0px 2px 3px /*#f9f8f6;*/ #808080;;  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
 }
#headings { font-size:28px; clear: both; padding: 15px 0 1px 20px; border: none; color: #222;
text-shadow: 0px 2px 3px #808080;  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;   }
#text { font-size: 16px; clear: both; padding: 15px 0 1px 20px; border: none;  margin: 0 0 30px; color: #222;
text-shadow: 0px 2px 3px #808080;  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-align:justify }
#text_left {
	font-size: 16px;
	clear: both;
	padding: 15px 0 1px 20px;
	border: none;
	margin: 0 0 30px;
	color: #222;
	text-shadow: 0px 2px 3px #808080;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:justify;
	width:400px;
	height:auto;
	list-style: circle ;
	
}
#text_right { font-size: 16px; clear: both; padding: 15px 0 1px 20px; border: none;  margin: 0 0 30px; color: #222;
text-shadow: 0px 2px 3px #808080;  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-align:justify; width:450px; height:auto; margin-top:-398px;  float:right; list-style: circle; }

#left { float: left; width: 500px; margin: 0 0 15px; }
#right { float: right; width: 280px; }
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#right li { list-style: none; }
	#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; }
#footer { clear: both; padding: 15px 0; border-top: 1px solid #222; color: #222;
text-shadow: 0px 2px 3px #808080; }
	#r { float: right; }
#content #top li #blog {
	text-decoration: line-through;
}




/* =PHOTOS */
.photos { padding-left: 20px; }
.photos li { border:6px solid #cacac9; float: left; height: 258px; margin: 0 20px 30px 0;  position: relative; width: 380px; list-style:none; }

.photos li:hover { border:6px solid #96a73b; float: left; height: 258px; margin: 0 20px 30px 0;  position: relative; width: 380px; list-style:none; }

.photos li h3 { background-color: #96a73b; bottom: 8px; display: none; font-size: 12px; height: auto; position: absolute; text-align:left; width: 100%; z-index: 2; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  }
.photos li h3 a { color: #fff; display: block;   text-decoration: none; }
.photos li h3 a:hover { color: #FFF; text-decoration: none; }
.photos img { position: absolute;   width: 380px; }


#content #text #polaroid {
	float:right;
	margin-bottom:-50px;
}





/* Contact Form */

#content	p.error								{margin-left:140px; margin-top:10px;}
	#content #contact_form ul					{float:left; }
	#content #contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both; }
	#content #contact_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
#content	#contact_form input#name,
#content	#contact_form input#email,
#content	#contact_form input#subject,
#content	#contact_form textarea				{float:left; padding:8px; border:/*1px solid #CCCCCC*/none; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px; background: #222; 
-webkit-box-shadow: 0px 2px 3px #808080;
	-moz-box-shadow: 0px 2px 3px #808080;
	color:#f7f6f5;/*c4c4c4*/
	font-size:16px;
	

}
#content	#contact_form input#name,
#content	#contact_form input#email,
#content	#contact_form input#subject			{width:400px;}
#content	#contact_form textarea				{width:500px;height:150px; resize: none;}
#content	#contact_form input.button			{float:right;}


#social { font-size: 16px; clear: both; padding: 15px 0 1px 20px; border: none;  margin: 0 0 30px; color: #222;
text-shadow: 0px 2px 3px #808080;  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }

#content #social #fac {
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	margin-right:10px;
}
#content #social #las {
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	margin-right:10px;
	
}
#content #socials {
	float:right;
	margin-top:-145px;
	
	
	
}

.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.error						{display:none; color:#bf1912}
.success							{display:none; color:#96a73b}
#contact_form input.button			{float:right;}

/*


	p.error								{margin-left:140px; margin-top:10px;}
	#contact_form ul					{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject			{width:400px;}
	#contact_form textarea				{width:500px;height:150px; resize: none;}
	*/

	

/*zurb*/

			
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px;
	margin-bottom:20px;
	color: #f7f6f5; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border:none;
	float:right;
	
}
 
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 12px; padding: ;  }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
		
	
	.blue.awesome, .blue.awesome:visited		{ background-color: #96a73b; }
	.blue.awesome:hover							{ background-color: #222;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #808080;;
	-webkit-box-shadow: 0 1px 3px #808080;;
	text-shadow: 0 -1px 1px #3f471b;
	border-bottom: 1px solid #808080;
	border:none;
	
	
	opacity: 0.7; }
	
	
	#content #text #contact_form ul .clearfix #name:focus, #content #text #contact_form ul .clearfix #email:focus, #content #text #contact_form ul .clearfix #subject:focus, #content #text #contact_form ul .clearfix #message:focus    {
		border: 1px solid #96a73b;
		background-color:#f1f0f0;
		color: #222;
}

#content #text_left #paint {
	float:left;
	margin-bottom:250px;
	
	
}
#content #text_right #code {
	float: left;
	margin-bottom:250px;
}




/* rotacia loga, inicializacia v html <div id="div3"> </div>*/
/*
#content #div3 {
	background-image:url(../images/log.png);
	background-repeat:no-repeat;
	
  position:relative;
  width:70px;
  height:67px;
 
  
  
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
}
#content #div1 {float:none}
#content #div1 div,
#content #div2 div,


#content #div3 {
  -webkit-animation-name: rotateThis;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
@-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(1) rotate(0deg);}
  to {-webkit-transform:scale(1) rotate(360deg);}
} 
*/
/* rotacia loga*/
#content #text #phone, #mail {
	margin-right:15px;
}
#content #text_left #ps {
	list-style-image:url(../images/list.png);
}

#content #text_right #ps {
	list-style-image:url(../images/list.png);
}
#content #footer #bulb {
	float:right;
	margin-right:15px;
	
}

#content #footer #idea {
	float:right;
	
	
}