/*
Theme Name: PhotoMag
Theme URI: http://smthemes.com/photomag/
Author: The Smart Magazine Themes
Author URI: http://smthemes.com/
Description: Template by SMThemes.com
Version: 2.0
License: Creative Commons 3.0
Theme date: 10/17/2013
License URI: license.txt
Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
*/
/* -==========================- GENERAL -==========================- */
/*------------------------------ PAGE ------------------------------*/
@import url(css/font.css);
html {
background:url(images/back.png) left top fixed;
}
body {
color:#989898;
position:relative;
background:url(images/backlight.png) top fixed repeat-y;
border-top:6px solid #262626;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#e72c02;
}
a.post_ttl, .post-caption h1 {
color:#000;
font-family: 'OpenSansRegular';
font-size:20px;
}
h2 a.post_ttl:hover{
color:#e72c02;
}
/*------------------------------ HEADER ------------------------------*/
#header .container{
position:relative;
}
#secondarymenu-container {
position:relative;
}
/*------------------------------ SEARCH ------------------------------*/
#s {
background:none;
border:none;
float:left;
height:23px;
line-height:25px;
color:#585858;
font-style:italic;
}
.searchbtn {
height:25px;
width:17px;
margin-right:10px;
}
.searchform {
height:25px;
background:#cfcfcf;
border-top:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
margin:0;
}
/*------------------------------ CONTENT ------------------------------*/
.articles .post-caption{ padding: 0; }
.articles .post-caption h2, .articles .post-caption h1{
border-bottom:4px solid #b8b8b8;
padding:5px 0;
}
.post-meta{
padding:5px 0 !important;
}
.page-title{
color:#e72c02;
font-family: 'OpenSansRegular';
font-size:20px;
}
#commentform #submit, input.readmore, a.readmore {
background:none;
color:#e84a12;
text-decoration:underline;
border:none;
}
#commentform #submit:hover, input.readmore:hover, a.readmore:hover {
color:#444;
}
.featured_image{margin-top:15px;}
.featured_image.alignleft{padding:5px; border:none;}
.featured_image.alignright{padding:5px; border:none;}
.featured_image.aligncenter{padding:5px; border:none;}
.googlemap {
padding:8px;
border:none;
}
.widget_posts ul li img,.widget_flickr a {
border:none;
padding:4px;
}
.pagination{
margin:30px 0;
}
.pagination.classic {
padding-top:30px;
text-align:left;
}
.page-numbers {
padding:5px 10px;
font-family: 'Arial';
}
a.page-numbers {
background: #fff;
color:#949393;
border:1px solid #e5e5e5;
text-decoration:none;
}
a.page-numbers:hover{
background: #e53209;
color:#fff;
}
span.page-numbers{
background:#3a3a3a;
color:#fff;
border:1px solid #000;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
background:#262626;
color:#fff;
}
#footer .inner a{
color:#fff;
text-decoration:none;
}
#footer a:hover{
color:#e4cae2;
text-decoration:underline;
}
#footer h3{
color:#fff;
font-size:18px;
font-family: 'pt_serifbold';
}
#footer .container {
}
.footer_txt a{
color:#000;
}
#footer .footer_txt {
background:#fff;
color:#000;
}
#footer .footer_txt .container {
}
.footer-widgets {
border-top:4px solid #e84a12;
}
/*------------------------------ WIDGETS AND SLIDER ------------------------------*/
.content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {
margin-left:5px;
}
.content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{
margin-right:5px;
}
#content .widget .caption h3 {
color:#000;
font-family: 'OpenSansRegular';
border-bottom:4px solid #b8b8b8;
font-size:20px;
}
#content .widget a:hover{
color:#e53209;
text-decoration:underline;
}
.widget_posts .day{}
.widget_posts .date{}
.tabs_captions .scaption{
background:url(images/tab.png) left top repeat-x;
margin:100px;
padding:7px !important;
color:#fff;
font-size:13px;
border:none !important;
}
.tabs_captions .scaption.active, .tabs_captions .scaption:hover{
background:url(images/tab-active.png) left top repeat-x;
}
.fp-next{
background-position:left 50%;
width:27px;
}
.fp-next:hover{
background:url(images/slide-right-hover.png) left 50%;
}
.fp-prev {
background-position:right 50%;
width:27px;
}
.fp-prev:hover{
background:url(images/slide-left-hover.png) right 50%;
}
/* -==========================- DESKTOP -==========================- */
@media only screen and (min-width:1024px) {
#content {
margin-top:50px;
}
#content .container {
}
#logo {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 85px;
}
.menusearch {
width:260px;
position:relative;
top:65px;
}
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
height:158px;
position:relative;
z-index:11;
}
#secondarymenu {
float:left;
margin-top:65px;
}
#secondarymenu a {
padding:5px 9px;
font-family:"BenchNine Regular";
font-size:12px;
color:#434343;
}
#secondarymenu li:first-child a{
color:#e72c02;
border-bottom:1px solid #e72c02;
}
#secondarymenu a:hover{
color:#e72c02;
}
#header-block {
position:relative;
}
#mainmenu-container {
height:47px;
background:url(images/mainmenu.png) left top repeat-x;
margin:0 auto 10px;
z-index:18;
}
#mainmenu li.current-menu-item{
background:#e53209;
}
#mainmenu li a {
padding:14px 20px;
font-size:16px;
text-shadow:1px -1px 2px #6e1804;
color:#fff;
text-transform:uppercase;
font-family: 'benchninelight';
}
#mainmenu li {
position:relative;
background:url(images/main-li.png) right bottom no-repeat;
}
#mainmenu li a:hover{
color:#e53209;
}
#header li ul { top:32px; }
#header #mainmenu li ul { top:44px; }
#header li ul .transparent { }
#header li ul .inner {
background:#272727;
border-top:2px solid #e53209;
}
#header #mainmenu li ul .transparent { }
#header #mainmenu li ul .inner { }
#header ul.children li a, #header .sub-menu li a {
color:#fff;
padding:0 20px;
text-align:left;
font-weight:bold;
border:none;
}
#header ul.children li a:hover, #header .sub-menu li a:hover {
color:#fff !important;
background:#e53209;
}
#header #mainmenu ul.children li a, #header #mainmenu .sub-menu li a {
text-transform:none;
}
#header #mainmenu ul.children li a:hover, #header #mainmenu .sub-menu li a:hover {
color:#df191b;
}
/*------------------------------ SLIDER ------------------------------*/
.slider-container {
position:relative;
margin:30px;
}
.slider {
}
.fp-next, .fp-prev {
margin:160px 10px;
width:59px;
height:54px;
}
.fp-title{
font-size:13px;
}
.fp-prev-next-wrap {
margin:0 0px;
}
.slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {
height:188px;
}
.fp-slides,.fp-thumbnail,.fp-slides-items {
height:390px;
width:1000px;
}
.fp-content-fon {
border-bottom:none;
border-left:none;
border-right:none;
}
.fp-content-fon, .fp-content {
left:0;
right:0;
bottom:0;
text-align:left;
font-size:13px;
}
.fp-nav {
bottom: 5px;
left: auto;
right: 5px;
}
.fp-pager a{
width:15px;
height:15px;
}
.slider-nothumb .fp-content-fon {
background:#fff;
}
.slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
color:#000;
}
#footer .footer_txt .container {
}
.content-r #main_content, .content-r2 #main_content{
padding:0 20px 20px 0;
}
.content-l #main_content, .content-l2 #main_content{
padding:0 0 20px 20px;
}
.content-lr #main_content{
padding:0 20px 20px;
}
}
/* -==========================- TABLET -==========================- */
@media only screen and (min-width:640px) and (max-width:1023px) {
#header {
}
#logo {
float:left;
margin-top:15px;
margin-left:15px;
}
#header-banner {
margin-top:25px;
float:right;
}
/*------------------------------ MENU ------------------------------*/
.menusearch {
margin-top:40px;
}
#secondarymenu-container {
padding-top:0px;
}
#secondarymenu {
clear:both;
}
#secondarymenu li {
}
#secondarymenu li a{
padding:15px;
font-size:15px;
font-family:"BenchNine Regular";
}
#header li ul{
padding:0 0 0 15px;
}
#header li ul li a{
padding:0;
}
#mainmenu-container {
clear:both;
padding-bottom:10px;
background:#262626;
}
#mainmenu li {
padding:0;
float:left;
}
#mainmenu a {
color:#fff;
text-decoration:none;
font-size:20px;
font-family: 'benchninelight';
padding:10px 15px;
display:block;
}
}
/* -==========================- MOBILE -==========================- */
@media only screen and (min-width:240px) and (max-width:639px) {
.menusearch {padding:13px 0;margin-top:28px;}
#header {
}
#logo {
margin-top:5px;
margin-bottom:-35px;
}
.searchbtn {
width:auto !important;
}
#secondarymenu-container {
padding-top:6px;
}
#secondarymenu, #mainmenu {
background:#fff;
padding:0 2%;
margin-top:10px;
}
#secondarymenu li, #mainmenu li {
border-top:1px solid #d7d7d7;
}
#secondarymenu li a, #mainmenu li a{
color:#363636;
text-decoration:none;
}
.fp-next, .fp-prev {
margin:0 -5px;
}
.footer-widgets .widgetf:first-child {
border:none;
}
#footer {
width:100%;
}
.widgetf {
border-top:1px solid #d3d3d3;
}
.articles .post-date {
float:none;
}
.articles dt p img {
display:none;
}
.fp-nav {
bottom:-18px;
}
.slider-container {
padding-bottom:20px;
}
#s {
width:70%;
}
}
#av_toolbar_regdiv, #av_toolbar_iframe, .av_site, .av-antipixel {
display: none;
}
body {top: -32px;}