/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
/* EDIT 3/6/2017 */
.comment_table {display:none !important}
.latest_main img {width:100% !important; object-fit: contain;}
ol, ul {
list-style: none;
}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
* { margin: 0; padding: 0; }
body {
background:#80ced5;
}
.sub_nav
{
width:600px;
margin:0 auto;
overflow:hidden;
float:right;
}
.sub_nav ul
{
padding:0;
}
.sub_nav ul li
{
color: #fff;
float:left;
font: bold 12px/32px arial,helvetica,clean,sans-serif;
padding:0 20px 0 0;
}
.sub_nav ul li a
{
color: #fff;
}
.sub_nav ul li a:hover
{
text-decoration:underline;
}
.wraper
{
clear:both;
width:994px;
margin:10px auto;
overflow:hidden;
background-color: #fff;
}
.header
{
width:974px;
margin:15px auto;
overflow:hidden;
}
.header_up
{
width:730px;
margin:0 auto;
}
.header_down
{
clear:both;
overflow:hidden;
margin:12px 0 0 0;
}
.header_left
{
width:370px;
float:left;
}
.header_right
{
width:300px;
float:right;
background:none;
border: none;
height:28px;
padding:7px;
margin:20px 0 0 0;
}
.nav
{
background: #f15b45;
height:52px;
overflow:hidden;
margin:0 0 15px 0;
}
.nav ul
{
padding:0px;
}
.nav ul li
{
color:#FFFFFF;
font: normal 21px/52px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 15px 0 15px;
float:left;
border-right: 1px solid #fff;
}
.nav ul li a
{
color:#FFFFFF;
}
.nav ul li:hover {
box-shadow: inset 0 0 8px #000;
}
.nav ul li a:hover
{
color: #82d2d9;
}
.main_body
{
width:974px;
margin:0 auto;
overflow:hidden;
}
.body_left
{
width:640px;
float:left;
overflow:hidden;
}
.body_right
{
width:320px;
float:right;
}
.contenar
{
overflow:hidden;
}
.contenar_left
{
width:345px;
float:left;
}
.contenar_right
{
width:280px;
float:right;
}
.latest_table h4
{
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
margin-bottom: 0;
padding-bottom: 8px;
}
.project_table h4
{
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
margin-bottom: 0;
padding-bottom: 8px;
}
.latest_main
{
background:#f7f7f7;
padding:10px;
}
.latest_main a
{
font: 20px 'HelveticaReg', Helvetica, Arial, sans-serif;
color: #5f504d;
font-weight: bold;
background-image: none;
}
.latest_main img
{
margin:0 0 7px 0;
}
.latest_main a:hover
{
text-decoration:underline;
}
.latest_main p
{
color: #5f504d;
padding:7px 0 0 0;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.project_main
{
background:#f7f7f7;
padding:10px;
}
.project_one
{
overflow:hidden;
margin:0 0 15px 0;
}
.project_one img
{
width:130px;
height:95px;
float:left;
margin:0 15px 0 0;
}
.project_one a
{
font: 16px 'HelveticaReg', Helvetica, Arial, sans-serif;
color: #5f504d;
font-weight: bold;
background-image: none;
}
.project_one a:hover
{
text-decoration:underline;
}
.gallery
{
margin:15px 0 0 0;
}
.gallery h4
{
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
padding-bottom: 8px;
padding-top: 8px;
}
.gallery_main
{
background:#f7f7f7;
padding:10px 10px 10px 15px;
width:614px;
overflow:hidden;
margin-top:-20px !important;
}
.gallery_one
{
width:190px;
margin:0 10px 15px 3px;
float:left;
height:250px;
}
.gallery_one a
{
font: 15px 'HelveticaReg', Helvetica, Arial, sans-serif;
color: #5f504d;
font-weight: bold;
background-image: none;
}
.gallery_one a:hover
{
text-decoration:underline;
}
.gallery_one img
{
margin:7px 0 0 0;
width:190px;
height:167px;
}
.info_table
{
margin:15px 0 0 0;
}
.info_table h4
{
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
margin-bottom: 0;
padding-bottom: 8px;
padding-top: 8px;
}
.info_main
{
background:#f7f7f7;
padding:10px;
}
.info_one
{
overflow:hidden;
margin:0 0 18px 0;
}
.info_one img
{
float:right;
margin:0 0 0 12px;
}
.info_one a
{
color: #176684;
font: bold 19px/20px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 0 8px 0;
}
.info_one a:hover
{
text-decoration:underline;
}
.info_one p
{
color: #5f504d;
padding:7px 0 0 0;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.read
{
padding:7px 0 0 0 !important;
color: #ba0707 !important;
font: bold 13px/18px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
display:table;
}
.popular_table
{
margin:15px 0 0 0;
overflow:hidden;
}
.popular_left
{
float:left;
width:310px;
}
.popular_right
{
float:right;
width:310px;
}
.popular_left h4
{
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
margin-bottom: 0;
padding-bottom: 8px;
}
.popular_left_main
{
background:#f7f7f7;
padding:10px;
overflow:hidden;
}
.popular_left_main_one a
{
font: 16px 'HelveticaReg', Helvetica, Arial, sans-serif;
color: #5f504d;
font-weight: bold;
background-image: none;
}
.popular_left_main_one p
{
color: #5f504d;
padding:7px 0 0 0;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.popular_left_main_one a:hover
{
text-decoration:underline;
}
.popular_left_main_one
{
margin:0 0 15px 0;
}
.popular_right h4
{
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
margin-bottom: 0;
padding-bottom: 8px;
}
.popular_right_main
{
background:#f7f7f7;
padding:10px;
overflow:hidden;
}
.popular_right_main ul
{
padding:0;
}
.popular_right_main ul li
{
font: bold 17px/20px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding: 0 0 10px 0;
color: #ba0707;
list-style:decimal;
margin:0 0 0 22px;
}
.popular_right_main ul li a
{
color: #176684;
font: bold 15px/20px 'HelveticaReg', Helvetica,Arial,sans-serif;
}
.popular_right_main ul li a:hover
{
text-decoration:underline;
}
.bar
{
background: #eee;
width:210px;
border:none;
height:38px;
float:left;
margin:0;
padding:0 5px 0 10px;
color: #5f504d;
font: normal 13px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
text-transform:uppercase;
}
.right_box
{
margin:0 0 12px 0;
}
.sidebar_right
{
margin:0 0 25px 0;
}
#sidebar_right a{color: #5f504d;
font: bold 14px/18px 'HelveticaReg', Helvetica,Arial,sans-serif; }
#sidebar_right a:hover{color:#00598e; text-decoration:none; }
#sidebar_right .widgetTitle_right, #twitterUpdate h3 {
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
margin-bottom: 0;
padding-bottom: 8px;
padding-left:8px;
}
#sidebar_right ul li{ padding:5px 0 5px 0; color: #5f504d;
font: bold 14px/18px 'HelveticaReg', Helvetica,Arial,sans-serif; }
#sidebar_right ul li a:hover
{
text-decoration:underline;
}
#sidebar_right ol li a:hover
{
text-decoration:underline;
}
#sidebar_right li:last-child { border-bottom:12px; }
#sidebar_right li.widget { margin:0 0 12px 0; }
#sidebar_right li.widget.nosidepad { padding:10px 0; }
#sidebar_right li.widget div{ padding:0 5px; clear:both; }
#sidebar_right li.widget div div{padding:0;border-top:none;}
#sidebar_right li.widget div.fixed{padding:0;margin:0;border:none;}
#sidebar_right ul{ clear:both; margin:0 0 15px 0;}
#sidebar_right ul ul{ 0 }
#sidebar_right ul.children { background:none!important; }
#sidebar_right ul.children li { border-width:0!important; }
#sidebar_right ul ul ul{padding:0;border-top:none;}
#sidebar_right ul li{ padding:8px; border-width:0; background:#f7f7f7; }
#sidebar_right ol li{ padding:7px 7px 7px 0; border-width:0; color: #ba0707;
list-style: decimal;
margin: 0 0 0 26px;
font: bold 16px/18px 'HelveticaReg', Helvetica,Arial,sans-serif;
}
#sidebar_right ol
{
background:#f7f7f7;
}
/* WP-RecentComments */
#sidebar_right ul ul li.rc_item,#sidebar2 ul ul li#rc_nav{background:none;padding:0;margin:3px 0;}
#sidebar_right ul ul li.rc_item div{padding:0;border:none;}
#sidebar_right ul ul li.rc_item .rc_avatar img{border:1px solid #ddd;}
.widget_categories_right { padding:0!important; }
.widget_categories_right .widgetTitle_right { font-weight:bold; }
.nav ul li.nbg
{
border-right:none !important;
}
.footer_table
{
background: url(images/footer_bg.png) repeat-x #176684;
margin:20px 0 0 0;
}
.footer_main
{
width:974px;
margin:0 auto;
overflow:hidden;
padding:50px 0 0 0;
}
.footer_up
{
overflow:hidden;
border-bottom:2px #d7d7d7 solid;
}
.foot_one
{
width:200px;
overflow:hidden;
margin:0 25px 0 0;
float:left;
padding:0 15px 10px 0;
}
.foot_one h2
{
color:#fff;
font: bold 14px/16px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 0 6px 0;
margin:0 0 6px 0;
}
.foot_one ul
{
padding:0;
}
.foot_one ul li
{
color:#fff;
font: bold 11px/14px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 10px 7px 0;
}
.foot_one ul li a
{
color:#fff;
}
.foot_one ul li a:hover
{
text-decoration:underline;
}
.foot_two
{
width:200px;
overflow:hidden;
margin:0 25px 0 0;
float:left;
padding:0 15px 10px 0;
}
.foot_two h2
{
color:#fff;
font: bold 14px/16px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 0 6px 0;
margin:0 0 6px 0;
}
.foot_two ul
{
padding:0;
}
.foot_two ul li
{
color:#fff;
font: bold 11px/14px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 10px 7px 0;
}
.foot_two ul li a
{
color:#fff;
}
.foot_two ul li a:hover
{
text-decoration:underline;
}
.foot_three
{
width:200px;
overflow:hidden;
margin:0 25px 0 0;
float:left;
padding:0 15px 10px 0;
}
.foot_three h2
{
color:#fff;
font: bold 14px/16px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 0 6px 0;
margin:0 0 6px 0;
}
.foot_three ul
{
padding:0;
}
.foot_three ul li
{
color:#fff;
font: bold 11px/14px 'HelveticaReg', Helvetica,Arial,sans-serif;padding:0 10px 7px 0;
}
.foot_three ul li a
{
color:#fff;
}
.foot_three ul li a:hover
{
text-decoration:underline;
}
.foot_four
{
width:240px;
overflow:hidden;
padding:0 0 10px 0;
}
.foot_four h2
{
color:#fff;
font: bold 14px/16px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 0 6px 0;
margin:0 0 6px 0;
}
.foot_four ul
{
padding:0;
}
.foot_four ul li
{
color:#fff;
font: bold 11px/14px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:0 10px 7px 0;
}
.foot_four ul li a
{
color:#fff;
}
.foot_four ul li a:hover
{
text-decoration:underline;
}
.footer_down
{
clear:both;
padding:15px 0 0 0;
}
.footer_down
{
overflow:hidden;
padding:5px 0 5px 0;
}
.footer_down p
{
color:#fff;
font: bold 11px/14px 'HelveticaReg', Helvetica,Arial,sans-serif;
text-align:center;
}
.footer_down a
{
color: #f15b45;
font: bold 11px/14px 'HelveticaReg', Helvetica,Arial,sans-serif;
}
.footer_down a:hover
{
text-decoration:underline;
}
.post_table h4
{
font: 30px/35px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #f15b45;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
padding-bottom: 8px;
}
.post_main
{
margin:15px 0 0 0;
overflow:hidden;
}
.post_one
{
overflow:hidden;
background:#f7f7f7;
padding:12px;
margin:0 0 15px 0;
}
.post_one img
{
float:left;
margin:0 18px 0 0;
}
.post_one a
{
color: #176684;
font: bold 18px/20px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding: 0 0 8px 0;
}
.post_one a:hover
{
text-decoration:underline;
}
.post_table p
{
color: #5f504d;
padding:10px 0 0 0;
font: italic 18px/22px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.post_one p
{
color: #5f504d;
padding:10px 0 0 0;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.blog_pagination {
clear:both;
position:relative;
font-size:11px;
padding:7px;
overflow:hidden;
margin:12px 0 0 0;
}
.blog_pagination a {
display:block;
float:left;
margin: 2px 10px 2px 0;
text-decoration:none;
width:auto;
font: bold 11px Myriad, Helvetica,Arial,sans-serif;
color: #000;
padding:7px;
color: #5e5e5e;
background:url(images/effect_back.png);
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
border: 1px solid #DBDBDB;
}
.blog_pagination a:hover{
color:#ed1c24;
}
.blog_pagination .current{
display:block;
float:left;
margin: 2px 10px 2px 0;
text-decoration:none;
width:auto;
font: bold 11px Myriad, Helvetica,Arial,sans-serif;
padding:7px;
color: #fff;
background-color: #f15b45;
border: 1px solid #DBDBDB;
}
.blog_pagination span
{
display:block;
float:left;
margin: 2px 10px 2px 0;
padding:0 10px 0 10px;
text-decoration:none;
width:auto;
font: bold 11px Helvetica,Arial,sans-serif;
color: #000;
}
.view
{
height:50px;
display:table;
text-align:center;
color: #fff !important;
font: bold 13px/25px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
float:right;
background:url(images/view_back.png) no-repeat;
width:71px;
margin:10px 0 0 0;
}
.view:hover
{
text-decoration:underline;
}
.bred_table
{
margin:15px 0 0 0;
border-bottom: 1px solid #C0C0C0;
}
.bred_main
{
width:618px;
margin:0 auto;
overflow:hidden;
color: #5f504d;
font: normal 11px/18px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
}
.bred_main a
{
background:url(images/bred_grad.png) no-repeat;
width:85px;
height:20px;
padding:10px 7px 10px 7px;
color: #5f504d;
font: normal 11px/18px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
text-align:center;
overflow:hidden;
}
.bred_main a:hover
{
background:url(images/bred_back.png) no-repeat;
width:85px;
height:20px;
}
.inner_left
{
width:160px;
float:left;
padding:12px 0 0 0;
}
.inner_mid
{
width:440px;
float:right;
border-right: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
padding:12px 10px 7px 10px;
}
#sidebar3
{
margin:0 0 12px 0;
}
#sidebar3 a{
color: #5f504d;
font:bold 10px/11px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
padding:0 0 0 3px;
}
#sidebar3 a:hover
{
color: #00598e !important;
}
#sidebar3 .widgetTitle3, #twitterUpdate h3 {
position: relative;
top: -2px;
padding: 5px 11px 8px 4px;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
color: #000;
font:bold 18px/22px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
margin-left: 8px;
}
#sidebar3 li{ color:#212121; padding:4px; }
#sidebar3 li:last-child { border-bottom:0; }
#sidebar3 li.widget.nosidepad { padding:10px 0; }
#sidebar3 li.widget div{ padding:8px 5px; clear:both; }
#sidebar3 li.widget div div{padding:0;border-top:none;}
#sidebar3 li.widget div.fixed{padding:0;margin:0;border:none;}
#sidebar3 ul{ clear:both;
}
#sidebar3 ul ul{ padding:10px 5px 10px; }
#sidebar3 ul.children { background:none!important; }
#sidebar3 ul.children li { border-width:0!important; }
#sidebar3 ul ul ul{padding:0;border-top:none;}
#sidebar3 ul li{background:url(images/board_back.png) repeat-y 0 0; border-width:0; width:154px; height:29px; }
#sidebar2 ul li a:hover
{
color:#ec008c;
}
/* WP-RecentComments */
#sidebar3 ul ul li.rc_item,#sidebar3 ul ul li#rc_nav{background:none;padding:0;margin:3px 0;}
#sidebar3 ul ul li.rc_item div{padding:0;border:none;}
#sidebar3 ul ul li.rc_item .rc_avatar img{border:1px solid #ddd;}
.widget_categories3 { background:#ffffff; padding:0!important; border-radius:5px; padding:8px 0 0 0; }
.widget_categories3 .widgetTitle3 { padding:10px 0 6px 0;
}
.text_part p
{
color: #5f504d;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
margin:0 0 12px 0;
}
.body_head
{
margin:0 0 5px 0;
}
.body_head h1
{
color: #ba0707 !important;
font:bold 24px/28px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
}
.text_part h1
{
color: #ba0707 !important;
font:bold 24px/28px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
padding:0 0 5px 0;
}
.text_part h2
{
color: #5f504d;
font:bold 20px/24px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
padding:6px 0 6px 0;
}
.text_part h3
{
color: #5f504d;
font:bold 17px/21px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
padding:6px 0 6px 0;
}
.text_part h4
{
color: #5f504d;
font:bold 15px/19px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
padding:6px 0 6px 0;
}
.text_part ul
{
margin: 0;
}
.text_part ul li
{
background:url(images/bullet.png) no-repeat 0 4px;
color: #5f504d;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
padding:5px 0 8px 27px;
}
.text_part ul li li
{
padding: 0 0 8px 22px;
color: #5f504d;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
background:url(images/bullet.png) no-repeat 0 2px;
}
.text_part ul li a
{
color: #ba0707 !important;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.text_part ul li a:hover
{
color: #00598e;
}
.text_part ul li li a
{
color: #ba0707 !important;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.text_part ul li li a:hover
{
color: #00598e;
}
.text_part ol
{
margin: 0;
}
.text_part ol li
{
list-style:decimal;
color: #5f504d;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
padding:0 0 10px 0;
margin:0 0 0 40px;
}
.text_part ol li li
{
padding: 0 0 8px 22px;
color: #5f504d;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
list-style:decimal;
margin:0 0 0 12px;
}
.text_part ol li a
{
color: #ba0707 !important;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.text_part ol li a:hover
{
color: #00598e;
}
.text_part ol li li a
{
color: #eb0776 !important;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.text_part ol li li a:hover
{
color: #00598e;
}
.text_part a
{
color: #00598e !important;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.text_part a:hover
{
color: #ba0707 !important;
}
.text_part alignleft,
img.alignleft {
display: inline;
float: left;
margin-top:7px;
margin-right: 7px;
margin-bottom: 7px;
padding: 3px;
-moz-box-shadow: 2px 2px 10px #ccc;
-webkit-box-shadow: 2px 2px 10px #ccc;
box-shadow: 2px 2px 10px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696');
border: 1px solid #e1e1e1;
max-width: 455px;
}
.text_part alignright,
img.alignright {
display: inline;
float: right;
margin-top:7px;
margin-left: 7px;
margin-bottom: 7px;
padding: 3px;
-moz-box-shadow: 2px 2px 10px #ccc;
-webkit-box-shadow: 2px 2px 10px #ccc;
box-shadow: 2px 2px 10px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696');
border: 1px solid #e1e1e1;
}
.text_part aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top:7px;
margin-bottom: 7px;
padding: 3px;
-moz-box-shadow: 2px 2px 10px #ccc;
-webkit-box-shadow: 2px 2px 10px #ccc;
box-shadow: 2px 2px 10px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696');
border: 1px solid #e1e1e1;
}
.text_part img
{
max-width:430px;
height:auto
}
.net_box
{
background:url(images/info_back.png) no-repeat;
height:35px;
padding:0 0 0 42px;
}
.net_box p
{
color: #000;
font: bold 14px/35px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.net_box a
{
color: #ba0707 !important;
font:bold 14px 'HelveticaReg', Helvetica, Arial, sans-serif;
padding:0 2px 0 2px;
}
.net_box a:hover
{
text-decoration:underline;
}
.tag_table
{
overflow:hidden;
}
.tag_table h4
{
color: #5f504d;
font:bold 14px 'HelveticaReg', Helvetica, Arial, sans-serif;
float:left;
padding:8px 0 0 0;
}
.tag_table a
{
color:#fff;
font:bold 13px/35px 'HelveticaReg', Helvetica, Arial, sans-serif;
margin:0 3px 0 3px;
background:url(images/tag_back.gif) repeat-x 0 0;
padding:3px 5px 3px 5px;
}
.tag_table a:hover
{
text-decoration:underline;
background:url(images/cate_back.gif) repeat-x 0 0;
}
.cate_table
{
margin:12px 0 0 0;
overflow:hidden;
}
.cate_table h4
{
color: #5f504d;
font:bold 14px 'HelveticaReg', Helvetica, Arial, sans-serif;
float:left;
padding:8px 0 0 0;
}
.cate_table a
{
color:#fff;
font:bold 13px/35px 'HelveticaReg', Helvetica, Arial, sans-serif;
margin:0 3px 0 3px;
background:url(images/cate_back.gif) repeat-x 0 0;
padding:3px 5px 3px 5px;
}
.cate_table a:hover
{
text-decoration:underline;
background:url(images/tag_back.gif) repeat-x 0 0;
}
.comment_table
{
margin:15px 0 0 0;
-moz-border-radius: 3px;
border-radius: 3px;
padding: .625em;
}
.comment_table h4
{
font: normal 24px/30px 'HelveticaReg', Helvetica,Arial,sans-serif;
color:#5f504d;
background: url(images/bg_hdr.jpg) repeat-x left bottom;
padding-bottom: 8px;
margin:0 0 15px 0;
}
.row
{
margin:0 0 10px 0;
overflow:hidden;
}
#author {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 250px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #5f504d;
}
#email {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 250px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #5f504d;
}
#url {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 250px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #5f504d;
}
#comment {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 380px;
height:120px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #5f504d;
}
.required {
font:bold 12px Tahoma, Geneva, Arial, Helvetica, Verdana, sans-serif;
color:#333;
}
.required span {
color: #FF0000 !important;
}
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
color: #5e5e5e;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.028571429;
font-weight: normal;
color: #fff;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #ed1c24, #ed1c24);
background-image: -ms-linear-gradient(top, #ed1c24, #ed1c24);
background-image: -webkit-linear-gradient(top, #ed1c24, #ed1c24);
background-image: -o-linear-gradient(top, #ed1c24, #ed1c24);
background-image: linear-gradient(top, #ed1c24,#ed1c24);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
cursor:pointer;
margin:12px 0 0 0;
}
.commentlist
{
background:#dfe5f4;
padding:15px;
border-radius:8px;
}
.comment-body p
{
color: #666;
font: normal 15px/20px Arial, sans-serif;
clear:both;
padding:10px 0 0 0;
}
.commentlist img
{
float:left;
margin:0 10px 0 0;
display:block;
height:50px;
width:50px;
border:#666 3px solid;
}
#comments-title
{
font-size: .9em;
color: #ff6633;
font-family: "Gill Sans Display Bold", sans-serif;
font-weight: bold;
padding:0 0 15px 0;
}
.comment-body a
{
text-decoration:underline;
color: #00458a !important;
font-size: .7em;
font-family: "Gill Sans Display Bold", sans-serif;
font-weight: bold !important;
padding:0 0 15px 0;
}
.says
{
color: #00458a !important;
font-size: .7em;
font-family: "Gill Sans Display Bold", sans-serif;
font-weight: bold;
padding:0 0 15px 0;
}
.fn
{
color: #ba0707 !important;
font-size: .7em;
font-family: "Gill Sans Display Bold", sans-serif;
font-weight: bold;
padding:0 0 15px 0;
}
.commentlist a
{
padding:7px 0 0 0;
color:#000 !important;
font-size: .7em;
font-family: "Gill Sans Display Bold", sans-serif;
font-weight: normal;
display:table;
}
#respond
{
margin:15px 0 0 0;
}
#respond h3
{
font: bold 22px/22px Arial, sans-serif;
color: #009f94;
padding-bottom: 8px;
margin: 0 0 15px 0;
}
.comment-notes
{
color:#5f504d;
font: normal 15px/20px Arial, sans-serif;
}
.required {
font: bold 12px Tahoma, Geneva, Arial, Helvetica, Verdana, sans-serif;
color: #5f504d;
}
span.required {
color: red;
}
label
{
font: bold 14px/18px 'HelveticaReg', Helvetica,Arial,sans-serif;
color: #000;
padding:10px 0 5px 12px;
margin:5px 0 5px 0;
display:table;
}
.comment_box h3
{
font: bold 16px/20px Arial, sans-serif;
color: #ba0707 !important;
padding-bottom: 8px;
margin: 0 0 15px 0;
}
/* Minimum width of 600 pixels. */
@media screen and (min-width: 769px) {
.author-avatar {
float: left;
margin-top: 8px;
margin-top: 0.571428571rem;
}
.author-description {
float: right;
width: 80%;
}
.site {
margin: 0 auto;
width: 67.5rem;
max-width: 68.571428571rem;
overflow: hidden;
}
.site-content {
float: left;
width: 65.104166667%;
}
body.template-front-page .site-content,
body.single-attachment .site-content,
body.full-width .site-content {
width: 100%;
}
.widget-area {
float: right;
width: 26.041666667%;
}
.site-header h1,
.site-header h2 {
text-align: left;
}
.site-header h1 {
font-size: 26px;
font-size: 1.857142857rem;
line-height: 1.846153846;
margin-bottom: 0;
}
/* OLD NAV WITHOUT DROPDOWNS
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
background: #f15b45;
height: 52px;
overflow: hidden;
margin: 0 0 15px 0;
}
.main-navigation ul {
background: #f15b45;
height: 52px;
overflow: hidden;
margin: 0 0 15px 0;
}
.main-navigation li a,
.main-navigation li {
color: #FFFFFF;
font: normal 18px/52px 'HelveticaReg', Helvetica,Arial,sans-serif;
float: left;
}
.main-navigation li a {
border-bottom: 0;
white-space: nowrap;
color: #FFFFFF;
font: normal 18px/52px 'HelveticaReg', Helvetica,Arial,sans-serif;
padding:2px 15px 0 8px;
border-right: 1px solid #fff;
}
.main-navigation li a:hover {
color: #82d2d9;
}
.main-navigation li:hover {
box-shadow: inset 0 0 8px #000;
}
.main-navigation li {
position: relative;
}
.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul {
border-left: 0;
display: block;
}
.main-navigation li ul li
{
width: 205px!important;
background: url(images/drop_back.jpg) no-repeat left bottom!important;
padding: 5px 5px 6px 5px !important;
color:#000;
margin:-2px 0 0 0;
border-bottom:#f0f0f0 2px solid;
}
.main-navigation li ul li a {
color:#000;
font: bold 11px/13px "Open Sans",Helvetica,Arial,sans-serif !important;
}
.main-navigation li ul li a:hover {
background: #434343 !important;
color: #fff;
-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
*/
/* https://webdesignerhut.com/css-dropdown-menu/ */
/* ======================================== NEW MENU WITH DROPDOWNS ============================== */
/* Giving a background-color to the nav container. */
.main-navigation {
margin: 0px 0 50px;
background-color: #f15b45;
}
/* Removing padding, margin and "list-style" from the "ul",
* and adding "position:relative" */
.main-navigation ul {
padding:0;
margin:0;
list-style: none;
position: relative;
}
/* Positioning the navigation items inline */
.main-navigation ul li {
margin: 0px -11px 0 0;
display:inline-block;
background-color: #f15b45;
font: normal 18px/52px 'HelveticaReg', Helvetica,Arial,sans-serif;
z-index:9999999
}
/* Styling the links */
.main-navigation li a {
display:block;
padding:0 10px;
color:#FFF;
font-size:20px;
line-height: 52px;
text-decoration:none;
}
.main-navigation li a { border-right:8px solid white !Important;}
/* Background color change on Hover */
.main-navigation li:hover {
background-color:#FC7664;
}
/* add arrows to drop down items */
.main-navigation li > a:after {
content: ' ▾';
}
.main-navigation li > a:only-child:after {
content: '';
}
/* Hide Dropdowns by Default
* and giving it a position of absolute */
.main-navigation ul ul {
display: none;
position: absolute;
top: 100%;
}
/* Display Dropdowns on Hover */
.main-navigation ul li:hover > ul {
display:inherit;
}
/* Fisrt Tier Dropdown */
.main-navigation ul ul li {
min-width:170px;
display:list-item;
position: relative;
}
.menu-toggle {
display: none;
}
.entry-header .entry-title {
font-size: 22px;
font-size: 1.571428571rem;
}
#respond form input[type="text"] {
width: 46.333333333%;
}
#respond form textarea.blog-textarea {
width: 79.666666667%;
}
.template-front-page .site-content,
.template-front-page article {
overflow: hidden;
}
.template-front-page.has-post-thumbnail article {
float: left;
width: 47.916666667%;
}
.entry-page-image {
float: right;
margin-bottom: 0;
width: 47.916666667%;
}
.template-front-page .widget-area .widget,
.template-front-page.two-sidebars .widget-area .front-widgets {
float: left;
width: 51.875%;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.template-front-page .widget-area .widget:nth-child(odd) {
clear: right;
}
.template-front-page .widget-area .widget:nth-child(even),
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
float: right;
width: 39.0625%;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.template-front-page.two-sidebars .widget,
.template-front-page.two-sidebars .widget:nth-child(even) {
float: none;
width: auto;
}
.commentlist .children {
margin-left: 48px;
margin-left: 3.428571429rem;
}
}
/* phones(smart) */
@media screen and (max-width:479px) {
/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#106db7', endColorstr='#106db7');
background: -webkit-gradient(linear, left top, left bottom, from(#106db7), to(#106db7));
background: -moz-linear-gradient(top, #106db7, #106db7);
border-bottom: 2px solid #ccc;
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78f20', endColorstr='#f78f20');
background: -webkit-gradient(linear, left top, left bottom, from(#f78f20), to(#f78f20));
background: -moz-linear-gradient(top, #f78f20, #f78f20);
border-bottom: 2px solid #ccc;
}
li.bypostauthor cite span {
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc7d48', endColorstr='#cc7d48');
background: -webkit-gradient(linear, left top, left bottom, from(#cc7d48), to(#cc7d48));
background: -moz-linear-gradient(top, #009EB5, #00819D);
#cc7d48
border-bottom: 2px solid #ccc;
}
/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; /* Override the Twitter embed fixed width */
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
max-width: 100%; /* Keep wide captions from overflowing their container. */
padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.entry-content dl.gallery-item {
margin: 0;
}
.gallery-item a,
.gallery-caption {
width: 90%;
}
.gallery-item a {
display: block;
}
.gallery-caption a {
display: inline;
}
.gallery-columns-1 .gallery-item a {
max-width: 100%;
width: auto;
}
.gallery .gallery-icon img {
height: auto;
max-width: 90%;
padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
padding: 3%;
}
/* Navigation */
.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
}
#nav-above {
padding: 24px 0;
padding: 1.714285714rem 0;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous,
.previous-image {
float: left;
width: 50%;
}
.nav-next,
.next-image {
float: right;
text-align: right;
width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
margin: 48px 0;
margin: 3.428571429rem 0;
}
/* Author profiles */
.author .archive-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.author-info {
border-top: 1px solid #ededed;
margin: 24px 0;
margin: 1.714285714rem 0;
padding-top: 24px;
padding-top: 1.714285714rem;
overflow: hidden;
}
.author-description p {
color: #757575;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.author.archive .author-info {
border-top: 0;
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
margin-top: 0;
}
/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html {
font-size: 87.5%;
}
body {
font-size: 14px;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}
body.custom-font-enabled {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
outline: none;
color: #21759b;
}
a:hover {
color: #0f3647;
}
/* Assistive text */
.assistive-text,
.site .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
background: #fff;
border: 2px solid #333;
border-radius: 3px;
clip: auto !important;
color: #000;
display: block;
font-size: 12px;
padding: 12px;
position: absolute;
top: 5px;
left: 5px;
z-index: 100000; /* Above WP toolbar */
}
/* Page structure */
.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;
}
.site-content {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
.widget-area {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
/* Header */
.site-header {
padding: 24px 0;
padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
text-align: center;
}
.site-header h1 a,
.site-header h2 a {
color: #515151;
display: inline-block;
text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
color: #21759b;
}
.site-header h1 {
font-size: 24px;
font-size: 1.714285714rem;
line-height: 1.285714286;
margin-bottom: 14px;
margin-bottom: 1rem;
}
.site-header h2 {
font-weight: normal;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.header-image {
margin-top: 24px;
margin-top: 1.714285714rem;
}
/* Navigation Menu */
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
}
.wraper {
clear: both;
width: 100%;
margin: 10px auto;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.4);
box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}
.header {
width: 300px;
margin: 10px auto;
overflow: hidden;
}
.header_left {
width: 300px;
float: none;
}
.header_right {
width: 298px;
float: none;
height: 28px;
padding: 7px;
margin: 10px 0 0 0;
}
.bar {
background: #eee;
border: 1px solid #aaa;
width: 200px;
height: 24px;
float: left;
margin: 0 5px 0 0;
padding: 0 5px 0 5px;
color: #5f504d;
font: normal 14px/18px 'HelveticaReg', Helvetica, Arial, sans-serif;
}
.main_body {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.body_left {
width: 100%;
float: none;
overflow: hidden;
}
.body_right {
width: 100%;
float: none;
margin:15px 0 0 0;
}
.contenar_left {
width: 100%;
float: none;
}
.contenar_right {
width: 100%;
float: none;
margin:15px 0 0 0;
}
.latest_main img {
margin: 0 0 7px 0;
width:98%;
}
.gallery_main {
background: #f7f7f7;
padding: 10px 10px 10px 15px;
width: 100%;
overflow: hidden;
margin-top: -5px !important;
}
.gallery_one {
width: 170px;
margin: 0 12px 15px 8px;
float: left;
height: 220px;
}
.gallery_one img {
margin: 7px 0 0 0;
width: 170px;
height: 167px;
}
.popular_left {
float: none;
width: 100%;
}
.popular_right {
float: none;
width: 100%;
margin:15px 0 0 0;
}
.footer_main {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 50px 0 0 0;
}
.foot_one
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.foot_two
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.foot_three
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.foot_four
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.bred_main {
width: 99%;
margin: 0 auto;
overflow: hidden;
color: #5f504d;
font: normal 11px/18px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
}
.inner_left {
display:none;
}
.inner_mid {
width: 99%;
float: none;
border-right: none;
border-left: none;
border-bottom: none;
padding: 0 0 0 0;
margin:12px auto;
}
.text_part img
{
max-width:300px;
max-height:450px;
}
#comment {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 260px;
height: 120px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #5f504d;
}
}
/* tablets */
@media screen and (min-width:480px) and (max-width:768px){
/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#106db7', endColorstr='#106db7');
background: -webkit-gradient(linear, left top, left bottom, from(#106db7), to(#106db7));
background: -moz-linear-gradient(top, #106db7, #106db7);
border-bottom: 2px solid #ccc;
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78f20', endColorstr='#f78f20');
background: -webkit-gradient(linear, left top, left bottom, from(#f78f20), to(#f78f20));
background: -moz-linear-gradient(top, #f78f20, #f78f20);
border-bottom: 2px solid #ccc;
}
li.bypostauthor cite span {
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc7d48', endColorstr='#cc7d48');
background: -webkit-gradient(linear, left top, left bottom, from(#cc7d48), to(#cc7d48));
background: -moz-linear-gradient(top, #009EB5, #00819D);
#cc7d48
border-bottom: 2px solid #ccc;
}
/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; /* Override the Twitter embed fixed width */
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
max-width: 100%; /* Keep wide captions from overflowing their container. */
padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.entry-content dl.gallery-item {
margin: 0;
}
.gallery-item a,
.gallery-caption {
width: 90%;
}
.gallery-item a {
display: block;
}
.gallery-caption a {
display: inline;
}
.gallery-columns-1 .gallery-item a {
max-width: 100%;
width: auto;
}
.gallery .gallery-icon img {
height: auto;
max-width: 90%;
padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
padding: 3%;
}
/* Navigation */
.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
}
#nav-above {
padding: 24px 0;
padding: 1.714285714rem 0;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous,
.previous-image {
float: left;
width: 50%;
}
.nav-next,
.next-image {
float: right;
text-align: right;
width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
margin: 48px 0;
margin: 3.428571429rem 0;
}
/* Author profiles */
.author .archive-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.author-info {
border-top: 1px solid #ededed;
margin: 24px 0;
margin: 1.714285714rem 0;
padding-top: 24px;
padding-top: 1.714285714rem;
overflow: hidden;
}
.author-description p {
color: #757575;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.author.archive .author-info {
border-top: 0;
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
margin-top: 0;
}
/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html {
font-size: 87.5%;
}
body {
font-size: 14px;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}
body.custom-font-enabled {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
outline: none;
color: #21759b;
}
a:hover {
color: #0f3647;
}
/* Assistive text */
.assistive-text,
.site .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
background: #fff;
border: 2px solid #333;
border-radius: 3px;
clip: auto !important;
color: #000;
display: block;
font-size: 12px;
padding: 12px;
position: absolute;
top: 5px;
left: 5px;
z-index: 100000; /* Above WP toolbar */
}
/* Page structure */
.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;
}
.site-content {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
.widget-area {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
/* Header */
.site-header {
padding: 24px 0;
padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
text-align: center;
}
.site-header h1 a,
.site-header h2 a {
color: #515151;
display: inline-block;
text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
color: #21759b;
}
.site-header h1 {
font-size: 24px;
font-size: 1.714285714rem;
line-height: 1.285714286;
margin-bottom: 14px;
margin-bottom: 1rem;
}
.site-header h2 {
font-weight: normal;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.header-image {
margin-top: 24px;
margin-top: 1.714285714rem;
}
/* Navigation Menu */
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
}
.wraper {
clear: both;
width: 100%;
margin: 10px auto;
overflow: hidden;
background-color: #fff;
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.4);
box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}
.header {
width: 480px;
margin: 10px auto;
overflow: hidden;
}
.header_left {
width: 300px;
float: none;
margin:0 0 0 90px;
}
.header_right {
width: 298px;
float: none;
background: #9dd5d2;
border: 1px solid #a9a9a9;
height: 28px;
padding: 7px;
margin: 10px 0 0 90px;
}
.main_body {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.body_left {
width: 100%;
float: none;
overflow: hidden;
}
.body_right {
width: 100%;
float: none;
margin:15px 0 0 0;
}
.contenar_left {
width: 100%;
float: none;
}
.contenar_right {
width: 100%;
float: none;
margin:15px 0 0 0;
}
.latest_main img {
margin: 0 0 7px 0;
width:98%;
}
.gallery_main {
background: #f7f7f7;
padding: 10px 10px 10px 15px;
width: 100%;
overflow: hidden;
margin-top: 0 !important;
}
.gallery_one {
width: 190px;
margin: 0 20px 15px 15px;
float: left;
height: 220px;
}
.popular_left {
float: none;
width: 100%;
}
.popular_right {
float: none;
width: 100%;
margin:15px 0 0 0;
}
.footer_main {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 50px 0 0 0;
}
.foot_one
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.foot_two
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.foot_three
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.foot_four
{
width: 99%;
overflow:hidden;
margin:0 0 15px 0;
float:none;
padding:0;
}
.bred_main {
width: 99%;
margin: 0 auto;
overflow: hidden;
color: #5f504d;
font: normal 11px/18px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
}
.inner_left {
display:none;
}
.inner_mid {
width: 99%;
float: none;
border-right: none;
border-left: none;
border-bottom: none;
padding: 0 0 0 0;
margin:12px auto;
}
.text_part img
{
max-width:460px;
max-height:550px;
}
#comment {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 420px;
height: 120px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #5f504d;
}
}
@media screen and (min-width:769px) and (max-width:993px){
.wraper
{
clear:both;
width:769px;
margin:10px auto;
overflow:hidden;
background-color: #fff;
-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.4);
-moz-box-shadow: 0 5px 20px rgba(0,0,0,0.4);
box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}
.header
{
width:759px;
margin:15px auto;
overflow:hidden;
}
.header_up
{
width:730px;
margin:0 auto;
}
.header_down
{
clear:both;
overflow:hidden;
margin:12px 0 0 0;
}
.header_left
{
width:300px;
float:left;
}
.header_right
{
width:300px;
float:right;
background:#9dd5d2;
border: 1px solid #a9a9a9;
height:28px;
padding:7px;
margin:20px 0 0 0;
}
.main_body
{
width:760px;
margin:0 auto;
overflow:hidden;
}
.body_left
{
width:420px;
float:left;
overflow:hidden;
}
.body_right
{
width:320px;
float:right;
}
.contenar
{
overflow:hidden;
}
.contenar_left
{
width:420px;
float:none;
}
.contenar_right
{
width:420px;
float:none;
margin:12px 0 0 0;
}
.latest_main img {
margin: 0 0 7px 0;
width:400px;
}
.gallery_main
{
background:#f7f7f7;
padding:10px 10px 10px 15px;
width:420px;
overflow:hidden;
margin-top:-20px !important;
}
.popular_left
{
float:none;
width:420px;
}
.popular_right
{
float:none;
width:420px;
margin:12px 0 0 0;
}
.footer_main
{
width:760px;
margin:0 auto;
overflow:hidden;
padding:50px 0 0 0;
}
.foot_one
{
width: 180px;
overflow:hidden;
margin:0 10px 0 0;
float:left;
padding:0;
}
.foot_two
{
width: 180px;
overflow:hidden;
margin:0 10px 0 0;
float:left;
padding:0;
}
.foot_three
{
width: 180px;
overflow:hidden;
margin:0 10px 0 0;
float:left;
padding:0;
}
.foot_four
{
width: 180px;
overflow:hidden;
margin:0 10px 0 0;
float:left;
padding:0;
}
.inner_left {
display:none;
}
.inner_mid {
width: 440px;
float: left;
border-right: none;
border-left: none;
border-bottom: none;
padding: 12px 0 7px 0;
margin:0 0 0 0;
}
.text_part img
{
max-height:410px;
max-width:310px;
}
#comment {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 280px;
height: 120px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
color: #5f504d;
}
.bred_main {
width: 320px;
margin: 0 auto;
overflow: hidden;
color: #5f504d;
font: normal 11px/18px 'HelveticaReg', Helvetica, Arial, sans-serif !important;
}
}