/*

Theme Name: Shaken Grid (Premium)

Theme URI: http://www.shakenandstirredweb.com/

Description: Shaken Grid by Shaken and Stirred Web

Version: 2.1.3

Author: Shaken and Stirred Web

Author URI: http://www.shakenandstirredweb.com/

--------------------------------------------------------------------------



Designed by Shaken and Stirred Web - http://www.shakenandstirredweb.com/



Design, HTML, and CSS files are Copyright 2011-2012 Shaken and Stirred Web



**************************************************************************

**************************************************************************



!! DO NOT EDIT THIS FILE !!



If you need to overwrite the CSS styling, place the new styles in 

custom.css (which is already included for you).



**************************************************************************

************************************************************************** */





/* =======================================================================

								Setup

======================================================================= */



@import "css/reset.css";



body{

	background:#f0f0f0 url(images/noise-2.png) repeat;

	font-size:12px;

	color:#4b5054;

}



.clearfix{

	clear:both;

	float:none;

	display:block;

}



img, video, embed, object, iframe{

	max-width: 100%; 

}



.post-content img, .feat-img, .entry img, .page-entry img{

	height: auto !important;

}



/* =======================================================================

								Typography

======================================================================= */



a, a.more-link p{

	color:#3A80BC;

	text-decoration:none;

}

a:hover{ 

	text-decoration:underline;

}

.timeline a:hover{

	text-decoration: none;

}



h1{	

	font-size: 24px; 

	margin-bottom: 20px; 

	font-family: "freight-sans-pro",sans-serif;

}

h1.post-title{

	margin-bottom: 5px;

}



#page h2, #full-page h2{

	font-size: 20px;

	margin-bottom:20px;

	font-weight:normal;

	font-family: "freight-sans-pro",sans-serif;

}

#page h2{

	margin: 30px 0 15px;

	padding-bottom:5px;

	font-family: "freight-sans-pro",sans-serif;

}

.box h2{

	font-size:16px;

	color:#333;

	margin-bottom:10px;

	font-family: "freight-sans-pro",sans-serif;

}

#archives-page .box h2{

	font-size: 16px;

	margin-bottom: 10px;

}



#archives-page .box-content{

	padding: 15px;

	width: 300px;

}



.box h2 a{ 

	color: #333;

	text-decoration: none;

	font-family: "freight-sans-pro",sans-serif;

	font-size: 20px;

}

.box h2 a:hover{

	text-decoration: underline;

}

.timeline h2{

	margin: 30px 0 15px 10px;

}



h3{

	font-size: 16px;

	font-weight:normal;

	margin-top:30px;

	margin-bottom:15px;

	padding-bottom:5px;

}

h3.widget-title{

	background: #6e7b82;

	background: rgba(57, 75, 86, 0.7);

	border:none 0;

	font-size: 16px;

	padding: 5px 10px;

	color: #FFF;

	text-shadow: 0 -1px rgba(0,0,0,0.45);

	margin-bottom: 15px;

}

h3.widget-title a{ color:#FFF; }



h4{

	font-size: 14px;

	margin: 20px 0 10px;

	padding-bottom:5px;

}



h5{

	font-size:14px;

	text-transform:uppercase;

	margin-top:20px;

	margin-bottom:15px;

	padding-bottom:5px;

}



h6{

	text-transform:uppercase;

	font-weight:bold;

	margin:5px 0 10px 0;

}



h1, h2, h3{

	color: #1a1a1a;

}



h1:first-child, 

h2:first-child, 

h3:first-child, 

h4:first-child, 

h5:first-child, 

h6:first-child{ 

	margin-top:0; 

}



#comments h2, #comments h3{

	border-bottom:none 0;

	margin-top:0;

	margin-left:0;

}



/* =======================================

				 Lists

======================================== */

ul, ol{ margin-left:20px; }

ul.roman{ list-style:upper-alpha; }

ul.roman ul{ list-style:upper-roman; }

.box p, .box ul{

	line-height:16px;

	margin-bottom:10px;

}

.box, .box p, .box ul, .box ol{ 

	font-size: 12px;

}

#archives-page .box, #archives-page .box p, #archives-page .box ul, #archives-page .box ol{ 

	font-size: 12px; 

}

.box ul li{

	margin: 0 0 5px 5px;

}



/* =======================================

			Paragraphs

======================================== */

#page p, #full-page p{

	margin-bottom:20px;

	line-height:1.5;

}

#footer p{

	font-size:11px;

}

hr{

	background:none;

	border-bottom:1px dotted #d4d4d6;

	clear:both;

}

/* =======================================

			Quotes

======================================== */

blockquote{

	background:url(images/quote.png) left top no-repeat;

	padding-left:30px;

	font-family:"freight-sans-pro",sans-serif;

	font-style:italic;

	font-size:14px;

	line-height:21px;

	color:#494949;

	margin:0 30px 15px 30px;

}

