/* Tablet (Portrait)
 * ------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* Layout
	 * ------------------------------------------------- */
	.container  {
		max-width:768px;
		width:768px;
	}
	.grid_12 {
		max-width:748px;
		width:748px;
	}
	.grid_8 {
		max-width:492px;
		width:492px;
	}
	.grid_6 {
		max-width:364px;
		width:364px;
	}
	.grid_4 {
		max-width:236px;
		width:236px;
	}
	
	/* Media
	 * ------------------------------------------------- */
	iframe, embed, img{
		max-width:100%;
		height:auto;
	}
	
	/* Header Area */
	#site-logo{
		width:200px;
	}
	#top-complementary{
		width:468px;
	}
	
	/* Newsticker
	 * ------------------------------------------------- */
	#newsticker-wrapper{
		width:460px;
	}
	#newsticker-wrapper .mask { 
		width:420px;
	}
	
	/* Breadcrumbs 
	 * ------------------------------------------------- */
	#breadcrumbs{
		width:420px;
		padding:10px 20px;
		font-size:11px;
	}
	
	/* Flickr Widget 
	 * ------------------------------------------------- */
	#social-link{
		width:288px;
	}
	
	/* Slider 
	 * ------------------------------------------------- */
	#slider-container, #slider-container .flexslider .slides > li{
		height:262px;
	}
	#slider-container.blog-slider, #slider-container.blog-slider .flexslider .slides > li {
		height:265px;
	}
	
	/* Single entry
	 * ------------------------------------------------- */
	.entry .entry-asset,
	.entry .entry-asset img{
		width:206px;
		height:118px;
	}
	.singular-entry .entry-asset,
	.singular-entry .entry-asset img{
		width:452px;
	}
	#blog-style .entry-asset,
	#blog-style .entry-asset img{
		width:452px;
		height:199px;
	}

	/* Comments
	 * ------------------------------------------------- */
	#comments .commentlist .avatar{
		width:50px;
	}
	#comments .children .avatar {
		width:30px;
	}
	
	/* Social counter
	 * ------------------------------------------------- */
	.social-counter li a{
		padding-left:42px;
		font-size:10px;
	}
	
	/* Search form
	 * ------------------------------------------------- */
	.widget_search input[type="text"]{
		width:120px;
	}
	.gecko .widget_search input[type="text"]{
		width:110px;
	}
	
	/* Flickr widget 
	 * ------------------------------------------------- */
	.flickr-photos{
		width:216px;
	}
	.flickr-photos div a, .flickr-photos img{
		width:44px;
		height:44px;
	}
	#footer-widget-area .widget .flickr-photos{
		width:182px;
	}
	#footer-widget-area .widget .flickr-photos div a{
		width:50px;
		height:50px;
	}
	#footer-widget-area .widget .flickr-photos img{
		width:42px;
		height:42px;
	}
	
	/* Calendar widget 
	 * ------------------------------------------------- */
	table#wp-calendar{
		width:206px;
		font-size:10px;
	}
	table#wp-calendar td, table#wp-calendar th {
		padding:5px 5px
	}
	
	/* Ads
	 * ------------------------------------------------- */
	.ad125 {
		width:221px;
	}
	.ad125 li, .ad125 li img {
		width:95px;
		height:95px;
	}
	
	/* Footer
	 * ------------------------------------------------- */
	#footer-widget-area .grid_3{
		width:172px;
	}
	#footer-widget-area .widget .entry-list .entry-meta{
		display:none
	}
	
	/* jPlayer widget
	 * ------------------------------------------------- */
	div.jp-audio{
		width:206px;
	}
	div.jp-interface{
		width:206px;
	}
	div.jp-progress-container{
		width:71px;
	}
	div.jp-progress{
		width:69px;
	}
	div.jp-volume-bar-container{
		left:127px;
	}
	a.jp-mute, a.jp-unmute{
		left:136px
	}
	
	/* jPlayer Entry
	 * ------------------------------------------------- */
	.singular-entry div.jp-audio{
		width:452px;
	}
	.singular-entry div.jp-interface{
		width:452px;
	}
	.singular-entry div.jp-progress-container{
		width:317px;
	}
	.singular-entry div.jp-progress {
		width:315px;
	}
	.singular-entry div.jp-volume-bar-container {
		left:373px;
	}
	.singular-entry a.jp-mute, .singular-entry a.jp-unmute {
		left:382px
	}
}

