@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
/*========================*/
/*===  CSS Reset    ===*/
/*========================*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,img,strong,ol,ul,li,form,input { margin:0; padding:0; border:0; vertical-align:baseline; }
ul { color:#fff; list-style:none; list-style-position:outside; }
textarea { vertical-align: top; }

/*========================*/
/*===  General      ===*/
/*========================*/
body
{
	font-size:12px;
	line-height:18px;
	font-family: 'PT Sans Caption', sans-serif;
	color: #fff;
	background: transparent url(../img/pattern.png) 0 0 repeat;
}

#header,#main,#footer { margin:0 auto; width:100%; }

a
{
	color:#fff;
	text-decoration: none;
	transition:color .5s ease-out;
	-moz-transition:color .5s ease-out;
	-webkit-transition:color .5s ease-out;
	-o-transition:color .5s ease-out;
	text-shadow: 1px 1px 1px #ccc;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#cccccc)";/*IE 8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#cccccc); /*IE 5.5-7*/
}

a:hover
{
	color:#999;
	transition:color .2s ease-in;
	-moz-transition:color .2s ease-in;
	-webkit-transition:color .2s ease-in;
	-o-transition:color .2s ease-in;
}
h1 a
{
	color:#fff;
	text-decoration: none;
	transition:color .5s ease-out;
	-moz-transition:color .5s ease-out;
	-webkit-transition:color .5s ease-out;
	-o-transition:color .5s ease-out;
}

h1 a:hover
{
	color:#fe5454;
	transition:color .2s ease-in;
	-moz-transition:color .2s ease-in;
	-webkit-transition:color .2s ease-in;
	-o-transition:color .2s ease-in;
}

a:active
{
	outline:none;
}

a:focus
{
	outline:none;
	-moz-outline-style:none;
}

p
{
	display:block;
	margin-bottom:20px;
	color:#fff;
}

strong { font-weight:700; }

input,textarea { font-family:Arial, Helvetica, sans-serif; }