.box blockquote{

	font-size:12px; 

	background:none; 

	margin:0 0 10px 0; 

	padding:0;

}

#sidebar blockquote{

	margin:0 15px 15px;

}

	

cite{

	display:block;

	font-style:normal;

	font-size:11px;

	text-align:right;

	margin:-5px 30px 20px 0;

}

#sidebar cite{

	margin:0 15px 0 0;

}

.box cite{

	margin:0 0 15px 0;

}



.format-quote p{

	font-size: 28px;

	line-height: 1.25;

	color:#fff;

	font-family: "freight-sans-pro",sans-serif;

}

.col1 .format-quote p{ 

	font-size: 14px;

}

.col3 .format-quote p, .col4 .format-quote p, .quote .entry p:not(.post-details){

	font-size: 28px;

	font-family: "freight-sans-pro",sans-serif;

}

	

/* =======================================

			Font Families

======================================== */	

pre {

	font-family: "Courier 10 Pitch", Courier, monospace;

}

code {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

.post-info p, #archives-page .box .post-info p, .jta-tweet-timestamp, cite, .box, .box blockquote{

	color:#6f777d;

}



/* =======================================================================

								Header

======================================================================= */

#header{

	margin-bottom: 30px;

	background:#FFF url(images/header-gradient.png) bottom repeat-x;

	padding: 30px 0 30px 15px;

	border-bottom:1px solid #FFF;

}



#logo{

	font-size: 26px;

	margin-bottom: 8px;

	line-height: 1.1;

        font-family: "postino-std",sans-serif;

}

img#logo{

	margin-bottom: 0;

}



#site-info a{

	font-weight:normal;

	color:#333;

	margin: 0 40px 0 0;

	text-decoration:none;

	text-shadow: rgba(0,0,0,.01) 0 0 1px;

}

#site-info a:hover{

	opacity:0.75;

}



#site-info{

	margin: 9px 80px 0 0;

	float: left;

}



#site-description{

	font-weight:normal;

	font-size:16px;

	font-family: "freight-sans-pro",sans-serif;

	color:#999;

	margin-top:-5px;

	margin-left:20px;

}



.header-nav select{

	display: none;

}



.header-nav ul{

	list-style:none;

	padding:0;

	margin: 25px -45px 0;

	float: left;

}



.header-nav li{

	display: inline;

	float: left;

	font-size: 18px;

	font-family: "freight-sans-pro",sans-serif;

	margin-left: 38px;

	position: relative;

	z-index: 99;

}	

.header-nav li:first-child{ margin-left:0; }



.header-nav li a{

	text-decoration:none;

	color:#616161;

}

li.parent a{ 

	background:url(images/parent-bg.png) right no-repeat;

	padding-right:13px;

}

li.parent li a{

	background:none; 

	padding-right:0;

}

.header-nav li a:hover, 

li.current-menu-item li a:hover, 

li.current-menu-item a, 

li.current_page_ancestor a, 

li.current_page_ancestor li a:hover, 

li.current_page_ancestor li.current-menu-item a{

	color:#3a80bc;

}

li.current-menu-item li a, 

li.current_page_ancestor li a{

	color:#616161;

}



	/* ==========================

		Second Level

	===========================*/

	.header-nav li li a{ border-bottom:none 0; }

	

	.header-nav ul ul{

		margin:0;

		position:absolute;

		top:35px;

		left:0;

		z-index:99;

		width:120px;

		background:#FFF;

		background:rgba( 255, 255, 255, 0.87 );

		padding:12px 20px;

		display:none;

		

		-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);

		-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);

		box-shadow:0 3px 3px rgba(0,0,0,0.2);

		

		-moz-border-radius:10px;

		border-radius:10px;

	}

	

	.header-nav ul ul li a{

		font-size:12px;

		font-family:Arial, Helvetica, sans-serif;

		text-transform:none;

		display:block;

		font-weight:bold;

		padding:8px 0;

	}

	

	.header-nav ul ul li{

		display:block;

		clear:both;

		margin:0;

		line-height:12px;

		position:relative;

		width:100%;

		background:url(images/dotted-border.png) bottom repeat-x;

	}

	.header-nav ul ul li:last-child{ background: none; }

		

	/* ==========================

		Third Level

	===========================*/

	.header-nav ul ul ul{

		position:relative;

		background:none;

		top:0;

		left:0;

		padding:0;

		margin-left:10px;

		margin-top:-3px;

		width:auto;

		-webkit-box-shadow:none;

		-moz-box-shadow:none;

		box-shadow:none;

	}

	.header-nav ul ul ul li a{

		font-weight:normal; 

		font-size:11px; 

		padding:4px 0;

	}

	

/* ==========================

	Social Networks

===========================*/

