/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
* Version: 2.0
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #body_inner                                 { width: 808px; }
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }
        body.full_width #main                       { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }

	#socialCounterWidget .socialCounterBox {
		width: 75px !important;
	}
	#socialCounterWidget .socialCounterBox .icon {
		margin: auto !important;
		margin-bottom: 10px;
	}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        #body_inner { width:340px; }
        .container { width: 330px; }
        .container .columns,
        .container .column { margin: 0; }
		
		#footer .container .columns, 
		#sub_footer .container .columns { margin: 0 10px; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 330px; }
        body.full_width #main { width: 330px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

        .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{width:300px; margin-right:0; margin-bottom:0;}

        .tabs_vertical_frame, .featured_tabs_frame { display:none; }
        .tabs_vertical, .featured_tabs { padding-left:0!important; }

        /*.post_list_image, .post_list_image img {
    	    display: none;
        }*/
		#sidebar .post_list_image, #sidebar .post_list_image img { display:block; }
        .post_list_content {
	        overflow: visible;
    	    display: inline-block;
        }
         /* Ratings */
         .rating_box.overimage {
			position: relative !important;
			text-align:left !important;
			display: inline;
			margin: 0 !important;
	         
         }

         /* Tables  */
         .default_table th{
         	 font-size: 10px !important;
	         padding: 5px 5px;
         }
         .default_table th:last-child{
	         padding-right: 5px;
         }
         .default_table th:first-child{
	         padding-left: 5px;
         }

         .default_table td{font-size: 10px;}

         .table{width:99%;border:1px solid #fff;}

         .portfolio_gallery.small_post_list .portfolio .post_list_image,
         .portfolio_gallery.small_post_list .portfolio .post_list_image img,
         .portfolio_gallery.large_post_list .portfolio .post_list_image,
         .portfolio_gallery.large_post_list .portfolio .post_list_image img,
         .portfolio_gallery.medium_post_list .portfolio .post_list_image,
         .portfolio_gallery.medium_post_list .portfolio .post_list_image img {
	         display: inline !important;
	         float: left;
         }

         .portfolio_gallery.large_post_list .portfolio .post_list_content,
         .portfolio_gallery.medium_post_list .portfolio .post_list_content,
         .portfolio_gallery.small_post_list .portfolio .post_list_content {
	         float: left;
	         margin-left: 0 !important;
         }
         .portfolio_gallery.large_post_list .portfolio .post_list_content {
	         float: none !important;
	         margin-left: 0 !important;
         }

         #main_menu {
            margin-top: 10px;

    }

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #body_inner { width:460px; }
        .container { width: 460px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 460px; }

        body.full_width #main { width: 460px; }

         .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{width:420px; margin-right:0; margin-bottom:0;}

         .tabs_vertical_frame, .featured_tabs_frame { display:none; }
         .tabs_vertical, .featured_tabs { padding-left:0!important; }

         /* Ratings */
         .rating_box.overimage {
			position: relative !important;
			text-align:left !important;
			display: inline;
			margin: 0 !important;
	         
         }
    }





