/*   
Theme Name:Fullscreen Template
Theme URI:http://www.fullscreentemplate.com
Description:Fullscreen Template is an elegant theme designed for people with simple taste with clean code. Real Fullscreen images, SEO optimized, threaded-comments, theme-options, dropdown menu and social media. Valid XHTML and CSS. You can see live demo including more information and updates here http://www.fullscreentemplate.com
Author:the vacuum cleaner
Author URI:http://www.lucamartincigh.com
Version:2.0
Tags:fullscreen, photography, theme-options, showcase, widescreen gallery
*/ 


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }


/* RESET */

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td { margin:0; padding:0; border:0; outline:none; }
body { line-height:1.5; font-size:14px;font-family: Helvetica,Arial,sans-serif;text-shadow: 0px 0px 3px #252525; }
h1,h2,h3,h4,h5,h6 { font-size:100%;   margin:0; font-weight:normal; }
ul,ol { list-style-position:outside; margin-left:10px; line-height:21px; }
a{ text-decoration:none; color:#ffffff; }
.clear{ clear:both;}

/* CUSTOMIZATION */
 
.generalcolors{ color:#FFF; background-color:#000; border-color:#333333;} 
.maincolor{ color:#FFF;}
.mainkbk{ background-color:#FFFF00; color:#FFFFFF;}
.highlightcolor{ color: #739B3A;}

/* GENERAL */

body{ width:100%; height:100%; overflow:auto;}
.loading{ height:100%; width:100%; position:absolute; background:url(img/spinner.gif) no-repeat center center;  z-index:0; overflow:hidden;}
p{ font-weight: 300; font-size: 14px; line-height: 18px;}


h1.logo{   padding-left:15px;   color:#FFFFFF; font-size: 16px; font-weight: 300; line-height: 42px; letter-spacing: 2px; position: relative; z-index: 2; max-width: 30%; float: left; }
h1.logo span{ font-weight: bold; letter-spacing: 0px; padding-right: 2px;} 
h1.logo a:hover{ color: #739B3A!important;} 

form{ z-index:1001;}
input{ 
	height:20px; 
	-moz-border-radius:3px 3px 3px 3px; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); 
	color:#333333;
	z-index:1001; 
	border-radius:3px; 
	padding-left:10px; 
	padding-right:10px;
	border:1px solid #333; 
	display: inline; 
	background-color:#FFFFFF;
	font-size:10px;
	}
textarea{ 
	font-family:"Lucida Grande", "Lucida Grande CY", Arial, sans-serif; 
	font-size:11px;height:50px; 
	border-radius:3px; 
	-moz-border-radius:3px 3px 3px 3px; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); 
	color:#333333;
	z-index:1001;  
	padding:5px 10px 5px 10px;
	border:1px solid #333; 
	font-size:10px; 
	}
#submit, #search{ 
	margin-left:10px; 
	background:url(img/bk_menu_button1.png) repeat-x center center #000;
	border:1px solid #333;   
	color:#FFFFFF; 
	height:30px;
	text-transform:uppercase; 
	line-height:20px; 
	padding-bottom:0px;
	display: inline; 
	font-size:10px;
	font-family: Oswald,Helvetica,Arial,sans-serif;
	}
#submit:hover, #search:hover{ background: #739B3A; }
 

/* CONTENT */

#content{ position:absolute; bottom:5px; left:15px; z-index:1000; width:28%; text-align:left; color:#FFFFFF; }
 #content h2{  
	font-size:36px;  
	  margin-bottom: 15px; 
	line-height: 36px;
	color:#FFFFFF;   
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	}
#content p{  
	background: url(images/bg_transp.png) repeat;
	padding: 2px;
   	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 16px;
}
#contentbox{   
	margin-left:-470px;  
	z-index:100; 
	width:940px;
	background: url(images/bg_transp.png) repeat; 
	box-shadow: 1px 0 5px rgba(0,0,0,0.4);
	padding:20px 20px 20px 20px;
	margin: 60px auto 60px auto;
	position: relative;
	 
	 }
#contentbox a{ text-decoration:underline;} 
#contentbox a:hover{ text-decoration:none; color:#666666;}  
 #contentbox h2{  
	font-size:30px;  
	  margin-bottom: 15px; 
	line-height: 36px;
	color:#FFFFFF;   
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	padding-bottom: 10px;
	border-bottom:1px solid #222;
	}
#contentbox h3{ font-size:15px;  color: #739B3A; font-weight: bold; margin-bottom: 10px;}
#contentbox h3 a{ text-decoration: none;}
#contentbox h3 a:hover{ text-decoration: underline; }
#contentbox p{ margin-bottom:15px; text-align:justify; font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
#contentbox li{ font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
#contentbox .left{ width:615px; margin-bottom: 30px; overflow:auto; float:right; padding-right:10px;}
#contentbox .right{ width:270px; float:right; margin-left:20px; padding-left:20px; border-left:1px solid #222;}
#contentbox a{color: #FFFF00;}
#contentbox .socials{ border-top:1px solid #222; clear:both; position:absolute; bottom:10px; width:940px; padding-top:10px; text-align:right;}
#contentbox .socials img{ max-height:30px; margin-left: 5px;}
#contentbox .date{ font-size:19px; display:block;}
#contentbox .tit{}
#contentbox .cont{}
#contentbox #tab1{  margin-bottom: 30px;}
#contentbox #tab2{ display:none; margin-bottom: 30px;}
#contentbox .leftbutton{ 
	float:left;   
	margin-top:5px;
	background:url(img/bk_menu_button1.png) repeat-x center center #000000; 
	line-height:24px; 
	min-width:100px;
	margin-bottom:2px; 
	text-decoration: none; 
	margin-left:15px;
	white-space: nowrap;  
	text-align:center;
	font-size:11px; 
	font-family:Oswald,"Lucida Grande", "Lucida Grande CY", Arial, sans-serif;
	text-transform:uppercase;
	border:1px solid #333; 
	-moz-border-radius:5px 5px 5px 5px;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
	border-radius:5px;
	padding:0 5px 0 5px;
	color:#FFFFFF; }
#contentbox .leftbutton:hover{ color: #FFF; background: #739B3A; }
#contentbox .comment{ overflow:hidden; border-bottom:1px solid #222; margin-bottom:15px; }
#contentbox .comment .avatar{ float:left; margin-right:15px; width:50px;}
#contentbox .comment .meta{ float:left; margin-bottom:10px; color:#999999; margin-right: 20px; }
#contentbox .comment .meta .author{  color:#EFEFEF; font-weight:bold; display: block; }
#contentbox .comment p{ display:block; float:left; width:415px;  padding-bottom:15px; }

.contact iframe{ float:left; margin-right:15px;}
.contact ul{ padding-left:15px; width:170px; float:left;}


/* SCROLL PAGE */

body.page-template-page-scroll-php, body.page-template-blog-scroll-php{ overflow:auto!important;}
body.page-template-page-scroll-php #bkgallery img, body.page-template-blog-scroll-php #bkgallery img{ position:fixed!important; }
body.page-template-page-scroll-php #contentbox, body.page-template-blog-scroll-php #contentbox{ height:auto!important; position:relative!important; margin-top:120px!important; top:0px!important; margin-bottom:120px; padding-bottom:0px  }
body.page-template-page-scroll-php #contentbox .left, body.page-template-blog-scroll-php #contentbox .left{ height:auto!important;}
body.page-template-page-scroll-php #contentbox .socials, body.page-template-blog-scroll-php #contentbox .socials{ position:relative!important; margin-top:15px;} 
body.page-template-page-scroll-php #footer, body.page-template-page-scroll-php .credits, body.page-template-blog-scroll-php #footer, body.page-template-blog-scroll-php .credits{ position:fixed; }

/* FOOTER */

#footer{ 
	height:40px; 
	width:100%; 
	position:absolute; 
	bottom:0; 
	background:url(img/bk_menu_button1.png) repeat-x center center #000; 
	z-index:1000;border-top:1px solid #333; 
	line-height:40px; 
	}