#social-networks{

	float:right;

	clear:right;

	margin: 20px 10px 0 0;

	

	background:-webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(243,243,243)),

		color-stop(1, rgb(247,247,247))

	);

	background:-moz-linear-gradient(

		center bottom,

		rgb(243,243,243) 0%,

		rgb(247,247,247) 100%

	);

	

	-webkit-box-shadow:0 1px 0 #dddddd;

	-moz-box-shadow:0 1px 0 #dddddd;

	box-shadow:0 1px 0 #dddddd;

}



#social-networks a{

	margin: 5px; 

	display:inline-block;

	line-height: 0.75;

}

#social-networks a:first-child{ margin-left: 10px; }

#social-networks a:last-child{ margin-right: 10px; }



/* =======================================================================

						      Layout

======================================================================= */

#page{

	width: 680px;

	float: left;

}

.wrap{

	width: 1010px;

	margin: auto;

}



body.page-template-template-timeline-php .wrap, body.page-template-template-timeline-php .isotope, .month-header{

    width: 940px !important;

    margin-right: auto !important;

    margin-left: auto !important;

}



body.blog .wrap, #filtering-nav, body.blog .navigation, .isotope{

    min-width: 940px;

}



/* =======================================================================

					Isotope Grid

======================================================================= */

.sort, #sort{

    margin: auto;

}

.isotope,

.isotope .isotope-item {

  /* change duration value to whatever you like */

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

          transition-duration: 0.8s;

}

.isotope-item {

  z-index: 2;

}

.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



.box{

	margin:10px 10px 0;

	padding-bottom:10px;

	float:left;

	position: relative;

}

.content{

	padding-bottom:10px;

	position: relative;

}

.box:after, .content:after, .box:before, .content:before{

	content:"";

    position:absolute; 

    z-index:-2;

    bottom: 30px;

    left: 10px;

    width: 50%;

    height: 20px;

    max-width:300px;

    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);   

       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);

            box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);

    -webkit-transform:rotate(-3deg);    

       -moz-transform:rotate(-3deg);   

        -ms-transform:rotate(-3deg);   

            transform:rotate(-3deg);

}

.box:after, .content:after{

	right:10px; 

    left:auto;

    -webkit-transform:rotate(3deg);   

       -moz-transform:rotate(3deg);  

        -ms-transform:rotate(3deg);  

            transform:rotate(3deg);

}



.timeline .box:after, .timeline .box:before{

	display: none;

}



.box img, .box object{

	z-index:0;

}



.box-content{

	-moz-border-radius: 6px;

	border-radius: 6px;

	background: #FFF;

	padding: 5px;

	overflow: visible;

}



.not-found{

    padding: 20px;

}



.box .post-content{

	padding: 10px 10px 0;

}



.col1 .box-content{

	width:145px;

}

.col2 .box-content{

	width:320px;

}

.col3 .box-content{

	width:495px;

}

.col4 .box-content, .content .box-content{

	width:670px;

}



.invis{

	display:none;

}



.more-link{display:block; margin-top:5px;}



img.loop-ad{

	margin-bottom:3px;

}



.feat-img{

	-webkit-backface-visibility:hidden;

	backface-visibility:hidden;

}



.vid-container{

	margin-bottom: 5px;

}

.vid-container p{ 

	margin: 0; 

}



.img-container{

	position: relative;

	background: #000;

	margin-bottom: 5px;

	line-height: 0;

	-moz-border-radius:5px;

	border-radius:5px;

}



.box .img-container{ 

	text-align:center;

}



.img-container:hover .actions{

	display: block;

	opacity: 1;

}



.img-container:hover a img.feat-img{

	opacity: 0.65;

}



.actions{

	position:absolute;

	display:none;

	top:30%;

	left:50%;

	margin-left:-133px;

	z-index:10;

	text-align:center;

	font-size:11px;

	text-transform:uppercase;

	opacity: 0;

}

.col1 .actions{

	margin-left:-30px;

	top: 20px;

	left: 50%;

}



.actions > a{

	background-color: #000;

	background-color:rgba(0,0,0,0.75);

	background-repeat:no-repeat;

	background-position:50% 12px;

	display:block;

	margin-right:10px;

	width:80px;

	height:18px;

	padding-top:62px;

	text-align:center;

	display:inline-block;

	color:#c9c9c9;

}

.actions > a:hover{

	background-color: #000;

}



a.view{

	background-image:url(images/enlarge.png);

}



a.play{ 

	background-image:url(images/play.png);

}



a.share{

	background-image:url(images/share.png); 

	cursor:pointer;

	position:relative;

}



a.comment{ 

	background-image:url(images/comments.png); 

	margin-right:0; 

	position:relative;

}

a.comment span{

	position:absolute;

	left: 0;

	top: 27px;

	color:#222;

	font-size:12px;

	font-weight:bold;

	text-align: center;

	display: block;

	width: 100%;

}

a.closed{ 

	opacity: 0.6;

}

.col1 a.comment span{ 

	display: none;

}