/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {

        .single_post_content .post_title { font-size: 30px !important; }

        .internal_stuff .wpp-post-title { font-size: 13px; }

        .yuzo_related_post_widget .relatedthumb a { font-size: 14px !important; line-height: 1.1 !important;}

        .yuzo_related_post .relatedthumb:last-child { display: none; }

        .post_list_content h2.post_title, .post_grid_content h2.post_title {
            font-size:16px;
        }    

    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .post_list_content h2.post_title, .post_grid_content h2.post_title {
            font-size:16px;
        }

        .post_list_content .post_excerpt {
            font-size: 10px;
        }

        .main_navigation a {
            padding:0 15px;
        }

        #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a {
            padding: 10px;
        }

        li.menu_arrow > a:after { 
            display: none;
        }

		#main #item-nav #home-groups-li, #main #item-nav #forums-groups-li, #main #item-nav #members-groups-li, #main #item-nav #invite-groups-li, #main #item-nav #admin-groups-li {padding-left:18px !important;padding-right:5px !important;}
		#main div.item-list-tabs ul li a, #main div.item-list-tabs ul li span {padding-left:5px;padding-right:5px;font-size:11px;}
		#main div.item-list-tabs ul li.feed a {padding-left:20px;}
		#main div.item-list-tabs ul li:first-child {margin-left:5px !important;}
		#main div.item-list-tabs ul li {margin-left:0px;}	
		#main .bp_search {float:none;margin-bottom:10px;width:100% !important;}	
		#main #bbpress-forums li {font-size:11px;}
		#main #bbpress-forums li.bbp-forum-freshness, #main #bbpress-forums p.bbp-topic-meta {font-size:10px;}
		#main li.bbp-header div.bbp-reply-content span#favorite-toggle, #main li.bbp-header div.bbp-reply-content span#subscription-toggle {font-size:11px;font-weight:normal;}
		#main table.forum th#th-freshness, #main table.forum td.td-freshness {display:none;}

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

        .pullquote.alignright {
            text-align: center;
            width: 100%;
        }

        .pullquote.alignleft {
            text-align: center;
            width: 100%;
        }
        

        .single_post_content .post_title { font-size: 30px !important; }

        .main_navigation select, .header_links select {
            display:block;
            width:100%;
            margin:10px auto;

        }
		.header_links {width:100%;margin-left:0px;margin-right:0px;}
		.header_links select {
			border:1px solid #E0E0E0 !important;
			background-color:#F6F6F6;
			color:#888;
			text-shadow:none;
			font-weight:normal;
		}


        .main_navigation ul {
            display:none;
        }

        .left_sidebar #sidebar_inner,
        .left_sidebar .sidebar_top,
        .left_sidebar .sidebar_bottom,
        .right_sidebar #sidebar_inner,
        .right_sidebar .sidebar_top,
        .right_sidebar .sidebar_bottom
        {
            width: 100%;
            padding-left:0;
            background:none;
        }

        .right_sidebar #sidebar_inner {
            margin-top:80px;
        }

        #header { padding:10px 0 20px; }
        #header_ad, #header_ad img { 
            float:none; 
            width:100%;
            height: auto;
            text-align:center;
        }

        .logo { width:100%; margin:10px 0 20px; }
        a.site_logo { display:block; }
        .logo img { display:block; margin:0 auto; }

        .widget_snapthemesw_sc_widget {
            display:block;
            width:300px;
            margin:0 auto;

        }

        #footer { min-height: 20px; }
        .footer_links { display:none; }
		
		#main div.item-list-tabs ul li a, #main div.item-list-tabs ul li span {padding-left:5px;padding-right:5px;font-size:11px;}
		#main div.item-list-tabs ul li.feed a {padding-left:20px;}
		#main div.item-list-tabs ul li:first-child {margin-left:5px !important;}
		#main div.item-list-tabs ul li {margin-left:0px;}	
		#main div.activity-comments {margin-left:0px !important;}
		#main div.activity-comments ul li > ul {margin-left:10px;}
		#main .bp_search {float:none;margin-bottom:10px;width:100% !important;}
		#main table.forum tr th#th-poster, #main table.forum tr th#th-group, #main table.forum td.td-poster, #main table.forum td.td-group, #main table.forum th#th-postcount, #main table.forum th#th-freshness, #main table.forum td.td-postcount, #main table.forum td.td-freshness {display:none;}
		#main table.forum {width:100%;}
		#main select.mobileMenu {margin:9px 0px 0px 10px;}
		#main #item-header img.avatar {float:none;}
		#main div#item-header div#item-header-content {margin-left:0px;}
		#main #bbpress-forums li {font-size:11px;}
		#main #bbpress-forums li.bbp-forum-freshness, #main #bbpress-forums p.bbp-topic-meta {font-size:10px;}
		#main #bbp_topic_content_toolbargroup {display:none;}
		#main li.bbp-header div.bbp-reply-content span#favorite-toggle, #main li.bbp-header div.bbp-reply-content span#subscription-toggle {font-size:10px;font-weight:normal;}
		#main #bbpress-forums li.bbp-header .bbp-reply-content {margin-left:100px;}
		#main .standard-form #basic-details-section, .standard-form #blog-details-section, #main .standard-form #profile-details-section {float:none;width:100%;}
		.post_grid_image, .post_list_image {float:left;margin-right:15px;}
        .post_list_image { width: 39% !important;}
        #main .post_list_content { width: 57%;}
		.post_grid_content, .post_list_content {display:inline-block;}
        
        .post_list_content {
            margin-bottom:0;
            height: 118px;
            overflow: hidden;
        }

        .post_list_content .post_meta {
            padding: 0;
        }

        .post_list_content h2.post_title, .post_grid_content h2.post_title {
            margin-bottom: 5px;
        }   

		#footer .post_list_content, #sidebar .post_list_content {
            width:310px;
        }

		#main #item-nav {background-image:none;}

        .post_list_module { padding-bottom: 5px; }

        #sidebar .advertisement { margin: 0 auto; }

        blockquote { padding-left: 20px; }

    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .slider_desc { display:none ;}
        #body_inner {
            width:100%;
            margin:0;
        }
		#header
		{	
			margin-left:0px;				
		}
    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {

        .yuzo_related_post .relatedthumb:first-child { display: none; }

        .slider_title {
            font-size:80%!important;
        }
        .slider_desc { display:none ;}
        #body_inner {
            width:100%;
            margin:0;
        }
		#header
		{	
			margin-left:0px;				
		}		
		#main li.bbp-forum-freshness, #main li.bbp-topic-freshness {display:none;}
		#main li.bbp-forum-topic-count, #main li.bbp-forum-reply-count, #main li.bbp-topic-voice-count, #main li.bbp-topic-reply-count {width:20%;}
		#main li.bbp-forum-info, #main li.bbp-topic-title {width:60%;}	
		.post_grid_image, #main .post_list_image {margin-right:8px;}
		.post_grid_content {display:inline-block;}
		
        .post_list_content h2.post_title, .post_grid_content h2.post_title {
            font-size:15px;
        }

		.post_list_image { }

		.post_list_content {
            width: 100%;
            height: 88px;
            overflow: hidden;
        }

        .post_list_content .post_excerpt {
            display: none;
        }

        .post_list_content .post_meta {
            line-height: 1.3em;
            margin: 0px 0px 2px 0px;
        }

        .post_list_content .meta_author {
            font-size: 85%
        }

        .post_list_content .meta_date {
            font-size: 85%;
        }

		#footer .post_list_image, #sidebar .post_list_image {display:inline-block;}
		#footer .post_list_content, #sidebar .post_list_content {width:190px;}
    }

.msmw_map {
    max-width:100%!important;
}

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

    #logo-cf .brand {
        font-size: 26px;
        text-align: left;
        margin: 5px 0px -15px 0px;
        line-height: 1em;
    }

    #logo-cf .brand-wrap div {
        text-align: left;
        padding-left: 25%;
    }

    #logo-cf .tag {
        font-size: 16px;
    }
    #logo-cf img {
        vertical-align: baseline;
        margin: 0px 0px -3px 0px;
    }
    #header {
        margin-top: -10px;
    }
}