/* Mobile (Portrait) Width 320px 
 * ------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* Layout
	 * ------------------------------------------------- */
	.container  {
		max-width:300px;
		width:300px;
	}
	.grid_12,.grid_8,.grid_6,.grid_4,.grid_3 {
		max-width:300px;
		width:300px;
		margin-left:0px;
		margin-right:0px;
	}
	
	/* Media 
	 * ------------------------------------------------- */
	iframe, embed, img{
		max-width:100%;
	}
	
	/* Header Area 
	 * ------------------------------------------------- */
	#branding{
		padding:20px 0px;
	}
	#top-complementary, #site-logo{
		margin-left:15px;
		margin-right:15px;
	}
	#site-logo{
		width:270px;
		margin-bottom:15px;
		text-align:center;
	}
	#top-complementary, .banner-ad{
		width:264px;
		height:33px;
	}
	
	/* Primary Nav Bar 
	 * ------------------------------------------------- */
	#primary-nav select {
		display:block;
	}
	#primary-nav ul {
		display:none;
	}
	#primary-nav select {
		width:270px;
		margin:15px;
	}
	
	/* Secondary Nav Bar 
	 * ------------------------------------------------- */
	#secondary-nav-bar .grid_8,
	#secondary-nav-bar .grid_4{
		width:300px;
		margin:0;
	}
	
	/* Newsticker
	 * ------------------------------------------------- */
	#newsticker-wrapper {
		display:none;
	}
	
	/* Breadcrumbs
	 * ------------------------------------------------- */
	#breadcrumbs{
		width:260px;
		padding:10px 20px;
	}
	
	/* Social link
	 * ------------------------------------------------- */
	ul#social-link {
		float:left;
		border-top:1px solid #eee;
		width:287px;
		padding:0px 6px;
	}
	ul#social-link li:first-child a {
		border:none;
	}
	
	/* Slider
	 * ------------------------------------------------- */
	#slider-container, #slider-container .flexslider .slides > li{
		height:155px;
	}
	#slider-container.blog-slider, #slider-container.blog-slider .flexslider .slides > li {
		height:149px;
	}
	.flex-caption{
		display:none;
	}
	
	/* Entry
	 * ------------------------------------------------- */
	.post-box.grid_4, .entry, .singular-entry{
		width:300px;
		margin-left:0px;
		margin-right:0px;
	}
	#blog-style .entry-asset,
	#blog-style .entry-asset img{
		width:260px;
		height:112px;
	}
	
	/* Comments
	 * ------------------------------------------------- */
	#comments .commentlist .avatar{
		width:25px;
	}
	#comments .children .avatar {
		width:15px;
	}
	
	/* Footer
	 * ------------------------------------------------- */
	#footer-widget-area .grid_3{
		width:260px;
		padding-left:20px;
		padding-right:20px;
	}
	#footer .grid_6{
		width:260px;
		padding-left:20px;
		padding-right:20px;
	}
	#site-info{
	}
	#bottom-nav{
		display:none
	}
	
	/* jPlayer Entry
	 * ------------------------------------------------- */
	.singular-entry div.jp-audio{
		width:260px;
	}
	.singular-entry div.jp-interface{
		width:260px;
	}
	.singular-entry div.jp-progress-container{
		width:115px;
	}
	.singular-entry div.jp-progress {
		width:113px;
	}
	.singular-entry div.jp-volume-bar-container {
		left:171px;
	}
	.singular-entry a.jp-mute, .singular-entry a.jp-unmute {
		left:180px
	}
}

