/**
Theme Name: City Vision
Author URI: http://www.royalwpthemes.com/
Version: 1.0
Author: RoyalwpThemes
Description: Premium WordPress News Theme.
*/
/*--------1.Css Reset--------------------*/
/*--------2.General----------------------*/
/*--------3.Main Menu--------------------*/
/*--------4.Secondary Menu---------------*/
/*--------5.Footer Menu------------------*/
/*--------6.Futured----------------------*/
/*--------7.Home slider------------------*/
/*--------8.Carousel---------------------*/
/*--------9.Post formats-----------------*/
/*--------10.Home Page-------------------*/
/*--------11.Pages Content---------------*/
/*--------12.One column post-------------*/
/*--------13.Two column post-------------*/
/*--------14.Single Content--------------*/
/*--------15.Page Templates--------------*/
/*--------16.Comments--------------------*/
/*--------17.Breadcrumbs-----------------*/
/*--------18.Search----------------------*/
/*--------19.Sidebars--------------------*/
/*--------20.Navigation------------------*/
/*--------21.Contact form----------------*/
/*--------22.Footer----------------------*/
/*--------23.Widgets---------------------*/
/*---------------------------*/
/*--------1.Css Reset--------*/
/*---------------------------*/
html, body, div {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
p{text-indent:10px; margin: 5px 0 10px 0;}
img {border:0px;}
p img {margin: 5px 0 5px 0px; padding:0; max-width:100%;}
table, th, td, tr{ padding: 8px; border: 1px solid #D8D8D8; border-collapse: collapse;}
body{ font-family:  Arial, sans-serif; font-size:14px; color: #3e3e3e; background: url("images/line.png");}
.clear{ clear: both; }
h1 {font-size: 30px; color: #666;}
h2 {font-size: 24px; color: #666;}
h3 {font-size: 22px; color: #666;}
h4 {font-size: 18px; color: #666;}
h5 {font-size: 16px; color: #666;}
h6 {font-size: 14px; color: #666;}
a {color:#555; text-decoration:none;}
a:hover {color: #cc0000; text-decoration:none;}
ul, li{list-style: none; list-style-type: none;}
blockquote {background: #DFDFDF; font-style: italic; margin-top:10px; margin-bottom:10px; padding:15px 15px 15px 30px;}
code, pre {display: block; background: #d9d9d9; border: 1px solid #ccc; overflow: scroll; padding: 10px;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 0 0 2px 15px; display: inline;}
img.alignleft {margin: 0 15px 2px 0; display: inline;}
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption.alignright {float:right; margin:0 0 1em 1em;}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0;}
.alignright {float: right;}
.alignleft {float: left;}
.left{float: left;}
.right{float: right;}
/*---------------------------*/
/*--------2.General----------*/
/*---------------------------*/
.preloader {
background:url(images/loader.gif) center center no-repeat #ffffff;
display: block;
}
#all_content{
background: #fff;
}
.inner{
height:100%;
width: 1049px;
position: relative;
clear: both;
text-align: left;
margin: 0 auto;
}
#header{
display: inline-block;
height: 110px;
background: url("images/header_bg.png");
min-width:100%;
}
#header_menu{
border-bottom: 1px solid #444;
display: inline-block;
background: #282828;
min-width:100%;
}
#logo{
margin-top: 2px;
max-height: 90px;
}
#title_box{
display: inline-block;
max-width: 600px;
float: left;
margin: 30px 0px 0 10px;
}
.site_title h1{
color: #fff;
font-size: 35px;
position: relative;
display: block;
font-weight: normal;
margin: 0px 0px 0 0px;
}
.site_title h1:hover{
color: #ccc;
}
#banner-header{
width: 468px;
height: 60px;
display: inline-block;
margin-top: 26px;
float: right;
}
#soc_book{
width: 146px;
float: right;
margin: 7px 0px 0 0;
display: inline-block;
}
#soc_book img{
width: 16px;
height: 16px;
margin-left: 5px;
display: inline-block;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter:alpha(opacity=40);
}
/*---------------------------*/
/*---------3.Main Menu-------*/
/*---------------------------*/
#general_menu{
border-top: 1px solid #2b2b2b;
border-bottom: 3px solid #666;
display: inline-block;
background: #383838;
width:100%;
}
#home{
position: relative;
display: inline-block;
width: 45px;
float: left;
}
#mainMenu {
display: inline-block;
width: 680px;
}
#mainMenu ul li{
float:left;
}
#mainMenu ul li a {
display:block;
height: 27px;
color:#fff;
padding: 13px 15px 0 15px;
font-size: 13px;
background: #383838;
}
#mainMenu ul li:last-child {
border-right: none;
}
#mainMenu ul li.current-menu-parent > a,
#mainMenu ul li.current_page_item > a,
#mainMenu ul li.current-menu-ancestor > a,
#mainMenu ul li.current-menu-item > a{
text-decoration:none;
color:#eee;
background: #2d2d2d!important;
}
#mainMenu ul li a:hover {
text-decoration:none;
color:#eee;
}
#mainMenu ul li ul li a:hover{
background:#eee;
}
#mainMenu.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
#mainMenu.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}
* html #mainMenu.ddsmoothmenu ul li a{
display: inline-block;
}
#mainMenu.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none;
visibility: hidden;
width:auto;
}
#mainMenu.ddsmoothmenu ul li ul li{
float: none;
display: list-item;
padding:0;
border-right: none;
}
#mainMenu.ddsmoothmenu ul li ul li a{
text-align:left;
margin:0;
padding: 10px 20px 10px 10px;
line-height: 15px;
width:168px;
height:1%;
border-bottom: 1px solid #444;
text-transform:none;
font-size:13px;
background: #383838;
}
#mainMenu.ddsmoothmenu ul li ul li.current-menu-ancestor > a{
background: url("images/menu_arrow.png") right no-repeat #666;
cursor: pointer;
}
#mainMenu.ddsmoothmenu ul li ul li.current-menu-item > a{
color:#fff;
background: #383838;
}
#mainMenu.ddsmoothmenu ul li ul li a:hover {
color:#fff;
}
#mainMenu.ddsmoothmenu ul li ul li a.last, #mainMenu.ddsmoothmenu ul li ul li a.last:hover {
border:none;
}
* html #mainMenu.ddsmoothmenu{
height: 1%;
}
/*----------------------------*/
/*------4.Secondary Menu------*/
/*----------------------------*/
#secondaryMenu{
width: 830px;
float: left;
display: inline-block;
margin-left: 10px;
}
#secondaryMenu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 28px;
}
#secondaryMenu ul li {
float: left;
z-index: 40;
}
#secondaryMenu ul li:last-child {
border-right: none;
}
#secondaryMenu ul li:hover ul,
#secondaryMenu ul li.sfHover ul {
left: -1px;
top: 36px;
z-index: 99;
}
#secondaryMenu ul li:hover li ul,
#secondaryMenu ul li.sfHover li ul{
top: -9999em;
}
#secondaryMenu ul a {
display: block;
padding: 0px 15px 0px 0px;
font-size: 11px;
font-weight: normal;
font-style: normal;
color: #999;
line-height: 28px;
}
#secondaryMenu ul li a:hover,
#secondaryMenu ul li:hover,
#secondaryMenu ul li.sfHover a,
#secondaryMenu ul li.current-cat a,
#secondaryMenu ul li.current_page_item a,
#secondaryMenu ul li.current-menu-item a {
text-decoration: none;
color: #fff;
}
#secondaryMenu ul ul {
display: none;
}
/*----------------------------*/
/*---------6.Futured----------*/
/*----------------------------*/
.home_slider_box {
border: 1px solid #e9e9e9;
width: 680px;
height: 330px;
float: left;
margin-bottom: 20px;
padding: 10px;
background: #fff;
}
.home_slider_box_right{
border: 1px solid #e9e9e9;
width: 680px;
float: left;
margin-bottom: 20px;
padding: 10px;
background: #fff;
}
.home_slider_box_right .pika-thumbs{
width: 125px;
float: right;
display: inline-block;
}
.home_slider_box_right .pika-thumbs li{
width: 115px;
height: 71px;
}
.pika-thumbs{
width: 680px;
float: left;
margin-top: -5px!important;
}
.pika-thumbs li{
width: 126px;
height: 65px;
padding: 0;
overflow: hidden;
float: left;
list-style-type: none;
margin: 0 25px 0 0;
border: 1px solid #ddd;
cursor: pointer;
}
.pika-thumbs li img{
max-width: 126px;
max-height: 65px;
}
.home_slider_box_right .pika-thumbs li img{
max-width: 115px;
max-height: 71px;
}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {
position:relative;
height:100%;
text-align: center;
vertical-align: center;
overflow: hidden;
}
.pika-stage, .pika-textnav {
width: 660px;
}
.home_slider_box_right .pika-stage {
width: 520px;
}
.home_slider_box_right .pika-stage .caption {
position: absolute;
width: 520px;
background: #000;
background: rgba(0,0,0,0.75);
font-size: 16px;
color: #fafafa;
padding: 10px;
text-align: left;
bottom: 0px;
left: 0px;
}
.home_slider_box_right .pika-stage img{
height:100%;
width: 540px;
}
.pika-textnav {
display: none;
}
.pika-stage {
position: relative;
padding: 0px;
text-align: center;
height: 250px;
float: left;
}
.pika-stage img{
height:100%;
width: 680px;
}
.pika-stage .caption {
position: absolute;
width: 660px;
background: #000;
background: url(images/caption_bg.png);
font-size: 16px;
color: #fafafa;
padding: 10px;
text-align: left;
bottom: 0px;
left: 0px;
}
.pika-stage .caption p {
padding: 0;
margin: 0;
line-height: 14px;
}
.pika-imgnav a {
position: absolute;
text-indent: -5000px;
display: block;
z-index:3;
}
.pika-imgnav a.previous {
background: url(images/prev.png) no-repeat left 45%;
height: 45px;
width: 26px;
top: 100px;
left: 0px;
cursor:pointer;
}
.pika-imgnav a.next {
background: url(images/next.png) no-repeat right 45%;
height: 45px;
width: 26px;
top: 100px;
right: -20px;
cursor:pointer;
}
.pika-textnav {
overflow: hidden;
margin: 10px 0 0 0;
bottom:10px;
position:absolute;
}
.pika-textnav a {
font-size: 12px;
text-decoration: none;
color: #333;
padding: 4px;
}
.pika-textnav a.previous {
float: left;
width: auto;
display: block;
}
.pika-textnav a.next {
float: right;
width: auto;
display: block;
}
.pika-tooltip{
font-size:12px;
position:absolute;
color:white;
padding:3px;
background-color: rgba(0,0,0,0.7);
border:3px solid black;
}
.pika-counter{
position: absolute;
top: 15px;
right: 0px;
color:white;
background:rgba(0,0,0,0.7);
font-size:11px;
padding:3px;
-moz-border-radius: 5px;
border-radius:5px;
}
.pika-loader{
background:url(loading.gif) 3px 3px no-repeat #000;
background-color:rgba(0,0,0,0.9);
color:white;
width:60px;
font-size:11px;
padding:5px 3px;
text-align:right;
position:absolute;
top:15px;
right:15px;
}
.jcarousel-skin-pika .jcarousel-container-horizontal {
padding: 15px 0px 0px 0px;
float: left;
overflow:hidden;
}
.jcarousel-skin-pika .jcarousel-clip-horizontal {
height: 90px;
width: 680px;
}
.jcarousel-skin-pika .jcarousel-item-horizontal {
margin-right: 10px;
}
.jcarousel-skin-pika .jcarousel-container-vertical {
float: right;
width: 125px;
height: 253px;
overflow:hidden;
}
.jcarousel-skin-pika .jcarousel-clip-vertical {
width: 125px;
height: 253px;
margin-left: 2px;
margin-top: 5px;
}
.jcarousel-skin-pika .jcarousel-item-vertical {
margin-bottom: 16px;
}
.pikachoose {
border-top: 1px solid #eee;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
width: 691px;
height: 255px;
padding: 15px 0 10px 10px;
margin-bottom: 20px;
background: #fff;
display: inline-block;
}
.pikachoose .pika-thumbs {
display: block;
margin: 15px 0 0 17px;
width: 270px;
height: 300px;
float: right;
}
.pikachoose .pika-thumbs li{
width: 70px;
height: 69px;
margin: 5px 11px 4px 0;
padding: 4px;
background: #eee;
border: none!important;
}
.pikachoose .pika-thumbs li img{
min-width: 70px;
min-height: 69px;
}
.pikachoose .pika-stage {
padding: 4px;
background: #eee;
border: none!important;
position: relative;
display: inline-block;
height: 242px;
width: 395px;
float: left;
}
.pikachoose .pika-stage img{
height: 242px;
width: 395px;
}
.pikachoose .pika-stage .caption {
position: absolute;
width: 375px;
background: #000;
background: rgba(0,0,0,0.50);
font-size: 15px;
color: #fafafa;
padding: 15px 10px;
text-align: left;
bottom: 30px;
left: 4px;
}
.pikachoose .pika-imgnav a {
display: none;
}
.pikachoose .pika-counter{
display: none;
}
.home_gallery_line{
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
width: 681px;
background: #fff;
display: inline-block;
padding: 15px 10px 10px 10px;
}
.home_gallery_line h2{
font-size: 24px;
font-weight: normal;
text-transform: capitalize;
float: left;
display: block;
background: #fff!important;
position: relative;
margin: 0px 0 3px 0px;
padding-right: 10px;
}
.home_gallery_line span{
width: 99%;
display: block;
margin: 11px 0 0px 0px;
height: 8px;
background: url("images/stripes.png") repeat-x;
}
/*------------------------------*/
/*---------7.Home slider--------*/
/*------------------------------*/
.pix_diapo_box{
border: 1px solid #e9e9e9;
display: block;
padding: 10px;
width: 680px;
height: 340px;
background: #fff;
margin-bottom: 20px;
}
.pix_diapo {
background: #fff;
height: 300px;
overflow: hidden;
position: relative;
width: 680px;
}
.chrome .pix_diapo_box{
border: 1px solid #e9e9e9;
display: block;
padding: 10px;
width: 700px;
height: 300px;
background: #fff;
margin-bottom: 20px;
}
.chrome .pix_diapo {
background: #fff;
height: 300px;
overflow: hidden;
position: relative;
width: 680px;
}
.pix_diapo a{
color: #ff0;
}
.pix_diapo > div {
display: none;
}
#pix_prev, #pix_next {
cursor: pointer;
display: block;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
z-index: 1001;
}
#pix_prev {
background: url(images/diapo/prev.png) no-repeat;
left: 10px;
}
#pix_next {
background: url(images/diapo/next.png) no-repeat;
left: auto!important;
right: 10px!important;
}
#pix_pag {
margin: 0 0 15px 0px;
position: relative;
display: inline-block;
width: 675px;
z-index: 1002;
}
.chrome #pix_pag {
display: none;
}
#pix_commands {
cursor: pointer;
display: block;
float: left;
height: 26px;
margin: 15px 0 0 13px;
position: relative;
width: 24px;
}
#pix_play {
background: url(images/diapo/play.png) center no-repeat;
height: 24px;
left: 0px;
position: absolute;
top: 0;
width: 24px;
}
#pix_stop {
background: url(images/diapo/pause.png) center no-repeat;
height: 24px;
left: 0px;
position: absolute;
top: 0;
width: 24px;
}
#pix_pag_ul {
float: right;
margin-right: 10px;
padding: 0;
}
#pix_pag_ul > li {
cursor: pointer;
display: block;
display: inline-block;
float: left;
list-style: none;
padding: 20px 8px 0;
text-align: center;
text-indent: -9999px;
width: 16px;
}
#pix_pag_ul > li > span {
background: #222;
display: block;
height: 16px;
width: 16px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#pix_pag_ul > li:hover > span > span {
background: #ccc;
}
#pix_pag_ul > li > span > span {
display: block;
float: left;
height: 8px;
margin: 4px;
width: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#pix_pag_ul > li.diapocurrent > span > span {
background: #ff0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#pix_pag_ul > li > .pix_thumb {
border: 4px solid #f2f2f2;
height: 58px;
left: -17px;
position: absolute;
top: -40px;
width: 58px;
}
#pix_pag_ul > li > .thumb_arrow {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid  #e6e6e6;
top: 26px;
left: 12px;
position: absolute;
}
.pix_relativize {
overflow: hidden;
position: relative;
}
.imgFake {
cursor: pointer;
}
.elemHover {
position: absolute;
}
.caption {
background: url(images/caption_bg.png);
bottom: 20px;
color: #fff;
display: block;
font-size: 13px;
padding: 20px;
width: 655px;
}
.ui-loader {
display: none;
}
/*-----------------------------*/
/*---------8.Carousel----------*/
/*-----------------------------*/
.image_carousel {
border: 1px solid #e9e9e9;
width: 705px;
height: 240px;
background: #fff;
padding: 0px 0 15px 13px;
margin-bottom: 10px;
display: inline-block;
float: left;
}
.image_carousel a img {
width: 205px;
height: 140px;
margin: 7px 15px 3px 1px;
display: inline-block;
float: left;
padding: 4px;
background: #eee;
}
.carousel_image{
display: inline-block;
float: left;
}
#home_carousel .car_title{
width: 185px;
padding: 10px;
margin: 116px 0 8px -224px;
position: absolute;
font-size: 12px;
font-weight: normal;
color: #fff;
background: #000;
background: url(images/caption_bg.png);
}
.chrome #home_carousel .car_title{
width: 185px;
padding: 10px;
display: inline-block;
margin: 116px 0 8px -224px;
font-size: 12px;
font-weight: normal;
color: #fff;
background: #000;
position: relative;
background: url(images/caption_bg.png);
}
.carousel_pagination {
text-align: center;
margin: 11px 4px 0px 0;
}
.carousel_pagination a {
background: url(images/car_nav.png) 0 -10px no-repeat transparent;
width: 10px;
height: 10px;
margin: 0 8px 0 0;
display: inline-block;
}
.carousel_pagination a.selected {
background-position: 0px 0px;
cursor: default;
}
.carousel_pagination a span {
display: none;
}
.home_carousel_line{
border-bottom: 1px solid #eee;
width: 683px;
display: inline-block;
margin-top: 10px;
margin: 15px 0 10px -13px;
padding: 0 10px;
}
.home_carousel_line h2{
font-size: 24px;
font-weight: normal;
text-transform: capitalize;
color: #555;
float: left;
display: block;
background: #fff!important;
position: relative;
margin: 0px 0 10px 0px;
padding-right: 10px;
}
.home_carousel_line span{
width: 99%;
display: block;
margin: 10px 0 0px 0px;
height: 8px;
background: url("images/stripes.png") repeat-x;
}
#home_carousel .image_post_format{
display: block;
position: absolute;
width: 30px;
height: 28px;
background: url("images/image_icon.png") no-repeat #eee;
margin: 11px 0px 0px 4px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
#home_carousel .video_post_format{
display: block;
position: absolute;
width: 25px;
height: 25px;
background: url("images/video_icon.png") no-repeat #eee;
margin: 11px 0px 0px 4px;
padding: 2px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
/*----------------------------*/
/*-------9.Post formats-------*/
/*----------------------------*/
.image_post_format{
display: block;
position: absolute;
width: 30px;
height: 28px;
background: url("images/image_icon.png") no-repeat #eee;
margin: 4px 0px 0px 4px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
.video_post_format{
display: block;
position: absolute;
width: 28px;
height: 27px;
background: url("images/video_icon.png") no-repeat #eee;
margin: 4px 0px 0px 4px;
padding: 2px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
/*----------------------------*/
/*--------10.Home Page--------*/
/*----------------------------*/
#main_content{
width: 100%;
display: inline-block;
background: url("images/noise.png");
}
#main_content_inline{
padding-top: 20px;
height: 100%;
}
#home_content{
margin: 0px 0 20px 0px;
width: 741px;
height: 100%;
display: inline-block;
}
.home_category_posts .home_cat_line{
width: 330px;
display: inline-block;
margin: 5px 0 20px -10px;
padding: 0 0 10px 10px;
border-bottom: 1px solid #eee;
}
.home_category_posts_two .home_cat_line{
width: 690px;
display: inline-block;
margin: 5px 0 20px -10px;
padding: 0 0 10px 10px;
border-bottom: 1px solid #eee;
}
.home_category_posts .home_cat_line span{
width: 96%;
display: block;
margin: 10px 0 0px 0px;
height: 8px;
background: url("images/stripes.png") repeat-x;
}
.home_category_posts_two .home_cat_line span{
width: 98%;
display: block;
margin: 10px 0 0px 0px;
height: 8px;
background: url("images/stripes.png") repeat-x;
}
.home_cat_line h2{
font-size: 24px;
font-weight: normal;
text-transform: capitalize;
float: left;
display: block;
background: #fff!important;
position: relative;
margin: 0px 0 3px 0px;
padding-right: 10px;
}
.home_category_posts{
border: 1px solid #e9e9e9;
display: inline-block;
background: #fff;
padding: 10px;
float: left;
width: 329px;
margin: 0px 19px 20px 0px;
}
.home_category_posts_two{
border: 1px solid #e9e9e9;
background: #fff;
padding: 10px;
padding-bottom: 0px;
display: inline-block;
width: 680px;
margin: 0px 0 20px 0px;
}
.home_category_post_first{
border-bottom: 1px solid #eee;
display: inline-block;
vertical-align: top;
width: 330px;
margin: 0px 0px 20px -10px;
padding: 0 0 5px 10px;
}
.home_category_post_first img{
display: inline-block;
width: 312px;
height: 140px;
padding: 4px;
background: #eee;
margin: 0px 0px 10px 0px;
}
.home_category_post_first h1 a{
display: block;
color: #333;
font-size: 16px;
font-weight: normal;
margin: 0px 0px 10px 0px;
}
.home_category_post_first h1 a:hover{
color: red;
}
.home_category_post_first p{
font-size: 12px;
text-indent: 0px;
margin-top: 10px;
line-height: 20px;
color: #666!important;
}
.home_category_post{
border-bottom: 1px dotted #e5e5e5;
display: inline-block;
vertical-align: top;
width: 320px;
margin: 0px 20px 10px 0px;
padding-bottom: 10px;
}
.home_category_post:last-child{
border-bottom: none;
margin: 0px 20px 0px 0px;
padding-bottom: 0px;
}
.home_category_post img{
padding: 4px;
background: #eee;
display: inline-block;
float: left;
width: 90px;
height: 60px;
margin: 0px 10px 0px 0px;
}
.home_category_post h1 a{
font-family: Arial, sans-serif;
width: 200px;
display: inline-block;
color: #333;
font-size: 12px;
line-height: 16px;
font-weight: normal;
margin-bottom: 10px;
}
.home_category_post h1 a:hover{
color: red;
}
.home_category_post p{
display: none;
}
.home_category_post_date{
font-size: 11px;
font-weight: normal;
color: #888;
}
.home_category_post_date a{
font-size: 11px;
font-weight: normal;
color: #777;
padding: 3px 6px;
background: #f0f0ef;
text-shadow: 1px 1px 0px #fff;
}
.home_category_full_width_first{
border-bottom: 1px solid #eee;
display: inline-block;
vertical-align: top;
width: 690px;
padding: 0 0 15px 10px;
margin: 0px 0px 15px -10px;
}
.home_category_full_width_first img{
display: inline-block;
width: 312px;
height: 140px;
padding: 4px;
background: #eee;
float: left;
margin: 0px 15px 0px 0px;
}
.home_category_full_width_first h1 a{
display: block;
color: #333;
font-size: 16px;
font-weight: normal;
margin-bottom: 10px;
}
.home_category_full_width_first h1 a:hover{
color: red;
}
.home_category_full_width_first p{
font-size: 12px;
text-indent: 0px;
margin-top: 10px;
line-height: 20px;
color: #666!important;
}
.home_category_full_width{
display: inline-block;
vertical-align: top;
width: 320px;
margin: -10px 25px 10px 0px;
padding-bottom: 20px;
}
.home_category_full_width:nth-child(odd){
border-right: 1px solid #eee;
padding: 10px 20px 10px 0px;
}
.home_category_full_width:nth-child(even){
margin: 0px 0px 0px -29px;
padding: 0px 0 0px 29px;
width: 310px;
}
.home_category_full_width img{
padding: 4px;
background: #eee;
display: inline-block;
float: left;
width: 90px;
height: 60px;
margin: 0px 10px 0px 0px;
}
.home_category_full_width h1 a{
font-family: Arial, sans-serif;
width: 194px;
display: inline-block;
color: #333;
font-size: 12px;
line-height: 18px;
font-weight: normal;
margin-bottom: 10px;
}
.home_category_full_width h1 a:hover{
color: red;
}
.home_category_full_width p{
display: none;
}
.home_category_full_width{
font-size: 12px;
font-weight: normal;
color: #777;
}
.home_blog_posts .home_cat_line{
width: 690px;
display: inline-block;
margin: 5px 0 20px -15px;
padding: 0 0 10px 15px;
border-bottom: 1px solid #eee;
}
.home_blog_posts .home_cat_line span{
width: 96%;
display: block;
margin: 10px 0 0px 0px;
height: 8px;
background: url("images/stripes.png") repeat-x;
}
.home_blog_posts{
border: 1px solid #e9e9e9;
display: inline-block;
width: 690px;
background: #fff;
padding: 15px;
margin-bottom: 20px;
}
.home_blog_post{
border-bottom: 1px solid #e9e9e9;
display: inline-block;
width: 670px;
padding-bottom: 15px;
margin: 0px 0px 15px 0px;
}
.home_blog_post img{
padding: 4px;
background: #eee;
display: inline-block;
float: left;
width: 250px;
height: 170px;
margin: 0px 15px 0px 0px;
}
.home_blog_post h1 a{
width: 390px;
display: inline-block;
color: #333;
font-size: 16px;
font-weight: normal;
margin: 3px 0px 8px 0px;
}
.home_blog_post h1 a:hover{
color: red;
}
.home_blog_post p{
font-size: 13px;
text-indent: 0px;
color: #666;
line-height: 20px;
}
.home_blog_post_full {
border-bottom: 1px dotted #e5e5e5;
display: inline-block;
width: 670px;
padding-bottom: 15px;
margin: 0px 0px 15px 0px;
}
.home_blog_post_full img{
padding: 4px;
background: #eee;
display: inline-block;
float: left;
width: 660px;
height: 200px;
margin: 0px 0px 10px 0px;
}
.home_blog_post_full h1 a{
width: 390px;
display: inline-block;
color: #333;
font-size: 16px;
font-weight: normal;
margin: 3px 0px 8px 0px;
}
.home_blog_post_full h1 a:hover{
color: red;
}
.home_blog_post_full p{
font-size: 13px;
text-indent: 0px;
line-height: 20px;
}
/*----------------------------*/
/*------11.Pages Content------*/
/*----------------------------*/
#container{
width: 100%;
display: inline-block;
background: url("images/noise.png");
}
#container_inline{
display: inline-block;
width: 1028px;
height: 100%;
padding-top: 20px;
}
#content {
width: 680px;
float: left;
display: inline-block;
margin: 0px 0 20px 20px;
}
#content_full{
width: 1000px;
float: left;
}
#content_full .single_post{
background: #fff;
width: 968px;
}
#content_full .single_meta_box{
display: inline-block;
float: left;
width: 998px;
height: 70px;
margin: 0px 0 15px -15px;
padding: 15px 0 0 15px;
background: url("images/title_full_bg.png") no-repeat;
}
#content_full .single_post .single_title h1{
display: block;
float: left;
width: 968px;
font-size: 20px;
font-weight: normal;
color: #555;
margin-bottom: 5px;
}
#content_full .single_post .single_textmeta{
display: inline-block;
margin: 5px 0 5px 0;
padding-bottom: 5px;
width: 965px;
font-size: 11px;
font-weight: normal;
color: #999;
}
#content_full #banner_single{
display: inline-block;
margin: 10px 0 0px 270px;
}
/*------------------------------*/
/*------12.One column post------*/
/*------------------------------*/
.post{
border: 1px solid #e5e5e5;
width: 660px;
margin: 10px 0 20px 0px;
padding: 10px;
background: #fff;
}
.post h1 a{
border-bottom: 1px solid #e5e5e5;
display: block;
float: left;
width: 660px;
font-size: 16px;
font-weight: normal;
color: #333;
background: #f1f1f1;
padding: 10px;
margin: -10px 0 5px -10px;
}
.post h1 a:hover{
color: red;
}
.post .post_thumbnail a img{
display: inline-block;
width: 200px;
height: 130px;
padding: 4px;
background: #eee;
float: left;
margin: 0px 15px 0px 0px;
}
.post .textmeta{
display: inline-block;
margin: 10px 0 8px 0;
padding-bottom: 5px;
width: 660px;
font-size: 11px;
font-weight: normal;
color: #999;
}
.post .textmeta a{
font-size: 11px;
font-weight: normal;
color: #777;
padding: 3px 6px;
background: #f0f0ef;
text-shadow: 1px 1px 0px #fff;
}
.tmn{
display: inline-block;
width: 660px;
height: 15px;
}
.post .post_text{
display: inline-block;
width: 300px;
margin: -4px 0 0 5px;
color: #666;
font-size: 12px;
line-height: 17px;
}
.post .post_text p{
text-indent: 0px;
}
.read-more{
display: inline-block;
text-indent: 0px;
margin: 10px 0px;
padding: 3px 10px;
background: #f0f0ef;
float: right;
font-size: 12px;
}
.read-more:hover{
color: #333;
text-shadow: 1px 1px 0px #fff;
}
.post .post_share_buttons{
display: inline-block;
width: 96px;
height: 160px;
margin-top: 3px;
float: right;
}
.post .post_share_buttons span{
border: none;
vertical-align: top;
display: block;
padding: 0px 0 5px 0;
}
.post .post_small_share_buttons{
display: none;
}
.post .post_small_share_buttons_top{
display: none;
}
/*------------------------------*/
/*------13.Two column post------*/
/*------------------------------*/
.post_tc{
border: 1px solid #e5e5e5;
width: 306px;
display: inline-block;
vertical-align: top;
margin: 0px 20px 23px 0px;
background: #fff;
padding: 10px;
}
.post_tc:nth-child(even) {
margin: 0px 0px 23px 0px;
}
.post_tc h1 a{
border-bottom: 1px solid #e5e5e5;
display: block;
float: left;
width: 306px;
font-size: 16px;
font-weight: normal;
color: #333;
background: #f1f1f1;
padding: 10px;
margin: -10px 0 5px -10px;
}
.post_tc h1 a:hover{
color: red;
}
.post_tc .post_thumbnail a img{
display: inline-block;
margin-bottom: 10px;
width: 300px;
height: 130px;
padding: 4px;
background: #eee;
float: left;
}
.post_tc .textmeta{
width: 306px;
display: inline-block;
margin: 10px 0 10px 0;
font-size: 11px;
font-weight: normal;
color: #999;
}
.post_tc .textmeta a{
font-size: 11px;
font-weight: normal;
color: #777;
padding: 3px 6px;
background: #f0f0ef;
text-shadow: 1px 1px 0px #fff;
}
.post_tc .post_text{
display: inline-block;
width: 306px;
color: #666;
font-size: 12px;
line-height: 17px;
}
.post_tc .post_text p{
text-indent: 0px;
}
.post_tc .post_share_buttons{
display: none;
}
.post_tc .image_post_format{
display: block;
position: absolute;
width: 30px;
height: 28px;
background: url("images/image_icon.png") no-repeat #eee;
margin: 4px 0px 0px 4px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
.post_tc .video_post_format{
display: block;
position: absolute;
width: 28px;
height: 27px;
background: url("images/video_icon.png") no-repeat #eee;
margin: 4px 0px 0px 4px;
padding: 2px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
/*----------------------------*/
/*------14.Single Content-----*/
/*----------------------------*/
.single_post{
border: 1px solid #e5e5e5;
display: inline-block;
width: 670px;
background: #fff;
padding: 0 15px;
margin-bottom: 20px;
}
.single_meta_box{
display: inline-block;
float: left;
width: 685px;
height: 62px;
margin: 0px 0 15px -15px;
padding: 18px 0 0 15px;
background: url("images/title_bg.png") no-repeat;
}
.single_title h1{
display: inline-block;
float: left;
width: 680px;
font-size: 20px;
font-weight: normal;
color: #555;
margin-bottom: 5px;
}
.single_post .single_textmeta{
display: inline-block;
margin: 5px 0 5px 0;
width: 680px;
font-size: 11px;
font-weight: normal;
color: #999;
}
.single_post .single_textmeta a{
font-size: 11px;
font-weight: normal;
color: #777;
padding: 3px 6px;
background: #f0f0ef;
text-shadow: 1px 1px 0px #fff;
}
.single_post .single_thumbnail_100 img{
display: inline-block;
float: left;
margin: 7px 15px 10px 0;
width: 100px;
height: 100px;
padding: 4px;
background: #eee;
}
.single_post .single_thumbnail_100 .video_post_format{
display: block;
position: absolute;
width: 28px;
height: 27px;
background: url("images/video_icon.png") no-repeat #eee;
margin: 11px 0px 0px 4px;
padding: 2px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
.single_post .single_thumbnail_200 img{
display: inline-block;
margin: 7px 15px 10px 0;
width: 200px;
height: 140px;
padding: 4px;
background: #eee;
float: left;
}
.single_post .single_thumbnail_200 .video_post_format{
display: block;
position: absolute;
width: 28px;
height: 27px;
background: url("images/video_icon.png") no-repeat #eee;
margin: 11px 0px 0px 4px;
padding: 2px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
.single_post .single_thumbnail_680 img{
display: inline-block;
float: left;
margin: 7px 0px 10px 0;
width: 674px;
height: 200px;
padding: 4px;
background: #eee;
}
.single_post .single_thumbnail_680 .video_post_format{
display: block;
position: absolute;
width: 28px;
height: 27px;
background: url("images/video_icon.png") no-repeat #eee;
margin: 11px 0px 0px 4px;
padding: 2px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-webhit-border-radius: 0 0 3px 0;
}
#content_full .single_thumbnail_970 img{
display: inline-block;
float: left;
margin: 10px 0px 10px 0;
width: 955px;
height: 350px;
padding: 4px;
background: #eee;
}
#content_full .single_post .single_text{
margin-top: 100px!important;
border: 1px solid #fff;
font-size: 12px!important;
color: #666!important;
line-height: 20px;
}
.single_text{
font-size: 12px!important;
color: #666!important;
line-height: 20px;
}
.single_text img{
border: 1px solid #ddd;
display: inline-block;
max-width: 670px;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
#content_full .single_text img{
display: inline-block;
max-width: 960px;
padding: 5px;
background: #f1f1f1;
margin-top: 5px;
margin-bottom: 5px;
}
.single_text .wp-caption-text{
display: block;
color: #fff;
background: url("images/caption_bg.png");
margin: -46px 4px 0 6px;
position: relative;
padding: 8px 10px;
text-indent: 0px;
}
.single_post .post_small_share_buttons{
display: inline-block;
margin-top: 10px;
}
.single_post .post_small_share_buttons a{
margin-right: 3px;
display: inline;
}
.single_post.post_small_share_buttons span{
margin-right: 0px;
display: inline;
}
.single_post .post_small_share_buttons .addthis_button_tweet{
max-width: 90px;
}
.single_post .post_small_share_buttons .addthis_button_google_plusone{
max-width: 65px;
}
.tags{
display: inline-block;
width: 675px;
float: left;
font-size: 11px;
color: #777;
text-indent: 0px;
}
.tags a{
font-style: italic;
color: #777;
}
.tags a:hover{
font-style: italic;
color: red;
}
#similar-post{
display: inline-block;
margin-top: 20px;
}
.sim_post_header{
display: inline-block;
width: 670px;
float: left;
display: block;
margin-bottom: 13px;
}
.sim_post_header span {
height: 8px;
display: block;
width: 100%;
background: url("images/stripes.png") repeat-x;
margin-top: 6px;
}
#similar-post h3{
display: block;
float: left;
padding-right: 10px;
font-size: 15px;
font-weight: normal;
background: #fff;
color: #333;
}
#similar-post .similar_posts {
display: inline-block;
margin-right: 25px;
width: 201px;
vertical-align: top;
}
#similar-post .similar_posts:last-child {
margin-right: 0px;
}
#similar-post .similar_posts img{
width: 201px;
height: 130px;
padding: 4px;
background: #eee;
}
#similar-post .similar_posts h1 a{
display: block;
width: 200px;
margin: 7px 0 0 0;
font-size: 13px;
font-weight: normal;
line-height: 17px;
color: #555;
text-align: center;
}
#similar-post .similar_posts h1 a:hover {
color: red;
}
#authorbox{
display: inline-block;
width:670px;
float: left;
margin-top: 30px;
padding-bottom: 10px;
overflow:hidden;
background: url("images/post_meta_line.png") repeat-x bottom;
}
.authorbox_header{
display: inline-block;
width:670px;
float: left;
margin-bottom: 15px;
}
.authorbox_header h3{
font-size:15px;
color: #333;
font-weight: normal;
margin: 0;
float: left;
background: #fff;
padding-right: 10px;
}
.authorbox_header span {
height: 8px;
display: block;
width: 100%;
background: url("images/stripes.png") repeat-x;
margin-top: 6px;
}
.authorbox_header h3 a{
text-decoration:none;
color: #333;
}
.authortext img{
border: 1px solid #ddd;
margin-right: 15px;
padding: 5px;
float: left;
}
.authortext p{
text-indent: 0px;
color: #777;
line-height: 17px;
font-style:italic;
font-size: 12px;
margin-top: 3px;
}
#post-nav{
width: 665px;
float: left;
margin: 10px 0 0px 0px;
overflow:hidden;
font-size: 12px;
}
.prev-post{
float: left;
}
.prev-post p{
color: #333;
text-indent: 0px;
}
.prev-post a{
color: #333;
}
.prev-post a:hover{
color: red;
}
.next-post{
float: right;
}
.next-post p{
color: #333;
text-indent: 0px;
}
.next-post a{
color: #333;
}
.next-post a:hover{
color: red;
}
#banner_single{
display: inline-block;
margin: 40px 0 20px 100px;
}
/*------------------------------*/
/*------15.Page Templates-------*/
/*------------------------------*/
.post_nr {
border: 1px solid #e5e5e5;
padding: 10px 10px 20px 10px;
background: #fff;
}
.post_nr h2{
color: #333;
font-size: 18px;
margin: 0 0 20px 0px;
font-weight: normal;
}
.post_nr .search{
float: left;
}
.single-entry{
color: #666;
font-size: 12px;
margin: 0 0 10px 0px;
}
.single-entry .search{
margin: 20px 0 0px -10px;
}
#archive{
border: 1px solid #e5e5e5;
width: 650px;
display: inline-block;
padding: 15px;
background: #fff;
}
#archive_left_col{
display: inline-block;
width: 310px;
float: left;
margin-right: 30px;
}
#archive_right_col{
display: inline-block;
width: 310px;
}
#archive li{
line-height: 22px;
font-size: 12px;
}
.archive_title{
width: 310px;
float: left;
display: block;
margin-bottom: 10px;
}
.archive_title span {
display: block;
width: 310px;
height: 8px;
background: url("images/stripes.png") repeat-x;
margin-top: 7px;
}
.archive_title h3{
display: block;
float: left;
padding-right: 10px;
font-size: 15px;
font-weight: normal;
background: #fff;
color: #333;
}
.archive_title_bot{
width: 310px;
float: left;
display: block;
margin: 25px 0 10px 0;
}
.archive_title_bot span {
display: block;
width: 310px;
height: 7px;
background: url("images/stripes.png") repeat-x;
margin-top: 7px;
}
.archive_title_bot h3{
display: block;
float: left;
padding-right: 10px;
font-size: 15px;
font-weight: normal;
background: #fff;
color: #333;
}
.error404{
display: block;
float: left;
font-size: 16px;
font-weight: normal;
color: #333;
margin: 0 0 20px 0px;
}
.error404_content{
border: 1px solid #e5e5e5;
width: 650px;
float: left;
display: block;
padding: 15px;
background: #fff;
}
.error404_content #archive{
margin-left: -15px;
border: none;
}
.error404_content h1{
width: 650px;
float: left;
display: block;
padding-right: 10px;
font-size: 16px;
font-weight: normal;
color: #333;
margin-bottom: 10px;
}
.error404_content .search{
margin: 10px 0 20px -10px;
float: left;
}
/*---------------------------*/
/*--------16.Comments--------*/
/*---------------------------*/
#comments {
display: inline-block;
float:left;
margin: 5px 0 0px 0px;
width:670px;
}
.comment-header {
width:670px;
display: inline-block;
margin-bottom: 4px;
}
.comment-header h3{
color: #333;
text-shadow: 1px 1px 0px #fff;
font-size: 15px;
padding-right: 10px;
font-weight: normal;
float: left;
background: #fff;
}
.comment-header span {
height: 8px;
display: block;
width: 100%;
background: url("images/stripes.png") repeat-x;
margin-top: 18px;
}
#comments h3 {
color: #333;
font-size:17px;
font-weight: normal;
margin: 10px 0 10px 0px;
text-shadow: 1px 1px 0px #fff;
font-style: normal;
}
.comment {
border-left: 1px solid #e9e9e9;
color: #666;
clear: both;
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 5px 0 5px 5px;
margin-bottom: 15px;
width: 600px;
display: inline;
background: url("images/post_meta_line.png") repeat-x bottom;
}
.commentlist p{
background: #fff;
width: 85%;
display: inline-block;
margin: 0px 10px 0 70px;
text-indent: 0px;
font-size: 12px;
}
.comment-author {
display: inline-block;
height: 30px;
clear: both;
}
.fn{
float: left;
display: block;
width: 240px;
font-size: 15px;
color: #666;
font-weight: normal;
font-style: normal;
}
.says{
display: none;
}
.comment-edit-link{
display: none;
}
.nocomments {
display: none;
}
.avatar {
border:1px solid #ddd;
margin: 0 10px 0 3px;
width: 50px;
height: 50px;
float: left;
padding: 3px;
}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {
margin-bottom: 10px;
display: block;
font-size: 13px;
color: #666;
font-weight: normal;
font-style: normal;
}
.children .comment {
float: right;
clear:both;
width:92%;
}
.children .comment p{
background: #fff;
width: 84%;
display: inline-block;
margin: 0px 10px 0 70px;
text-indent: 0px;
}
.comment-reply-link, .comment-reply-link:visited {
background:#f4f4f4;
color:#777 !important;
display:block;
float:right;
font-size:11px;
font-weight: normal;
margin: 10px 20px 10px 10px;
padding:1px 5px 2px 5px;
text-transform:lowercase;
display: inline;
text-shadow: 1px 1px 0px #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.comment-reply-link:hover{
color:#777 !important;
background: #eee;
}
.comment-meta{
display: block;
width: 180px;
margin: 0px;
float: right;
text-align: right;
font-size: 11px;
}
.comment-meta a{
font-size:11px;
color:#888;
}
#respond {
color: #666;
margin: 0px 0 10px 0;
}
#respond  p{
text-indent: 0px;
}
#respond a{
color: #666;
margin: 0px 0 10px 0;
}
#respond a:hover{
color: red;
}
#commentform p{
font-size:12px;
}
#commentform label{
font-size: 13px;
}
input#author{
font-size:13px;
background:#F9F9F8;
border:1px solid #DDDDDD;
padding: 5px;
color:#292929;
}
input#author:focus{
font-size:13px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
}
input#email_adress{
font-size:13px;
background:#F9F9F8;
border:1px solid #DDDDDD;
padding: 5px;
color:#292929;
}
input#email_adress:focus{
font-size:13px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
}
input#url{
font-size:13px;
background:#F9F9F8;
border:1px solid #DDDDDD;
padding: 5px;
color:#292929;
}
input#url:focus{
font-size:13px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
}
textarea#comment  {
font-size:14px;
background:#F9F9F8;
border:1px solid #DDDDDD;
width: 400px;
height: 150px;
color:#292929;
padding: 5px;
}
textarea#comment:focus  {
font-size:14px;
background:#F9F9F8;
border:1px solid #ccc;
color:#292929;
}
#submit {
font-size: 14px;
margin: -13px 0 15px 0px;
background: #f4f4f4;
padding: 5px 10px;
border: 1px solid #ddd;
font-weight: normal;
color:#777;
text-shadow: 1px 1px 0px #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#submit:hover {
background:#eee;
cursor: pointer;
}
/*----------------------------*/
/*------17.Breadcrumbs--------*/
/*----------------------------*/
#crumbs{
position: relative;
margin-bottom: 20px;
padding-bottom: 5px;
color: #999;
font-size: 11px;
border-bottom: 1px dotted #e5e5e5;
}
#crumbs a{
color: #999;
}
#crumbs a:hover{
color: red;
}
/*---------------------------*/
/*---------18.Search---------*/
/*---------------------------*/
.search{
margin: 3px 0 0px 0px;
width: 270px;
float: right;
}
input#s {
display: inline-block;
border: none;
background: url("images/searchform.png") no-repeat;
color:#777;
padding: 6px;
margin: 2px 0 0px 10px;
width: 210px;
height: 19px;
}
input#s:focus {
background: url("images/searchform_hover.png") no-repeat;
border: none;
}
#searchsubmit {
position: absolute;
border: none;
width:30px;
height:30px;
margin: 0px;
margin-top: 2px;
cursor:pointer;
background: url("images/search_button.png") no-repeat;
text-indent: -999px;
padding:0;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter:alpha(opacity=40);
}
/*----------------------------*/
/*---------19.Sidebars--------*/
/*----------------------------*/
#sidebar-right {
width: 308px;
float: right;
display: inline-block;
margin-bottom: 20px;
}
.right-widget{
border: 1px solid #e5e5e5;
background: #fff;
margin: 0px 0 20px 0;
padding: 0 0 0px 12px;
}
.right-widget:last-child{
margin: 0px;
}
.right-heading {
border-bottom: 1px solid #e5e5e5;
display: inline-block;
width: 306px;
height: 39px;
float: left;
display: block;
margin: 0px 0 15px -12px;
background: #eee;
}
.right-heading h3 {
color: #555;
font-size: 17px;
font-weight: normal;
line-height: 14px;
float: left;
display: block;
padding: 2px 10px 5px 0px;
margin: 11px 0 0 10px;
}
.right-widget li{
color: #333;
font-size: 13px;
display: block;
line-height: 23px;
}
.right-widget li a{
display: block;
padding: 0 0 0 15px;
background: url("images/sidebar_li.png") no-repeat left top;
}
#sidebar-footer{
width: 1000px;
float: left;
display: inline-block;
margin-top: 10px;
}
.footer-widget{
background: none;
width: 219px;
display: inline-block;
margin: 0px 0px 20px 23px;
vertical-align: top;
}
.footer-widget:last-child{
margin: 0px 0px 20px 25px;
}
.footer-heading {
display: inline-block;
width: 219px;
height: 37px;
float: left;
display: block;
margin: 0px 0 5px -10px;
}
.footer-heading h3 {
color: #fff;
font-size: 19px;
line-height: 14px;
font-weight: normal;
float: left;
display: block;
padding: 0 10px 5px 0px;
margin: 10px 0 0 10px;
}
.footer-heading span {
height: 1px;
width: 219px;
display: inline-block;
background: #4a4949;
margin: 5px 10px 0 10px;
}
.footer-widget li{
color: #fff;
font-size: 13px;
display: block;
line-height: 23px;
}
.footer-widget li a{
color: #eee;
display: block;
padding: 0 0 0 15px;
background: url("images/sidebar_li.png") no-repeat left top;
}
.footer-widget li a:hover{
color: #999;
}
/*----------------------------*/
/*--------20.Navigation-------*/
/*----------------------------*/
.pagination {
display: block;
padding: 15px 0 20px 0px;
}
.pagination span, .pagination a {
margin: 2px 4px 2px 0;
padding:4px 9px 4px 9px;
text-decoration:none;
width:auto;
font-size:14px;
color: #777;
border: 1px solid #ddd;
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.pagination a:hover{
color:#666;
background: #eee;
box-shadow: 0px 1px 3px #ddd;
-webkit-box-shadow: 0px 1px 2px #ddd;
-moz-box-shadow: 0px 1px 2px #ddd;
}
.pagination .current{
padding:4px 9px 4px 9px;
font-size:15px;
background: #eee;
color:#666;
box-shadow: 0px 1px 2px #ddd;
-webkit-box-shadow: 0px 1px 2px #ddd;
-moz-box-shadow: 0px 1px 2px #ddd;
}
.wp-pagenavi {
display: block;
padding: 15px 0 20px 0px;
position:relative;
}
.wp-pagenavi a, .wp-pagenavi span {
margin: 2px 4px 2px 0;
padding:4px 9px 4px 9px;
text-decoration:none;
width:auto;
color: #777;
font-size:13px;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.wp-pagenavi span.current {
padding:4px 9px 4px 9px;
font-size:15px;
background: #eee;
color:#999;
}
.postnav{
display:inline;
color:#999;
margin:20px 20px 20px 0px;
}
.postnav a{
border: 1px solid #ccc;
background-color:#fff;
padding:4px 9px 4px 9px;
text-decoration:none;
font-size:13px;
color:#777;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.postnav a:hover{
border:#ddd 1px solid;
background-color:#eee;
color:#666;
}
.postnav .page{
margin:0px 3px 0px 3px;
padding:4px 9px 4px 9px;
background-color:#fff;
display:inline;
}
.postnav span.current{
border: 1px solid #bbb;
color:#666;
font-size:13px;
padding:4px 9px 4px 9px;
margin-left: 4px;
text-decoration:none;
background-color:#eee;
}
/*---------------------------*/
/*------21.Contact form------*/
/*---------------------------*/
input#scrch {
background:#f5f5f5;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 1px #fff;
-webkit-box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
color:#777;
padding: 7px;
margin: 0px 0 10px 5px;
width: 87%;
}
input#scrch:focus {
background:#fff;
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
padding: 7px 8px 8px 7px;
}
#contact_text{
display: inline-block;
width: 680px;
margin-top: 14px;
font-size: 12px;
line-height: 17px;
color: #666;
}
#contact {
display: inline-block;
margin-top: 14px;
}
#contact label {
display:block;
padding:5px 0;
font-size: 13px;
font-style: italic;
color: #777;
}
#contact input {
border:1px solid #ddd;
background:#f9f9f9;
width: 180px!important;
margin-bottom:10px;
color: #555;
font-size: 14px;
padding: 8px 8px 8px 7px;
box-shadow: 0px 0px 1px #ccc;
-webkit-box-shadow: 0 0 1px #ccc;
-moz-box-shadow: 0 0 1px #ccc;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#contact textarea {
border:1px solid #ddd;
background:#f9f9f9;
width: 300px!important;
margin-bottom:10px;
color: #555;
font-size: 14px;
padding: 8px 8px 8px 7px;
box-shadow: 0px 0px 1px #ccc;
-webkit-box-shadow: 0 0 1px #ccc;
-moz-box-shadow: 0 0 1px #ccc;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#contact input:focus, #contact textarea:focus {
border:1px solid #ddd;
background:#fff;
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
}
#contact input[type="submit"]{
border: 1px solid #ddd;
width: 75px!important;
height: 32px;
cursor: pointer;
background: #fff;
color: #666;
font-size: 14px;
margin-top: 10px;
padding:0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.errormsg{
width: 400px;
display: inline-block;
margin-top: 20px;
}
.errormsg, .successmsg{
background:#FEF4F1;
border:1px solid #F7A68A;
color:#DA4310;
padding:10px 10px 10px 0px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.successmsg {
display: inline-block;
margin-top: 20px;
background:#F5FAF1;
border:1px solid #C2E1AA;
width: 235px;
color:#8FA943;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
#cf_map{
display: inline-block;
float: right;
width: 300px;
height: 320px;
margin: 30px 0 0 30px;
}
/*--------------------------*/
/*---------22.Footer--------*/
/*--------------------------*/
#footer_box{
border-top: 6px solid #4a4a4a;
width: 100%;
display: inline-block;
background: url(images/footer_bg.png);
}
#footer_inline{
display: inline-block;
}
#footer_bottom {
border-top: 1px solid #444;
width: 100%;
display: inline-block;
background: #4a4949;
}
#credit {
color: #ccc;
position: relative;
display: inline-block;
width: 980px;
padding: 10px;
font-size: 12px;
}
#credit a{
color: #ccc;
}
#credit a:hover{
color: #999;
}
/*--------------------------*/
/*--------23.Widgets--------*/
/*--------------------------*/
.widget_recent_posts li{
border-bottom: 1px solid #eee;
width: 257px;
margin: 2px 0 10px -5px;
list-style: none;
background: none;
padding: 0px;
}
.widget_recent_posts li:last-child{
border-bottom: none;
margin-bottom: -5px;
}
.widget_recent_posts li a{
color: #333;
list-style: none;
background: none;
padding: 0px;
margin: 0px;
}
.widget_info{
display: inline-block;
width: 155px;
margin: 0px 0px 0 15px;
}
.widget_title{
display: block;
font-size: 12px;
line-height: 17px!important;
margin: -10px 0px 0px 10px;
text-indent: 0px;
color: #333;
}
.widget_title:hover{
color: red;
}
.widget_date{
text-indent: 0px;
font-size: 11px;
color: #777;
margin-top: 5px;
display: inline-block;
}
.widget_category{
display: inline-block;
}
.widget_category a{
background: #f0f0ef;
padding: 0px 6px!important;
margin: 0px;
font-size: 11px;
color: #777!important;
}
.widget_thumbnail{
display: inline-block;
float: left;
width: 60px;
height: 80px;
margin-right: 8px;
margin-left: 5px;
}
.widget_thumbnail img{
border: 1px solid #e1e1e1;
background: #f1f1f1;
padding: 3px;
min-width: 60px;
max-width: 60px;
min-height: 60px;
max-height: 60px;
}
#sidebar-right .flickr_wrap {
width: 260px;
display: inline-block;
height: 100%;
}
.flickr_wrap img{
border: 1px solid #e1e1e1;
background: #f1f1f1;
padding: 3px;
display: inline-block;
margin: 0px 8px 8px 0;
float:left;
width: 70px;
height: 70px;
}
#sidebar-footer .flickr_wrap {
width: 227px;
margin-top: 8px;
display: inline-block;
height: 100%;
}
#sidebar-footer .flickr_wrap img{
border: 4px solid #444;
padding: 0px;
display: inline-block;
margin: 0px 8px 8px 0;
float:left;
width: 59px;
height: 59px;
}
.twitter_list {
width: 245px;
}
#sidebar-footer .twitter_list{
width: 215px;
}
.twitter_list li{
background: url("images/twitter_bird.png") no-repeat;
margin: 4px 0 15px 0;
padding-left: 15px;
list-style: none;
}
.twitter_list li a{
font-size: 13px;
background: none;
}
.twitter_list li:last-child{
border-bottom: none;
}
.video_widget{
width: 240px;
height: 180px;
}
.video_widget p{
text-indent: 0px;
}
.video_desc{
display: inline-block;
margin-top: 20px;
width: 250px;
text-indent: 0px;
}
.banners img{
margin: 0 0px 3px 0;
}
#recentcomments li a{
font-size: 13px;
background: none;
}
#commentsTextWidget{
height:100px;
}
#contactNameWidget,#emailWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
margin: 5px 0 5px 0px;
width: 240px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#commentsTextWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
height: 100px;
width: 240px;
margin: 5px 0 0 0px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#submittedWidget{
cursor: pointer;
background: #eee;
color: #666;
border: 1px solid #ccc;
padding: 3px 7px 3px 7px;
margin: 10px 0 0 0px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#submittedWidget:hover{
cursor: pointer;
text-shadow: 1px 1px 0px #fff;
border: 1px solid #ccc;
padding: 3px 7px 3px 7px;
margin: 10px 0 0 0px;
}
#sidebar-footer #contactNameWidget, #sidebar-footer #emailWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
margin: 5px 0 5px 0px;
width: 160px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#sidebar-footer #commentsTextWidget{
border: 1px solid #ddd;
color: #666;
padding: 3px;
height: 100px;
width: 210px;
margin: 5px 0 0 0px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.screenReader{
display:none;
}
#contact label {
display:block;
padding:5px 0;
color: #666;
}
#contact input, #contact textarea {
border:1px solid #ddd;
padding:8px;
color: #666;
width:250px;
margin-bottom:10px;
}
#contact textarea {
width:400px;
font-size:13px;
}
#contact input[type="submit"]{
border: 1px solid #ddd;
padding: 3px 7px 3px 7px;
width: 60px;
cursor:pointer;
background: #fff;
color:#666;
}
#contact input[type="submit"]:hover{
border: 1px solid #ddd;
padding: 3px 7px 3px 7px;
width: 60px;
cursor:pointer;
background: #e1e1e1;
text-shadow: 1px 1px 0px #fff;
color:#666;
}
#submittedContact{
text-indent: 0px;
border: 1px solid #ddd;
padding: 3px 70px 3px 7px;
width: 65px;
cursor:pointer;
background: #fff;
color:#666;
}
.errormsg, .successmsg{
background:#FEF4F1;
border:1px solid #F7A68A;
color:#DA4310;
padding:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.successmsg {
background:#F5FAF1;
border:1px solid #C2E1AA;
color:#8FA943;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.tagcloud a{
border: 1px solid #ddd;
color: #777;
display: inline-block;
font-size: 13px!important;
padding: 2px 6px 3px 6px;
background: #fff;
margin: 5px 5px 5px 0px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#sidebar-footer .tagcloud a{
border: 1px solid #4e4e4e;
color: #eee;
display: inline-block;
font-size: 13px!important;
padding: 2px 6px 3px 6px;
background: #595959;
margin: 5px 5px 5px 0px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
