/* @the 1200px grid
********************************************************************************************
********************************************************************************************/

.container {
width: 100%;
max-width: 960px;
margin: 0px auto;
padding:0 120px;
position:relative;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-left:0;
float: left;
min-height: 1px;
overflow:hidden;
}

.fourcol {
width: 28%;
padding-right:0;
padding-left:3%;
float:left;
}

.threecol {
width: 29%;
padding:0;
margin:0 0 0 3%;
float:left;
margin-bottom:20px;
overflow:hidden;
}

.specfifthcol {
width: 37.6%;
}

.specfifthcol_last{ width:20%}

.eightcol {
width: 70%;
padding-right:0;
padding-left:0;
float:left;
}

.sixcol {
width: 50%;
}

.twelvecol {
width: 90%;
float: left;
}



.first {
margin-left: 0px;
}

object, embed {
max-width: 100%;
}



img {
	height: auto;
}

/* iPad Landscape */

@media screen and (max-width: 1181px){

.container{
padding:0 20px;
margin:0  auto;
width:auto;
}

.authorname {
    width: 50%;
}

.small_gallery{ width:19%;}

ul#serinfo-nav > li {
        width: 33%;
    }

#topmenu-container ul.menu > li:last-child a  {
    background: url(../images/tpi-mob.png) 3px 7px no-repeat #333;
    height: 20px;
    width: 120px;
    margin-top: 5px;
    text-indent: -99999px;
    display: block;
}

@media screen and (min-width: 771px) and (max-width: 1024px){ 
    header .nav-wrapper #sec-nav > li > a {
        font-size: 25px;
        padding: 15px 15px 23px 15px;
    }
    
    #footer-inner {
        padding: 0;
    }
    
}

}
@media screen and (min-width: 771px) { 
    .inline-rev-img {
         max-width: 70%;
    }
}


/* iPad Portrait */

@media screen and (max-width: 770px){

li.block2 {
    width: 44.5%; 
}
li.block6 {
    width: 22.3%;
}

#header ul.social-menu {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    clear: both;
}

#sidebar h2.widget.trending.with-loc span {
    font-size: 30px;
}

#topmenu-container { height: 32px; }

#topmenu-container .searchform {
	padding-top: 0;
	height: auto;
}

#topmenu-container ul#menu-top-menu > li { line-height: 28px; padding: 2px 6px; }
#topmenu-container ul#menu-top-menu > li:first-child a { background: white url(../images/crikeylogo-mob.png) no-repeat; width: 71px; height: 32px; }
#topmenu-container ul#menu-top-menu > li:last-child { margin-top: -5px; }

.menu-top-menu-container { height: 32px; }

header .nav-wrapper #sec-nav {
    clear: both;
}

header .nav-wrapper #sec-nav > li > a {
    padding-bottom: 20px !important;
}
header .nav-wrapper {
    padding-bottom: 5px !important;
}

.shadow-inset2{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ul#serinfo-nav > li {
        width: 33%;
    }


.home ul#block li h2 a {
    font-size: 22px;
    line-height: 20px;
    text-shadow: none;
}

.home ul#block li h2 {
    line-height: 18px;
}

h2.widget.questionmark {
    background-position-x: 100% !important;
    padding-right: 50px;
    
}
#sidebar{ width:31%;}

.ad300 img,
#sidebar_mid .fblock img{ 
    width:100% !important;
    height: auto !important;
}

ul#block li img {
    width:100%;
    height: auto;
}

#sidebar .fblock img{ width:90px;}

ul#block li h2{ font-size:18px !important;}

ul#block{height:420px;}

li.block1{height:140px;}

li.block2{height:280px;}

li.block3{height:140px;top:0;}

li.block4{height:280px;top:140px;}

li.block5{height:140px;top:140px;}

li.block6{height:140px;top:280px;}

li.block7{height:140px;top:280px;}

#header ul.social-menu{ float:right; margin-left:5px !important;margin-right:0 !important;}

.nav>li:first-child>a{ padding-left:10px !important}

.tab-post h3{ font-size:20px !important;}

.flickwrap img{ width:64px;}

.comment-form-author,
.comment-form-email,
.comment-form-url{ margin-right:10px !important;}

#sec-nav>li>a{text-align:center; padding:22px 10px 20px 10px;}

#footer-inner {
    padding: 0;
}
.insetline {
    background-repeat: repeat-x;
    width: 95%;
}

#footer-inner .threecol {
    background: none !important;
}

.headad {
    margin-bottom: 10px;
}

.hottickets ul.hottickets li .top {
    height: auto;
}

#sidebar ul.raws li img {
    width: 100%;
}

.entry .ratingblock {
    width: 29%;
}

.hottickets ul.hottickets li .bottom h3 {
    font-size: 18px !important;
}

.authorthumb img {
    width: 100%;
    height: auto;
    margin-right: 2%;
}

.authorbio {
    line-height: 1.4;
}

}


/* Mobile */

