/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


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



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 1110px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
     .container .six.columns                     { width: 340px; }
     .container .eleven.columns                  { width: 708px; }
    .container .twelve.columns                  { width: 666px; }
  	#catmenu,#catmenu_2{display:block;}
	#catnav select,#catnav_2 select{display:none;}

	@media only screen and (max-width: 1199px) { 
	
	.container{ width: 1024px; }
	.container .eleven.columns {
width: 670px;
}.container .twelve.columns {
width: 630px;
}
.container .six.columns {
width: 300px;
}
 	
	
	}
	 @media only screen and (max-width: 1024px) { 
	 
	 .container{ width: 960px; }
	 .container .eleven.columns {
width: 600px;
}
.container .twelve.columns {
width: 558px;
}
.list-block {
width: 56%;
}
	 
	 }
	 


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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .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 .six.columns                     { width: 268px; }
         .container .eleven.columns                  { width: 704px; }
        .container .twelve.columns                  { width: 666px; }
 
 		#catmenu,#catmenu_2{display:block;}
	    #catnav select,#catnav_2 select{display:none;}
		.list-block{width:64%;}
		.sb-post-list-title{width:58%;}
		.blog-lists-title {width:45%;}
		#sidebar {display:none;}
    }


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

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

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

         .container .six.columns,
         .container .eleven.columns,
        .container .twelve.columns,
         .container .two-thirds.column  { width: 300px; }
				.container .eleven.columns{ width: 300px; }
        .container .twelve.columns{ width: 260px; }

		#catmenu ,#catmenu_2{display:none;}
		#blocks-wrapper { padding:0;}
		#catnav select,#catnav_2 select{display:block;}
		.full-left{width:270px;}
		.magbig-thumb {position: relative;margin-right:0px;height: 180px;width: 100%;}
		.list-block {width:100%;padding:10px 0 0 0;}
		.full-right {width: 100%;}
		.camera_caption {display:none!important;}
		.camera_wrap img {max-width: none!important;width:auto!important;}
		.full-left.thumb3 {width: 100%;}
		.blog-lists.one-half.column.first, .blog-lists.one-half.column.second{
		width:100%;padding: 15px 0 0 15px;
		}

    }


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

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 480px; }
        .container .columns,
        .container .column { margin: 0; }
 
        .container .six.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .two-thirds.column { width: 440px; }
		.container .eleven.columns{ width: 440px; }
        .container .twelve.columns{ width: 397px; }
		#blocks-wrapper { padding:20px;}
		#catmenu,#catmenu_2 {display:none;}
		#catnav select,#catnav_2 select{display:block;}
		.full-left{width:388px;}
		.magbig-thumb {position: relative;margin-right:0px;height: 180px;width: 100%;}
		.list-block {width: 100%;padding:10px 0 0 0;}
		.full-right {width: 100%;}
		.camera_caption {display:none!important;}
		.camera_wrap img {max-width: none!important;width:auto!important;}
		.full-left.thumb3 {width: 100%;}
		.blog-lists.one-half.column.first, .blog-lists.one-half.column.second{
		width:100%;padding: 15px 0 0 15px;
		}
		
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }