%PDF- %PDF-
| Direktori : /home/gachan/www/wp-content/themes/ingrid/ |
| Current File : /home/gachan/www/wp-content/themes/ingrid/style-tablet-responsive.css |
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import 'css/reset.css';
body,html{
height: 100%;
font-family: 'PT Sans';
font-weight: normal;
font-style: normal;
color: #333;
font-size: 14px;
line-height: 20px;
width: 100%;
margin: 0px auto;
background-image: url('images/background-smoke.jpg');
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
a{
text-decoration: none;
color: #a48b40;
}
a:focus {
outline: 0;
}
a:hover,
#page #page_control a:hover{
color: #2a2a2a;
text-decoration: none;
}
footer a:hover{
color: #fff;
}
strong,b{
font-weight: bold;
}
em,i{
font-style: italic;
}
.dropcap{
font-size: 34px;
font-weight: bold;
float: left;
margin-top: 10px;
margin-right: 8px;
}
mark{
background-color: #f0ecd1;
padding-left: 4px;
padding-right: 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
mark.dark{
background-color: #444;
color: #fff;
}
dfn{
border-bottom: 1px dashed;
font-style: italic;
}
p code{
font-family: 'Courier New',sans-serif;
color: #666;
font-size: 12px;
border: 0px;
background-image: none;
padding: 0px;
margin: 0px;
float: none;
}
code{
font-family: 'Courier New',sans-serif;
color: #666;
font-size: 12px;
width: 98%;
border: 1px solid #ccc;
background-image: url('images/code_bg.gif');
padding-left: 1%;
padding-right: 1%;
margin-bottom: 15px;
margin-top: 15px;
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
pre {
font-family: 'Courier New',sans-serif;
line-height: 20px;
width: 98%;
clear: both;
padding-left: 1%;
padding-right: 1%;
padding-top: 15px;
padding-bottom: 15px;
border: 1px solid #d5d5d5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f4f4f4;
white-space: pre-wrap;
}
blockquote{
width: 92%;
padding: 0px;
margin: 0px;
margin-top: 15px;
margin-bottom: 15px;
padding: 0px;
padding-left: 8%;
padding-top: 0px;
padding-bottom: 5px;
background-image: url('images/quote.png');
background-repeat: no-repeat;
background-position: 0px 0px;
clear: both;
color: #777;
}
blockquote p{
margin-bottom: 0px !important;
}
blockquote.modern{
background-image: none;
border-left: 4px solid #cccccc;
width: 98%;
padding-left: 2%;
}
span.pullquote{
padding-left: 50px;
padding-right: 2%;
padding-bottom: 10px;
margin-top: 2%;
width: 22%;
float: left;
background-image: url('images/quote.png');
background-repeat: no-repeat;
background-position: 0px 0px;
color: #777;
}
span.pullquote.modern.alignright{
padding-right: 2%;
padding-left: 2%;
}
span.pullquote.modern{
background-image: none;
border-left: 4px solid #cccccc;
width: 28%;
padding-left: 2%;
padding-right: 2%;
}
span.pullquote.modern.alignright{
float: right;
}
.clear{
width: 100%;
clear: both;
margin-bottom: 15px;
}
.clearleft{
clear: left;
}
p:empty {
clear:both;
}
h1,h2,h3,h4,h5,h6{
clear: both;
width: 100%;
font-weight: bold;
line-height: 28px;
}
h1{
font-size: 20px;
}
h2{
font-size: 19px;
}
h3{
font-size: 18px;
}
h4{
font-size: 17px;
}
h5{
font-size: 15px;
}
h6{
font-size: 14px;
}
#content article p,
#full-width-content article p{
width: 100%;
margin-bottom: 0px;
}
#page article form p{
margin-bottom: 15px !important;
}
.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6{
text-align: center;
font-weight: normal;
margin: 0px;
}
.heading h2{
color: #777;
font-size: 15px;
clear: both;
text-align: center;
width: 100%;
margin: 0px;
padding: 0px;
}
.heading{
width: 100%;
min-height: 13px;
padding-bottom: 30px;
margin-bottom: 50px;
background-repeat: no-repeat;
background-image: url('images/heading_line.png');
background-position: bottom center;
float: left;
clear: both;
}
#content .heading h2,
#full-width-content .heading h2{
color: #777;
font-size: 15px;
clear: both;
text-align: center;
width: 100%;
margin: 0px;
padding: 0px;
}
#content .heading{
width: 100%;
min-height: 13px;
padding-bottom: 30px;
margin-bottom: 50px;
background-repeat: no-repeat;
background-image: url('images/heading_line-small.png');
background-position: bottom center;
float: left;
clear: both;
}
#full-width-content .heading{
background-image: url('images/heading_line.png');
}
#page .heading.noruler{
background-image: none;
padding-bottom: 0px;
}
.heading2 h1,
.heading2 h2,
.heading2 h3,
.heading2 h4,
.heading2 h5,
.heading2 h6{
text-align: center;
font-weight: normal;
margin: 0px;
width: auto !important;
padding-left: 30px;
padding-right: 30px;
}
.heading2 h2{
color: #777;
font-size: 15px;
clear: both;
text-align: center;
margin: 0px;
padding: 0px;
}
.heading2 {
width: 100%;
min-height: 13px;
padding-top: 18px;
padding-bottom: 30px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-image: url('images/heading2-bg.png');
background-position: top center;
float: left;
clear: both;
position: relative;
display: table;
}
.heading2 .center{
width: 1px;
white-space: nowrap;
display: table-cell;
}
.heading2 .left{
width: auto;
background-repeat: no-repeat;
background-image: url('images/heading2-left.png');
background-position: center left;
display: table-cell;
}
.heading2 .right{
width: auto;
background-repeat: no-repeat;
background-image: url('images/heading2-right.png');
background-position: center right;
display: table-cell;
}
hr{
height: 1px;
width: 100%;
clear: both;
margin: 0px;
margin-top: 15px;
margin-bottom: 15px;
background-color: #dddddd;
}
hr.hr2{
background-color: transparent;
background-image: url('images/hr2.png');
background-repeat: repeat-x;
background-position: top center;
}
hr.hr3{
background-color: transparent;
background-image: url('images/hr3.png');
background-repeat: no-repeat;
background-position: top center;
}
#content hr.hr3{
background-image: url('images/hr3-small.png');
}
hr.hr4{
background-color: transparent;
background-image: url('images/heading_line.png');
background-repeat: no-repeat;
background-position: top center;
height: 13px;
}
#content hr.hr4{
background-image: url('images/heading_line-small.png');
}
#full-width-content ul,
#content ul {
list-style-type: none;
list-style-position: inside;
padding-left: 10px;
}
#full-width-content ul li,
#content ul li {
line-height: 22px;
background-image: url('images/bullet.gif');
background-position: 0px 9px;
background-repeat: no-repeat;
padding-left: 10px;
}
#full-width-content ul li ul,
#content ul li ul{
padding-left: 30px;
}
#full-width-content ol,
#content ol {
list-style-type: decimal;
list-style-position: inside;
padding-left: 10px;
}
#full-width-content ol li,
#content ol li {
line-height: 22px;
}
#full-width-content ol li ol,
#content ol li ol{
padding-left: 30px;
list-style-type: lower-alpha;
}
#full-width-content ul.circle,
#content ul.circle {
list-style-type: disc;
list-style-position: inside;
}
#full-width-content ul.circle li,
#content ul.circle li{
list-style-type: disc;
list-style-position: inside;
background-image: none;
padding: 0px;
}
#full-width-content ul.arrow,
#full-width-content ul.arrow ul,
#content ul.arrow,
#content ul.arrow ul {
list-style-type: none;
list-style-position: inside;
}
#full-width-content ul.arrow li,
#full-width-content ul.arrow ul li,
#content ul.arrow li,
#content ul.arrow ul li {
background-image: url('images/widget_list.png');
background-position: 0px 7px;
background-repeat: no-repeat;
padding-left: 15px;
}
.image,
.size-thumbnail,
.size-medium,
.size-full,
#tp_gallery #pic_list img{
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 3px;
margin-right: 10px;
margin-bottom: 10px;
}
/* JAVASCRIPT FALLBACK */
#notification {
float: left;
left: 0px;
bottom: 0px;
height: 45px;
width: 100%;
text-align: center;
position: fixed;
z-index: 20;
background-color: #fff1ba;
font-size: 14px;
color: #333;
font-weight: bold;
line-height: 45px;
z-index: 1002;
letter-spacing: 1px;
}
/* WARNING FOR IE7 OR LOWER */
#ie_warning{
display: none;
width: 100%;
height: 100%;
line-height: 30px;
top: 0px;
left: 0px;
vertical-align: middle;
text-align: center;
margin: 0px auto;
color: #333;
font-size: 14px;
z-index: 1002;
background-color: #fff;
padding-top: 350px;
position: fixed;
}
#ie_warning a{
color: blue;
}
/* NUMBERED CIRCLES */
span.circle{
-moz-border-radius: 36px;
-webkit-border-radius: 36px;
-khtml-border-radius: 36px;
border-radius: 36px 36px 36px 36px;
float: left;
color: #fff;
font-size: 22px;
font-family: arial;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
display: block;
margin: 0px auto;
margin-right: 8px;
margin-top: 4px;
background-color: #444;
}
span.circle.center{
float: none;
margin: 0px auto;
}
span.circle.right{
float: right;
margin-left: 8px;
}
/* FORM FIELDS */
#page form ul li {
background-image: none;
padding: 0px;
margin: 0px;
margin-bottom: 15px;
line-height: 30px;
width: 100%;
}
#page form ul li br{
display: none;
}
form label{
float: left;
padding-right: 15px;
min-width: 120px;
font-weight: bold;
line-height: 28px;
}
form input[type="text"].short,
form input[type="email"].short{
width: 60px;
}
form input[type="text"],
form input[type="email"]{
width: 200px;
background-image: url('images/search-top.png');
background-position: top center;
background-repeat: no-repeat;
}
form input[type="text"].long,
form input[type="email"].long{
width: 400px;
}
button,
input,
textarea,
select {
border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;
padding: 5px;
}
button,
input {
line-height: normal;
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
min-width: 200px;
height: 80px;
background-image: url('images/search-top.png');
background-position: top center;
background-repeat: no-repeat;
}
textarea.small {
width: 100px;
min-width: 100px;
height: 50px;
}
textarea.large{
width: 400px;
height: 150px;
}
select {
min-width: 200px;
}
/* reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
}
/* CONTACT FORM 7 */
#page .wpcf7-form p{
margin-bottom: 15px;
}
#page .wpcf7-not-valid-tip{
line-height: 28px;
width: 200px;
left: 100%;
top: -4px;
border: 0px;
margin-left: 10px;
padding: 0px;
padding-left: 20px;
background-repeat: no-repeat;
background-image: url('images/icon-error.png');
background-position: left center;
background-color: transparent;
color: #850000;
}
#page .wpcf7-validation-errors{
border-radius: 3px;
background-color: #fff1ba;
border: 1px solid #dec671;
line-height: 35px;
width: auto;
display: inline-block;
margin-left: 0px;
margin-top: 30px;
}
#page .wpcf7-mail-sent-ok{
background-color: none;
border: 0;
font-weight: bold;
color: #17621f;
}
#page .wpcf7-mail-sent-ng{
border-radius: 3px;
background-color: #aa2727;
border: 1px solid #700000;
line-height: 35px;
width: auto;
display: inline-block;
margin-left: 0px;
margin-top: 30px;
color: #fff;
}
#page .wpcf7-quiz-label{
float: left;
padding-right: 15px;
min-width: 120px;
font-weight: bold;
line-height: 28px;
}
#page .wpcf7-captchac{
vertical-align: middle;
}
/* BUTTONS */
input[type="submit"],
input[type="button"],
input[type="reset"] {
padding: 7px 12px;
font-size: 12px;
font-weight: normal;
border-radius: 3px;
border: 0;
background-color: #333;
color: #bbb;
margin-top: 15px;
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
color: #fff;
background-color: #444;
}
/* RESPONSIVE IMAGES */
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* make sure images with wordpress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
max-width: 100%;
height: auto; /* make sure images with wordpress-added height and width attributes are scaled correctly */
}
#page article p img{
max-width: 100%;
}
/* make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/* IMAGES */
#page article a img .image,
#page article img.attachment-full{
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 3px;
}
.alignnone {
float: none;
}
.alignleft {
float: left;
margin-left: 0px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
.alignright {
float: right;
margin-left: 15px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
.aligncenter {
display: block;
margin: 0px auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.wp-caption {
max-width: 100%; /* keep wide captions from overflowing their container. */
padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
line-height: 18px;
font-size: 13px;
color: #777;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.entry-content dl.gallery-item {
margin: 0;
}
.gallery-item a,
.gallery-caption {
width: 90%;
}
.gallery-item a {
display: block;
}
.gallery-caption a {
display: inline;
}
.gallery-columns-1 .gallery-item a {
max-width: 100%;
width: auto;
}
.gallery .gallery-icon img {
height: auto;
max-width: 90%;
padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
padding: 3%;
}
/* TABLE */
table {
clear: left;
width: 100%;
}
table thead {
border-bottom: 1px solid #777;
}
table thead th {
font-weight: bold;
}
table th {
height: 32px;
vertical-align: middle;
}
table tbody tr{
border-bottom: 1px solid #eaeaea;
}
table td {
height: 30px;
vertical-align: middle;
}
table tbody tr:hover {
background-color: #fcfaee;
}
/* TABLE STYLE #2 */
table.style2 thead {
background-color: #333;
}
table.style2 thead th {
font-weight: normal;
color: #fff;
}
table.style2 tr {
border-bottom: 1px solid #dedede;
}
table.style2 tbody {
border: 1px solid #dedede;
}
table.style2 tbody tr:hover {
background-color: #fcfaee;
}
table.style2 tr:nth-child(even){
background-color: #fcfaee;
}
table.style2 tr td:first-child,
table.style2 thead th:first-child{
padding-left: 10px;
}
table.style2 tr td:last-child,
table.style2 thead th:last-child{
padding-right: 10px;
}
/* PRICING TABLE */
#page .pricing-table {
margin: 0px auto;
text-align: center;
width: 100%; /* total computed width = 222 x 3 + 226 */
background-image: url('images/ptable-bg.png');
background-repeat: no-repeat;
background-position: top center;
}
#page .pricing-table p.per{
color: #777;
margin-top: 10px;
clear: both;
font-style: italic;
margin-bottom: 0px;
}
#page .pricing-table ul {
padding: 0px;
margin: 0px auto;
background-image: url('images/ptable-line.png');
background-repeat: no-repeat;
background-position: top center;
padding-top: 30px;
margin-top: 15px;
margin-bottom: 15px;
}
#page .pricing-table ul li{
background-image: url('images/ptable-li.png');
background-position: bottom center;
padding: 0px;
line-height: 30px;
}
#page .pricing-table ul li:last-child{
background-image: none;
}
#page .pricing-table .price{
background-image: url('images/bigcircle.png');
background-position: center center;
background-repeat: no-repeat;
width: 71px;
height: 71px;
color: #fff;
line-height: 71px;
font-size: 24px;
font-style: italic;
margin: 0px auto;
text-align: center;
clear: both;
}
#page .pricing-table h3{
margin-bottom: 15px;
}
/* LAYOUT */
#page{
margin-top: 130px;
}
.wrapper{
width: 94%;
margin: 0px auto;
padding-left: 3%;
padding-right: 3%;
}
#full-width-content{
width: 100%;
min-height: 200px;
padding-bottom: 30px;
}
#content{
width: 65%;
float: left;
margin-right: 5%;
min-height: 600px;
padding-bottom: 30px;
}
#content.left-margin{
margin-right: 0px;
margin-left: 5%;
}
#sidebar{
float: left;
width: 30%;
}
.page-links{
width: 100%;
text-align: center;
clear: both;
margin-top: 50px;
font-size: 13px;
}
.page-links strong{
margin-right: 7px;
font-weight: bold;
}
.page-links a{
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #f0f0f0;
border: 3px solid #eee;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
margin-left: 7px;
margin-right: 7px;
}
.page-links a:hover{
background-color: #2b2b2b;
color: #fff;
}
/* SIDEBAR */
/* FOOTER */
footer{
width: 100%;
margin: 0px auto;
text-align: left;
margin-top: 80px;
clear: both;
color: #e7e7e7;
}
footer #footer-color{
width: 100%;
background-color: #000;
position: relative;
z-index: 100;
padding-top: 14px;
}
footer .wrapper{
padding-top: 60px;
padding-bottom: 0px;
}
footer #bottom-text{
width: 100%;
clear: both;
color: #a1a1a1;
font-size: 13px;
}
footer #bottom-text .column-one_half{
margin-bottom: 15px;
}
footer #bottom-text .last{
text-align: right;
}
/* TOP PANEL */
header{
width: 100%;
margin: 0px auto;
text-align: center;
}
header #top_panel{
position: absolute;
width: 100%;
min-height: 195px;
height: 255px;
background-color: transparent;
background-image: url('images/top_panel-texture-leather.png');
background-position: top center;
background-repeat: no-repeat;
z-index: 100;
display: block;
}
footer #footer-texture{
margin-top: -40px;
position: relative;
background-position: top center;
background-repeat: no-repeat;
background-image: url('images/footer_panel-texture-leather.png');
z-index: 101;
}
header #top_panel.wood{
background-image: url('images/top_panel-texture-wood.png');
}
footer #footer-texture.wood{
background-image: url('images/footer_panel-texture-wood.png');
}
header #top_panel.dark_wood{
background-image: url('images/top_panel-texture-wood-dark.png');
}
footer #footer-texture.dark_wood{
background-image: url('images/footer_panel-texture-wood-dark.png');
}
header #top_panel.red_leather{
background-image: url('images/top_panel-texture-leather-red.png');
}
footer #footer-texture.red_leather{
background-image: url('images/footer_panel-texture-leather-red.png');
}
header #top_panel.brown_leather{
background-image: url('images/top_panel-texture-leather-brown.png');
}
footer #footer-texture.brown_leather{
background-image: url('images/footer_panel-texture-leather-brown.png');
}
header #top_panel.carbon{
background-image: url('images/top_panel-texture-carbon.png');
}
footer #footer-texture.carbon{
background-image: url('images/footer_panel-texture-carbon.png');
}
header #top_panel.none{
background-image: url('images/top_panel-texture-none.png');
}
footer #footer-texture.none{
background-image: url('images/footer_panel-texture-none.png');
}
#top_panel_line{
width: 100%;
height: 116px;
position: absolute;
z-index: 99;
display: block;
top: 0px;
background-color: #000;
}
#top_panel,
#top_panel_line{
margin-top: -50px;
}
#top_panel_stars{
height: 23px;
width: 120px;
background-color: transparent;
background-image: url('images/top_panel-stars.png');
background-position: top center;
background-repeat: no-repeat;
position: absolute;
z-index: 102;
left: 50%;
margin-left: -60px;
margin-top: 170px;
}
#logo{
padding-top: 20px;
margin: 0px auto;
}
/* MENU */
#responsive-menu{
display: none;
}
nav a {
text-decoration: none;
font-weight: normal;
outline: none;
}
nav a:hover{
text-decoration: none;
}
nav ul.menu li.current-menu-item a strong{
color: #fff;
}
nav{
margin: 0px auto;
text-align: center;
position: relative;
z-index: 101;
top: 0px;
}
nav ul.menu{
text-align: center;
margin: 0px auto;
}
nav ul.menu li{
text-align: center;
display: inline-block;
padding-bottom: 13px;
background-image: url('images/menu_sep.png');
background-position: top right;
background-repeat: no-repeat;
}
nav ul.menu li:last-child{
background-image: none;
}
nav ul.menu li a{
display: block;
padding-left: 25px;
padding-right: 25px;
line-height: 18px;
padding-top: 13px;
padding-bottom: 5px;
}
nav ul.menu li a strong {
display: block;
font-weight: normal;
font-size: 14px;
color: #bbbbbb;
}
nav ul.menu .sub-menu a{
color: #bbbbbb;
}
nav ul.menu .sub-menu a:hover{
color: #fff;
}
nav ul.menu li:hover a{
background-image: url('images/menu_lite.png');
background-repeat: no-repeat;
background-position: top center;
}
nav ul.menu li:hover .sub-menu a{
background-image: none;
}
nav ul.menu li a:hover strong{
color: #fff;
}
nav ul.menu li span{
display: block;
font-size: 10px;
color: #f2e7c2;
}
nav .menu_bottom{
clear: both;
width: 100%;
background-image: url('images/menu_bottom_line.png');
background-repeat: no-repeat;
background-position: top center;
height: 1px;
}
/* MENU HOVER */
nav ul.menu .sub-menu{
display: none;
position: absolute;
z-index: 105;
width: 170px;
background-image: url('images/submenu_bg.png');
background-repeat: no-repeat;
background-position: top center;
margin-top: 13px;
margin-left: -20px;
border-bottom: 2px solid #aaa;
-webkit-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border-radius: 7px;
}
nav ul.menu .sub-menu li{
clear: both;
line-height: 18px;
background-image: url('images/submenu_li_bg.png');
background-repeat: no-repeat;
background-position: bottom center;
width: 97%;
padding-left: 2%;
padding-right: 1%;
padding-bottom: 0px;
}
nav ul.menu .sub-menu li:last-child{
background-image: none;
}
nav ul.menu .sub-menu li a{
font-size: 12px;
padding: 0px;
padding-top: 8px;
padding-bottom: 8px;
}
nav ul.menu .sub-menu li a:hover{
background-image: none;
}
nav ul.menu li:hover .sub-menu{
display: block;
}
/* 3RD LEVEL */
nav ul.menu ul.sub-menu li ul.sub-menu{
display: none;
position: absolute;
left: 100%;
margin-left: 0px;
margin-top: -34px;
}
nav ul.menu ul.sub-menu li:hover ul.sub-menu{
display: block;
}
/* BLOG POSTS */
article.post{
width: 100%;
clear: both;
}
#page article.post p{
clear: none;
width: auto;
}
#page .bloglist article.post p{
margin-bottom: 30px;
}
#page .fullposts article.post p {
margin-bottom: 0px;
}
#page article.post p a{
font-weight: bold;
}
#page article.post .widget_tag_cloud a {
font-weight: normal;
}
#page article.post p.widget_tag_cloud{
margin: 0px;
margin-top: 30px;
min-height: 30px;
}
#page article.post h3{
clear: none;
width: auto;
margin-bottom: 15px;
line-height: 24px;
}
.post-thumb{
float: left;
margin-right: 30px;
background-image: url('images/blog-thumb-bg.png');
background-repeat: no-repeat;
width: 353px;
height: 186px;
position: relative;
padding-bottom: 30px;
}
#page article .post-thumb img {
border: 0px;
padding: 0px;
margin-top: 3px;
margin-left: 3px;
background-color: transparent;
opacity: 1;
}
#page article .post-thumb img:hover{
opacity: 0.9;
}
#page article .post-thumb .video{
position: absolute;
top: 50px;
left: 50%;
margin-left: -27px;
}
#page .post-date {
background-image: url('images/blog-date.png');
background-repeat: no-repeat;
width: 69px;
height: 56px;
padding-top: 15px;
padding-right: 2px;
color: #fff;
font-style: italic;
line-height: 13px;
font-size: 13px;
text-align: center;
margin-right: 30px;
margin-bottom: 30px;
float: left;
}
body.single #page .post-date {
margin-right: 15px;
}
#page .post-date span{
font-size: 25px;
}
#page .post-date span.y{
font-size: 13px;
color: #b6b6b6;
}
#page article .post-thumb .post-date {
position: absolute;
left: 50%;
bottom: 5px;
margin-left: -35px;
margin-right: 0px;
margin-bottom: 15px;
}
#page article.post .info{
width: 100%;
height: 36px;
line-height: 36px;
clear: both;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
margin-bottom: 50px;
font-size: 12px;
text-transform: uppercase;
color: #777777;
white-space: nowrap;
}
#page article.post .info p{
line-height: 36px;
margin: 0px;
float: left;
}
#page article.post .info .right{
float: right;
text-align: right;
margin-left: 10px;
}
#page article.post .info .right a{
font-weight: normal;
}
#page article.post .info i{
vertical-align: middle;
color: #999;
font-size: 18px;
}
#page article.post .info .sep{
width: 20px;
background-image: url('images/blog-info-sep.png');
background-repeat: no-repeat;
background-position: center center;
}
body.blog #page article.post blockquote{
clear: none;
width: auto;
float: left;
margin: 0px;
padding: 0px;
padding-left: 50px;
padding-top: 4px;
margin-bottom: 30px;
max-width: 66%;
}
body.blog #page article.post blockquote.modern{
padding-left: 20px;
padding-top: 0px;
width: 580px;
}
body.blog #page #full-width-content article.post blockquote{
width: 819px;
}
body.blog #page #full-width-content article.post blockquote.modern{
width: 849px;
}
#page article.format-video iframe{
background-color: #fff;
padding: 3px;
border: 1px solid #b2b2b2;
}
#page #content article.post iframe{
width: 100%;
max-width: 99% !important;
margin-bottom: 30px;
}
#page #full-width-content article.post iframe{
max-width: 99% !important;
margin-bottom: 30px;
}
body.single-post #page #content article.post iframe{
max-width: 99% !important;
margin-bottom: 15px;
}
body.single-post #page #full-width-content article.post iframe{
max-width: 99% !important;
margin-bottom: 15px;
}
#page .archive-meta p{
padding-bottom: 15px;
}
#page .archive-meta hr{
padding-bottom: 30px;
}
#page .archive-author strong{
}
#page .archive-author img.avatar{
background-color: #fff;
padding: 3px;
float: left;
margin-right: 15px;
width: 75px;
height: 75px;
margin-bottom: 30px;
border: 1px solid #b2b2b2;
}
#page .archive-author a{
font-weight: bold;
}
a.moretag{
font-weight: bold;
display:none;
}
#page .sticky{
}
#page .bypostauthor{
}
/* AUDIO FLASH PLAYER */
.format-audio object{
width: 99%;
float: left;
padding: 0px;
margin: 0px;
height: 40px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 30px;
border: 1px solid #e5e5e5;
background-color: #f6f6f6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
body.single-post object{
width: 99%;
margin-bottom: 15px;
}
/* PAGE NAVIGATION */
#page #page_control a{
color: #777;
display: inline;
height: 30px;
line-height: 30px;
white-space: nowrap;
width: auto;
font-size: 13px;
}
#page #page_control-older{
text-align: right;
float: right;
padding-right: 40px;
background-image: url('images/nav-prev.png');
background-position: right center;
background-repeat: no-repeat;
}
#page #page_control-newer{
text-align: left;
float: left;
padding-left: 40px;
background-image: url('images/nav-next.png');
background-position: left center;
background-repeat: no-repeat;
}
/* SINGLE POST */
body.single header{
text-align: left;
width: 100%;
}
body.single header h1{
width: auto;
clear: none;
padding-top: 10px;
margin-bottom: 0px;
font-size: 19px;
}
body.single header .info{
height: 30px;
line-height: 30px;
font-size: 12px;
text-transform: uppercase;
color: #777777;
margin-bottom: 15px;
clear: left;
}
body.single #page header .post-date {
margin-bottom: 0px;
}
body.single header .info p{
line-height: 36px;
margin: 0px;
float: left;
}
body.single header .info i{
vertical-align: middle;
color: #999;
font-size: 18px;
}
body.single header .info .sep{
width: 2px;
background-image: url('images/blog-info-sep.png');
background-repeat: no-repeat;
background-position: center center;
padding-left: 5px;
padding-right: 5px;
}
body.single #page article .wp-post-image{
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 3px;
}
/* SOCIAL SHARE */
#page article ul.social_share,
#page article ul.social_share li{
padding: 0px;
margin: 0px;
background-image: none;
list-style-type: none;
}
#page article ul.social_share{
width: 100%;
clear: both;
float: left;
margin-bottom: 30px;
height: 20px;
line-height: 20px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
padding-top: 15px;
padding-bottom: 15px;
}
#page article ul.social_share li{
float: left;
width: 120px;
}
#page article ul.social_share li#facebook{
width: 100px;
}
#page article ul.social_share li#twitter{
width: 110px;
}
#page article ul.social_share li#gplus{
width: 100px;
}
#page article ul.social_share iframe{
background-color: transparent;
border: 0px;
border: none !important;
}
iframe[class^="PIN"]{
position: absolute;
z-index: -100;
bottom: 0px;
}
/* COMMENTS */
#page .commentlist{
list-style-type: none;
max-width: 100%;
width: 100%;
padding: 0px;
margin-top: 15px;
margin-bottom: 15px;
float: left;
}
#page .commentlist li{
padding: 0px;
margin: 0px;
background-image: none;
width: 100%;
clear: left;
margin-bottom: 30px;
}
#page .commentlist li:last-child{
margin-bottom: 0px;
}
#page .commentlist li p{
margin: 0px;
}
#page .commentlist li .comment-author{
font-weight: bold;
}
#page .commentlist li .comment-info{
color: #777;
font-size: 13px;
margin-bottom: 5px;
}
#page .commentlist li img.avatar{
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 2px;
margin-right: 20px;
margin-bottom: 10px;
float: left;
}
#page .commentlist .children {
margin-left: 30px;
margin-top: 30px;
}
form#commentform{
margin-top: 15px;
float: left;
width: 100%;
}
#page form#commentform p{
clear: both;
float: left;
margin-bottom: 15px;
width: 100%;
}
#page form#commentform label{
float: left;
line-height: 30px;
margin-right: 4%;
padding: 0px;
min-width: auto;
width: 23%;
}
#page form#commentform .comment-form-author,
#page form#commentform .comment-form-email{
width: 100%;
}
#page form#commentform .comment-form-author input,
#page form#commentform .comment-form-email input{
width: 70%;
}
#page form#commentform .comment-form-comment{
width: 100% !important;
}
#page form#commentform #comment{
width: 100%;
}
#reply-title small{
float: right;
font-size: 13px;
margin-top: 5px;
}
#respond{
clear: left;
}
#respond #submit{
background-color: #333;
color: #bbb;
}
#respond #submit:hover{
color:#fff
}
/* AUTHOR */
section.author{
border: 1px solid #dedede;
float: left;
width: 99%;
padding: 1px;
background-color: #f3f3f3;
font-style: normal;
background-image: url('images/author_bg.gif');
background-repeat: repeat-y;
margin-bottom: 15px;
}
section.author img{
float: left;
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 3px;
margin: 20px;
margin-right: 30px;
}
section.author h3{
margin-top: 20px;
width: auto;
clear: none;
font-size: 15px;
}
section.author a{
font-weight: bold;
}
#page article section.author p{
margin-right: 20px;
clear: none;
width: auto;
margin-bottom: 20px;
}
/* REVIEW BOX */
.review_box{
width: 50%;
background-color: #fff;
border: 1px solid #dbdbdb;
padding: 2px;
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
.review{
background-color: #f8f8f8;
min-height: 140px;
padding-left: 3%;
padding-right: 3%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
float: left;
width: 94%;
}
.review_box.right{
float: right;
margin-left: 30px;
margin-right: 0px;
}
.review_box.full{
margin: 0px;
width: 100%;
clear: both;
margin-bottom: 30px;
margin-top: 30px;
}
#page article .review h3{
font-size: 15px;
margin-bottom: 5px;
padding: 0px;
font-weight: normal;
width: 100%;
float: left;
}
#page .review hr{
margin: 0px;
margin-bottom: 20px;
}
.review .line{
width: 100%;
background-image: url('images/review-dots.png');
background-repeat: repeat-x;
background-position: 0px 1px;
margin-bottom: 6px;
float: left;
white-space: nowrap;
}
.review .line .text.overall{
font-weight: bold;
}
.review .text{
float: left;
background-color: #f8f8f8;
padding-right: 6px;
}
.review .score{
float: right;
background-color: #f8f8f8;
padding-left: 6px;
font-weight: bold;
white-space: nowrap;
}
.review .score img{
margin-right: 4px;
}
.review .empty{
width: 100%;
height: 10px;
float: left;
}
.blog .post-review,
.archive .post-review,
.category .post-review{
float: right;
margin-top: -15px;
font-size: 13px;
margin-bottom: 15px;
color: #777;
min-width: 300px;
text-align: right;
}
.blog .post-review img,
.archive .post-review img,
.category .post-review img{
margin-right: 4px;
}
.blog .post-review span,
.archive .post-review span,
.category .post-review span{
background-color: #555;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}
/* POST/PAGE INSERTED GALLERY */
#page div.gallery{
margin-bottom: 0px;
width: 100%;
}
#page .gallery-columns-3{
width: 100%;
}
#page .gallery-columns-2 .gallery-item{ width: 50%; }
#page .gallery-columns-3 .gallery-item{ width: 33%; }
#page .gallery-columns-4 .gallery-item{ width: 25%; }
#page .gallery-columns-5 .gallery-item{ width: 20%; }
#page .gallery-columns-6 .gallery-item{ width: 16%; }
#page .gallery-columns-7 .gallery-item{ width: 14%; }
#page .gallery-columns-8 .gallery-item{ width: 12%; }
#page .gallery-columns-9 .gallery-item{ width: 11%; }
#page .gallery-item{
float: left;
margin-bottom: 15px;
text-align: center;
clear: none;
}
#page dl dt.gallery-icon{
width: auto;
border: 0px;
padding: 0px;
text-align: center;
float: none;
margin: 0px auto;
}
/* CUSTOM GALLERY */
#tp_gallery{
max-width: 100%;
position: relative;
clear: both;
margin-bottom: 15px;
}
#tp_gallery #large_pic{
background-image: url('images/tp_gallery-bg.png');
text-align: center;
overflow: hidden;
width: 100%;
height: 350px;
line-height: 347px;
padding: 3px;
position: relative;
}
#full-width-content #tp_gallery #large_pic{
width: 100%;
height: auto;
line-height: auto;
}
#tp_gallery #large_pic img{
max-width: 100%;
max-height: 100%;
border: 0px;
padding: 0px;
vertical-align: middle;
}
#tp_gallery #pic_list{
width: 100%;
overflow: hidden;
margin-top: 5px;
clear: both;
position: relative;
}
#tp_gallery #pic_list #nav-left,
#tp_gallery #pic_list #nav-right{
padding-top: 5px;
padding-bottom: 5px;
float: left;
width: 29px;
height: 29px;
margin-top: 25px;
display: none;
}
#tp_gallery #pic_list #nav-left {
background-image: url('images/tp_gallery-left.png');
background-repeat: no-repeat;
background-position: top center;
margin-right: 15px;
}
#tp_gallery #pic_list #nav-left:hover {
background-image: url('images/tp_gallery-left-a.png');
}
#tp_gallery #pic_list #nav-right {
background-image: url('images/tp_gallery-right.png');
background-repeat: no-repeat;
background-position: top center;
margin-left: 15px;
float: right;
}
#tp_gallery #pic_list #nav-right:hover {
background-image: url('images/tp_gallery-right-a.png');
}
#page #tp_gallery #pics{
position: relative;
width: 82% !important;
float: left;
overflow: hidden;
}
#tp_gallery #pic_list #pics ul{
position: relative;
left: 0px;
list-style-type: none;
list-style: none;
overflow: hidden;
padding: 0px;
margin: 0px;
width: 100%;
}
#tp_gallery #pic_list ul li{
background-image: none;
float: left;
padding: 0px;
margin: 0px;
text-align: center;
width: 98px;
}
#tp_gallery #pic_list ul li img{
height: 80px;
}
#tp_gallery .title{
width: 100%;
text-align: center;
height: 25px;
line-height: 25px;
color: #777;
font-size: 13px;
font-style: italic;
}
/* WIDGET AREA */
aside.widget{
width: 100%;
clear: both;
float: left;
margin-bottom: 50px;
}
footer aside.widget{
margin-bottom: 15px;
}
.widget-area,#page{
word-wrap: break-word;
}
.widget-title{
font-size: 17px;
margin-bottom: 15px;
text-align: center;
font-weight: normal;
line-height: 20px;
/*letter-spacing: 1px;*/
}
#sidebar .widget-title{
background-image: url('images/widget_title.png');
background-repeat: no-repeat;
background-position: top center;
padding-top: 15px;
}
footer .widget-title{
font-size: 16px;
text-align: left;
}
footer .widget-title{
color: #fff;
}
.widget-area ul{
width: 100%;
}
.widget-area ul li{
clear: left;
line-height: 20px;
}
.widget_text p{
clear: both;
margin-bottom: 15px;
}
.widget_categories ul li,
.widget_archive ul li,
.widget_meta ul li,
.blogroll li,
.widget_pages li,
.widget_recent_entries ul li,
.widget_recent_comments li,
.widget_nav_menu li{
line-height: 20px;
padding-left: 15px;
background-image: url('images/widget_list.png');
background-repeat: no-repeat;
background-position: 0px 7px;
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: 1px solid #efefef;
}
footer .widget_categories ul li,
footer .widget_archive ul li,
footer .widget_meta ul li,
footer .blogroll li,
footer .widget_pages li,
footer .widget_recent_entries li,
footer .widget_recent_comments li,
footer .widget_nav_menu li{
line-height: 20px;
padding-left: 12px;
background-image: url('images/widget_list-footer.png');
background-repeat: no-repeat;
background-position: 0px 7px;
border: 0px;
}
.widget-area ul li:last-child{
margin-bottom: 0px;
}
/* RECENT ENTRIES */
.widget_recent_entries li{
width: 100%;
float: left;
}
.widget_recent_entries ul li a{
float: left;
}
.widget_recent_entries ul li span{
line-height: 14px;
font-size: 13px;
clear: left;
float: left;
}
/* RECENT COMMENTS */
.widget_recent_comments li a{
width: 100%;
}
.widget_recent_comments li,
footer .widget_recent_comments li {
background-image: url('images/icon-comment.png');
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 25px;
}
/* TAG CLOUD */
.tagcloud a{
padding: 3px;
margin: 2px;
float: left;
font-size: 13px;
}
/* CUSTOM TAGS, CATEGORIES */
.widget_tag_cloud a{
display: block;
padding-left: 8px;
background-image: url('images/tag.png');
background-repeat: no-repeat;
background-position: top right;
padding-right: 20px;
line-height: 24px;
max-height: 24px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
border-left: 1px solid #c3c3c3;
font-size: 13px !important;
width: auto;
float: left;
margin-right: 6px;
margin-bottom: 10px;
font-weight: normal;
}
p.tags{
margin-top: -20px;
width: 100%;
clear: both;
float: left;
margin-bottom: 20px;
position: relative;
z-index: 100;
}
.widget_tag_cloud span{
float: left;
margin-right: 15px;
font-weight: bold;
}
/* CUSTOM MENU */
.widget_nav_menu li ul {
padding-top: 8px;
}
.widget_nav_menu li ul li{
border: 0px;
}
/* RSS */
.widget_rss ul li .rss-date,
.widget_rss ul li .rsswidget{
float: left;
clear: left;
}
.widget_rss ul li {
float: left;
padding-bottom: 15px;
}
/* SEARCH */
.widget-area .search{
float: left;
width: 100%;
position: relative;
height: 30px;
background-image: url('images/search-top.png');
background-repeat: no-repeat;
background-position: top center;
padding-top: 4px;
}
.widget-area .search .input-text{
border: 1px solid #cecece;
height: 30px;
line-height: 30px;
padding: 0px;
margin: 0px;
padding-left: 2%;
font-size: 13px;
color: #2a2a2a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 98%;
position: absolute;
}
.search button{
float: right;
position: absolute;
right: 5px;
top: 5px;
background-color: transparent;
border: 0px;
width: 28px;
color: #777;
}
.search-results article hr.hr3{
margin-bottom: 30px;
margin-top: 30px;
}
#content .search,
#full-width-content .search{
float: left;
position: relative;
height: 30px;
background-image: url('images/search-top.png');
background-repeat: no-repeat;
background-position: top center;
padding-top: 4px;
width: 40%;
margin-top: 30px;
}
#content .search .input-text,
#full-width-content .search .input-text{
border: 1px solid #cecece;
height: 30px;
line-height: 30px;
padding: 0px;
margin: 0px;
padding-left: 2%;
font-size: 13px;
color: #2a2a2a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 98%;
position: absolute;
}
/* CALENDAR */
.widget_calendar caption{
text-align: center;
width: 100%;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #f0f0f0;
font-weight: bold;
}
#wp-calendar{
width: 100%;
}
#wp-calendar thead th{
font-weight: bold;
text-align: center;
padding-bottom: 3px;
padding-top: 3px;
}
#wp-calendar #today {
font-weight: bold;
}
#wp-xcalendar tbody tr:nth-child(even){
background-color: #f0f0f0;
}
#wp-calendar tbody td a{
display: block;
background-color: #f5f5f5;
font-weight: bold;
}
#wp-calendar tbody td{
text-align: center;
border: 1px solid #f0f0f0;
height: 24px;
line-height: 24px;
padding: 0px;
margin: 0px;
}
#wp-calendar{
border-bottom: 0px;
}
#wp-calendar tfoot td{
padding-top: 10px;
}
/*** MY WIDGETS ***/
/* VERTICAL SPACE */
.vspace{
width: 100%;
height: 30px;
clear: both;
}
/* RECENT TWEETS */
.widget-area .tp_recent_tweets {
float: left;
clear: left;
}
.widget-area .tp_recent_tweets li {
background-image: url('images/tweet.png');
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 30px;
padding-bottom: 15px;
float: left;
clear: left;
line-height: 20px;
}
.widget-area .tp_recent_tweets li:last-child {
padding-bottom: 0px;
}
.widget-area .tp_recent_tweets li a {
font-weight: bold;
}
.widget-area .tp_recent_tweets .twitter_time {
color: #999;
font-size: 12px;
font-style: italic;
font-weight: normal;
}
/* FLICKR */
#flickr_feed {
float: left;
width: 100%;
}
#flickr_feed .flickr_badge_image{
float: left;
margin-right: 10px;
margin-bottom: 10px;
width: 66px;
height: 66px;
}
#flickr_feed img:hover{
background-color: #eee;
}
#flickr_feed img{
background-color: #fff;
padding: 3px;
border: 1px solid #b2b2b2;
width: 58px;
height: 58px;
float: left;
}
#flickr_feed .flickr_badge_image:nth-child(3n+1){
margin-right: 0px;
}
/* FACEBOOK LIKE BOX */
.fblikebox-frame {
border: 0px;
height: 255px;
left: 0px;
overflow: hidden;
position: relative;
top: -2px;
width: 100%;
z-index: 10;
}
.fblikebox-frame iframe {
left: -1px;
overflow: hidden;
position: relative;
top: -1px;
width: 99%;
border: 0px;
}
/* RECENT/POPULAR POSTS */
.widget_post_list li{
clear: left;
float: left;
font-size: 13px;
margin-bottom: 10px;
}
.widget_post_list li p{
line-height: 18px;
}
.widget_post_list img{
float: left;
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 3px;
margin-right: 10px;
}
.widget_post_list span{
color: #777777;
clear: left;
}
/* CONTACT INFO */
.widget .contact_nfo li{
padding-bottom: 10px;
}
.widget i.fa{
vertical-align: middle;
float: left;
}
.widget .contact_nfo i.fa{
color: #999;
margin-right: 10px;
}
.widget .contact_nfo span{
display: inline-block;
}
footer .widget .contact_nfo i.fa{
color: #666;
}
/* COLUMNS */
#page .one_fifth{
width: 16%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
#page .two_fifth{
width: 36%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
#page .three_fifth{
width: 56%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
#page .one_fourth{
width: 21%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
footer .one_fourth{
width: 46%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
footer .one_fourth:nth-child(odd){
clear: left;
}
footer .one_fourth,
footer .one_third{
margin-bottom: 30px;
}
#page .three_fourth{
width: 71%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
#page .one_third{
width: 29%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
footer .one_third{
width: 29%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
#page .two_third{
width: 62%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
#page .one_half{
width: 46%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
footer .one_half{
width: 46%;
margin-right: 2%;
margin-left: 2%;
float: left;
}
#page .one_half p,
#page .one_third p,
#page .two_third p,
#page .one_fourth p,
#page .three_fourth p,
#page .one_fifth p,
#page .two_fifth p,
#page .three_fifth p{
margin-bottom: 0px;
}
.last{
margin-right: 0px !important;
clear: none !important;
}
.last + div,
.last + p{
clear: both !important;
}
/* VIDEO SHORTCODE */
.widget-area .tp-video{
width: 214px;
height: 140px;
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 3px;
}
/* TESTEMONIAL */
.testemonial{
clear: both;
background-color: #f2f2f2;
border: 1px solid #d5d5d5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-left: 50px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
position: relative;
color: #777;
font-style: italic;
background-image: url('images/testemonial_bg.png');
background-position: 15px 15px;
background-repeat: no-repeat;
margin-bottom: 30px;
text-align: left;
}
.testemonial .author{
height: 45px;
float: left;
position: absolute;
bottom: -50px;
color: #2a2a2a;
background-image: url('images/testemonial_author.png');
background-position: top left;
background-repeat: no-repeat;
margin-left: -50px;
padding-left: 55px;
padding-top: 5px;
font-style: normal;
}
.testemonial .author span{
color: #777;
}
/* GOOGLE MAPS */
#page .mapholder{
border: 1px solid #b2b2b2;
background: #fff;
padding: 3px;
clear: both;
position: relative;
height: auto;
margin-bottom: 30px;
}
#page .gmap{
height: auto;
width: 100%;
clear: both;
position: relative;
overflow: hidden;
}
#page .gmap img {
border: 0px;
padding: 0px;
margin: 0px;
background-color: transparent;
width: auto;
height: auto;
max-width: none;
}
#page .gfont{
font-weight: 400;
margin-bottom: 15px;
}
/* HORIZONTAL TAB */
#sidebar .tabs ul.tabnav{
width: 100%;
background-image: url('images/widget_title.png');
background-repeat: no-repeat;
background-position: top center;
padding-top: 7px;
padding-bottom: 2px;
border-top: 0px;
border-bottom: 1px solid #dedede;
float: left;
margin-bottom: 15px;
}
#sidebar .tabs ul.tabnav li{
float: left;
white-space: nowrap;
text-align: center;
border: 0px;
clear: none;
list-style: none;
}
#sidebar .tabs ul.tabnav li a {
outline: none;
padding-left: 10px;
padding-right: 10px;
line-height: 30px;
text-decoration: none;
font-size: 12px;
text-align: center;
}
#sidebar .tabs .tabdiv{
float: left;
width: 100%;
clear: left;
}
.tabs { float: left; clear: left; width: 98%; }
.tabs.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.tabs.ui-tabs .ui-tabs-nav { margin: 0; width: 100%; float: left; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; margin-bottom: 15px; }
.widget-area .ui-tabs .ui-tabs-nav li { clear: none; list-style: none; float: left; position: relative; margin: 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; text-align: center; }
#page .tabs.ui-tabs .ui-tabs-nav li { background-image: none !important; list-style: none; float: left; position: relative; margin: 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.tabs.ui-tabs .ui-tabs-nav li a { outline: none; padding-left: 10px; padding-right: 10px; line-height: 30px; text-decoration: none; font-size: 12px; text-align: center; }
#page .tabs.ui-tabs .ui-tabs-nav li a { font-size: 13px; }
#sidebar .tabs.ui-tabs .ui-tabs-nav li a { font-size: 12px; }
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 0px; padding: 0px; margin-top: -1px; padding-top: 2px; }
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; line-height: 30px; }
.tabs.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.tabs.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px; background: none; }
.tabs.ui-tabs .ui-tabs-hide { display: none !important; }
.tabs.ui-tabs .ui-widget-content { float: left; }
.tabs.ui-tabs .ui-tabs-nav li a { color: #777 !important; }
.tabs.ui-tabs .ui-tabs-nav li a:hover, .tabs.ui-tabs .ui-tabs-nav .ui-tabs-active a{ color: #2a2a2a !important; }
#sidebar .tabs.ui-tabs .ui-tabs-nav {
background-image: url('images/widget_title.png');
background-repeat: no-repeat;
background-position: top center;
padding-top: 7px;
padding-bottom: 2px;
border-top: 0px;
}
/* VERTICAL TAB */
#page .tabs-vertical{ float: left; clear: left; width: 100%; }
#page .tabs-vertical.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#page .tabs-vertical.ui-tabs .ui-tabs-nav { margin: 0; width: 18%; float: left; padding-bottom: 35px; margin-bottom: 30px; margin-right: 3%; background-image: url('images/tab-v-bottom.png'); background-repeat: no-repeat; background-position: bottom right; }
#page .tabs-vertical.ui-tabs .ui-tabs-nav li { width: 100%; float: left; clear: left; position: relative; margin: 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-image: url('images/tab-v-bg.png'); background-repeat: no-repeat; background-position: top right; }
#page .tabs-vertical.ui-tabs .ui-tabs-nav li a { outline: none; display: block; line-height: 35px; text-decoration: none; text-align: left; }
#page .tabs-vertical.ui-tabs .ui-tabs-nav li:first-child{ background-image: url('images/tab-v-bg1.png'); }
#page .tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-active , #page .tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 0px; padding: 0px; background-image: url('images/tab-v-bg-selected.png'); background-repeat: no-repeat; background-position: bottom right; }
#page .tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .tabs-vertical .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .tabs-vertical .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; line-height: 35px; border: 0px; }
#page .tabs-vertical.ui-tabs .ui-tabs-nav li a, .tabs-vertical .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#page .tabs-vertical.ui-tabs .ui-tabs-panel { border-width: 0; padding: 0px; background: none; float: left; width: 77%; padding-bottom: 30px; margin-top: -15px; }
#page .tabs-vertical.ui-tabs .ui-tabs-hide { display: none !important; }
#page .tabs-vertical.ui-tabs .ui-widget-content { float: left; }
#page .tabs-vertical p:empty{ display: none;}
#page .tabs-vertical br{ display:none; }
/* TOGGLES */
.toggle{
float: left;
clear: left;
margin-bottom: 15px;
padding-left: 40px;
background-repeat: no-repeat;
background-position: center left;
height: 35px;
line-height: 35px;
font-weight: bold;
background-image: url('images/nav-prev.png');
}
.toggle_box {
background-color:#f7f7f7;
border: 1px solid #dedede;
/* Rounder Corner */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
overflow: hidden;
width: 100%;
clear: both;
margin-bottom:10px;
}
.toggle_box .block {
padding: 15px;
}
/* FULL WIDTH SLIDER */
#tp-fw-slider{
width: 100%;
max-width: 100%;
height: 435px;
background-color: #eee;
position: relative;
margin-top: -83px;
z-index: 0;
}
#tp-fw-slider.nocurvy{
top: 49px;
border-bottom: 7px solid #e0e0e0;
overflow: hidden;
}
#tp-fw-slider .tp-fws-bottom{
width: 100%;
height: 100px;
background-image: url('images/tp_fw_bottom.png');
background-position: top center;
position: absolute;
bottom: -60px;
left: 0px;
}
#tp-fw-slider .tp-fws-image{
width: 100%;
max-width: 100%;
float: left;
height: 435px;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-image: url('images/loading.gif');
background-position: 50% 55%;
}
#tp-fw-slider .tp-fws-layers{
width: 100%;
max-width: 100%;
float: left;
height: 435px;
overflow: hidden;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: top center;
display: none;
opacity:inherit;
filter:inherit;
}
#tp-fw-slider .tp-fws-caption{
width: 832px;
height: 60px;
margin: 0px auto;
background-image: url('images/tp_fw_caption.png');
background-repeat: no-repeat;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -416px;
color: #fff;
font-style: italic;
text-align: center;
line-height: 18px;
padding-top: 18px;
display: none;
}
#tp-fw-slider .tp-fws-caption.captionb{
bottom: -37px;
padding-top: 10px;
}
#tp-fw-slider #arrow-left{
position: absolute;
left: 20px;
top: 200px;
width: 41px;
height: 41px;
display: none;
}
#tp-fw-slider #arrow-right{
position: absolute;
right: 20px;
top: 200px;
width: 41px;
height: 41px;
display: none;
}
#tp-fw-slider:hover #arrow-right,
#tp-fw-slider:hover #arrow-left{
display: inline;
}
body.page-template-page-fw_slider-php #content,
body.page-template-page-fw_slider-php #full-width-content{
margin-top: -30px;
z-index: 1;
position: relative;
}
/* SHORTCODE - POSTS */
#page .tp-sc-posts{
width: 100%;
clear: both;
margin-bottom: 30px;
overflow: hidden;
margin-top: -5px;
}
#page .tp-sc-posts h3{
font-size: 15px;
}
#page .tp-sc-posts h3,
#page .tp-sc-posts p{
text-align: center;
}
#page .tp-sc-posts p{
margin-bottom: 0px;
}
#page .tp-sc-posts ul{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
list-style-type: none;
margin-bottom: -30px;
}
#page .tp-sc-posts ul li{
display: inline;
padding: 0px;
margin: 0px;
background-image: none;
float: left;
margin-bottom: 30px;
position: relative;
}
#page .tp-sc-posts ul li img.tn{
width: 99%;
background-color: #fff;
border: 1px solid #b2b2b2;
padding: 3px;
}
#page .tp-sc-posts ul.four li{
width: 21%;
margin-left: 2%;
margin-right: 2%;
}
#page .tp-sc-posts ul.four li:nth-child(4n+1){
clear: left;
}
#page .tp-sc-posts ul.three li{
width: 29%;
margin-left: 2%;
margin-right: 2%;
}
#page .tp-sc-posts ul.three li:nth-child(3n+1){
clear: left;
}
#page .tp-sc-posts ul.two li{
width: 46%;
margin-left: 2%;
margin-right: 2%;
}
#page .tp-sc-posts ul.two li:nth-child(2n+1){
clear: left;
}
#page .tp-sc-posts ul.one li{
width: 100%;
}
#page .tp-sc-posts ul.one li{
clear: left;
}
#page .tp-sc-posts .post-date {
background-image: url('images/blog-date.png');
background-repeat: no-repeat;
width: 69px;
height: 56px;
padding-top: 15px;
padding-right: 2px;
color: #fff;
font-style: italic;
line-height: 13px;
font-size: 13px;
text-align: center;
margin: 0px auto;
float: none;
position: relative;
margin-top: 0px;
margin-bottom: 5px;
}
#page .tp-sc-posts .hasthumb .post-date{
margin-top: -40px;
}
#page .tp-sc-posts .post-review{
text-align: center;
margin: 0px auto;
margin-top: 15px;
color: #777;
}
#page .tp-sc-posts .post-review img{
margin-right: 4px;
}
#page .tp-sc-posts .post-review span{
background-color: #555;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}
/* CAROUSEL */
.tp-carousel{
width: 100%;
overflow: hidden;
clear: both;
float: left;
position: relative;
}
.tp-carousel-nav {
width: 100%;
margin: 0px auto;
text-align: center;
position: relative;
clear: both;
z-index: 1000;
margin-bottom: 15px;
display: none;
}
.tp-carousel-nav .left,
.tp-carousel-nav .right{
width: 29px;
height: 29px;
margin: 0px auto;
text-align: center;
display: inline-block;
}
.tp-carousel-nav .left {
background-image: url('images/tp_gallery-left.png');
background-repeat: no-repeat;
background-position: top center;
margin-right: 7px;
}
.tp-carousel-nav .left:hover {
background-image: url('images/tp_gallery-left-a.png');
}
.tp-carousel-nav .right {
background-image: url('images/tp_gallery-right.png');
background-repeat: no-repeat;
background-position: top center;
margin-left: 7px;
}
.tp-carousel-nav .right:hover {
background-image: url('images/tp_gallery-right-a.png');
}
/* BUTTONS */
a.button{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
text-align: center;
color: #fff;
font-size: 13px;
line-height: 32px;
padding-right: 15px;
padding-left: 15px;
display: inline-block;
background-image: url('images/button-light.png');
background-repeat: no-repeat;
background-position: -50px -10px;
background-color: #333;
border: 3px solid #fcfcfc;
position: relative;
width: auto;
white-space: nowrap;
margin-bottom: 15px;
}
a.button:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
padding-right: 4px;
padding-bottom: 4px;
border: 1px solid #dedede;
left: -3px;
top: -3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
a.button:hover{
color: #ddd;
background-image: none;
}
a.button.large{
font-size: 15px;
line-height: 42px;
padding-right: 30px;
padding-left: 30px;
}
a.button.small{
font-size: 11px;
line-height: 26px;
padding-right: 10px;
padding-left: 10px;
}
a.button img{
background-color: transparent;
border: 0px;
vertical-align: middle;
}
/* REV SLIDER */
.rev_slider_wrapper{
z-index: 50;
top: 75px;
}
.rev_slider_wrapper.fullwidthbanner-container{
top: -83px;
}
#revslider-tpborder{
width: 100%;
height: 64px;
background-image: url('images/revslider-bottom2.png');
background-repeat: no-repeat;
background-position: top center;
clear: both;
position: relative;
top: 75px;
margin-bottom: -30px;
}
/* GRIDS */
.grid{
width: 100%;
clear: both;
text-align: center;
position: relative;
margin: 0px auto;
}
#page .grid img{
text-align: center;
padding: 0px;
border: 0px;
line-height: 1px;
background-color: transparent;
float:left;
}
.grid p,
.grid h1{
text-align: center;
font-weight: normal;
}
.grid h1{
line-height: 24px;
margin-bottom: 0px;
}
/* MODERN GRID */
.grid.modern .brick{
width: 241px;
height: 144px;
clear: none;
margin: 0px auto;
float: left;
overflow:hidden;
border: 2px solid #fff;
background-color: #fafafa;
position: relative;
cursor: pointer;
}
#page .grid.modern .brick img{
width: none;
float: left;
max-width: 100%;
}
#page .grid.modern .brick iframe{
width: 100%;
border: 0px;
}
.grid.modern .brick.one-two{
height: 292px;
}
.grid.modern .brick.two-one{
width: 486px;
}
.grid.modern .brick.two-two{
width: 486px;
height: 292px;
}
.grid.modern .brick h1{
margin-top: 10px;
width: auto;
padding-left: 5px;
padding-right: 5px;
}
#page .grid.modern .brick p{
padding: 10px;
width: auto;
margin: 0px auto;
clear: both;
}
#page .grid.modern .brick iframe{
border: 0px;
}
#page .grid.modern .brick blockquote{
margin: 0px;
margin-left: 5px;
margin-top: 10px;
padding: 10px;
padding-left: 45px;
width: auto;
text-align: left;
}
#page .grid.modern .brick .video{
position: absolute;
top: 50%;
left: 50%;
margin-top: -27px;
margin-left: -27px;
}
#page .grid.modern .brick.quote{
background-repeat: no-repeat;
background-image: url('images/grid-quote-bg.png');
background-position: bottom right;
}
#page .grid.modern object{
margin-top: 15px;
}
#page .grid.modern .hover-info{
width: 100%;
height: 100%;
position: absolute;
background-image: url('images/grid-hover-bg.png');
top: 0px;
left: 0px;
display: none;
color: #eee;
}
#page .grid.modern .hover-info h1,
#page .grid.modern .hover-info a{
color: #fff;
text-align: center;
}
#page .grid.modern .hover-info h1{
width: 94%;
padding-left: 3%;
padding-right: 3%;
margin-top: 15px;
}
#page .grid.modern .hover-info p{
width: 94%;
padding-left: 3%;
padding-right: 3%;
}
#page .grid.modern .hover-info .only{
position: absolute;
top: 35%;
width: 94%;
padding-left: 3%;
padding-right: 3%;
}
#page .grid.modern .hover-info .only h1{
margin-top: 0px;
}
#page .grid.modern .hover-info a:hover h1{
color: #b7ad7c;
}
#page .grid.modern .hover-info .post-review{
width: 100%;
text-align: center;
margin-top: 5px;
position: relative;
}
#page .grid.modern .hover-info .post-review .stars img{
float: none;
}
#page .grid.modern .hover-info .post-review span.score{
background-color: #555;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-weight: bold;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
margin-left: 10px;
}
/* PINTEREST GRID TEMPLATE */
.page-template-page-pinterest-php #full-width-content {
min-height: 0px;
}
.grid.pinterest .thumb {
width: 198px;
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 3px;
max-width: 100%;
}
.grid.pinterest .brick{
width: 226px;
margin: 0px auto;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
position: relative;
z-index: 100;
}
.grid.pinterest .brick .brick-inner{
background-color: #fff;
background-image: url('images/grid-pin-bg.jpg');
background-repeat: no-repeat;
background-position: bottom center;
border: 1px solid #e6e4da;
padding: 10px;
padding-bottom: 30px;
}
.grid.pinterest .brick.padd .brick-inner{
padding-bottom: 50px;
}
.grid.pinterest .brick .brick-inner blockquote{
padding-bottom: 0px;
margin-bottom: 0px;
text-align: left;
text-indent: 30px;
padding-top: 10px;
width: auto;
}
.grid.pinterest .brick .brick-inner p.q{
text-align: left;
margin-top: 10px;
margin-left: 15px;
}
.grid.pinterest .brick .brick-inner blockquote.modern{
text-indent: 0px;
padding: 0px;
padding-left: 15px;
}
.grid.pinterest .brick .info-comment{
color: #777;
font-size: 12px;
text-transform: uppercase;
width: 100%;
line-height: 20px;
font-style: italic;
}
.grid.pinterest .post-review{
text-align: center;
margin: 0px auto;
margin-top: 15px;
color: #777;
clear: both;
width: 100%;
line-height: 25px;
}
.grid.pinterest .post-review img{
margin-right: 4px;
}
.grid.pinterest img.thumb:hover{
opacity: 0.9;
}
.grid.pinterest .post-review img:last-child{
margin-right: 0px;
}
.grid.pinterest .post-review p{
width: auto;
font-size: 13px;
line-height: 18px;
}
.grid.pinterest .post-review span.score{
background-color: #555;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-weight: bold;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
}
.grid.pinterest .post-date {
background-image: url('images/blog-date.png');
background-repeat: no-repeat;
width: 69px;
height: 56px;
padding-top: 15px;
padding-right: 2px;
color: #fff;
font-style: italic;
line-height: 13px;
font-size: 13px;
text-align: center;
margin: 0px auto;
z-index: 100;
margin-top: -35px;
position: relative;
}
.grid.pinterest .post-date span{
font-size: 25px;
}
.grid.pinterest .post-date span.y{
font-size: 13px;
color: #b6b6b6;
}
.grid.pinterest .excerpt{
margin-top: 15px;
}
.grid.pinterest .comment{
font-size: 12px;
color: #777;
text-align: left;
position: relative;
background-color: #f2f2f2;
border: 1px solid #e8e6dd;
padding: 10px;
padding-top: 15px;
z-index: 99;
}
.grid.pinterest .padd .comment{
margin-top: -36px;
padding-top: 45px;
}
.grid.pinterest .comment .avatar{
border: 1px solid #ddd;
float: left;
margin-right: 10px;
}
.grid.pinterest iframe,
.grid.pinterest .brick .brick-inner object{
margin-top: 15px;
}
.grid.pinterest .brick .brick-inner .featuredi{
position: relative;
float: left;
}
.grid.pinterest .brick .brick-inner .video{
position: absolute;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.grid.pinterest #load_more{
clear: both;
width: 100%;
margin-top: 50px;
text-align: center;
}
.grid.pinterest #load_more a{
color: #777;
}
.grid.pinterest #load_more a:hover{
color: #2b2b2b;
}
.grid.pinterest #load_more a img{
opacity: 0.2;
}
.grid.pinterest #load_more a:hover img{
opacity: 1;
}
/* CLASSIC GRID */
#page .grid-classic{
width: 100%;
clear: both;
margin-bottom: 30px;
float: left;
padding-left: 4px;
padding-right: 4px;
}
#page .grid-classic .brick{
width: 243px;
float: left;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
text-align: center;
margin-bottom: 0px;
}
#page .grid-classic .brick p{
margin-bottom: 30px;
}
#page .grid-classic .brick.five{
width: 194px;
}
#page .grid-classic .brick.three{
width: 324px;
}
#page .grid-classic .brick .thumb{
width: 100%;
height: 170px;
overflow: hidden;
position: relative;
}
#page .grid-classic .brick.five .thumb{
height: 150px;
}
#page .grid-classic .clearleft{
clear: none !important;
}
#page .grid-classic .category{
text-transform: uppercase;
font-size: 13px;
color: #777;
}
#page .grid-classic img{
padding: 0px;
margin: 0px;
border: 0px;
background-color: transparent;
}
#page .grid-classic .brick img.tn{
height: 100%;
min-width: 100%;
}
#page .grid-classic h1{
font-size: 16px;
margin-top: 10px;
font-weight: normal;
line-height: 20px;
margin-bottom: 5px;
}
#page .grid-classic .video{
padding: 0px;
margin: 0px;
border: 0px;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
#page .grid-classic .thumb a img{
opacity: 1;
}
#page .grid-classic .thumb a:hover img{
opacity: 0.9;
}
#page .catselector{
width: 100%;
clear: both;
font-size: 13px;
text-align: center;
margin-bottom: 30px;
}
#page .catselector a{
color: #777;
text-transform: uppercase;
}
#page .catselector a:hover{
color: inherit;
}
/* SHORTCODE - RESPONSIVE APPEARENCE */
.tp-display-desktop,
.tp-display-mobile,
.tp-display-tablet{
clear: both;
}
.tp-display-desktop{
display: inline;
}
.tp-display-mobile,
.tp-display-tablet{
display: none;
}
/* SHORTCODE - ICONS */
#page img.tp-icon,
footer img.tp-icon{
float: left;
margin-right: 5px;
margin-bottom: 5px;
max-width: 100%;
vertical-align: middle;
}
/* SHORTCODE - CTA */
#page .cta p{
line-height: 24px;
font-size: 16px;
}
/* WP 3.6 */
#page article .mejs-container{
margin-bottom: 30px;
}
#page article .videoholder{
width: 600px;
max-width: 600px;
height: 300px;
max-height: 300px;
float: left;
margin-bottom: 60px;
}
#page article .holder{
float: left;
width: 600px;
margin-bottom: 30px;
}
#page article .holder.small{
width: 320px;
}
#page article .holder blockquote{
width: auto;
margin-bottom: 15px;
}
#page article .grid.modern .brick .mejs-audio,
#page article .grid-classic .brick .mejs-audio{
margin-top: 30px;
margin-bottom: 0px;
position: absolute;
bottom: 0px;
}
.grid.pinterest .brick .mejs-video,
.grid.pinterest .brick .mejs-audio{
margin-top: 15px;
}
#page article .grid.classic .brick .mejs-video{
height: 100% !important;
max-height: 100% !important;
}
/* SHORTCODE - RESPONSIVE APPEARENCE */
.tp-display-desktop,
.tp-display-mobile,
.tp-display-tablet{
clear: both;
}
.tp-display-tablet{
display: inline;
}
.tp-display-mobile,
.tp-display-desktop{
display: none;
}
#adminbar-search{
background-image: none;
}
#wpadminbar{
opacity: 0.6;
}
#wpadminbar:hover{
opacity: 1;
}
i.fa{
font-size: 20px;
margin-right: 5px;
}
i.fa.large{
font-size: 28px;
margin-bottom: 5px;
}
i.fa.circle{
border: 2px solid #444;
border-radius: 50%;
line-height: 48px;
width: 48px;
height: 48px;
}
/* BACK TO TOP */
#toTop {
width: 45px;
height: 45px;
position: fixed;
bottom: 50px;
right: 50px;
cursor: pointer;
display: none;
z-index: 999;
background-color: #eee;
border-radius: 50%;
text-align: center;
opacity: 0.7;
}
#toTop i{
font-size: 32px;
line-height: 45px;
margin-right: 0px;
color: #777;
}