::selection { background:#d16f4e; color:#fff; }

.clear
{
	clear:both;
	display:block;
	height:0;
	width:100%;
}

.clear_overflow { overflow:hidden; }

.box_shadow_3
{
	box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
	/*FF 3.5+*/
	-webkit-text-shadow:0 0 3px #999;
	/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#999)";
	/*IE 8*/
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=90,Color=#999);
	/*IE 5.5-7*/
}

.fl_left { float:left; }

.fl_right { float:right; }

.marginb10 {margin-bottom:10px!important;}
.divider { display:block; width: 100%; height: 1px; line-height: 1px; margin: 20px 0; }
.line { border-top: 1px dotted #666666; }
.fb-comments { background-color:#FFF; }
.alfa_tranz
{
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:opacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}
.alfa_tranz:hover
{
	-webkit-transition:opacity .2s ease-out;
	-moz-transition:opacity .2s ease-out;
	-o-transition:opacity .2s ease-out;
	transition:opacity .2s ease-out;
}

.color_tranz
{
	-webkit-transition:color .2s ease-in;
	-moz-transition:color .2s ease-in;
	-o-transition:color .2s ease-in;
	transition:color .2s ease-in;
}
.bg_tranz, .bg_tranz a
{
	-webkit-transition:background-color .2s ease-in;
	-moz-transition:background-color .2s ease-in;
	-o-transition:background-color .2s ease-in;
	transition:background-color .2s ease-in;
}
.fz14 { font-size: 14px; }
.fz12 { font-size: 12px; }
.fz11 { font-size: 11px; line-height: 15px; letter-spacing: 0.1em;}
.fz10 { font-size: 10px; line-height: 15px; }
/*==========================*/
/*===  Typography     ===*/
/*==========================*/
/*==========================*/
/*===  Heading font ===*/
/*==========================*/

.nav,h1,h2,h3,h4,.home_tagline h1,.tagline h1,.over span,.dropcap1,.dropcap2,.bold,.nivo-caption
{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

/*=================================*/
/*===  Typography elements ===*/
/*=================================*/
h1,h2,h3,h4,h5,h6 { margin-bottom:20px; color:#fff; font-family: 'Open Sans', sans-serif; }
h5,h6 { letter-spacing:.9px; font-weight:700; line-height:20px; }
h1 { font-size:16px; line-height:16px; }
h2 { font-size:22px; line-height:22px; }
h3 { font-size:20px; line-height:20px; }
h4 { font-size:18px; line-height:18px; }
h5 { font-size:14px; }
h6 { font-size:10px; }

.title a { color:#fff; }
.title a:hover { color:#999; }

.pullleft,.pullright
{
	float:right;
	font-size:15px;
	color:#fff;
	margin:20px 2px 14px 14px;
	padding:20px;
}

.pullleft
{
	float:left;
	margin-left:1px;
	margin-right:20px;
}

.imageleft,.imageright
{
	float:right;
	padding:8px;
	margin:8px 0 8px 24px;
	border:1px solid #e1e1e1;
}

.imageleft
{
	float:left;
	margin:8px 24px 8px 0;
}

.center
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.border
{
	border:1px solid #e1e1e1;
	padding:6px;
	margin-bottom:4px;
	margin-bottom:30px;
}
.caption
{
	color:#aaa;
	font-size:11px;
	font-style:italic;
	text-align:center;
	margin:0;
}

/*========================*/
/*===  Navigation ===*/
/*========================*/
.nav
{
	height:20px;
	margin:0;
	display:inline-block;
	text-align:center;
	position:relative;
	z-index: 99;
}

.nav ul
{
	list-style:none;
	position:relative;
	min-width:100px;
	display:inline-block;
}

.nav ul li
{
	float:left;
	margin-left:5px;
	position:relative;
	display:block;
	background: transparent url(../img/separator.png) right center no-repeat;
	padding-right: 22px;
	height: 19px;
	padding-top: 4px;
}
.nav ul li.last { padding-right: 0px; background: none !important; }

.nav ul li > a
{
	color:#999;
	padding:0 8px;
	line-height:14px;
	text-decoration: none;
	display:block;
	-webkit-transition: color .2s ease-in;
	-moz-transition: color .2s ease-in;
	-o-transition:  color .2s ease-in;
	transition: color .2s ease-in;
	text-shadow: none;
}

.nav ul li:hover > a,
.nav ul li > a.current
{
	color: #fe5454;
	-webkit-transition:  color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}

.nav ul li ul
{
	position:absolute;
	z-index:1000;
	background: transparent url(../img/header_bg.png) 0 0 repeat;
	min-width:170px;
	border:1px solid #ccc;
	display:none;
	left:-2px;
	top:25px;
}

.nav ul li ul li
{
	width:100%;
	margin:0 20px 0 0;
}

.nav ul li ul li a
{
	line-height:20px;
	padding:10px 0;
	margin:0 12px;
	color:#666666;
	border-bottom:1px dotted #999;
	background:none;
}

.nav ul li ul li a:hover { color:#ccc; }
.nav ul li ul li:last-child a { border:0; }
/* IE7 Fix */
.nav li:hover ul { display:block; }

/*========================*/
/*===  Home page ===*/
/*========================*/
.up { 
	background: transparent url(../img/up.gif) center center no-repeat; width: 54px; height: 54px; background-color:#FFF;
	border-radius:5px;
	/*Firefox*/
	-moz-border-radius:5px;
	/*Safari, Chrome*/
	-webkit-border-radius:5px;
	position:fixed;
	bottom: 50%;
	right: 0;
	z-index: 999;
}
.up a { display:block; width: 100%; height: 100%; }

#bg_photo { 
	background: url(../img/bg_photo.jpg) center center repeat; position:fixed; width: 100%; height: 100%;
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}

#header {
	background: #000;
	background: rgba(0,0,0,0.4);
	height: 83px;
	text-align: center;
	position: fixed;
	z-index: 99;
	font: 14px/14px 'Pontano Sans', 'Open Sans Condensed', sans-serif;
}
#header .nav { font: 17px/17px 'Pontano Sans', 'Open Sans Condensed', sans-serif; text-transform:lowercase; margin-top: 10px; }
#header .inner { width: 980px; text-align: center;  margin:0 auto; padding-top: 20px; margin-bottom: 12px; }
#header:hover { 
	background: rgba(0,0,0,0.7);
	padding-top: 10px;
 }
#header:hover .nav { margin-top: 6px; }
#header:hover #logo { top: 12px; }
#header:hover #controls { top: 35px; }

/*#header,
#header .nav,
#header #logo,
#header #controls { 
	-moz-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
 }

#header:hover,
#header:hover .nav,
#header:hover #logo,
#header:hover #controls { 
	-moz-transition: .1s ease-out;
	-webkit-transition: .1s ease-out;
	-o-transition: .1s ease-out;
 }*/
#above_header { padding: 7px 0; background-color:#2f2f2f; border-bottom: 1px solid #c1c1c1; }
#above_header a { font: 300 16px/16px 'Open Sans', sans-serif; color:#fff !important; text-shadow: none !important; margin-left: 15px; }
#above_header a:hover { color:#476389 !important; }
#above_header .inner { width: 980px; text-align:right; margin: 0 auto; }

#logo {
	width: 120px;
	height: 47px;
	padding-top: 20px;
	display:block;
	position:absolute;
	top: 7px;
	left: 44px;
	background: transparent url(../img/logo_small.png) left center no-repeat;
	z-index: 999;
}

#controls {
	position:absolute;
	top: 30px;
	right: 44px;
	display:inline-block;
}
#controls a {
	display:inline-block;
	margin-right: 10px;
	text-shadow:none;
	color:#999;
	font-size: 16px;
	line-height: 20px;
	vertical-align:top;
}
#controls a:hover { color:#fe5454; }
#controls a.fb_btn { width: 20px; height: 20px; background: url(../img/fb_btn.png) 0 0 no-repeat; }
#controls a.fb_btn:hover { background-position:0 -20px; }
#logo a { padding-left: 70px; display:inline-block; color:#999; text-shadow: none; }
#logo a:hover { color:#fe5454; }
#wrapper
{
	width:920px;
	min-height: 500px;
	margin:0 auto;
	padding:0 30px;
	position:relative;
	background: url(../img/dots.png) center top repeat-y;
	padding-top: 88px;
}
#content
{
	padding:35px 0;
	overflow: auto;
}

#content .post_box { margin-bottom: 40px; }
#content .post_box h1 {
	text-align: center;
	margin-bottom: 0px;
	text-shadow: none !important;
}
#content .post_box h1 a { text-shadow: none !important; font-weight: bold; }
#content .post_box p { text-align:center; }
#content .post_box p.date { font-style:italic; margin-bottom: 40px; }
#content .post_box p.img { }
#content .post_box img { 
	width: 904px;
	border: 5px solid #fff;
	box-shadow: 0px 0px 3px #999999;
	-moz-box-shadow: 0px 0px 3px #999999;/*FF 3.5+*/
	-webkit-box-shadow: 0px 0px 3px #999999;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#999999)";/*IE 8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color=#999999);/*IE 5.5-7*/
}
#content ._home img {
	width: 684px;
}
#content .post_box a.more { background-color:#fff; display:inline-block; height: 21px !important; line-height: 21px !important; font-size: 12px; padding: 0px 10px; text-shadow: none; color:#000; position:relative; opacity:1; filter:alpha(opacity=100); }
#content .post_box a.more:hover { opacity:0.5; filter:alpha(opacity=50); }
#content .post_box a.more span { background: transparent url(../img/btn_arrow.png) 0 0px no-repeat; width: 20px; height: 21px; position:absolute; right: -20px; display:block; top: 0px }
#content .post_box .img_capt { margin-bottom: 5px; }
#content .post_box .caption { margin-bottom: 20px; }