#footer form{ padding-left:15px;}

.credits{ position:fixed; bottom:0px; line-height:40px; font-size:12px; right:15px; z-index:1000;color:#FFFFFF; }

/* GALLERY */

#gallery{ width:1054px; margin:80px auto 60px auto;  z-index:100; position:relative; overflow: hidden;}
#gallery .image{ 
	width:253px; 
	height:180px; 
	overflow:hidden; 
	float:left; 
	margin-right:10px; 
	position:relative; 
	margin-bottom:10px; 
	background: url(images/bg_transp.png) repeat; 
	box-shadow: 1px 0 5px rgba(0,0,0,0.4);
	}
#gallery .image .title{ position:absolute; top:10px; left:15px; font-size:18px; right:8px; font-weight:bold;  }
#gallery .image .description{ position:absolute; bottom:15px; left:15px; width:223px; font-size:11px; line-height: 14px;   display:none;}
#gallery .image img{ position:absolute; top:10px; left:10px; width:233px; height:160px; }
#lightbox{ z-index:1000!important;}

#bkgallery { height: 100%; width: 100%; position: fixed; left: 0px; top: 0px;}
#bkgallery .next, #nav .next{ 
	position:absolute; top:50%; right:15px;padding-right:0px; 
	background:url(img/next_right.png) no-repeat center center;
	height:81px;
	width:30px;
	line-height:36px; 
	white-space: nowrap;  
	text-align:center;
	font-size:36px;  
	text-indent:-5000px;
	padding:0 7px 0 10px;
	color:#FFFFFF;
	text-shadow:#999999 0 1px ;
	margin-top:-40px;
	 
	}