.col1 a.view, .col1 a.share, .col1 a.comment, .col1 a.play{

	background-image:none;

	height:14px;

	width:60px;

	line-height:1;

	padding:3px;

	display:block;

	clear:both;

	margin-bottom:3px;

}



.comments-hidden{

	margin-left: -88px;

}



.share-container{

	background:url(images/share-triangle.png) top center no-repeat;

	padding-top:7px;

	position:absolute;

	left: 50%;

	margin-left: -47px;

	width: 95px;

	z-index:999;

}

.comments-hidden .share-container{

	margin-left: -6px;

}

.col1 .share-container{ 

	margin-left: -54px; 

}



.share-icons{

	overflow:hidden;

	background:#FFF;

	background:-webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(224,224,224)),

		color-stop(1, rgb(255,255,255))

	);

	background:-moz-linear-gradient(

		center bottom,

		rgb(224,224,224) 0%,

		rgb(255,255,255) 100%

	);

	padding:0 5px;

	text-align:center;

}

#sidebar .share-icons{

	background:none;

	padding:0;

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	-o-box-shadow:none;

	box-shadow:none;

	text-align:left;

}

.share-icons a{

	height:16px;

	width:16px;

	display:inline-block;

	margin:5px;

}



.post-footer{

	border-top:#ddd 1px solid;

	margin-top: 8px;

	overflow:visible;

	padding: 8px 5px 4px;

}

.no-content .post-footer{

	border-top:none 0;

}



.category-ic{

	background:url(images/folder-ic.png) left no-repeat;

	padding-left:25px;

}

.shortlink{

	display:block;

	float:right;

	background:url(images/link-ic.png) center center no-repeat;

	width:18px;

	height:8px;

	margin-top:3px;

	text-indent:-9999px;

}



/* =======================================================================

				Filter Navigation and Basic Form Styles

======================================================================= */

#filtering-nav{

	padding-left:10px;

	margin: auto;

}

#filtering-nav ul{

	padding:0 0 5px;

	margin:0;

	overflow:hidden;

}

#filtering-nav li{

	display:inline;

	float:left;

	clear:right;

	list-style:none;

	margin-right:5px;

	margin-left:0;

}



#filtering-nav li a, input[type="submit"], input.submit, .navigation a{

	display:inline-block;

	padding:5px 10px;

	text-decoration:none;

	background:rgb(43,43,43);

	background: -moz-linear-gradient(top, #7b7b7b 0%, #2b2b2b 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#2b2b2b));

	background: -webkit-linear-gradient(top, #7b7b7b 0%,#2b2b2b 100%);

	background: -ms-linear-gradient(top, #7b7b7b 0%,#2b2b2b 100%);

	background: linear-gradient(top, #7b7b7b 0%,#2b2b2b 100%);

	color:#FFF;

	cursor:pointer;

}

#filtering-nav li a:hover, input[type="submit"]:hover, input.submit:hover, .navigation a:hover{

	background: #111;

	background: -moz-linear-gradient(top, #444444 0%, #0a0a0a 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#0a0a0a));

	background: -webkit-linear-gradient(top, #444444 0%,#0a0a0a 100%);

	background: -ms-linear-gradient(top, #444444 0%,#0a0a0a 100%);

	background: linear-gradient(top, #444444 0%,#0a0a0a 100%);

}



a.filter-btn span{

	display:block;

	background:url(images/filter-ic.png) no-repeat;

	background-position:90% 50%;

	padding:4px 16px 4px 8px;

}

a.filter-btn{

	background:#FFF;

	background:-webkit-gradient(

		linear,

		left bottom,

		left top,

		color-stop(0, rgb(233,233,233)),

		color-stop(1, rgb(255,255,255))

	);

	background:-moz-linear-gradient(

		center bottom,

		rgb(233,233,233) 0%,

		rgb(255,255,255) 100%

	);

	text-decoration:none;

	font-size:11px;

	text-transform:uppercase;

	color:#666;

	font-family:Verdana, Geneva, sans-serif;

	display:inline-block;

	margin-bottom:10px;

}

a.filter-btn:hover{

	-webkit-box-shadow:0 0 13px rgba(0,0,0,0.40);

	-moz-box-shadow:0 0 13px rgba(0,0,0,0.40);

	box-shadow:0 0 13px rgba(0,0,0,0.40);

}

/* =======================================================================

							Single Post Page

======================================================================= */

.entry{

	text-align: left;

	padding: 30px;

	font-size: 13px;

}



.post-media{

	text-align: center;

}

#page .post-media p{

	margin-bottom: 0;

}



.post-details{

	font-size: 11px;

}

.postmetadata{

	background: #e3e3e3;

	font-size: 11px;

	text-align: center;

	padding: 6px 10px;

	clear: both;

}

.postmetadata, .postmetadata a{

	color:#4b5054;

}

.postmetadata strong{

	margin-left: 20px;

}

.postmetadata strong:first-child{

	margin-left: 0;

}



.minimal-content .entry{

	padding:15px 0 0;

}



.minimal-content .category{

	font-size: 11px;

}



/* =======================================================================

							Comments

======================================================================= */

#comments{

	margin:0 30px;

}

.minimal-post #comments{ 

	margin-top: 30px;

}



#comments .navigation{

	margin:20px 0;

}



.author-avatar{

	line-height: 0.75;

	float: left;

	margin: 0 10px 0 0;

	width: 35px;

	height: 35px;

}



ol.commentlist{

	margin:0 0 30px;

}

ol.commentlist li{

	list-style: none;

	padding: 15px;

	margin: 0 0 15px 0;

	color: #6d747a;

	background: #f5f5f5;

	border: 1px solid #ccc;

}

ol.commentlist li.thread-alt{

	background: none;

}



ol.commentlist li h3#reply-title{

	margin-top:15px;

}



.no-comments #reply-title{

	display: none;

}



