/* 
*/
header, nav, section, article, aside, footer {display:block}
*{margin: 0; padding: 0;}
html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, img, hr, form {
 margin: 0px;
 padding: 0px;
 border: none;
 list-style: none;
} 
 html, body {
 font:11px/14px Tahoma;
 color:#323536;
background:url('/img/bg.jpg') repeat;
text-align:center;
}
.clear{clear:both;}
.clearfix:after {
 content : ".";
 visibility : hidden;
 display : block;
 height : 0;
 clear : both;
}
h2{
font-size:18px;
color:#323536;
font-weight: normal
}
h3{
font-size:14px;
color:#323536;
font-weight: normal
}
a {
color: #919191;
text-decoration:none;
-webkit-transition:color 0.4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
transition:color .4s ease-in-out;
}
a:hover {
 color: #678da5;
}
input[type="text"], input[type="password"]{
height:30px;
padding:0 5px;
margin:3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.08) inset;
-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.08) inset;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.08) inset;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f5f5f5');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f5f5f5')";
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border:0px;
color:#AAAAAA;
}
input[type="text"]:focus, input[type="password"]:focus{
-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15) inset;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15) inset;
}
input[type="submit"], input[type="button"], input[type="reset"] {
cursor:pointer;
 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 box-shadow:inset 0px 1px 0px 0px #ffffff;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #dfdfdf) );
 background:-moz-linear-gradient( center top, #f5f5f5 5%, #dfdfdf 100% );
 background:linear-gradient( center top, #f5f5f5 5%, #dfdfdf 100% );
 background-color:#f5f5f5;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:1px solid #bfbfbf;
 display:inline-block;
 color:#777777;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 24px;
 text-decoration:none;
 text-shadow:1px 1px 0px #ffffff;
 margin:5px;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #f5f5f5) );
 background:-moz-linear-gradient( center top, #dfdfdf 5%, #f5f5f5 100% );
 background-color:#dfdfdf;
}
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:acrive {
 position:relative;
 top:1px;
}
#wrapper{
position:relative;
top:20px;
margin:70px auto 150px auto;
max-width:800px;
min-height:470px;
display:inline-block;
*width:820px;
background:#ffffff;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
text-align: left;
}
header{
width:100%;
height:75px;
display:inline-block;
background:url("/img/head_bg.png") repeat-x scroll 0 0 transparent;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}
#logo {
 margin-top: 15px;
font-weight: bold;
text-transform: uppercase;
color:#f9feff;
}
#search{
background:#5fb7e6;
float:right;
position:relative;
*top:-40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
height:24px;
width:150px;
 margin: 8px 30px;
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 box-sizing: border-box; 
 padding:4px 5px;
}
#search input.queryField{
 position: relative;
 width: 120px;
 height:12px;
 float:left;
 border:0px;
 background:transparent;
 color:#40728d;
 padding:0px;
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none; 
 *top:10px; 
}
#search input.searchSbm{
background:url('/img/search.png') no-repeat;
width:14px;
height:12px;
margin:1px 0 0 0;
opacity:0.3;
 border:0px;
 cursor:pointer;
 padding:0px!important;
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none; 
}
#search input.searchSbm:hover{
opacity:0.5;
}
span.pn{
display:block;
margin-top: -3px;
position: absolute;
width:100%;
height:2px;
left:0px;
background:url('/img/pn.png') 0 0 repeat-x;
}
#logo p.logo:first-letter{
color:#216d96;
}
#logo p.logo a{color:#f9feff;}
#logo p.logo a:hover{color:#216d96;}
#logo p.logo { 
 margin: 0 30px;
 padding: 10px; 
 height: 24px;
 font-size:22px;
 display:inline-block;

 }
 #content{
*width:800px;
min-width:350px;
min-height: 350px; 
margin-top: -10px;
padding-top: 10px;
 overflow:hidden;
 *overflow:visible
 
 }
 aside, section{ 
 padding-bottom:10000px;
 margin-bottom:-10000px;
 *padding-bottom:0px;
 *margin-bottom:0px;
 }
aside.profs{
width:160px;
float:left;
padding-left:10px;
border-right:1px dashed #cccccc;
}
section.prof{
min-width:310px;
margin-left:210px;
margin-top:10px;
*margin-top:30px;
}
.pr{
width:160px; 
float:right;
font-size:11px;
color:#323536;
}

#text{
margin-right:170px;
}
#about{display:inline-block;}

