/*
Theme Name: Shaken Grid
Version: 3.1.0
Description:
Author: Shaken & Stirred Web
Author URI: http://shakenandstirredweb.com/
*/

/* ----------------------------------------------------
		1 - Reset
---------------------------------------------------- */

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, a, b, i,
	dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td 
	{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
	html, body {margin:0; padding:0; height:100%; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:12px;	}
	
	.clearfix{ clear:both; }
	
/* ----------------------------------------------------
		2 - Typography
---------------------------------------------------- */
a { color:#5096cb; }
#header h1 a, .menu li a, #page h2, #page h3, h3{ font-family:'Trebuchet MS', Helvetica, sans-serif }

#header h1 a{ font-size: 30px; color:#333; display:block; margin: 10px 0; text-decoration:none; text-shadow:2px 2px 1px rgba(0,0,0,0.13); }
	.wf-active #header h1 a{	font-weight:normal;	font-size:48px;	text-transform:uppercase; letter-spacing:1px; word-spacing:5px;	margin:0; }
	#header h1 a:hover{	color:#00657e; }
	
#page h2{ font-size:30px;	letter-spacing:1px;	margin-bottom:20px;	font-weight:normal; text-transform:uppercase; color:#666; border-bottom:1px solid #eee; text-shadow:1px 1px 2px rgba(0,0,0,0.13); -moz-text-shadow:1px 1px 2px rgba(0,0,0,0.13); }
.box h2{	font-size:14px;	text-transform:uppercase; color:#777; margin-bottom:5px; }
.first h2 { font-size:18px !important;  }
#header h3{ font-weight:normal; font-size:14px; text-transform:uppercase; color:#999; margin-top:-5px; }
#page h3, h3{ font-size:24px; font-weight:normal; margin-bottom:15px; color:#666; border-bottom:1px solid #eee; text-shadow:1px 1px 2px rgba(0,0,0,0.13);  -moz-text-shadow:1px 1px 2px rgba(0,0,0,0.13); }
h4, h5{ margin-bottom:15px; color:#eee; }
h4{ font-size:18px; }
h5{ font-size:16px;}

.box p, .box ul{ font-size:15px; line-height:20px; color:#777; margin-bottom:16px; }
	.box ul li{ margin-bottom:5px; margin-left:5px; }
	
	.first p { font-size:15px !important; line-height: 20px !important;}
#page p{
	margin-bottom:8px;
	line-height:18px;
	font-size: 14px;
}

#page p strong{
	font-size: 15px;
}

#footer p{
	font-size:11px;
	padding: 20px 20px 0px 20px;
}

ul{
	margin-left:20px;
}
	ul li{
		margin-bottom:15px;
	}
	#sidebar ul{
		list-style:none;
		margin-left:0;
	}

	.widget, .widget-container, #sidebar ul{
		margin-bottom:20px !important;
		line-height: 30px;
	}
/* ----------------------------------------------------
		3 - Layout
---------------------------------------------------- */
.box, .menu li a, #header h1 a, .navigation a{
	-webkit-transition: all 200ms linear; /*safari and chrome */
	-moz-transition: all 200ms linear; /* firefox */
	-o-transition: all 200ms linear; /* opera */
	transition: all 200ms linear;
}
#grid{ padding-left:30px;}

#page{ width:100%; }

#body-wrap { min-height:100%; position:relative; } 

.wrap{ width: 100%; padding-bottom:70px; }
.center { max-width: 960px; margin: 0 auto; padding-bottom:70px; }

.box{ background:#FFF; margin-bottom:10px; padding:10px; width:310px; float:left; clear:both; overflow:hidden;	position:relative;
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
	.box img{ margin-bottom:10px; z-index:0;	}
	.box:hover{	box-shadow:0px 0px 3px rgba(0,0,0,0.5);	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5); }
	span.view-large{	position:absolute;	display:block;	background:url(images/bigger.png) no-repeat center rgb(0,0,0);	background:url(images/bigger.png) no-repeat center rgba(0,0,0,0.8);
		width:40px;	height:40px;border-radius:0 0 0 10px;	-webkit-border-radius:0 0 0 10px;	-moz-border-radius:0 0 0 10px;	top:10px; right:10px; z-index:10; }