#content .comment_box { width: 837px; margin: 0 auto; }
#content .main { width: 700px; margin-right: 210px; }
#content .side { width: 190px; padding-left: 30px; float: right; padding-top: 38px; }
#content .side .thumbs_box h1 { text-transform:lowercase; font-weight: bold; text-align:center; }
#content .side .thumbs_box .thumb { position:relative; margin-bottom: 15px; background-color:#FFF; }
#content .side .thumbs_box .thumb a { display:block; width: 100%; height: 100%; top:0;  }
#content .side .thumbs_box .thumb a:hover img { opacity:0.3; filter:alpha(opacity=30); }
#content .side .thumbs_box .thumb a:hover ul {  opacity:1; filter:alpha(opacity=100); }
#content .side .thumbs_box .thumb a .bg { 
	display:block; width: 100%; height: 100%; background-color:#FFF; position:absolute; z-index: 0; top: 0; 
	opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ 

}
#content .side .thumbs_box .thumb a ul { 
	z-index: 999; 
	opacity:0; filter:alpha(opacity=0); /* For IE8 and earlier */ 
	text-align:center;
	margin-top: 15px;
	position:absolute;
	display:block;
	width: 100%;
}
#content .side .thumbs_box .thumb a ul li { color:#231f20; line-height: 16px; }
#content .side .thumbs_box .thumb a ul li h5 { color:#231f20; margin-bottom: 5px; }
#content .side .thumbs_box .thumb img { width: 180px; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */  }
#content .side  .thumbs_box .thumb { 
	width: 180px; border: 3px solid #fff; 
	box-shadow: 0px 0px 2px #999999;
	-moz-box-shadow: 0px 0px 2px #999999;/*FF 3.5+*/
	-webkit-box-shadow: 0px 0px 2px #999999;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color=#999999)";/*IE 8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color=#999999);/*IE 5.5-7*/
}
.pagination_nav { }
.pagination_nav span { display:inline-block; margin-right: 5px; }
.pagination_nav span a, .pagination_nav span.current { 
	display:inline-block; padding: 2px 10px; background-color:#707FB1; color:#fff; text-shadow: none; 
}
.pagination_nav span a:hover, .pagination_nav span.current { background-color:#B7BFD8; }

#footer
{
	min-height: 38px;
	font-size:12px;
	line-height:14px;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	position:relative;
	height: 79px;
}

#footer .inner { width: 960px; padding: 20px 0; margin: 0 auto; text-align:right; padding-right: 20px; }
#footer p { margin-bottom: 0px; line-height: 16px; }
#footer a { text-shadow: none; }

/*========================*/
/*===  Slideshow ===*/
/*========================*/
.slideshow_wrapp
{
	width:607px;
	padding:10px;
	background-color:#fff;
	margin-bottom:25px;
	margin-right:5px;
}

.slideshow .stage
{
	width:607px;
	position:relative;
}

.slideshow
{
	width:607px;
}

.slideshow #pager
{
	position:absolute;
	top:0px;
	z-index:9;
	right:0px;
}

.slideshow #pager a
{
	display:inline-block;
	width:10px;
	height:10px;
	line-height:0;
	background-color:#FFF;
	color:rgba(0,0,0,0.0);
	margin-right:5px;
	overflow:hidden;
	border-radius:5px;
	/*Firefox*/
	-moz-border-radius:5px;
	/*Safari, Chrome*/
	-webkit-border-radius:5px;
}

.slideshow #pager .activeSlide
{
	background:transparent url(../img/slide_btn_bg.png) center center no-repeat;
	width:10px;
	height:10px;
}

.slideshow #slider
{
	width:607px;
}

.slideshow #slider .slide
{
	width:607px!important;
}

#slider .slide-text
{
	position: absolute;
	top:0;
	background:#000;
	color:#fff;
	padding:20px;
	width:250px;
	opacity:0.6;
	filter:alpha(opacity=60);
/* For IE8 and earlier */
}

#slider .slide-text:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}

#slider .slide-text h2
{
	color:#fff;
	margin-bottom:20px;
}

#slider .slide-text p
{
	font-size:16px;
	color:#fff;
	margin-bottom:5px;
}

#slider .slide-text a
{
	color:#fff;
	font-size:12px;
	text-decoration:none!important;
}

#slider .slide-text a:hover
{
	color:#FF2828;
}

h3
{
	font-size:14px;
	font-weight:700;
	margin-bottom:0;
}

#content .right ul, #content .right ol  
{
	list-style:circle;
	margin-top:10px;
	margin-bottom:20px;

}

#content .right ul li, #content .right ol li
{	color:#000;
	margin-left:30px;
}

#content .right a
{
	text-decoration:underline;
}
#content .right img {
border:1px solid black
}