.comment-meta{

	margin-bottom:20px;

}

.author-name{

	font-size: 12px;

	font-weight: bold;

	display:block;

	color:#4b5054

}

.author-name a{

	color:#4b5054;

}

.comment-date, .reply a{

	color:#93979a; 

	font-size:11px;

}



.reply a{

	background:url(images/reply-ic.png) left no-repeat;

	padding:3px 0 3px 20px;

	display:inline-block;

}



ol.commentlist .children{

	margin-top:30px;

}



input, textarea{

	background:#fff;

	background:rgba(255,255,255,0.75);

	font-family:Arial, Helvetica, sans-serif;

	color:#777;

	padding:5px 10px;

	margin-top:2px;

}

input:focus{

	-webkit-box-shadow:0 -2px 3px rgba(0,0,0,0.1);

	-moz-box-shadow:0 -2px 3px rgba(0,0,0,0.1);

	box-shadow:0 -2px 3px rgba(0,0,0,0.1);

}

input[type=text],input[type=password], textarea{

	display:block; 

	border:1px solid  #c9c9c9;

	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);

	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);

	box-shadow:0 2px 3px rgba(0,0,0,0.1);

}

input[type=text],input[type=password]{

	width:310px;

	margin-bottom:10px;

}

input[type="password"]{

	width:200px;

}

input[type="submit"], input.submit{

	width:auto; 

	border:0 none;

}

	

textarea{ 

	width:485px; 

	padding:10px;

}

ol.commentlist li textarea{

	width:90%;

}

.form-allowed-tags{ 

	display: none;

}



label{

	font-size: 13px;

	font-weight: bold;

	display: inline-block;

	margin-bottom: 5px;

}

.dsq-postid{ 

	display:none;

}



/* =======================================================================

						      Gallery

======================================================================= */

.box-content.solo-gallery{

	padding:0 10px 10px 10px;

}



.gallery-thumbs{

	overflow: hidden;

}

.gallery-thumb{

	margin: 5px 10px 5px 0;

	display: block;

	float: left;

	width: 216px;

	position: relative;

}



.gallery-link-list{ 

	display: none;

}



.slider-container{ 

	position:relative;

	margin-bottom: 5px;

	overflow: hidden;

}

.slides_container {

	overflow:hidden;

	position:relative;

	text-align:center;

	width: 100%;

}

.slides_container a{

	display:block;

	text-align:center;

}



.slider{

	position:absolute;

	z-index:100;

}



/* Different slider dimensions based on box size */

.col1 .slider-container, .col1 .slides_container, .col1 .slides_container a{

	width: 145px;

	height: 96px;

}

.col2 .slider-container, .col2 .slides_container, .col2 .slides_container a{

	width: 320px;

	height: 212px;

}

.col3 .slider-container, .col3 .slides_container, .col3 .slides_container a{

	width: 495px;

	height: 330px;

}

.col4 .slider-container, .col4 .slides_container, .col4 .slides_container a{

	width: 670px;

	height: 446px;

}



.slider .next, .slider .prev{

	position:absolute;

	bottom:15px;

	display:block;

	width:28px;

	height:28px;

	z-index:10;

	opacity: 0.75;

}

.slider .next:hover, .slider .prev:hover{ opacity: 1; }

.slider .prev{ 

	left: 50%;

	margin-left: -33px;

}

.slider .next{ 

	right: 50%;

	margin-right: -33px;

}



.col1 .slider .next, .col1 .slider .prev{

	display: none;

}



.enlarge-ic{

	background:url(images/enlarge-mini-ic.png) no-repeat;

	width:28px;

	height:28px;

	position:absolute;

	bottom:15px;

	right:15px;

	text-indent:-9999px;

	display:block;

	z-index:10;

	opacity: 0;

}



.gallery-thumb:hover .enlarge-ic{ opacity: 1; }



/* =======================================================================

						      Sidebar

======================================================================= */

#sidebar{

	float:left;

	width: 310px;

	margin: 20px 0 0 20px;

}