#bkgallery .prev, #nav .prev{ position:absolute; top:50%; left:15px;
	background:url(img/next_left.png) no-repeat center center;
	height:81px;
	width:30px;
	text-indent:-5000px; 
	line-height:36px; 
	white-space: nowrap;  
	text-align:center;
	font-size:36px; 
	 margin-top:-40px;
	padding:0 10px 0 7px;
	color:#FFFFFF;
	text-shadow:#999999 0 1px ;
 
} 
#bkgallery .next:hover, #nav .next:hover{ 
	background:url(img/next_right_hover.png) no-repeat center center;
}
#bkgallery .prev:hover, #nav .prev:hover{ 
	background:url(img/next_left_hover.png) no-repeat center center;
}
.jbg-next:hover,.jbg-prev:hover , #nav .prev:hover, #nav .next:hover{ opacity:1;}

/* BLOG */

#blog{ width:790px; height:380px; top:50%; margin-top:-190px; left:50%; margin-left:-375px;  z-index:100; position:absolute;}
#blog .post{ 
	width:253px; 
	height:180px; 
	overflow:hidden; 
	float:left; margin-right:10px; 
	position:relative;
	margin-bottom:10px; 
	background: url(images/bg_transp.png) repeat; 
	box-shadow: 1px 0 5px rgba(0,0,0,0.4);
	}
#blog .post .title{ position:absolute; top:10px; left:10px; font-size:27px;   }
#blog .post .description{ position:absolute; bottom:10px; right:10px; font-size:14px; color:#333333; }
#blog .post img{ position:absolute; top:0px; left:0px; width:240px; height:160px;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
#blog .post .extract{ display:none; padding:10px; position:absolute; bottom:31px;}
#blog .post .more a{ position:absolute; bottom:5px; border-top:1px solid #222; margin-top:5px; padding-top:5px; display:block; width:233px; margin-left:10px; text-align:right;	color:#FFF;  }
#blog .post .postdata{ position:absolute; width:233px;left:10px; bottom:41px; height:70px;}
#blog .post .date{ font-size:27px; position:absolute; bottom:0px; left:0px; width:90px;}
#blog .post .meta{  position:absolute; bottom:0px; right:0px; width:110px; border-left:1px solid #222; padding-left:10px; }

/* CONTACT */

.contactform input{ width:240px; margin-bottom:10px; margin-right:10px; padding: 5px 10px; float:left;}
.contactform textarea{ width:240px; margin-bottom:15px; height: 100px; margin-right:10px; float:left;}
.contactform label{ float:left; margin-bottom: 5px; font-size: 12px;}
.contactform #submit{ width:100px; margin-left:160px; padding-top: 0px; font-size:11px; line-height:27px; height:27px;}
.notification_error{ border:1px solid #FFFF00; width:250px; padding:3px;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
.notification_ok{ border:1px solid #009933; width:250px; padding:3px;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}

#iframemaps iframe{ width:100%; height:100%; position:fixed; left:0; top:0; }
.page-template-page-map-php #content h2, .page-template-page-map-php #content p{ color: #222;}


/* BACKGROUND GALLERY */

#bkgallery img{ position:absolute; top:0; left:0; display:none}
#bkgallery img#im1{ display:block;}


/* NEW FEATURES */

#new-features{ position:absolute; top:100px; right:30px; z-index:1111;border-radius:5px; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
#new-features h3{ color:#FFFFFF; font-weight:bold; margin-bottom:4px;}
#new-features a{ color:#FFFFFF; text-decoration:underline; margin-bottom:10px; margin-top:8px; display:inline-block; }
#new-features label{ color:#FFFFFF; margin-left:5px; float:left;}
#new-features .radio{ float:left;}
#new-features{ background-color:#000; padding:20px 20px 0px 10px;}
#img_new-features{ position:absolute; top:-7px; right:-7px;}
.colorpicker{ z-index:1111;}

/* VIDEO */

#video_controls{ position:absolute; right:15px; bottom:50px; z-index:1111;}