#header{ margin-bottom:30px; background:#FFF; padding:20px 20px 20px 40px; border-bottom:1px solid rgba(0,0,0,0.15); }
	#site-info, .menu{	display:inline;	float:left;	}
	.menu{	list-style:none;	padding:0;	margin:20px 0 0 40px; }
		.menu li{	display:inline;	float:left;	font-size:22px;	text-transform:uppercase; margin-left:40px;	position:relative;	}
		.menu li:first-child{margin-left:0;}
			.menu li a{text-decoration:none; color:#999; border-bottom:1px solid #FFF; }
			.menu li a:hover, .menu li.current-menu-item a{	color:#333;	text-shadow:2px 2px 1px rgba(0,0,0,0.13); -moz-text-shadow:2px 2px 1px rgba(0,0,0,0.13);}
		.menu li ul{
			margin:0;
			position:absolute;
			top:25px;
			left:-10px;
			width:150px;
			background:#FFF;
			padding:10px;
			z-index:20;
			display:none;
			-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
			-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
			box-shadow:1px 1px 3px rgba(0,0,0,0.2);
		}
		.menu li:hover ul{
			display:block;
		}
			.menu li ul li a{
				font-size:13px;
				font-family:'Trebuchet MS', Helvetica, sans-serif;
			}
			.menu li ul li{
				display:block;
				clear:both;
				margin:0 0 10px 0;
				line-height:12px;
			}
	.col, .wide-col{
		padding:20px;
		background:#FFF;
		float:left;
		clear:right;
		-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
		-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
		box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	}
	.col{
	width:550px;
	}
	.wide-col{
		width:100%;
	}
	.narrow-col{
		padding:20px;
		background:#FFF;
		float:right;
		clear:right;
		width:250px;
		-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
		-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
		box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	}
			
#footer{
	width: 100%;
	margin-top:40px;
	position:absolute;
	bottom: 0px;
	background:#FFF;
	border-top:1px solid rgba(0,0,0,0.15);
	border-bottom:1px solid rgba(0,0,0,0.15);
	color:#999;
}


/* ----------------------------------------------------
		4 - Wordpress
---------------------------------------------------- */
.alignleft{
		float:left;
		clear:left;
	}
	img.alignleft, .alignleft img{
		margin:0 25px 5px 0;
		border: 10px solid #fff; 
	}
.alignright{
	float:right;
	clear:right;
}
	img.photo, .photo img{
		margin:0 0 5px 20px; border: 10px solid #fff; overflow: hidden;	-webkit-box-shadow: 1px 1px 2px 1px #bbb; box-shadow: 1px 1px 2px 1px #bbb;
	}
.size-medium {
	width:280px;
}

.aligncenter{
	margin:auto;
	clear:both;
	text-align:center;
}
.alignnone{
	float:none;
	clear:both;
	display:block;
}

.navigation{
	margin-left:10px;
	overflow:hidden;
}
	.navigation a{
		background:#FFF;
		border:1px solid rgba(0,0,0,0.1);
		border-radius:10px;
		padding:5px 10px;
		display:inline-block;
		text-decoration:none;
	}
		.navigation a:hover{
			background:#5096cb;
			color:#FFF;
		}
	#nav-above{
		margin-bottom:20px;
	}
	#nav-below{
		margin-top:20px;
	}
	.nav-previous, .nav-next{
		float:left;
		clear:right;
		margin-right:20px;
	}
#s, input, textarea { /* This keeps the search inputs in line */
	border:1px solid #999;
	padding:3px 5px;
}
	#s{width:60%;}
#searchform{
	margin-bottom:40px;
}

#topSearch {
	position:absolute;
	right:50px;
	top:40px;
}

#donate {
	position:absolute;
	right:50px;
	top:0px;
}

/* Top Search */

#topSearch input[type="text"] {
	width:220px;
	background:#fff url(images/ico_search.png) 94% 50% no-repeat;
	padding:7px 10px 7px;
	font-style:italic;
	border:none;
	font-family:'Trebuchet MS', Helvetica, sans-serif
	font-size:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-moz-box-shadow: inset 1px 1px 2px #bbb;
	-webkit-box-shadow: inset 1px 1px 2px #bbb;
	box-shadow: inset 1px 1px 2px 1px #bbb;
	color:#999;
}

#topSearch input[type="text"]:focus {
	outline:none;
}

a.more-link p, .button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
a.more-link p, .button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
a.more-link p, .button:active {
	position:relative;
	top:1px;
}