span.published
{
	margin-bottom:10px;
	margin-left:10px;
	font-size:10px;
	font-style:italic;
}

/*========================*/
/*===  Contact page ===*/
/*========================*/

#contact_form { }
#contact_form label { display:block; color:#000; margin-top: 10px; }
#contact_form .input input,
#contact_form .input textarea { 
	font-size: 12px; line-height: 12px; padding: 5px 10px; color:#666666; margin: 0;
	border: 1px solid #ddd;
	box-shadow: inset 2px 1px 1px #eee;
	-moz-box-shadow: inset 2px 1px 1px #eee;/*FF 3.5+*/
	-webkit-text-shadow: inset 2px 1px 1px #eee;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	
}
#contact_form .input input { width: 270px; }
#contact_form .text { width: 292px; }
#contact_form textarea { height: 100px; vertical-align: top; width: 628px; }
#contact_form .submit input { 
	background-color:#000; color:#fff; padding: 4px 10px; cursor:pointer; margin-top: 10px;
	-webkit-transition:background-color .2s ease-in;
	-moz-transition:background-color .2s ease-in;
	-o-transition:background-color .2s ease-in;
	transition:background-color .2s ease-in;
}
#contact_form .submit input:hover { background-color:#BE0D14; color:#fff; }
#contact_form .required { }
#contact_form .error .form-error { border: 1px solid #A42223; }
#contact_form .error label { }
#contact_form .error-message { background-color:#A42223; color:#fff; padding: 2px 10px; }
.message_success, .message_failed { background-color:#7FAF0A; color:#fff; padding: 5px; margin-bottom: 20px; text-align: center; border: 1px solid #5C7F07;}
.message_failed { background-color:#A42223; border-color:#5F1213;}
#g_maps { padding-left: 20px; float:left; display:inline-block; padding-top: 20px;}
#g_maps iframe { border: 1px solid #ccc;}
.contact_details { margin-top: 20px !important; list-style: none; }
.contact_details li { color: #000; margin-left: 15px !important; font-size: 16px;}
.contact_details a { }


/* SQL log */
.cake-sql-log {
	background: #fff;
	border: 1px solid #000;
	color: #000;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#333;
}

.message {
    background: none repeat scroll 0 0 #FFF8AF;
    border: 1px solid #FFEB08;
    font-size: 85%;
    margin-bottom: 20px;
    padding: 5px;
    text-align: center;
}