.box-content #sidebar {

	float: none;

	margin: 0;

	width: auto;

}



#sidebar li{

	background:url(images/dotted-border.png) bottom repeat-x;

	padding:6px;

	margin:0;

	list-style:none;

}

#sidebar li:last-child{

	background:none;

}



#sidebar ul, .textwidget{

	margin:0 15px;

}

#sidebar ul ul{

	margin-left:0;

	padding-left:15px;

	background:url(images/dotted-border.png) top repeat-x;

}

#sidebar .widget ul:last-child{

	margin-bottom:0;

}



body.blog #sidebar input[type="text"], body.blog #sidebar input[type="email"], body.blog #sidebar textarea{

    width: 95%;

}

body.blog #sidebar #s{

    margin-left: 12px;

    width: 210px;

}



.widget{

	margin-bottom:15px;

}



.widget input[type="text"]:not(#s), .widget textarea{

    width: 92%;

}

/* ================================================================

							Widgets

================================================================ */



/* =============================

Related Posts and Cat. Posts

============================== */

#sidebar .rel-post-widget ul, #sidebar ul.cat-posts{

	margin: 0 10px;

}

#sidebar .rel-post-widget li, #sidebar ul.cat-posts li, .recent-posts li{ 

	padding: 10px 0;

}

.post-thumb{

	width:75px;

	padding:2px;

	float:left;

	background:#FFF;

	margin:0 10px 5px 0;

	line-height: 0.8;

}

.post-thumb img{ 

	max-width: 75px;

}

.no-excerpt{ 

	padding-top:25px;

}

.post-info p, #archives-page .box .post-info p{ 

	font-size:11px;

	margin-bottom: 0;

}



.widget ul h3, .widget .cat-post-item h3, .recent-posts h3{ 

	font-size:14px; 

	margin:0 0 5px; 

	padding:0; 

	border:0 none;

}

.widget ul h3 a, .widget .cat-post-item h3 a, .recent-posts h3 a{

	color:#4b5054;

}



/* =============================

		Twitter

============================== */

#twitter_update_list li{

	overflow:hidden;

}



/*

 * jTweetsAnywhere V1.0.1

 * http://thomasbillenstein.com/jTweetsAnywhere/

 *

 * Copyright 2010, Thomas Billenstein

 * Licensed under the MIT license.

 * http://thomasbillenstein.com/jTweetsAnywhere/license.txt

 */



#sidebar li.jta-tweet-list-item

{

	overflow: hidden;

	padding:6px 6px 6px 0;

}

.jta-tweet-profile-image

{

	width: 48px;

	display: inline;

	float: left;

	padding:3px;

	background:#FFF;

}



.jta-tweet-timestamp

{

    display: block;

    font-size: 11px;

    margin-top: 3px;

}

.jta-login-info-profile-image

{

	width: 48px;

	display: inline;

	float: left;

}



.jta-login-info-block, .jta-tweet-body-list-profile-image-present

{

	margin-left: 62px;

}

.jta-error

{

    color: #f00;

}



.jta-clear

{

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* =============================

		Ads

============================== */



.sidebar-ad{

	margin-right:10px;

	margin-bottom:7px;

}

.last-ad, .last{

	margin-right:0;

}



/* =============================

		Flickr

============================== */

.flickr_photos{

	overflow:hidden;

	margin-bottom:15px;

}

.flickr_badge_image{

	display:inline;

	float:left;

	clear:right;

	margin:0 0 10px 15px;

	background:#FFF;

	padding:4px;

}



.rss-date{

	color:#747c82;

	font-size:11px;

	margin-bottom:1.25em;

	display:block;

}



/* =============================

		Other Widgets

============================== */

#wp-calendar {

	width:100%;

}

#wp-calendar caption {

	font-weight: bold;

	color: #222;

	text-align: left;

	font-size:14px;

	padding-bottom: 4px;

}

#wp-calendar thead {

	font-size:11px;

}

#wp-calendar thead th {

}

#wp-calendar tbody {

	color: #aaa;

}

#wp-calendar tbody td {

	padding: 3px 0 2px;

	background: #f5f5f5;

	border:1px solid #fff;

	text-align: center;

}

#wp-calendar tbody .pad {

	background: none;

}

#wp-calendar tfoot #next {

	text-align: right;

}



/* =======================================================================

						  	Pages

======================================================================= */



.page-entry{ padding:20px; }



/* =======================================================================

						  	Archives Page

======================================================================= */

.recent-posts{

	list-style:none;

	margin:0;

	padding:0;

}

.recent-posts li{

	background:url(images/dotted-border.png) bottom repeat-x;

	padding:8px 0;

}



.recent-posts li:last-child{

	background: none;

	padding-bottom: 0;

}



/* =======================================================================

						  	Footer

======================================================================= */		

