با سلام
زیر منوهای به سمت راس منتقل نمی شوند و از سمت راست باز می شود
اینم کد style.css
هر کاری کرد م نشد
float:right ;
direction:rtl;
text align:right ;
دقیقا نمیدونم برا زیر منو باید چکار کرد ؟؟؟؟؟؟؟؟
ممنون از راهنماییتون
/*
/*
Theme Name: Hathor
Theme URI: http://www.imonthemes.com/?p=207
Author: Imonthemes
Author URI: http://www.imonthemes.com
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Hathor Theme makes it easy to fully customize the Layout, Colors and Style within minutes.The theme allows you to upload your logo.The Theme also has a 2 header style , 2 Service Block Style , 2 Latest Post layout , Full width and Box option ,translation ready. The theme is SEO Friendly and has plenty of user-friendly options. Due to its superb flexibility of its framework, it allows you to create unique Websites for many purposes like Magazine, Blog, Portfolio, Creative or Business. Fits all popular mobile devices and tablets.
Version: 2.5
Tags: fixed-layout,fluid-layout,theme-options, one-column, dark, black, white, right-sidebar, custom-background, theme-options, translation-ready, featured-images, full-width-template,sticky-post, post-formats, dark,responsive-layout
Hathor WordPress Theme, Copyright 2014 imonthemes.com
Hathor is distributed under the terms of the GNU GPL
*/
/* Body Start */
body {
font-family: 'Arimo', sans-serif;
background: #f7f7f7;
}
#header {
background: #353535;
}
p {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #353535;
}
.no-padding {
padding: 0px;
}
.warp{ background-color:#FFF;}
/* Header
================================================================================ */
/*-----------------------------------------------------------------------------------*/
/* STRUCTURE
/*-----------------------------------------------------------------------------------*/
/* Header */
#branding {
/*border-bottom: 1px solid #dddddd;*/
background-color: #ffffff;
position: relative;
z-index: 102;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06); }
#branding2 {
z-index: 9999;
background-color: #E1E1E1;
position: relative;
background-position: bottom;
}
/* logo*/
.desc {
text-align: left;
color: #000;
font-size: 14px;
text-align: center;
padding-bottom: 20px;
padding-top:10px;
}
#site-title {
padding-top:20px;
float:left;
padding-bottom:20px;
}
#site-title2{padding-top:20px;
text-align:center;
}
#site-title2 a {
color: #000;
font-size: 30px;
line-height: 36px;
text-decoration: none;
text-align: center;
}
#site-title a {
color: #000;
font-size: 40px;
line-height: 36px;
text-decoration: none;
text-align: center;
}
/*MENU*/
#menu_wrap {
padding-top:10px;
float: right;
}
#menu_wrap2 {
float: none;
text-align: center;
background-color: rgb(204,204,204);
border-top: 3px solid rgb(204,204,204);
}
.tinynav, .tinynav1 {
display: none;
}
#navmenu {
}
.nav-header {
margin: auto;
padding: 0;
display: block;
}
#navmenu ul {
margin: 0px;
padding: 0px;
padding-left: 5px;
}
#navmenu ul li {
list-style-type: none;
display: inline-block;
position: relative;
margin-top: 0px;
padding-top: 15px;
height:60px;
padding-left:10px;
padding-right:10px;
}
#navmenu li a {
font-size: 14px;
color: #000;
font-weight: 500;
}
#menu_wrap2 #navmenu li a {
font-size: 14px;
color: #000;
font-weight: 500;
}
/* Effect 4: bottom border enlarge */
#navmenu ul {
padding: 0 0 0px;
}
#navmenu ul > li::after {
position: absolute;
bottom:100%;
left: 0;
width: 100%;
height: 0.5px;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
background-color: #09C;
}
#navmenu ul > li:hover::after,
#navmenu ul > li:focus::after {
height: 2px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#navmenu ul >li ul li::after{ display:none;}
#menu-icon {
display: none;
}
/*SUBMENU*/
#navmenu ul li ul {
position:absolute;width:210px; z-index:999999; padding-left:0; margin-left:0px; margin-top:18px; display:none;left: -60px; }
#menu_wrap2 #navmenu ul li ul li {
float: none;
margin: 0;
text-align: center;
display: block;
border-bottom: 1px solid #333;
height: auto;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
background-color: #CCC;
}
#navmenu ul li ul li {
float: none;
margin: 0;
text-align: center;
background: #333;
display: block;
height: auto;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
}
#navmenu ul li ul li:hover {
background-color: #0099CC;
}
#navmenu ul > li ul li:hover {
color: white; /* Old browsers */
background-color: #0099CC ;
}
#navmenu ul li ul li a
{ width:100%; margin:0px; display:block;
color:#CCC;
}
#navmenu ul li ul li ul {
left: 100%;
margin-top: -28px;
float: none;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
background-color:#333;
}
@media only screen and (max-width: 768px) {
/*MENU*/
body #menu_wrap {
width: 100%;
}
body #navmenu {
width: 100%;
text-align: center
}
#navmenu ul li {
list-style-type: none;
display: inline-block;
position: relative;
margin-top: 0px;
padding-top: 15px;
height: auto;
padding-left:10px;
padding-right:10px;
}
/* nav-wrap */
#menu_wrap {
position: relative;
}
/* menu icon */
#menu-icon {
padding: 10px 0px;
cursor: pointer;
font-size: 20px;
display: block!important; /* show menu icon */
}
#menu-icon:hover {
}
/* main nav */
body #navmenu ul.menu {
clear: both;
position: absolute;
top: 50px;
width: 100%;
z-index: 10000;
border: solid 1px #999;
display: none;
margin-top: 5px;
background-color: rgb(51,51,51);
}
body #navmenu ul.menu li {
width: 100%;
clear: both;
float: none;
text-align: center;
padding-top: 6px;
padding-right: 30px;
padding-bottom: 6px;
padding-left: 0px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
body #navmenu ul > li:hover {
background: none!important;
}
body #navmenu ul.menu li ul li {
background: none!important;
width: 100%;
border: none;
}
body #navmenu ul.menu li ul li:hover {
background: none!important;
}
body #navmenu ul.menu a, body #topmenu ul.menu ul a {
background: none;
display: inline;
padding: 0;
border: none;
color: #fff;
}
body #navmenu ul.menu a:hover, body #topmenu ul.menu ul a:hover {
background: none;
}
/* dropdown */
body #navmenu ul.menu ul {
width: auto;
position: static;
display: block;
border: none;
background: inherit;
margin-top: 0px;
}
body #navmenu ul.menu ul li {
}
}
/*SLIDER*/
#slider {
width: 100%;
float: left;
max-height: 500px;
position: relative;
overflow: hidden;
border-bottom: 1px solid rgb(213, 213, 213);
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.slider_shadow {
height: 49px;
position: relative;
top: -1px;
background-image: url(images/shadow.png);
background-repeat: no-repeat;
background-position: center top;
}
.slider_shadow2 {
height: 49px;
position: relative;
top: -1px;
background-image: url(images/slider_shadow.png);
background-repeat: no-repeat;
background-position: center top;
}
/* The Nivo Slider styles */
.nivoSlider {
position: relative;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
background-color: #fff;
background-image: url(css/default/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
margin-bottom:5px;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}
.nivo-controlNav {text-align: center;padding: 15px 0;bottom: 10px;position: absolute;z-index: 99;left: 48%;}
.nivo-controlNav a {cursor: pointer;background: #444;width: 15px;height: 10px;display: inline-block;margin-right: 5px;
border: 3px solid #222;text-indent: -999999px;}
.nivo-controlNav a.active {background:#26ae90;}
.nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
border: 0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
background-image: url(css/default/arrows.png);
background-repeat: no-repeat;
}
.nivo-directionNav a { opacity: 0.15; }
.nivo-directionNav a:hover{ opacity:1;}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
color:#fff;
}
.nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
/* welcome */
#callout {
width: 100%;
background-color: #F0F0F0;
text-align: center;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
position: relative;
padding:1.5%;
margin-bottom: 20px;
}
/* welcome */
/* services-wrap */
.services-wrap {
background-color: #FFF;
}
/* services-wrap */
/*......................flexslider..............*/
.title h2.blue1 {
color:#313131;
font-size:28px;
padding:0 0 0 10px;
}
.caroufredsel_wrapper{
margin-left:0px !important}
.title span.blue {
color: rgb(13, 162, 205);
}
.our_work {
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0;
}
.our_work .title {
padding:0 0 15px 0;
text-align:center;
}
.our_work .title p {}
.our_work li {
margin:0 19px 0 0 !important;
}
.our_work li.last {
margin:0 19px 0 0px !important;
}
.our_work .work {
float: left;
width: 335px;
margin-right: 9px;
margin-top: 14px;
margin-left:8px;
}
.our_work .work.last {
margin:25px 0 0 0;
}
.our_work p.port {
text-align: center;
width: 330px;
padding: 15px;
background: none repeat scroll 0% 0% #FAFAFA;
position: relative;
border-right: 1px solid #DDD;
border-width: medium 1px 1px;
border-color: -moz-use-text-color #DDD #DDD;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
float: left;
clear: both;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-sizing: border-box;
}
.our_work p.port a { color:#333;}
.work-carousel{ background-color:#FFF;}
.tf-work-carousel .flex-direction-nav {
*height: 0;
}
.work-carousel-head {
position: relative;
margin-right:10px;}
.work-carousel-head a {
display: block;
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
cursor: pointer;
background-repeat: no-repeat;
background-position: 0 0;
width: 19px;
height: 19px;
text-indent: -9999px;
background-color: #D8D8D8;
background-image: url('images/rps_arrows.png');
background-repeat: no-repeat;
border-radius: 2px;
margin-top: -36px;
margin-right: 10px;
margin-bottom: 0;
margin-left: 0;
}
.work-carousel-head a:hover{ background-color:#F30}
.work-carousel-head .next {
background-position: -30px 0;
}
.work-carousel-head .prev {
margin-right: 30px;
}
.work-carousel-head .next2 {
background-position: -30px 0;
}
.work-carousel-head .prev2 {
margin-right: 30px;
}
.work-carousel li {
display: block;
float: left;
position: relative;
background: #fff;
margin:0 0px 0 0px !important;
}
.view {
width: 330px;
height:222px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view .mask,.view .content {
width: 330px;
height:222px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view h2 {
font-family: 'MuseoSlab300Regular';color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 5px 0 0 0;
text-transform:uppercase;
}
.view p {
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: center;
height: 73px;
overflow: hidden;
margin-bottom:0px;
}
.view a.info {
padding:7px 15px;
text-decoration: none;
font-size:12px;
background: #000;
margin:15px 0 0 112px;
float:left;
color: #fff;
text-transform: uppercase;
}
.view a.info:hover {
background: #f9f9f9;
color: #000 ;
}
.view-second img {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.view-second .mask {
background-color: rgba(115,146,184, 0.7);
width: 400px;
padding: 60px;
height: 550px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-second h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
transform: translate(200px, -200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-top: 5px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 40px;
}
.view-second p {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
transform: translate(-200px, 200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-second a.info {
-webkit-transform: translate(0px, 100px);
-moz-transform: translate(0px, 100px);
-o-transform: translate(0px, 100px);
-ms-transform: translate(0px, 100px);
transform: translate(0px, 100px);
-webkit-transition: all 0.2s 0.1s ease-in-out;
-moz-transition: all 0.2s 0.1s ease-in-out;
-o-transition: all 0.2s 0.1s ease-in-out;
-ms-transition: all 0.2s 0.1s ease-in-out;
transition: all 0.2s 0.1s ease-in-out;
}
.view-second:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translate(-80px, -125px) rotate(45deg);
-moz-transform: translate(-80px, -125px) rotate(45deg);
-o-transform: translate(-80px, -125px) rotate(45deg);
-ms-transform: translate(-80px, -125px) rotate(45deg);
transform: translate(-80px, -125px) rotate(45deg);
}
.view-second:hover h2 {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.view-second:hover p {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.view-second:hover a.info {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}
/*Midrow Blocks*/
/*MIDROW*/
.icon_warp{ width:100%; height:100px; overflow: hidden; }
.icon{
margin-top: 15px;
margin-bottom: 5px;
display: inline-block;
text-align:center;
}
.icon_img {
width: 80px;
height: 80px;
border-radius: 50%;
margin-left: 34%;
border: 2px solid rgba(0,153,153,0.5);
}
.midrow{
width: 100%;
float: left;
margin-bottom: 30px;
margin-top: 40px;
margin-left:8px;
}
.midrow_wrap{ }
.midrow_blocks{ width:23.5%; padding: 0px; float:left; position:relative;height: 300px; margin-left:6px; margin-right:6px; }
.link { text-align:center;}
.midbutton { display: inline-block;
*display: inline;
padding: 5px 15px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 13px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color:#FFF;
border:1px solid;
*border: 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
background-color:#26ae90}
.midbutton:hover{ color:#FFF; background-color:#ff4533
}
.shadow{
background-image: url(images/service_shadow.png);
background-repeat: no-repeat;
}
.midrow_block h3{ text-align:center; font-size:20px; color:#333;}
.midrow_block p{ text-align:center; font-size:12px;}
.midrow_blocks_wrap{ width:100%; float:left; background-color:#FFF; height:300px;overflow:hidden;
box-shadow: 0px 0px 1px 1px #888888; }
.mid_block_content {
margin-top: -35px;
height: 180px !important;
overflow: hidden;
padding-top: 23px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}
.midrow_block:last-child .mid_block_content{ border:none;}
.mid_block_content h3{text-align:center; font-size:20px; color:#333; padding-top:15px;}
.midrow_block {
overflow: hidden;
border-top-width: 2px;
border-top-style: solid;
border-top-color: rgba(0,153,153,0.5);
}
.midrow_block:hover{
color: #000;
}
.midrow_block:hover h3{
color: #000;
}
.blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;}
.blocklink{ display:block; width:36px; height:32px; background:url(images/blocklink.png) no-repeat;}
.imgholder1 {
height: 99px;
width: 99px;
margin-left: 75px;
}
/*MIDROW style2*/
.style2 {}
.style2.icon_warp{ width:100%; height:100px; overflow: hidden; padding-top:5px;}
.style2.icon{
margin-left: 14%;
margin-top: 15px;
margin-bottom: 5px;
display: inline-block;
}
.style2.icon_img {
width: 80px;
height: 80px;
border-radius: 50%;
margin-left: 32%;
border: 2px solid rgba(0,153,153,0.5);
text-align:center;
}
.style2.midrow{
width: 100%;
float: left;
margin-bottom: 30px;
margin-top: 40px;
}
.style2.midrow_wrap{ }
.style2.midrow_blocks{ width:23.5%; padding: 0px; float:left; position:relative;height: 300px; margin-left:6px; margin-right:6px; }
.style2.midbutton { color: #ffffff;
border-color: #AF4040;
border-bottom-color: #9A2020;
background: -moz-linear-gradient(center top,#E85252 20%, #CF2E2E 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E85252),color-stop(1, #CF2E2E));
background: -webkit-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E85252', endColorstr='#CF2E2E',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* W3C */
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
border-color: #AF4040;
border-bottom-color: #9A2020;
margin-left:22%;
border-width: 1px;
border-style: solid;border-image: none;
border-radius: 3px;
font-size: 13px;
display: inline-block;
text-decoration: none;
cursor: pointer;
line-height: normal;
padding: 4px 16px;}
.style2.midbutton:hover{ color:#FFF;}
.style2.shadow{
background-image: url(images/service_shadow.png);
background-repeat: no-repeat;
}
.style2.midrow_block h3{ text-align:center; font-size:20px; color:#333;}
.style2.midrow_block p{ text-align:center; font-size:12px;}
.style2.midrow_blocks_wrap{ width:100%; float:left; background-color:#FFF; height:300px;overflow:hidden;
box-shadow: 0px 0px 1px 1px #888888; }
.style2.mid_block_content {
margin-top: -35px;
height: 180px !important;
overflow: hidden;
padding-top: 23px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
}
.style2.midrow_block:last-child .mid_block_content{ border:none;}
.style2.mid_block_content h3{text-align:center; font-size:20px; color:#333; padding-top:15px;}
.style2.midrow_block {
overflow: hidden;
border-top-width: 2px;
border-top-style: solid;
border-top-color: rgba(0,153,153,0.5);
}
.style2.midrow_block:hover{
color: #000;
}
.style2.midrow_block:hover h3{
color: #000;
}
.style2.blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;}
.blocklink{ display:block; width:36px; height:32px; background:url(images/blocklink.png) no-repeat;}
.style2.imgholder1 {
height: 99px;
width: 99px;
margin-left: 75px;
}
/*MIDROW style3*/
.style3.midrow_blocks_wrap{ width:500px; float:left; background-color:#FFF; overflow:hidden;
box-shadow: 0px 0px 0px 0px #888888; height:200px; margin-right:35px; margin-left:10px; margin-bottom:5px;}
.article-in{
text-align:left;
position:relative;
background:none !important;
border:none !important;
padding-left:145px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
-ms-box-sizing: border-box; /* IE 10 + */
box-sizing: border-box; /* Opera/IE 8+ */
}
.article-in i{
color:#3C4852;
border:none !important;
background-color:none !important;
float:left;
width:120px;
height:120px;
line-height:120px;
font-size:50px;
margin-left:-145px;
border:1px solid #ddd;
border-bottom-color:#f5f5f5;
-moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 3px 0px rgba(0,0,0,0.2), 0 0 20px rgba(0, 0, 0, 0.1) inset;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align:center;
margin-bottom:20px;
position:absolute;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
-ms-box-sizing: border-box; /* IE 10 + */
box-sizing: border-box; /* Opera/IE 8+ */
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease;
}
.article-in h2{
font-size:16px;
color:#3C4852 !important;
}
.article-in p{
color:#888 !important;
}
.midbutton2 { display: inline-block;
*display: inline;
padding: 5px 15px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 13px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color:#FFF;
border:1px solid;
*border: 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
background-color:#26ae90}
.midbutton2:hover { color:#FFF;}
/*LAYOUT 1*/
.lay1 {
width: 100%;
float: left;
margin-top: 30px;
padding-top: 10px;
margin-left:50px;}
.lay1 .hentry {
width: 300px;
height:380px;
background: #fff;
margin-right: 15px;
margin-left: 15px;
float: left;
padding-left: 10px;
overflow: hidden;
margin-bottom:30px;
}
.imgwrap{width: 100%;
max-height:190px;
border-radius: 4px 4px 0px 0px;
overflow:hidden;}
.imgwrap:hover {
opacity: 0.75;
}
.postitle_lay{ text-align: left; font-size:18px;}
.postitle_lay a {color: #26AE90;}
.post_content2 {
width: 100%;
margin-bottom: 3px;
float: left;
clear: both;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-sizing: border-box;
height: 170px;
overflow: hidden;
border-top-width: medium;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-left-style: solid;
border-left-color: #CCC;
border-right-width: 1px;
border-right-color: #CCC;
padding:4px;
}
.post_content3{height: 155px; overflow:hidden;}
.post_content2 p{ padding-bottom:5px;}
.bottom_holder_2 {
width: 100%;
margin-bottom: 3px;
border-top: medium none;
float: left;
clear: both;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-sizing: border-box;
}
/*Our team*/
.caroufredsel_wrapper{
margin-left:0px !important}
.our_team {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0;
}
.our_team .title {
padding:0 0 15px 0;
text-align:center;
}
.our_team .title p {}
.our_team li {
margin:0 19px 0 0 !important;
}
.our_team li.last {
margin:0 19px 0 0px !important;
}
.our_team .work {
float: left;
width: 300px;
margin-right:22px;
margin-top: 14px;
margin-left:20px;
}
.our_team .work.last {
margin:25px 0 0 0;
}
.our_team p.port_team {
text-align: center;
width: 300px;
padding: 15px;
background: none repeat scroll 0% 0% #FAFAFA;
position: relative;
border-right: 1px solid #DDD;
border-width: medium 1px 1px;
border-color: -moz-use-text-color #DDD #DDD;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
float: left;
clear: both;
border-radius: 0px 0px 4px 4px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-sizing: border-box;
}
.our_team p.port_team a{ color:#333 !important;}
.work-carousel{ background-color:#FFF;}
.tf-work-carousel .flex-direction-nav {
*height: 0;
}
.work-carousel-head {
position: relative;
margin-right:10px;}
.work-carousel-head a {
display: block;
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
cursor: pointer;
background-repeat: no-repeat;
background-position: 0 0;
width: 19px;
height: 19px;
text-indent: -9999px;
background-color: #D8D8D8;
background-image: url('images/rps_arrows.png');
background-repeat: no-repeat;
border-radius: 2px;
margin-top: -36px;
margin-right: 10px;
margin-bottom: 0;
margin-left: 0;
}
.work-carousel-head a:hover{ background-color:#F30}
.work-carousel-head .next {
background-position: -30px 0;
}
.work-carousel-head .prev {
margin-right: 30px;
}
.work-carousel-head .next3 {
background-position: -30px 0;
}
.work-carousel-head .prev3 {
margin-right: 30px;
}
.work-carousel li {
display: block;
float: left;
position: relative;
background: #fff;
margin:0 0px 0 0px !important;
}
.view_team {
width: 300px;
height:300px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view_team .mask,.view_team .content {
width: 300px;
height:300px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view_team img {
display: block;
position: relative;
}
.view_team h2 {
font-family: 'MuseoSlab300Regular';color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
margin: 5px 0 0 0;
text-transform:uppercase;
}
.view_team p {
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: center;
height: 83px;
overflow: hidden;
}
.view_team a.info {
padding:7px 15px;
text-decoration: none;
font-size:12px;
background: #000;
margin:15px 0 0 112px;
float:left;
color: #fff;
text-transform: uppercase;
}
.view_team a.info:hover {
background: #f9f9f9;
color: #000 ;
}
.view-fifth img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: block;
}
.view-fifth .mask {
background-color: rgba(51,51,51,0.6);
-webkit-transform: translateX(-300px);
-moz-transform: translateX(-300px);
-o-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
color: #fff;
}
.view-fifth p {
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-fifth:hover .mask {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
/*single post*/
#content{ width:100%; float:left; background-color:#FFF; padding-bottom:20px;
}
.sep-20 {
margin-top: 20px;
height: 15px;
}
#content .top-content {
width:70%;
position: relative;
float: left;
background-color: #FFF;
padding: 40px ;
}
#content .top-content2 {
width:100%;
position: relative;
float: left;
background-color: #FFF;
padding: 20px 20px;
}
.post_content {
width: 100%;
background: #fff;
}
.post_content a:link {
}
.commentlist {
background: #fff;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
}
.postitle {
width: 100%;
text-align: center;
font-size: 18px;
}
.postimg {
width: 100%;
position: relative;
float: left;
padding-left: 10px;
padding-bottom: 10px;
cursor: default;
}
.metainfo {
width: 100%;
position: relative;
}
.metadate {
float: left;
padding: 4px;
opacity: 1;
position: relative;
font-size: 14px;
}
.metaauth {
float: right;
padding: 4px;
position: relative;
font-size: 14px;
}
.post_info_wrap {
width: 100%;
background-color: #FFF;
text-align: left;
font-size: 14px;
margin-top: 5px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.post_info_wrap ul {margin-left: 30px;}
.post_info_wrap ol {margin-left: 30px;}
.left_link {
float: left;
position: relative;
height: 20px
}
.right_link {
float: right;
position: relative;
height: 20px;
}
.post_cat {
padding: 10px;
float: right;
position: relative;
font-size: 12px;
background-color: #EEEEEE;
margin-top: 5px;
}
.post_tag {
float: none;
position: relative;
font-size: 12px;
background-color: #EEEEEE;
color: #000;
padding-top: 11px;
padding-right: 11px;
padding-bottom: 15px;
padding-left: 25px;
background-image: url(images/tag.png);
background-repeat: no-repeat;
width: 100%;
}
.post_tag a:hover{
color:#09C;
text-decoration:underline;}
.post_tag a{
padding-left:8px;
float:left;
position:relative;
background-color:#EEEEEE;
}
.post_cat a{
margin-left: 5px;
}
.post_cat a:hover{text-decoration:underline;}
#submit,#searchsubmit {
display: inline-block;
padding: 5px 15px;
margin-bottom: 0px;
font-size: 13px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #FFF;
border-width: 1px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 4px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 3px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
background-color:#26ae90;
}
#submit:hover{
background:#ff4533;
color:#fff;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.6s ease-out;
cursor:pointer;
}
.post_info_wrap pre{
overflow: auto;
background: none repeat scroll 0% 0% rgb(245, 245, 245);
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: rgb(240, 240, 240) rgb(240, 240, 240) rgb(240, 240, 240) rgb(224, 224, 224);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
padding-left: 2.5rem;}
.label{width:40% !important;}
/*FULL WIDTH PAGE*/
.hathor_fullwdth_body #content .top-content{ width:100%;}
/*FOOTER*/
#footer {
width: 100%;
float: left;
border-bottom: 1px solid rgb(63, 63, 63);
background-color: rgb(55, 55, 55);
overflow: hidden;
}
#footer .widgets {
padding: 10px;
}
#footer .widgets .widget a {
}
#footer .widgets ul {
margin: 0;
padding: 0;
}
.widget_wrap {
width: 100%
}
#calendar-2{ width:200px !important; margin-right:75px !important;}
#footer .widgets .widget {
width: 221px;
float: left;
margin-right: 4%;
list-style-type: none;
margin-bottom: 25px;
}
#footer .widgets .widgettitle, #midrow .widgets .widgettitle a {
color: #2bb975;
font-size: 20px;
margin-top: 10px;
}
#footer .widgets .widget ul {
margin: 0;
padding: 0;
}
#footer .widgets .widget ul li {
list-style-type: none;
padding: 6px 0;
}
#footer .widgets .widget ul li a {
text-decoration: none;
color: #888;
}
#footer .widgets .widget ul li .thn_wgt_tt {
color: #888;
}
#footer .thn_wgt_thumb img {
width: 50px;
height: 50px;
}
#footer .widgets .widget:nth-child(4), #footer .widgets .widget:nth-child(8), #footer .widgets .widget:nth-child(12) {
margin-right: 0;
}
#footer .thn_ad250x250_widget img {
width: 212px;
height: 212px;
}
#footer .thn_ad125x125_widget img {
width: 100px;
height: 100px;
}
.thn_feat ul p, .thn_pop ul p, .thn_rand ul p {
margin: 5px 0;
}
#footer .widgets .widget .thn_feat ul li, #footer .widgets .widget .thn_pop ul li, #footer .widgets .widget .thn_rand ul li {
min-height: 55px;
padding: 10px 0px;
}
#footer #searchform {
margin-top: 20px;
}
#footer #searchform #s {
width: 90%;
}
#footer #wp-calendar #today {
background: #2BB975;
}
#footer #wp-calendar caption {
}
#footer .widgets .widget {
list-style-type: none;
color: #fff;
font-size: 14px;
line-height: 1.6em;
text-align: left;
}
#calendar_wrap {
width: 200px;
}
#wp-calendar {
margin-right: 5px;
}
#copyright {
width: 100%;
padding: 15px;
float: left;
background-color: rgb(39, 39, 39);
}
#copyright a {
color: #666;
}
.copytext {
float: left;
padding: 5px 10px;
width: 70%;
color:#CCC;
}
/*Footer Menu*/
#footmenu {
width: 50%;
float: right;
}
#footmenu ul {
float: right;
padding: 5px 10px;
margin: 0;
}
#footmenu ul li {
list-style-type: none;
display: inline-block;
margin-left: 15px;
}
#footmenu ul li a {
color: #FFF;
}
#footmenu ul li a:hover {
color: #EEE;
}
.title h2.green1 {
color:#313131;
font-size:28px;
padding:0 0 0 10px;
margin-bottom:40px;
}
.title span.green {
color:#93b72b;
}
.client {
width:250px;
height:120px;
float: left;
overflow:hidden;
margin-bottom: 21px;
margin-left:14px;
}
.view_team {
}
.clients {
position:relative;
margin-top:40px;
}
.client:hover{ opacity:.75}
/*WIDGETS
-------------
*/
.thn_wgt_thumb {
}
.thn_wgt_thumb img {
width: 65px;
float: left;
height: 65px;
margin-right: 10px;
}
#sidebar .widgets .widget ul li .thn_wgt_tt, #midrow .widgets .widget ul li .thn_wgt_tt {
color: #333;
}
body #sidebar .widgets .thn_feat_widget ul, body #sidebar .widgets .thn_rand_widget ul, body #sidebar .widgets .thn_pop_widget ul {
margin-left: 0px;
}
#footer .widget_content p {
font-size: 12px;
}
.thn_ad125x125_widget {
float: left;
display: block;
width: 283px;
}
.ads-125x125 img {
width: 120px;
height: 120px;
float: left;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 10px;
}
.ads-125x125 a:nth-child(2) img, .ads-125x125 a:nth-child(4) img {
margin-right: 0;
}
.ads-160x600 {
float: left;
margin-left: 50px;
margin-top: 30px;
margin-bottom: 30px;
}
.ads-250x250 {
float: left;
}
.thn_twitter .tweet_text a, .widget_tag_cloud a:hover, .textwidget a {
color: #2BB975;
}
.thn_twitter .tweet_avatar {
width: 60px;
float: left;
}
.thn_flckr_widget img {
padding: 9px;
display: inline;
width: 67px;
height: auto;
}
.flickr_badge_image {
display: inline-block;
}
#sidebar .widgets .widget_nav_menu ul li ul li, #midrow .widgets .widget_nav_menu ul li ul li, #footer .widgets .widget_nav_menu ul li ul li {
background: none;
padding-left: 15px;
border-bottom: none;
}
#sidebar .thn_feat ul, #sidebar .thn_pop ul, #sidebar .thn_rand ul {
margin-left: 0;
}
.thn_feat ul li, .thn_pop ul li, .thn_rand ul li {
list-style-type: none;
min-height: 75px;
}
#searchform .screen-reader-text {
display: none;
}
#sidebar #searchform #s {
width: 90%;
padding: 5px;
border: 1px solid #ececec;
color: #888;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
padding-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
}
#wp-calendar tbody td {
text-align: center;
}
#wp-calendar #today {
background: #2BB975;
color: #FFF;
}
#wp-calendar #today a {
color: #FFF;
}
#wp-calendar #prev {
padding-top: 10px;
}
.rsswidget img{ margin-left:10%;}
/*SIDEBAR*/
#sidebar {
float: left;
width: 285px;
margin-top: 30px;
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
#sidebar .widgets {
}
#sidebar .widgets ul {
margin: 0;
padding: 0;
}
#sidebar .widgets ul li {
list-style-type: none;
}
#sidebar .widgets .widget {
padding: 0px;
width: 285px;
float: left;
background: #fff;
margin-bottom: 30px;
}
#sidebar .widgets .widget_wrap {
padding: 15px;
float: left;
width: 255px;
line-height:1.6em;
}
#sidebar .widgettitle, #sidebar .widgettitle a {
color: #333;
margin: 0;
text-align: left;
padding-bottom: 10px;
padding-right: 15px;
padding-top: 5px;
font-size: 24px;
margin-left: -15px;
width: 270px;
margin-bottom: 7px;
padding-left:5px;
}
#sidebar .widgets .widget ul {
margin: 0px;
padding: 0px;
margin-left: 15px;
}
#sidebar .widgets .widget li {
padding: 7px 0;
margin: 7px 0;
border-bottom: 1px solid #f5f5f5;
color: #666;
}
#sidebar .widgets .widget li a {
color: #888;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#sidebar .widget_archive ul, #sidebar .widget_meta ul, #sidebar .widget_recent_entries ul, #sidebar .widget_nav_menu ul, #sidebar .widget_recent_comments ul, #sidebar .widget_pages ul, #sidebar .widget_links ul, #sidebar .widget_categories ul {
margin: 0px;
padding: 0px;
padding-left: 15px;
}
#sidebar .widget_archive li, #sidebar .widget_meta li, #sidebar .widget_recent_entries li, #sidebar .widget_nav_menu li, #sidebar .widget_recent_comments li, #sidebar .widget_pages li, #sidebar .widget_links li, #sidebar .widget_categories li {
list-style-image: url(images/list_type.png);
}
#sidebar .widgets .widget li:last-child {
border: none;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
/*WordPress Core*/
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: url(images/transblack.png) repeat;
border: 1px solid #ececec;
max-width: 96%; /* Image does not overflow the content area */
padding: 10px 3px 10px;
text-align: center;
}
.wp-caption img {
max-width: 98%!important;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none !important;
margin: 0 !important;
max-width: 570px;
padding: 0 !important;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {
}
.gallery-caption {
}
/* =Comments
-------------------------------------------------------------- */
#commentform {
margin: 0;
}
#commentform a { color:#333;}
.commentlist {
border-bottom: 1px solid #e5e5e5;
list-style: none;
margin: 0;
padding: 0;
}
.commentlist ol {
list-style: decimal;
}
.commentlist li {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #ffffff;
border-radius: 4px;
margin: 0;
}
.commentlist .bypostauthor {
}
.commentlist li cite {
color: #111111;
font-size: 1.1em;
font-style: normal;
font-weight: 400;
}
.commentlist li.alt {
background: #f9f9f9;
}
.commentlist .children {
list-style: none;
margin-left: 10px;
padding: 10px;
}
.commentlist .avatar {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float: left;
margin-right: 10px;
padding: 0;
vertical-align: middle;
}
.comment-author .fn {
}
.comment-author .says {
color: #999999;
}
.comment-body .comment-meta {
color: #999999;
display: inline-block;
margin: 0;
padding: 0;
text-align: left;
}
.comment-body .comment-meta a {
font-size: 11px;
color:#333;
}
.comment-body {
clear: both;
padding: 10px;
}
.comment-body p {
clear: both;
margin-left: 20px;
margin-top: 30px;
}
.comment-body .reply {
}
.comment-body .reply a { color:#666;}
.pingback, .trackback {
list-style: none;
margin: 20px 0;
}
.pingback cite, .trackback cite {
font-style: normal;
}
#pings, #comments {
text-align: center;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#respond {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #fff;
margin-left:10px;
margin-top:20px;
}
#respond label {
display: inline;
}
.reply {
margin: 10px 0;
}
.comment-form-url input, .comment-form-email input, .comment-form-author input, .comment-form-comment textarea {
display: block;
width: 100%;
}
.nocomments {
color: #999999;
font-size: .9em;
text-align: center;
}
#comment {
width:100%;
min-height: 250px;
float:left;
}
#author {
width: 100%
}
#email {
width: 100%
}
#url {
width: 100%
}
.navigation{
margin-top: 5px;
padding-bottom:5px;
}
.next{
float:right}
.previous{
float:left}
.previous a,.next a { color:#333;}
.comment-form-author {
width: 180px;
margin-right: 15px;
float:left;}
.comment-form-email {
width: 180px;
margin-right: 15px;
float:left;}
.comment-form-url{
width: 180px;
margin-right: 15px;
float:left;}
.comment-form-comment{clear: both;margin-bottom: 10px; float:left; width:100%; }
.form-submit{
padding-bottom: 10px;
padding-left: 10px;
float:left;
}
.form-allowed-tags{ float:left; width:100%; display:none;}
/* Pagination */
.wp-pagenavi {
overflow: hidden;
text-align: center;
display: block;
font-size: 12px;
margin: 18px 0;
width: 90%;
}
.wp-pagenavi .pages {
text-transform: uppercase;
font-size: 11px;
width: 100px;
color: #999999;
}
.wp-pagenavi .alignleft a, .wp-pagenavi .alignright a {
width: auto;
height: auto;
padding: 4px 8px;
color:#666;
}
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
margin-right: 3px;
padding: 0 8px;
line-height: 24px;
text-align: center;
}
.wp-pagenavi .current, .wp-pagenavi a:hover {
color: #33CCFF;
}
.wp-pagenavi a {
border: 1px solid #CCCCCC;
word-break: break-all;
}
/* blog */
#sub_banner {
text-align: center;
background-color: #26AE90;
box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.1) inset;
min-height: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 30px;color:#CCC;
}
#sub_banner h1 {
font-size:32px;
color:#CCC;
}
#sub_banner a {font-size:32px;
color:#CCC;}
.post_info {
font-size:12px;
color:#ababab;
}
.post_info a {
font-style:italic;
color:#6f6f6f ;
}
.post_info a:hover {
color:#ff5555 ;
}
.post_info_delimiter {
display: inline-block;
height:10px;
margin-left:10px;
border-left:1px solid #6f6f6f;
padding-left:10px;
}
.post_info .post_views,
.post_info .post_comments {
position:relative;
display:inline-block;
padding-left:5px;
}
.post_info .post_views [class^="icon-"]:before,
.post_info .post_views [class*=" icon-"]:before,
.post_info .post_comments [class^="icon-"]:before,
.post_info .post_comments [class*=" icon-"]:before {
font-size: 15px;
left: 0;
top: 4px;
color:#d7d7d7;
}
.post_views a,
.post_comments a {
color:#ababab ;
font-weight:normal !important;
font-style:normal !important;
}
.post_views a:hover,
.post_comments a:hover {
color:#ff5555 ;
font-weight:normal !important;
font-style:normal !important;
}
.post_comments a:hover .comments_number {
color:#ff5555 ;
}
.post_views a:hover [class^="icon-"]:before,
.post_views a:hover [class*=" icon-"]:before,
.post_comments a:hover [class^="icon-"]:before,
.post_comments a:hover [class*=" icon-"]:before {
color:#ff5555 ;
}
/* ----------- Blog style 1 -------------------- */
.b1_pic_wrapper{padding-left:70px; margin-top:60px; }
.content_blog.blog_style_b1 article {
padding-left:70px;
min-height:150px;
}
.content_blog2.blog_style_b2 article {
padding-left:70px;
min-height:150px;
}
.left_sidebar .content_blog.blog_style_b1 article {
padding-left:0;
padding-right:70px;
}
.blog_style_b1 .post_info_1 {
position: absolute;
left: 0px;
top: 0px;
width:50px;
height:150px;
color:#ffffff;
}
.left_sidebar .blog_style_b1 .post_info_1 {
left: auto;
right: 0px;
}
.post_info_1 .post_format,
.post_info_1 .post_comments,
.post_info_1 .post_date {
width:50px;
height:50px;
position:relative;
}
.post_info_1 .post_date a{ color:#FFF;}
.post_info_1 .post_format { background-color:#ff5555; color:#ffffff; }
.post_info_1 .post_format [class^="icon-"]:before,
.post_info_1 .post_format [class*=" icon-"]:before {
font-size: 20px;
display:block;
margin:0;
padding:0;
line-height:50px;
width:50px;
height:50px;
text-align:center;
}
.post_info_1 .post_date {
background-color: #999999;
}
.post_info_1 .post_date span {
display:block;
text-align:center;
}
.post_info_1 .post_date .day { font-size:18px; font-weight:bold; padding-top: 6px; }
.post_info_1 .post_date .month { font-size:13px; }
.post_info_1 .post_comments span {
display:block;
text-align:center;
}
.post_info_1 .post_comments .comments_number { font-size:14px; font-weight:bold; padding-top: 4px; color: #6f6f6f; }
.post_info_1 .post_comments [class^="icon-"]:before,
.post_info_1 .post_comments [class*=" icon-"]:before {
left: 17px;
top: 24px;
color:#c9c9c9;
}
.blog_style_b1 .pic_wrapper,
.blog_style_b1 .sc_slider {
margin-bottom:22px;
}
.blog_style_b1 .title_area {
margin-bottom: 22px;
}
.blog_style_b1 .post_info_2 {
margin-bottom:22px;
}
.blog_style_b1 .post_content {
margin-bottom:4px;
width:100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.blog_style_b1 .post_content ul { margin-left:15px}
.blog_style_b1 .post_content ol { margin-left:15px}
.blog_style_b1 .post_content pre{ overflow:auto;}
.blog_style_b1 .post_info_3 {
padding-top:4px;
}
.blog_style_b1 .sc_slider ul.slides {
height: 391px;
}
.blog_style_b1 .readmore {
max-width:100px;
float:right;
padding-right:5px;
}
.icon-pencil{background-image: url(images/Untitled-1.png);
background-repeat: no-repeat;
display:block;
background-position:center;
padding-top:35px;}
.post-edit-link{ opacity:1;
font-size:12px;
line-height:normal;
}
/* --------------------- Blog section ------------------------ */
.share{ right:40%; position:relative;}
.content_blog article {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 30px;
padding-bottom: 20px;
position:relative;
overflow:hidden;
}
#content .readmore {
text-align:right;
}
#content .readmore a { color:#FFF !important;}
#content .sc_slider {
margin-bottom:30px;
}
#content .sc_slider_revo {
height:auto !important;
}
#content .video_container {
margin-bottom:20px;
}
#content .more-link {
color: #FFF;
padding: 7px 15px;
border-radius: 3px;
position: relative;
float: left;
margin: 0px 0px 20px;
background-color:#26ae90;
font-size:12px;
font-weight:500;
}
.content_blog .post_title {
margin: 0;
width:100%;
overflow:auto;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.content_blog .post_title a {
color: #191919;
font-size:21px;
}
.content_blog .po