/*
==================================================
==================================================
==================================================
#Media Queries ================================
==================================================
==================================================
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*** General Styles ***/
#wrapper{ width: 768px; background:url(../images/wrapper-bg-980.png) repeat-y; }
#wrapper-content{ width: 688px; }
/*** Header Styles ***/
/**- Header Top Styles **/
.topNav{ width: 688px; }
/*** Main Styles ***/
#main { width: 452px; } /* was 478px */
/**- Featured Slider Styles **/
#slider { width: 346px !important; }
.nivo-caption { width: 327px; }
/**- Block styles **/
.block-item-big {
width: 216px;
}
.block-item-small {
width: 216px;
}
.block-item-big img {
max-width: 209px;
}
.block.half{
width: 216px;
}
.block.half .block-item-big img {
width: 209px;
max-width: 209px;
}
/**- Carousel Styles **/
.wrapper-carousel .anyClass { width: 330px !important; }
.anyClass img { width: 130px; }
/** Archive Block Styles **/
.block.archive .block-item-big { width: 455px !important; }
/*** Sidebar Styles ***/
#sidebar { width: 216px; float: left;} /* was 190 */
/**- Social Widgets **/
.social-item { width: 60px; margin-right: 12px;}
.social-count { font-size: 15px;}
/**- Tabbed widget **/
ul.tabs { padding-left: 7px !important; }
ul.tabs li { margin-left: 5px !important;}
ul.tabs li a { font-size: 15px; }
.tabs_container { width: 216px; }
/*** Widget Styles ***/
/**- Search Widget **/
#searchform { width: 194px; }
#searchform #s{ width: 156px;}
/**- Twitter widget **/
.tweets { width: 216px; }
/**- Flickr Widget **/
.flickr-photo img { width: 83px; }
iframe.fb-iframe{ width: 150px !important; }
/*** Footer styles ***/
#wrapper-footer { width: 728px;}
#footer{ width: 688px; }
/**- Footer widget **/
#footer .widget { width:216px; }
/*** Post Styles ***/
.post-thumb img { width: 442px; height: auto;}
/**- Comment Styles **/
#comment-textarea { float: left; }
#comment-submit { float: left; margin-top: 20px; }
/**- Related posts **/
.related-item { width: 136px; }
/*** Page styles ***/
/**- Full width page **/
#fullwidth, #fullwidth .post-entry { width: 688px; }
.responsive .post-heading h1{
background: red;
}
header ul.menu li{
margin-left: 30px;
}
header h1.logo{
margin: 28px 0 23px 0;
}
header h1.logo a img{
width: 95%;
height: auto;
}
/* custom height for testim slider - overriding that of its .js func */
ul.bjqs, li.bjqs-slide{
/*height: 250px !important;*/
height: 208px !important;
clear: both;
/*position: relative;*/
}
/* Themes-Page */
a.button, a.button:hover{
width: 95px;
}
/* Blog page */
.content-area.blog .container{
background: url('../images/bg-sidebar-y.png') 555px repeat-y;
}
.blog-post .meta{
padding-bottom: 31px;
position: relative;
}
.blog-post a.read-more{
position: absolute;
bottom: 10px;
left: 0;
}
/* footer */
.footer-widget-col input[type="text"],
.sidebar-forum .subscribe input[type="text"]{
width: 53%;
max-width: 53%;
}
.footer-widget-col input[type="submit"]{
width: 35%;
max-width: 35%;
}
/* fforum */
.fforum ul.navigation > li{
margin-right: 15px !important;
}
/* register page - forums */
.content-left .bbp-login-form{
width: 60%;
}
.content-left .bbp-login-form input[type="text"]{
width: 93%;
}
/* sidebar subscribe */
.sidebar-forum .subscribe input[type="text"]{
width: 87%;
max-width: 87%;
}
.sidebar-forum .subscribe input[type="submit"]{
width: 50%;
max-width: 50%;
}
.sidebar .bbp-login-form button[type="submit"]{
bottom: auto;
top: 124px;
right: 0;
}
.sidebar .bbp-login-form input[type="checkbox"] + label {
margin-top: -15px;
padding-bottom: 25px;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
header h1 a{
margin: 0 auto;
}
header .navigation-main select{
display: block;
}
header ul.menu{
display: none;
}
/* blog-page */
.blog-post .meta ul{
clear: both;
margin-top: 8px;
border-left: 0;
padding-left: 0;
margin-right: 8px;
}
.blog-post .meta span.comments{
margin-top: 8px;
padding-left: 0;
}
.blog-post .meta a.read-more{
clear: both;
margin-top: 8px;
float: left;
}
/* footer */
.bottom ul.copyright{
text-align: center;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Tablets */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*** General Styles ***/
#wrapper{ width: 420px; background: #fff; }
#wrapper-content{ width: 420px; }
/*** Header Styles ***/
/**- Header Top Styles **/
.topNav { width: 420px; }
.topNavWrapper { text-align: center; margin-top: 20px; }
.topNavWrapper ul.topNav { display: none; }
.topNavWrapper select { display: block; margin: 0 auto; width: 360px;}
/**- Header Middle Styles **/
#header-middle { text-align: center; }
#logo{ width: 100%;}
/**- Main Navigation styles **/
#wrapper-navigation { padding-top: 9px; height: 41px; }
#navigation ul { display: none; }
#navigation select { display: block; width: 360px; }
/*** Main Styles ***/
#main { width: 396px; margin-right: 0; float: none; margin-bottom: 30px;
/*border-bottom: 4px #ccc solid;*/
padding: 0 12px;
padding-bottom: 20px;
} /* was 478px */
/**- Featured Slider Styles **/
#slider { width: 290px !important; }
.nivo-caption { width: 270px; }
/**- Block styles **/
.block-item-big {
width: 370px;
padding-left: 12px;
padding-right: 12px;
}
.block-item-small {
width: 370px;
padding-left: 12px;
padding-right: 12px;
}
.block-item-big img { width: 366px; max-width: 366px; height: auto;}
.block.half{
width: 400px;
}
.block.half.last { margin-top: 40px; }
.block.half .block-item-big img {
width: 366px;
max-width: px;
}
.block.full .block-item-big-last { margin-bottom: 8px; } /* phone screen fix */
/**- Carousel Styles **/
.wrapper-carousel .anyClass { width: 270px !important; }
.anyClass img { width: 130px; }
/** Archive Block Styles **/
.block.archive .block-item-big { width: 400px !important; padding-left: 0; padding-right: 0; }
.block.archive .block-item-big .block-image { float: none; }
.block.archive .block-item-big img { width: 390px; max-width: 390px }
/*** Sidebar Styles ***/
.widget { padding: 0 12px; }
.widget-title { margin: 0 -12px 25px -12px; }
#sidebar { width: 420px; float: none; clear: both; padding-top: 60px; border-top: 4px #ccc solid;} /* was 190 */
/**- Social Widgets **/
.social-item { width: 100px; margin-right: 12px; margin-left: 16px; }
.social-item.last { margin-right: 0; margin-left: 16px;}
.social-count { font-size: 17px;}
/**- Tabbed widget **/
ul.tabs { padding-left: 7px !important; }
ul.tabs li { margin-left: 5px !important;}
ul.tabs li a { font-size: 17px; }
.tabs_container { width: 394px; padding-left: 12px;}
#sidebar .tabs-wrapper { width: 420px; margin: 0 -12px; }
/*** Widget Styles ***/
.homepage-widget .block.full > div:nth-child(3) { border-top: 1px dashed #ccc; padding-top: 12px; margin-top: 8px; }
/**- Search Widget **/
#searchform { width: 373px; }
#searchform #s{ width: 222px;}
/**- Twitter widget **/
.tweets { width: 392px; }
/**- Flickr Widget **/
.flickr-photo img { width: 107px; }
/*** Footer styles ***/
#wrapper-footer { width: 100%;}
#footer { width: 100%; }
#footer-bottom { text-align: center; }
#footer-bottom .left,
#footer-bottom .right { float: none; padding: 8px;}
/**- Footer widget **/
#footer .widget { width: 400px; margin: 0; float: none; margin-bottom: 20px; }
/*** Post Styles ***/
.post-thumb img { width: 384px; height: auto;}
.post-meta-cats { }
.post-author small { display: block; margin-top: 30px; float: left;}
/**- Comment Styles **/
.textarea-comment { background:url(../images/textarea-comment-small.png) no-repeat; border:0; width:276px; height:163px; padding:14px; font-family:arial; }
#comment-textarea { float: left; }
#comment-submit { float: left; margin-top: 20px; }
/** Related posts **/
.related-item { width: 100%; }
.related-item img {width: 390px; height: auto;}
/*** Page styles ***/
/**- Full width page **/
#fullwidth { width: 396px; padding: 0 12px;}
#fullwidth, #fullwidth .post-entry { width: 396px; }
/** Form **/
.postForm .text { width: 374px; }
.postForm textarea { width: 374px; }
.responsive .post-heading h1{
background: red;
}
/* top nav ui fixes for smaller screens */
.band.navigation-top .sixteen{
position: relative;
}
.navigation-top .navigation-top-inner{
padding-bottom: 65px;
}
.navigation-top ul{
width: 100%;
text-align: center;
margin-right: 0;
}
.navigation-top ul.social-icons{
position: absolute;
top: 19px;
right: 0px;
margin-right: 0;
}
.navigation-top ul.social-icons li:first-child{
margin-left: 0;
}
.navigation-top ul.account-top{
position: absolute;
top: 48px;
right: 0px;
}
/* custom height for testim slider - overriding that of its .js func */
ul.bjqs, li.bjqs-slide{
/*height: 250px !important;*/
height: 188px !important;
clear: both;
/*position: relative;*/
}
/*themes-page*/
.theme-block .buttons {
text-align: center;
}
a.button, a.button:hover{
width: 95px;
}
/* Blog page */
.content-area.blog .container{
background: none;
}
/* footer */
.bottom ul.social-icons{
float: none;
text-align: center;
}
/* register page - forums */
.content-left .bbp-login-form{
width: 70%;
}
.content-left .bbp-login-form input[type="text"]{
width: 93%;
}
/* sidebar */
.sidebar .bbp-login-form input[type="text"],
.sidebar .bbp-login-form input[type="password"],
.sidebar .widget-search input[type="text"],
.sidebar-forum .subscribe input[type="text"]{
width: 94%;
max-width: 94%;
}
.sidebar .bbp-login-form fieldset{
margin-bottom: 0;
}
.sidebar .bbp-login-form button[type="submit"]{
margin-right: 4px;
top: 95px;
bottom: auto;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* iphonescreen */
@media only screen and (max-width: 479px) {
/*** General Styles ***/
#wrapper{ width: 300px; background: #fff; }
#wrapper-content{ width: 300px; }
/*** Header Styles ***/
/**- Header Top Styles **/
.topNav { width: 300px; }
.topNavWrapper { text-align: center; margin-top: 20px; }
.topNavWrapper ul.topNav { display: none; }
.topNavWrapper select { display: block; margin: 0 auto;}
/**- Header Middle Styles **/
#header-middle { text-align: center; }
#logo{ width: 100%;}
/**- Main Navigation styles **/
#wrapper-navigation { padding-top: 9px; height: 41px; }
#navigation ul { display: none; }
#navigation select { display: block; }
/*** Main Styles ***/
#main { width: 276px; margin-right: 0; float: none; margin-bottom: 30px;
/*border-bottom: 4px #ccc solid;*/
padding: 0 12px;
padding-bottom: 20px;
} /* was 478px */
/**- Featured Slider Styles **/
#slider { width: 254px !important; }
.nivo-caption { width: 234px; }
/**- Block styles **/
.block-item-big {
width: 276px;
padding-left: 12px;
padding-right: 12px;
}
.block-item-small {
width: 276px;
padding-left: 12px;
padding-right: 12px;
}
.block-item-big img { width: 246px; max-width: 246px; }
.block.half{
width: 300px;
}
.block.half.last { margin-top: 40px; }
.block.half .block-item-big img {
width: 246px;
max-width: 246px;
}
.block.full .block-item-big-last { margin-bottom: 8px; } /* phone screen fix */
/**- Carousel Styles **/
.wrapper-carousel .anyClass { width: 161px !important; }
.anyClass img { width: 130px; }
.anyClass ul li { width: 150px;}
/** Archive Block Styles **/
.block.archive .block-item-big { width: 276px !important; padding-left: 0; padding-right: 0; }
.block.archive .block-item-big .block-image { float: none; }
.block.archive .block-item-big img { width: 268px; max-width: 268px }
/*** Sidebar Styles ***/
.widget { padding: 0 12px; }
.widget-title { margin: 0 -12px 25px -12px; }
#sidebar { width: 300px; float: none; clear: both; padding-top: 60px; border-top: 4px #ccc solid;} /* was 190 */
/**- Social Widgets **/
.social-item { width: 81px; margin-right: 12px;}
.social-count { font-size: 17px;}
/**- Tabbed widget **/
ul.tabs { padding-left: 7px !important; }
ul.tabs li { margin-left: 5px !important;}
ul.tabs li a { font-size: 15px; }
.tabs_container { width: 270px; padding-left: 12px;}
#sidebar .tabs-wrapper { width: 300px; margin: 0 -12px; }
/*** Widget Styles ***/
.homepage-widget .block.full > div:nth-child(3) { border-top: 1px dashed #ccc; padding-top: 12px; margin-top: 8px; }
/**- Search Widget **/
#searchform { width: 253px; }
#searchform #s{ width: 222px;}
/**- Twitter widget **/
.tweets { width: 272px; }
/**- Flickr Widget **/
.flickr-photo img { width: 68px; }
/*** Footer styles ***/
#wrapper-footer { width: 100%;}
#footer { width: 100%; }
#footer-bottom { text-align: center; }
#footer-bottom .left,
#footer-bottom .right { float: none; padding: 8px;}
/**- Footer widget **/
#footer .widget { width: 276px; margin: 0; float: none; margin-bottom: 20px; }
/*** Post Styles ***/
.post-thumb img { width: 264px; height: auto;}
.post-meta-cats { float: left; }
.post-author small { display: block; margin-top: 30px; float: left;}
/**- Comment Styles **/
.textarea-comment { background:url(../images/textarea-comment-small.png) no-repeat; border:0; width:276px; height:163px; padding:14px; font-family:arial; }
#comment-textarea { float: left; }
#comment-submit { float: left; margin-top: 20px; }
/** Related posts **/
.related-item { width: 100%; }
.related-item img {width: 270px; height: auto;}
/*** Page styles ***/
/**- Full width page **/
#fullwidth { width:276px; padding: 0 12px;}
#fullwidth, #fullwidth .post-entry { width: 276px; }
/** Form **/
.postForm .text { width: 254px; }
.postForm textarea { width: 254px; }
.responsive .post-heading h1{
background: red;
}
/* top nav ui fixes for smaller screens */
.band.navigation-top .sixteen{
position: relative;
}
.navigation-top .navigation-top-inner{
padding-bottom: 65px;
}
.navigation-top ul{
width: 100%;
text-align: center;
margin-right: 0;
}
.navigation-top ul.social-icons{
position: absolute;
top: 19px;
right: 0px;
margin-right: 0;
}
.navigation-top ul.social-icons li:first-child{
margin-left: 0;
}
.navigation-top ul.account-top{
position: absolute;
top: 48px;
right: 0px;
}
/* iphone 1 logo fixes */
header h1.logo a{
text-align: center;
width: auto;
}
header h1.logo a img{
width: 87%;
height: auto;
}
header h1.logo{
margin: 24px 0 20px 0;
}
/* custom height for testim slider - overriding that of its .js func */
ul.bjqs, li.bjqs-slide{
/*height: 250px !important;*/
height: 224px !important;
clear: both;
/*position: relative;*/
}
.team-intros .title span{
display: block;
}
/*themes-page*/
.theme-block .buttons {
text-align: left;
float: left;
margin-left: 0;
}
/* Blog page */
.content-area.blog .container{
background: none;
}
/* footer */
.bottom ul.social-icons{
float: none;
text-align: center;
}
/* register page - forums */
.content-left .bbp-login-form{
width: 90%;
}
.content-left .bbp-login-form input[type="text"]{
width: 92%;
}
/* sidebar */
.sidebar .bbp-login-form input[type="text"],
.sidebar .bbp-login-form input[type="password"],
.sidebar .widget-search input[type="text"],
.sidebar-forum .subscribe input[type="text"]{
width: 92%;
max-width: 92%;
}
.sidebar .bbp-login-form fieldset{
margin-bottom: 0;
}
.sidebar .bbp-login-form button[type="submit"]{
margin-right: 3px;
top: 95px;
bottom: auto;
}
}
/* #Font-Face
================================================== */