#footer{

	margin-top:60px;

	background:#FFF url(images/footer-gradient.png) top repeat-x;

	background:url(images/footer-gradient.png) top repeat-x, url(images/header-gradient.png) bottom repeat-x #FFF;

	border-bottom:1px solid #fff;

	padding: 30px 0;

	color:#999;

	clear:both;

}

#footer p{

	margin-bottom:0;

}



/* =======================================================================

						  		WordPress Specific

======================================================================= */

.alignleft,

.post img.alignleft {

	display: inline;

	float: left;

	margin-right: 20px;

	margin-top: 4px;

}

.alignright,

.post img.alignright {

	display: inline;

	float: right;

	clear:right;

	margin-left: 20px;

	margin-top: 4px;

}

#footer .alignright{

    margin-top: 0;

}

.aligncenter,

.post img.aligncenter {

	text-align:center;

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.post img.alignleft, 

.post img.alignright, 

.post img.aligncenter {

	margin-bottom: 20px;

}

.post .wp-caption {

	line-height: 1.5;

	font-size:11px;

	text-align: center;

	margin-bottom: 20px;

	padding: 5px;

	background:#f0f0f0 url(images/white-noise.png) repeat;

	-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,0.12);

	-moz-box-shadow:-1px -1px 0 rgba(0,0,0,0.12);

	box-shadow:-1px -1px 0 rgba(0,0,0,0.12);

}

.post .wp-caption img {

	margin: 5px;

}

#page .wp-caption p, #full-page {

	margin-bottom:0;

}

#single .post .wp-caption p.wp-caption-text {

	margin: 5px;

	font-size: 11px;

}

.post .wp-smiley {

	margin:0;

}

.post .gallery {

	margin: auto;

}

.post .gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.post .gallery img {

	border: 2px solid #cfcfcf;

}

.post .gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.post .gallery dl {

	margin: 0;

}

.post .gallery img {

	border: 2px solid #f1f1f1;

}

.post .gallery br+br {

	display: none;

}

.page-link {

	color: #000;

	font-weight:bold;

	margin:0 0 22px 0;

	word-spacing:0.5em;

}

.page-link a:link,

.page-link a:visited {

	background: #f1f1f1;

	color:#333;

	font-weight:normal;

	padding:0.5em 0.75em;

	text-decoration:none;

}

.page-link a:active,

.page-link a:hover {

	color: #D27E1C;

}

#post-image{

	text-align:center;

}

#post-image img{

	margin-bottom:28px;

	-moz-border-radius:7px;

	border-radius:7px;

}



.navigation{

	padding-left:10px;

	margin: auto;

}

.navigation a{

	padding:5px 10px;

}

#nav-above{

	margin-bottom:15px;

}

#nav-below{	

	margin-top:20px;

}

.nav-previous{

	float:left;

	clear:right;

	margin-right:20px;

}

.nav-next{

	float:right;

	clear:right;

	margin-right:20px;

}

#comments .nav-next{

	margin-right:0;

}



#s{ /* This keeps the search inputs in line */

	float:left;

	clear:left;

	width:210px;

}

#searchsubmit{

	float:left; 

	clear:right; 

	margin-left:10px;

}

#searchform{

	margin-bottom:15px;

	overflow:hidden;

}



/* Infinite Scroll Compatibility */



#infscr-loading {

  position: fixed;

  bottom: 30px;

  left: 42%;

  z-index: 100;

  background: white;

  background: hsla( 0, 0%, 100%, 0.9 );

  padding: 20px;

  color: #222;

  font-size: 15px;

  font-weight: bold;

  -webkit-border-radius: 10px;

     -moz-border-radius: 10px;

          border-radius: 10px;

}



/* =======================================================================

						  	Common Styles

======================================================================= */

.box, .menu li a, #header h1 a, a.filter-btn, input, .slider .next, .slider .prev{

	-webkit-transition: all 200ms ease;

	-moz-transition: all 200ms ease; 

	transition: all 200ms ease;

}

#logo, .flickr_badge_image, .jta-tweet-profile-image, .enlarge-ic, .feat-img, .actions, .wrap, #filtering-nav{

	-webkit-transition: all 300ms ease; 

	-moz-transition: all 300ms ease; 

	transition: all 300ms ease;

}

a.view, a.share, a.comment, .share-icons, ol.commentlist li{

	-moz-border-radius:8px;

	-webkit-border-radius: 8px;

	border-radius:8px;

}

#social-networks, a.filter-btn, #filtering-nav li a, input, textarea, .navigation a, .postmetadata, .author-avatar img, .slider-container, .gallery-thumb img, .feat-img{

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}

a.filter-btn, #filtering-nav li a, .share-icons, .navigation a{

	-webkit-box-shadow:0 1px 0 #FFF;

	-moz-box-shadow:0 1px 0 #FFF;

	box-shadow:0 1px 0 #FFF;

}



.flickr_badge_image, .jta-tweet-profile-image, .box-content, .post-thumb{

	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.15);

	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.15);

	box-shadow:0px 0px 3px rgba(0,0,0,0.15);

}