/* Mobile (Landscape)
 * ------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Layout
	 * ------------------------------------------------- */
	.container  {
		max-width:460px;
		width:460px;
	}
	.grid_12,.grid_8,.grid_6,.grid_4,.grid_3 {
		max-width:460px;
		width:460px;
		margin-left:0px;
		margin-right:0px;
	}
	
	iframe, embed, img{
		max-width:100%;
	}
	
	/* Header Area
	 * ------------------------------------------------- */
	#branding{
		padding:20px 0px;
	}
	#top-complementary, #site-logo{
		margin-left:20px;
		margin-right:20px;
	}
	#site-logo{
		width:420px;
		margin-bottom:20px;
		text-align:center;
	}
	#top-complementary, .banner-ad{
		width:414px;
		height:53px;
	}
	
	/* Primary Nav Bar
	 * ------------------------------------------------- */
	#primary-nav select {
		display:block;
	}
	#primary-nav ul {
		display:none;
	}
	#primary-nav select {
		width:420px;
		margin-left:20px;
		margin-right:20px;
	}
	
	/* Secondary Nav Bar
	 * ------------------------------------------------- */
	#secondary-nav-bar .grid_8,
	#secondary-nav-bar .grid_4,
	#newsticker-wrapper,
	ul#social-link{
		width:460px;
		margin:0px;
	}
	
	/* Newsticker
	 * ------------------------------------------------- */
	#newsticker-wrapper{
		width:460px;
	}
	#newsticker-wrapper .mask { 
		width:420px;
	}
	
	#breadcrumbs{
		width:420px;
		padding:10px 20px;
	}
	ul#social-link {
		float:left;
		border-top:1px solid #eee;
		padding:0px 0px;
	}
	ul#social-link li:first-child a {
		border:none;
	}
	ul#social-link li  a {
		width:64px;
	}
	
	/* Slider
	 * ------------------------------------------------- */
	#slider-container, #slider-container .flexslider .slides > li{
		height:248px;
	}
	#slider-container.blog-slider, #slider-container.blog-slider .flexslider .slides > li {
		height:241px;
	}
	.flex-caption{
		display:none;
	}
	
	/* Entry
	 * ------------------------------------------------- */
	.post-box.grid_4, .entry, .singular-entry{
		width:460px;
		margin-left:0px;
		margin-right:0px;
	}
	.entry .entry-asset, .entry .entry-asset img, .portfolio-image img{
		width:430px;
		height:247px;
	}
	#blog-style .entry-asset,
	#blog-style .entry-asset img{
		width:420px;
		height:181px;
	}
	
	/* Comments
	 * ------------------------------------------------- */
	#comments .commentlist .avatar{
		width:45px;
	}
	#comments .children .avatar {
		width:25px;
	}
	
	/* Widget
	 * ------------------------------------------------- */
	#secondary.grid_4{
		width:460px;
	}
	
	/* Search widget
	 * ------------------------------------------------- */
	.widget_search input[type="text"] {
		width:344px;
	}
	
	/* Flickr widget
	 * ------------------------------------------------- */
	.widget .flickr-photos{
		width:440px;
	}
	.widget .flickr-photos a, .widget .flickr-photos img{
		width:45px;
		height:45px;
	}
	#footer-widget-area .widget .flickr-photos{
		width:460px;
	}
	
	/* Ads
	 * ------------------------------------------------- */
	.ad125 {
		width:445px;
	}
	.ad125 li, .ad125 li img {
		width:96px;
		height:96px;
	}
	
	/* Footer
	 * ------------------------------------------------- */
	#footer-widget-area .grid_3{
		width:460px;
		padding-left:0;
		padding-right:0;
	}
	#footer .grid_6{
		width:460px;
		padding-left:0;
		padding-right:0;
	}
	#site-info{
	}
	#bottom-nav{
		display:none
	}
	
	/* jPlayer
	 * ------------------------------------------------- */
	div.jp-audio, .singular-entry div.jp-audio{
		width:420px;
	}
	div.jp-interface, .singular-entry div.jp-interface{
		width:420px;
	}
	div.jp-progress-container, .singular-entry div.jp-progress-container{
		width:285px;
	}
	div.jp-progress, .singular-entry div.jp-progress {
		width:283px;
	}
	div.jp-volume-bar-container, .singular-entry div.jp-volume-bar-container {
		left:341px;
	}
	a.jp-mute, .singular-entry a.jp-mute, a.jp-unmute, .singular-entry a.jp-unmute {
		left:350px
	}
}