@media screen and (max-width: 740px) {

body {
font-size: 16px;
-webkit-text-size-adjust: none;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol,
#sidebar,#homecontent,#singlecontent,#homeright,.headad
.tabitem
 {
width: auto !important;
float: none !important;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.headad {
    width: 100%;
    height: auto;
    margin: 10px 0 15px 0;
    float: none;
}
.headad img { 
    width: 100%;
    height: auto;
}

#header{ position:relative;
float:none;
width:80%;
padding:0 5% 10px;
margin: 0 auto;
}

ul#block li h2 a {
    text-shadow: none;
}

#location-filter ul {
    text-align: center;
}

#location-filter li {
    display: inline;
    float: none;
}

#header h1{ 
    width: 40%; 
}

ul.medpost li a.mainbutton {
    margin-bottom: 0;
}

ul#block li .inside {
    left: 10px;
}

#block-wrap ul li p.meta_move {
    width: 90%;
    text-align: center;
}

#block-wrap ul li.block7 p.meta_move {
    width: 100%;
}

a.logo img{ display:block; margin:0 auto 20px auto; float:none; overflow:hidden}

#headtop{ border:none;}

a#navtrigger{ display:block;float: right; margin-top: 40px;}

#navigation,
#sec-nav{ display:none;}

#main-nav{ width:100%; padding:0 0 0 0; float:none;}

.nav>li,
.nav>li:first-child{ width:95%; padding:0 10px !important; text-align:center;}

#main-nav>li>a:before{ display:none;}

#navigation #sec-nav{ margin-bottom:0px;background: transparent;}
#navigation #sec-nav > li > a {
    color: #333;
    font-family: "Yanone Kaffeesatz", sans-serif;
    font-size: 35px;
    background: url(../images/mob-nav-bg.png) 0 50% no-repeat transparent;
}

#navigation #sec-nav > li {
    background: url(../images/single-line-g-300.png) 0 0 no-repeat transparent;
    border: none;
}
#navigation ul.social-menu {
    clear: both;
    text-align: center;
    background: #cfcfcf;
    padding-top: 5px;
    height: 27px;
    margin-bottom: 0 !important;
}

.nav>li>a{ padding:15px 0 !important; background:none}

.nav li ul{ width:90%;}

#location-filter {
    width: 100%;
    clear: both;
}

.big_single,.small_posts,.small_posts_alt,ul.raws,ul.raws li,ul.related{ width:100%;}

.big_single{ margin-bottom:40px;}

.big_single img{ margin:0 auto 20px auto !important; float:none; width:100%;}

.tab img {margin: -5px 0;}

ul.raws li img{ width:40%; margin-bottom:10px;}

.small_posts p.teaser { height: auto;}

ul#serinfo {
position: relative;
}

.post iframe{ width:100%;}

#copyright{ padding:0 5%;}

.scrollTo_top,
.top-rating{ display:none !important; visibility:hidden !important;}

ul#block li img{ width:110%;}

.resmode-No{ display:none; visibility:hidden;}

.tabitem iframe, .tabitem img{ max-width:100%;}

.widgetflexslider ul.slides img,
.related li a img{width:100%;}

ul.mansory>li{ width:45% !important;}

nav#navigation {
    width: 300px;
    
}
#homecontent {
    margin-top: 10px;
}

.pagination {
    text-align: center;
}

#location-filter {
    font-size: 16px;
}

}


@media only screen and (max-width: 660px) {

.scrollTo_top{ visibility:hidden; display:none}

.centerrow .centerthreecol img{ width:auto;}

.tmnf-sc-quote.left,
.tmnf-sc-quote.right{ width:100%; float:none; margin-left:0; margin-right:0}


.contact-form .forms textarea,
.contact-form .forms input.txt{ width:100%; float:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0}

.contact-form .forms label{ margin-bottom:10px}

.contact-form .forms .buttons .submit,
.contact-form .forms input#sendCopy{ margin-left:0;}

a.trigger{ display:none;}

ul#block li img{ width:130%;}

#sidebar_mid,
#sidebar{ border:none; width:100% !important; margin:0 0 20px 0; padding:0 0 0 0;}
.pre-widg {width:46%;float: right;}
.pre-widg:first-child {
    float: left;
}
h2.widget.questionmark {
    padding-right: 35%;
}
#sidebar_mid .fblock img{ width:auto; float:none;}

.flexslider.hottickets {
    padding-bottom: 34px;
}
.flexslider .hottickets img {
    width:100%;
}

.flexslider ul.hottickets .top {
    height: auto !important;
}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{ width:100% !important;}

} 

#sidebar h2.widget.trending {
    background-size: 100% 100% !important;
    line-height: 60px;
}

@media only screen and (max-width: 660px) and (min-width: 470px) { 
    #sidebar h2.widget.trending { 
        line-height: 75px;
        font-size: 35px;
    }
}

@media only screen and (max-width: 490px) {

 .container {
     padding: 0 10px;
 }

 #header {
     margin: 10px auto 0px;
     width: 70%;
     height: 140px;
 }
 h1 {
     margin: 0px;
 }
 #block-wrap {
     margin-left: -10px;
     margin-right: -10px;
 }