.box:hover .box-content, .flickr_badge_image:hover, .jta-tweet-profile-image:hover{

	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4);

	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4);

	box-shadow:0px 0px 4px rgba(0,0,0,0.4);

}



a.filter-btn, a.comment span{

	text-shadow:0 1px #FFF;

}



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

	#sidebar{

		width: 240px;

	}

	.wrap{

	   width: 940px;

	}

}



/* iPad */

@media screen and (max-width: 768px) and (orientation:portrait) {

    

    /* ********************************

				Header 

	******************************** */

	#header{

		padding: 20px;

	}

	

	#header .wrap, #footer .wrap{

	   min-width: 0;

	   width: 95% !important;;

	}

	

	body.page-template-template-timeline-php .wrap, body.page-template-template-timeline-php .isotope, .month-header{

	   width: auto !important;

	}

	

	body.blog .wrap, #filtering-nav, body.blog .navigation, .isotope{

        min-width: 0;

    }

	

	#site-info{

		margin-bottom: 15px;

		margin-top: 0 !important;

		margin-right: 0;

		float: none;

		text-align: center;

	}

	

	#logo a{

		margin: 0;

	}

	

	.header-nav select{

		display: block;

        width: 95%;

        max-width: 400px;

		margin: 0 auto 15px;

		margin-bottom: 15px;

	}

	

	.header-nav ul{

		display: none;

	}

		

	#social-networks{

		float: none;

		width: 95%;

		margin: auto !important;

		text-align: center;

		background: none !important;

		-webkit-box-shadow: none !important;

		-moz-box-shadow: none !important;

		box-shadow: none !important;

	}

    

    .wrap{

        width: 99%;

    }

    

	#page{

		width: 480px;

		margin-left: 10px;

	}

	

	.content .box-content{

		width: 460px;

	}

	

	#s{

	   width: 145px;

	}

	

	textarea{

	   width: 93%;

	}

}



/* Small Screens */

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

    

	#page, #site-info, .header-nav select, #sidebar, #full-page, #archives-page .col2, .isotope-item, .wrap{

		width: 95%;

		margin: auto;

	}

	

	/* ********************************

				Gallery Posts 

	******************************** */

	

	#grid{

		padding: 0;

	}

	

	.sort{

	   width: 96% !important;

	   margin: auto;

	}

	

	.sort .box{

	   width: 100% !important;

	   margin: 10px 0;

	   padding-bottom: 10px;

	   float: none;

	}

	

	.sort .box.col1{

	   width: 155px !important;

	   margin: auto;

	}

	

	.timeline .sort .box.col1{

        float: left;

        margin: 0 10px;

	}

	

	.timeline .sort{

	   overflow: hidden;

	}

	

	.timeline  .month-header{

	   text-align: center;

	}

	

	#gallery-sidebar{

		display: none;

		height: 0;

		overflow: hidden;

		margin-top: -20px;

	}

	

	#archives-page #grid{

		padding: 0 10px;

	}

	

	.col2, .col3, .col5{

		width: 95%;

	}

	

  	.col2 .box-content, 

  	.col3 .box-content, 

  	.col4 .box-content, 

  	.content .box-content,

  	#archives-page .box-content{

		width: 95%;

		margin: auto;

		float: none;

	}

	

	iframe{

		height: 200px;

	}

	

	.col2 .slider-container, .col2 .slides_container, .col2 .slides_container a,

	.col3 .slider-container, .col3 .slides_container, .col3 .slides_container a,

	.col4 .slider-container, .col4 .slides_container, .col4 .slides_container a{

		width: 280px;

		height: 212px;

		margin: auto;

		background: none;

	}

	

	.col2 .slider-container img, .col3 .slider-container img, .col4 .slider-container img{

		height: auto !important;

		width: auto !important;

		max-width: 95%;

		max-height: 100%;

		margin: auto !important;

	}

	

	.img-container{

		background: none;

	}

	

	.img-container img{

		width: 100%;

	}

	

	.img-container:hover .actions{

		display: none;

		opacity: 0;

	}

	

	.img-container:hover a img.feat-img{

		opacity: 1;

	}

	

	/* ********************************

			Single Post / Pages 

	******************************** */

	

	#page, #sidebar{

		float: none;

	}

	

	#sidebar{

		margin-top: 30px;

		width: 90%;

	}

	

	.entry{

		padding: 10px;

	}

	

	.gallery-thumb{

		width: 108px;

	}

	

	.gallery-thumb img{

		height: auto !important;

	}

	

	.postmetadata{ 

		margin-bottom: 20px;

	}

	

	#comments{

		margin: 0 10px;

	}

	

	input[type="text"], textarea{

		width: 90%;

	}

	

	#footer{

		margin-top: 20px;

		padding: 15px 0;

	}

	

	#footer .alignright{

		float: none;

		display: block;

		margin: 10px 0 0;

	}


}