p.cat{
color:#8d8d8d;
font-size:10px;
float:right;
}
p.promo{
color:#323536;
font-size:12px;
line-height:16px;
}
p.promo::before{
content:'';
font:44px "Trebuchet MS";
color:#b8b4b0;
position:absolute;
margin-top:-5px;
margin-left:-20px;
height:13px;
width:17px;
background:url('/img/quote.png');
}
.pr ul li{ 
list-style-image:url('/img/list.png');
list-style-position:inside;
*list-style-position:outside;
*margin-left: 15px
}
#skils{

font-size:12px;
}
#ava img {
width:108px;
height:108px;
border:1px solid #627d97;
margin:10px;
}
#ava{
width:128px;
height:128px;
border:1px solid #b0b0b0;
background:#f0f0f0 url('/img/ava_bg.jpg') repeat-y;
margin:20px auto;
-moz-box-shadow: inset 0px 0px 2px #ffffff;
-webkit-box-shadow: inset 0px 0px 2px #ffffff;
box-shadow: inset 0px 0px 2px #ffffff;
} 
#skils ul li{
margin-top:5px;
}
#skils ul li span.star, #skils ul li span.stars, #skils ul li span.color, #skils ul li span.bgcolor{
display:block;
position:absolute;
}
#skils ul li span.star{
z-index:11;
width:100px;
height:14px;
 margin-left: 50px;
 margin-top: -15px;
 *margin-left: 10px;
 *margin-top: 0px; 
}
#skils ul li span.stars{
background:url("/img/star.png") repeat scroll 0 0 transparent;
z-index:10;
 height: 100%;
 width: 100%;
}
#skils ul li span.bgcolor{
z-index:8;
width:100%;
height:100%;
color:#aeaeae;
background: #aeaeae;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #aeaeae 0%, #656565 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aeaeae), color-stop(100%,#656565));
background: -webkit-linear-gradient(top, #aeaeae 0%,#656565 100%);
background: -o-linear-gradient(top, #aeaeae 0%,#656565 100%);
background: -ms-linear-gradient(top, #aeaeae 0%,#656565 100%);
background: linear-gradient(top, #aeaeae 0%,#656565 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#656565',GradientType=0 );

}
#skils ul li span.color{
z-index:9;
width:0%;
height:100%;
-webkit-transition:width 1s ease-in-out 1s;
-moz-transition:width 1s ease-in-out 1s;
-ms-transition:width 1s ease-in-out 1s;
-o-transition:width 1s ease-in-out 1s;
transition:width 1s ease-in-out 1s;
}
.blue{color:#009cff;}
span.blue{background:#009cff;}
.gold{color:#ffce49;}
span.gold{background:#ffce49;}
.red{color:#e64343;}
span.red{background:#e64343;}
.green{color:#4fed65;}
span.green{background:#4fed65;}
.purple{color:#a45dd1;}
span.purple{background:#a45dd1;}

#portfolio{
margin:15px 0;
 width: 90%;
 position:relative;
}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {height: 110px;}
.jcarousel-skin-tango .jcarousel-item {
position:relative;
max-width:150px;
 height: 75px;
 padding: 15px;
background-color:#f0f0f0;
-moz-box-shadow: inset 0px 0px 2px #ffffff;
-webkit-box-shadow: inset 0px 0px 2px #ffffff;
box-shadow: inset 0px 0px 2px #ffffff;
-webkit-transition:background-color 0.4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
 }
 .jcarousel-skin-tango .jcarousel-item:hover {
background-color:#a7bcdb;
 }
 .jcarousel-skin-tango .jcarousel-item img{
 max-width:150px;
 height: 75px;
 }
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 35px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {
 position: absolute;
 top: 48px;
 right: -15px;
 width: 6px;
 height: 12px;
 cursor: pointer;
 background: transparent url('/img/next.png') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
 left: 5px;
 right: auto;
 background-image: url('/img/prev.png');
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { opacity:0.8;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { margin-top:2px;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; opacity:0.8;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
 position: absolute;
 top: 48px;
 left: -15px;
 width: 6px;
 height: 12px;
 cursor: pointer;
 background: transparent url('/img/prev.png') no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
 left: auto;
 right: 5px;
 background-image: url('/img/next.png');
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { opacity:0.8;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { margin-top:2px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; opacity:0.8;}

#mycarousel{position:absolute!important;}

#portfolio ul li a{
 display: inline-block;
 position: relative;
 }
 
 .overlay_z{
 display:block;
 position:absolute;
 width:100%;
 height:100%;
 z-index:111;
-webkit-transition:background-color 0.4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
} 

 .overlay_z:hover{
 background:rgba(0,0,0,0.5) url('/img/size.png') 90% 90% no-repeat;
} 

footer{
 min-height: 20px;
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 box-sizing: border-box; 
 background: #f4f4f4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f4f4f4 0%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
background: -o-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
background: linear-gradient(top, #f4f4f4 0%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eaeaea',GradientType=0 );
border-top:1px solid #cccbcb;
padding:15px 20px;
-webkit-transition:height 0.4s ease-in-out;
-moz-transition:height .4s ease-in-out;
-ms-transition:height .4s ease-in-out;
-o-transition:height .4s ease-in-out;
transition:height .4s ease-in-out;
}
.left, .center, .right{
 display:inline-block;
 *display:block;
 position:relative;
 }
.left{
float:left;
}
.right{
float:right;
}
.center{
text-align:center;
margin:0 auto;
}
footer .social{
 width: 200px;
}

footer .social li{
width:17px;
height:17px;
margin-right:22px;
display: inline-block;
*display: inline;
opacity:0.5;
-webkit-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity .4s ease-in-out;
-ms-transition:opacity .4s ease-in-out;
-o-transition:opacity .4s ease-in-out;
transition:opacity .4s ease-in-out;
*cursor:pointer;
}
footer .social li:hover{
opacity:1;
}
footer .social .vk{
background:url('/img/vk.png') no-repeat;
}
footer .social .tw{
background:url('/img/twitter.png') no-repeat;
}
footer .social .fb{
background:url('/img/fb.png') no-repeat;
}
footer .social .rss{
background:url('/img/rss.png') no-repeat;
}
footer .info li{
 margin-right:20px; 
 margin-left:10px;
 display: inline-block;
*display: inline;
font-size:12px;
opacity:0.5;
-webkit-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity .4s ease-in-out;
-ms-transition:opacity .4s ease-in-out;
-o-transition:opacity .4s ease-in-out;
transition:opacity .4s ease-in-out;
font-weight: bold;
}
footer .info li:hover{
opacity:1;
}
footer .info li.email{
color:#8bbfe1;
}

footer .info li.phone{
color:#ea5c5c;
}
footer .info li .email_img, footer .info li .phone_img{
display:block;
width:17px;
height:17px;
margin-right:10px;
 position: relative;
 top: 2px;
 float:left;
 *display:none;
}
footer .info li .email_img{
background:url('/img/email.png') no-repeat;
}
footer .info li .phone_img{
background:url('/img/phone.png') no-repeat;
}
nav{
text-align:center;
width:100%;
position:absolute;
margin-top:12px;
}
nav ul {

}
nav ul li{
margin:0px 15px; 
 display: inline-block;
*display: inline;
font-size:12px;
font-weight: bold;
padding:10px 15px; 
position:relative;
}
nav ul li:hover{
background:#08090b;
border:1px solid rgba(255,255,255,0.15);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding:10px 14px;
margin-top:-1px;

}
nav ul li a, nav ul li a:hover{
color:#ffffff;
}
nav ul li.current:before{
content:"";
position:absolute;
top:-12px;
 left: 50%;
 margin-left: -6px;
 width: 0;
 height: 0;
 border-left: 6px solid transparent;
 border-right:6px solid transparent;
 border-top: 8px solid #eaeaea;
}

#ent {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 display: inline-block;
 padding: 10px;
 position: relative;
 width: 100%;
}
div[id^=uCatsMenu]{
top:auto !important;
left:auto !important;
}
.entry{
position:relative;
display: inline-block;
float:left;
margin:5px;
border:10px solid #ececec;
-moz-box-shadow: inset 0px 0px 2px #ffffff;
-webkit-box-shadow: inset 0px 0px 2px #ffffff;
box-shadow: inset 0px 0px 2px #ffffff;
-webkit-transition:border-color 0.6s ease-in-out;
-moz-transition:border-color .6s ease-in-out;
-ms-transition:border-color .6s ease-in-out;
-o-transition:border-color .6s ease-in-out;
transition:border-color .6s ease-in-out;
}
.entry:hover{
border-color:#f4f4f4;
}
.entry .bgim{
width:130px;
height:130px;
overflow:hidden;
position:relative;
}
.entry .bgim .overlay{
 display:block;
 position:absolute;
 width:100%;
 height:100%;
 z-index:111;
-webkit-transition:background-color 0.4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
} 

.entry .bgim .overlay:hover{
 background:rgba(0,0,0,0.3);
} 
.entry .bgim img{
min-height:130px;
min-width:130px;
max-height:300px;
max-width:300px;
}
.zoom,.full{
width:40px;
height:40px;
position:absolute;
display:block;
opacity:0;
margin: 50%;
top:-20;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.zoom{
left:-55px;
background:url('/img/zoom-icon.png') no-repeat;
}
.full{
right:-55px;
background:url('/img/full-icon.png') no-repeat;
}
.entry .bgim .overlay:hover .zoom{
opacity:1;
left:-45px;
}
.entry .bgim .overlay:hover .full{
opacity:1;
right:-45px;
}

.img_prev{
width:150px;
height:150px;
overflow:hidden;
position:relative;
display: inline-block;
float:left;
margin:5px 15px 10px 5px;
border:10px solid #ececec;
-moz-box-shadow: inset 0px 0px 2px #ffffff;
-webkit-box-shadow: inset 0px 0px 2px #ffffff;
box-shadow: inset 0px 0px 2px #ffffff;
-webkit-transition:border-color 0.6s ease-in-out;
-moz-transition:border-color .6s ease-in-out;
-ms-transition:border-color .6s ease-in-out;
-o-transition:border-color .6s ease-in-out;
transition:border-color .6s ease-in-out;
}
.img_prev:hover{
border-color:#f4f4f4;
}
.img_prev img{
min-height:130px;
min-width:130px;
max-height:300px;
max-width:300px;
}
.title {
text-align:center;
margin:5px;
position:relative;
}
h1{
position:relative;
}
.blog {
max-width:220px;
max-height:300px;
overflow:hidden;
padding:5px;
position:relative;
}
.blog .entry .bgim {
max-width:200px;
width:auto;
}
.blog .entry {margin:0 0 7px 0;}
.blog .entry .bgim .zoom, .blog .entry .full {
margin-top: 67px;
}
div[id^=entryID]{
display:inline-block;
float:left;
}
.titles{
 -moz-box-sizing: padding-box;
 -webkit-box-sizing: padding-box;
 -o-box-sizing: padding-box;
 -ms-box-sizing: padding-box;
 box-sizing: padding-box;
 display: inline-block;
 padding: 5px;
 position: relative;
 text-align: center;
 width: 100%;
}


/* Comments */
#com_add_form{
width:100%;
max-height:700px;
position:relative;
margin:10px 0;
}
#com_add_form #caf_top, #com_add_form #caf_bottom {
margin:5px 15px;
position:relative;
}
#com_add_form #caf_top #user_info {
width:38%;
float:left;
}
#com_add_form #caf_top #user_info input {
width:95%;
height:35px;
margin-bottom:10px; 
padding:0 5px;
}
#com_add_form #caf_top #user_info #sec_cod input.securityCode {width:45%; margin-right:5px;}
#com_add_form #caf_top textarea{
width:60%;
max-width:60%;
padding:10px;
}
#com_add_form #comm_add_b {
height:30px;
}

#addcBut{ float:right;} 
 
.log_input{
display:inline-block;
margin:10px 5px;
font-size:18px;
}
.log_in{
color: #919191;
text-decoration:none;
-webkit-transition:color 0.4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
transition:color .4s ease-in-out; 
cursor:pointer; 
}
.log_in:hover {
 color: #678da5;
} 
#subscribe{
display:inline-block;
}
#l_f, #lf{
display:none;
}
#comments{
padding:0 60px;
}
div[id^=comEnt]{
 border-bottom: 1px dashed;
}

table[class^=cBlock]{
padding:5px 0 15px 5px;
}
.popup{
margin: 8px;
}
.popupbody{ 
 border: 1px solid #CCCCCC;
 padding: 8px;
 background:#fff;
 }
.popuptitle{
 font-weight: bold;
text-transform: uppercase;
color:#f9feff;
 padding-top: 8px;
 min-height:30px;
 background: #3aace9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhYWNlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjk1Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3aace9 0%, #2f95cb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aace9), color-stop(100%,#2f95cb));
background: -webkit-linear-gradient(top, #3aace9 0%,#2f95cb 100%);
background: -o-linear-gradient(top, #3aace9 0%,#2f95cb 100%);
background: -ms-linear-gradient(top, #3aace9 0%,#2f95cb 100%);
background: linear-gradient(top, #3aace9 0%,#2f95cb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aace9', endColorstr='#2f95cb',GradientType=0 );

}















@media screen and (min-width: 500px) and (max-width: 800px){
footer{
min-height:70px;
}
footer .center{
margin-top:10px;
}
 }
 @media screen and (min-width: 240px) and (max-width: 620px){
#com_add_form #caf_top #user_info{
float:none!important;
width:100%!important;
}
#com_add_form #caf_top textarea{
width:100%!important;
max-width:100%!important;
}
} 
@media screen and (max-width: 320px) {
#search{
top:-100px;
*top:-100px!important;
}
footer .center{
margin-top:10px;
}
}