.archivepost img{ float:none; clear:both; margin:0 auto 10px auto !important; display:block;}

.archivepost .ribbon,.archivepost .ribbon_icon{ display:none;}

.ratingblock{ width:87%; padding:30px 6% 15px 6%}

.widgetflexslider h3{padding-right: 10px;}

.comment-form-author, .comment-form-email, .comment-form-url{ width:100%;}

#respond textarea{ width:90%}

#tickerwarp{ padding:5px 0 0 0;}

.widgetflexslider .meta,
#tickerwarp span.lab{ display:none;}

ul#block{ height:auto;}

ul#block li{ position:relative; width:50%; float:left; height:160px; left:auto; top:auto;}

ul#block li.block1 img{ width:180%; left:-40%}

ul#block li.block7{width:100%;}

ul#block li h2 a{ font-size:20px !important;}

img.alignleft,
img.alignright,
img.aligncenter,
.wp-caption,
.wp-caption img{ width:100%; margin:5px 0 30px 0;}

ul.ad125,ul.ad125 li{ margin:4px !important;}

.flickwrap{ width:110%;}

.big_gallery img{ width:100%; margin:0 0 10px 0;}

ul.mansory>li{ width:95% !important;}
#topmenu-container {
    height: auto;
    padding-right: 0;
    padding-left: 3px;
}
#topmenu-container ul#menu-top-menu > li {
display: none;
}

#topmenu-container ul#menu-top-menu > li:first-child { display: block; padding: 0; }
#topmenu-container ul#menu-top-menu > li:first-child a { background: url(../images/crikey-top-logo-mob.png) 0 60% no-repeat #333; }

#topmenu-container .searchform {
    width: 40%;
    margin-right: 0;
}
.searchform input.s {
    width: 50%;
    font-size: 16px !important;
}
.searchform  .searchSubmit {
    right: 10px;
    font-size: 16px !important;
}
a#navtrigger {
    margin: 0px;
    background-color: #333 !important;
    margin-top: 45px;
    float: right;
}
#location-filter {
    clear:both;
    background: url(../images/single-line-300-m.png) 0 0 repeat-x transparent;
    font-size: 17px;
    margin-bottom: 0;
}
#location-filter span {
    display: none;
}
#location-filter li {
    padding-right: 8px;
}
#header a:first-child {
    display: block;
}
img.logo {
    width:134px;
    height: 140px;
}
.homecontent_alt {
    width: auto !important;
}

.trending-widg h3.upperfont {
    text-transform: none !important;
}

.entry .ratingsblock {
    width: 100%;
}

#footer-inner .threecol {
    padding-left: 15px;
    padding-right: 20px;
}
h2.section-heading {
    background-position-x: -26%;
}

ul.medpost > li, ul.archivepost > li {
    background-image: url(../images/single-line-300-m.png);
    background-repeat: repeat-x;
}

#footer-inner h2 {
    background: url(../images/single-line-w-300.png) 0 100% no-repeat transparent !important;
    margin-left: -10px;
    padding-left: 10px;
}

#footer-inner .threecol ul.menu li {
    background-repeat: repeat-x;
}

#footer-bottom-inner .fl {
    display: none;
}

#footer-bottom-inner .fr {
    float: none !important;
    text-align: center;
}

#footer h2.twit-widget {
    margin-left: 0;
}

h2.widget.questionmark {
    background-size: auto 100%;
}

#sidebar h2.widget.trending {
background-size: 100% 100
}

#sidebar ul.raws li img {
    width: 90%;
}

#sidebar ul.raws li.sponsored img {
    width: auto;
    &.wp-post-image {
        width: 90%;
    }
}

#sidebar h2.widget {
    background: url(../images/double-lines-450.png) 0 50% no-repeat transparent;
}

.entry .ratingblock {
    width: 100%;
}

.nextlink, .prevlink {
    font-size: 16px;
}

.flex #catitle {
    clear: both;
    float: none;
    width: 96%;
}

.flexslider.flexcarousel {
    width: 100%;
}
.flexslider .slides img {
    width: 100%;
}

.flexslider.flexcarousel ul li a {
    width: 100%;
    height: auto;
}

.flexslider.flexcarousel ul li {
    width: 300px !important;
}

ul#block li .inside {
    width: 75%;
}

span.tag-list {
    width: 16%;
    padding: 0 2%;
    height: 50px;
}
#homecontent ul.tag-nav {
    width: 80%;
    height: 50px;
}

nav#navigation {
    width: 100%;
    
}

#navigation #sec-nav > li {
    background-size: 100%;
}

#navigation #sec-nav > li > a {
    background-size: 100%;
}

.home #navigation ul.social-menu {
    margin-bottom: 10px !important;
}

}

@media only screen and (max-width: 420px) { 
.buttons .t-button {
    width: 90px !important;
    margin-left: 15%;
}

.buttons > iframe {
    width: 80px !important;
    padding-bottom: 5px;
    margin-left: 27px !important;
}
.buttons .g-button {
    margin-left: 21% !important;
    
}
    
}