/*

Theme Name: Shaken Grid

Version: 1.0

Description: A simple theme that automatically organizes your content into a fluid grid.

Author: Sawyer Hollenshead

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;

	}



	body{

		background: #fff;

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

		font-size:11px;

		color: #666;

	}



h3.widget-title {

	font-size: 18px;





}

	li.widget_categories h3.widget-title {

		padding-bottom:10px;

	}

	.clearfix{

		clear:both;

	}





/* ----------------------------------------------------

		2 - Typography

---------------------------------------------------- */
sup {
position: relative;
top: -3px;
vertical-align: top;
font-size: 90%;
}

a, a.more-link p{

	color:#d10b72;

}
.uppercase{
text-transform:uppercase;
}
#sort{

margin-left:-10px;

}

#sort .box{

margin:10px;

}




#header h1 a,

.menu li a,

#page h2,

#page h3{

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

}



#header h1 a{

	font-weight:normal;

	font-size:30px;

	text-transform:lowercase;

	color:#333;

	margin:0;

	letter-spacing:0px;

	word-spacing:7px;

	text-decoration:none;

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

	-moz-text-shadow:2px 2px 1px rgba(0,0,0,0.13);

}

	/*#header h1 a:hover{

		color:#00657e;

	}*/

#page div.single-col div.test-box{
	width: 45%;
	float: left;
	border: 1px solid rgb(204, 204, 204);
	padding-top: 15px;
	margin-left: 18px;
}
#page h2{
	font-size:16px;
	letter-spacing:0px;
	margin-bottom:20px;
	font-weight:normal;
	text-transform:uppercase;
	color:#666;

	text-shadow:1px 1px 2px rgba(0,0,0,0.13);
	-moz-text-shadow:1px 1px 2px rgba(0,0,0,0.13);
}

body.page-id-6 #page h2{
	font-size:14px;
	text-transform:uppercase;
	color:#777;
	margin-bottom:5px;
}

body.page-id-6 #page p{
	padding:0px;
	margin:0px;
}
body.page-id-6 #page .box{
	margin:0px 10px 10px 0px;
	height:448px;
}

body.page-id-19 .single-col{
	border:none;
}




.box h2, #page .box h2{
	font-size:14px;
	text-transform:uppercase;
	color:#777;
	margin-bottom:5px;
}

/* My Comment */



#header h3{

	font-weight:normal;

	font-size:12px;

	text-transform:uppercase;

	color:#999;

	margin-top:-5px;

}
#clients .box {
height:300px;
margin:0 20px 20px 0;
min-height:0;
}

/*#page 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);

}*/
#page h3{
	text-transform: uppercase;

	font-size:14px;

	font-weight:normal;

	margin-bottom:15px;

	color:#666;

}

h4, h5{

	margin-bottom:15px;

	color:#eee;

}

h4{

	font-size:18px;

}

h5{

	font-size:16px;

}

body.single-post #sidebar,

body.attachment #sidebar{

	display: none;

}



body.single-post img.attachment-post-thumbnail{

	float:right;

	clear:right;

}



li#categories-2 li.cat-item-21{

	display:none;

}



div.category-publications h3{



	font-size:14px;

	text-transform:uppercase;

	color:#777;

	margin-bottom:5px;



}

.box a{
	color: #999;
	text-decoration: underline;
	font-size: 10px;
}



body.single-post div.wide-col,
body.attachment div.wide-col{
	width: 757px;
	margin:0 0 0 50px;
	float: none;
}



.box p, .box ul{

	font-size:11px;

	line-height:16px;

	color:#777;

	margin-bottom:10px;

	}

	.box ul li{

		margin-bottom:0px;

		margin-left:5px;

	}







#site-info {

	color: #666;

	margin: 28px 0px 0px 10px;;;



}

#site-info a {

	color: #666;

}

body.page-id-15 #page div.single-col p {
	margin:3px;
}

#page p {
color:#666666;
font-size:12px;
line-height:18px;
margin:5px 0 2px;
}

body.page-id-4  #page p{
	margin:0 auto;
}

select {
background-color: #fff;
border: 1px solid #7F9DB9;
color: #d10b72;
height: 22px;
font-size: 10px;
margin: 0px;
padding: 4px 1px 0px 2px;
}

body.page-id-6 #page p {
	/*width: 340px;*/

padding:10px 10px 10 10px;

}
body.page-id-6 #page .single-col, body.page-id-10 #page .single-col{
	/*width: auto;*/width:100%;

}
body.page-id-6 #page, body.page-id-10 #page{
	width: auto;

}
body.page-id-10 #page div.single-col div.text-box {
	height: 230px;
	width:370px;
}
body.page-id-15 #page div.single-col div.text-box {
border:medium none;
margin:0 80px 0 0;
width:350px;
}
body.page-id-4 #page div.single-col div.text-box{
	height: auto;
	padding-bottom:25px ;
	margin: 0px 0px 0px 100px;
	width:570px;
	float: none;
border:none;
}

.gradient_div{
        /* webkit example */
        background-image: -webkit-gradient(
          linear, right top, left top, from(#000),
          to(#94b6b6)
        );

        /* mozilla example - FF3.6+ */
        background-image: -moz-linear-gradient(
          right center,
         #000 20%, #94b6b6 95%
        );

        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=#000, endColorStr=#94b6b6
        );

        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=#000, endColoStr=#94b6b6
        );
    }


body.page-id-17 #page div.single-col{
	border: 1px solid rgb(204, 204, 204);
}
#page div.single-col div.text-box {
	width:370px;

	float: left;
	border: 1px solid rgb(204, 204, 204);
	padding-top: 15px;
	margin:10px 54px 10px 0px;
}

#page p.statement {

margin:0 auto;
font-size:36px;
color:#fff;

}

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

}
div#clients ul {
color:#666666;
font-size:11px;
line-height:18px;
list-style:none outside none;
padding:0px;
}
div#clients ul li {
margin-bottom:10px;
margin-left:2px;
margin-top:-5px;
}

ul{
	margin-left:0px;
}
	ul li{
		margin-bottom:15px;
	}
	#sidebar ul{
		list-style:none;
		margin-left:0;
	}
	.widget, #sidebar ul{
		margin-bottom:0px;
	}
	ul li.cat-item{
		margin-bottom:10px;
		margin-left:5px;
	}
	ul li.cat-item ul.children li.cat-item{
		margin-bottom:0px;
		margin-left:25px;
	}
ul li#categories-2 ul li.current-cat a{
	color:#333;
}

/* ----------------------------------------------------

		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:50px;
}
#page{
margin:0;
width: 950px;
}
.wrap{
	width: 100%;
}
option:checked{
	color:#D10B72;
}
select option.level-0 {
color:#222222;
margin-bottom:1px;
margin-top:5px;
text-transform:uppercase;
}
select > option.level-2 {color:#999999;font-size:9px;}
/*body.page-id-6 div.box{
	min-height:215px;
	height:300px;
	width:29%;
	margin-right:5px;
	margin-bottom:5px;
}*/
body.page-id-15 .box {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid rgba(0, 0, 0, 0.15);
float:left;
height:460px;
margin:10px;
min-height:325px;
overflow:hidden;
padding:15px;
position:relative;
width:310px;
}
body.page-id-15 img.alignright {
	margin:20px 20px 20px;
	width:120px;
}
.box{
	background:#FFF;
	margin-bottom:10px;
	padding:10px;
	width:310px;
	float:left;
	border:1px solid rgba(0,0,0,0.15);
	overflow:hidden;
	position:relative;
	min-height:425px;
	height: 430px;
}


.blogbox{
	background:#FFF;
	margin-bottom:10px;
	padding:10px;
	width:910px;
	float:left;
	border:1px solid rgba(0,0,0,0.15);
	overflow:hidden;
	position:relative;
	min-height:0px;
	height: auto !important;}




body.page-id-13 .box {
	height:375px;
	min-height:315px;
	width:280px;
}
body.page-id-13 .box img {
height:auto;
width:280px;
padding-bottom:20px;
}
body.page-id-15 .box img {
height:auto;
padding-bottom:20px;
padding-left:90px;
width:120px;
}

	.box img {
		height:220px;
		margin-bottom:5px;
		width:310px;
		z-index:0;
	}
	body .page-template-category-21-php .box img {
		margin:5px auto;
		width:200px;
		height:auto;
		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 {
background:none repeat scroll 0 0 #FFFFFF;
margin:0 50px;
padding:15px 0px;
width:820px;
}

#header a #c2 {
background:url("images/logo_orange.gif") no-repeat scroll left center transparent;
float:left;
height:70px;
margin:13px 0 0 0px;
width:70px;

}
#header a #c2:hover {
opacity: .8;

}

	#site-info, .menu{
		display:inline;
		float:left;
	}
h1#logo a{
	color: #666;
}
	/*.menu{
		list-style:none;
		padding:0;
		margin:20px 0 0 0px;
	}*/
.menu {
	list-style:none outside none;
	margin:0 auto;
	padding:15px 0 0;
	width:800px;
}
		.menu li{
			display:inline;
			float:left;
			font-size:16px;
			text-transform:uppercase;
			margin-left:25px;
			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, #header .menu li.current_page_item a{
				color:#333333;
				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:11px;
				font-family:Arial, Helvetica, sans-serif;
			}
			.menu li ul li{
				display:block;
				clear:both;
				margin:0 0 10px 0;
				line-height:12px;
			}
	.wide-col{
		padding:20px;
		background:#FFF;
		float:left;
		clear:right;
		width:550px;
		border:1px solid rgba(0,0,0,0.15);
	}

	.single-col{
		padding:20px 0px;
		background:#FFF;
		margin:0 0 0 50px;
		width:799px;

		/*border:1px solid #CCCCCC;*/
	}

	.narrow-col{
		padding:20px;
		background:#FFF;
		float:right;
		clear:right;
		width:300px;
		-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 {
	background:none repeat scroll 0 0 #FFFFFF;
	border-bottom:medium none;
	border-top:medium none;
	clear:both;
	color:#999999;
	margin-top:0px;
	padding:0px 20px 0px 50px;
}
li#categories-2 ul li a{
	text-decoration:none;
	color:#999;
	border-bottom:1px solid #FFF;
	font-size:16px;
}

li#categories-2 ul li a:hover{
	color:#333;
}

/* ----------------------------------------------------

		4 - Wordpress

---------------------------------------------------- */

.alignleft{
		float:left;
		clear:left;
	}
	img.alignleft, .alignleft img{
		margin:0 25px 5px 0;
	}
.alignright{
	float:right;
	clear:right;
}
	img.alignright, .alignright img{
		margin:0 0 5px 25px;
	}
.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 { /* This keeps the search inputs in line */
	width: 60%;
	border:1px solid #999;
	padding:3px 5px;
}
#searchform{
	margin-bottom:40px;
}
ul.tabs {
	border-bottom:medium none;
	height:30px;
	list-style:none outside none;
	margin:0;
	padding:0 5px 0 35px;
}
ul.tabs li {
	color:#666666;
	float:left;

	margin:0 15px 10px 0;
	position:relative;
}


ul.tabs li a {
	border:medium none;
	display:block;
	font-size:18px;
	height:26px;
	line-height:26px;
	outline:medium none;
	text-decoration:none;
	text-transform:uppercase;
}



.tab_container{
	margin:15px 25px 20px 35px;
	padding:0px;
	margin-left: 35px;
}
#page .tab_container h2.acc_trigger{
	border-bottom: none;
	padding: 0px;
	margin-bottom:0px;
	margin:0px;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
}
#page .tab_container h3, #page .tab_container h3.acc_trigger a:link{

	margin-bottom:5px;
	font-size: 22px;
	color:#999;
	}

#page .tab_container p {
	color:#666666;
	font-size:11px;
	line-height:18px;
	margin-bottom:10px;

}
.tab_container ul{
	margin:20px;
	list-style:none inside none;
}
body.single-post a[rel="category tag"]{
	color:#c1c1c1;
	font-size:9px;
}
ul.tabs li.active{
	border-bottom:1px solid #ccc;
}

body.home #page div.single-col {
	background:url(http://curatorsquared.com/wp-content/uploads/2010/11/blown-away-pic-horiz.jpg) no-repeat left 30px transparent;
	height:635px;
	width:900px;
}



/* SOCIAL ICONS */

#social {

position: relative;
float:right;
top: 2px;
right: 15px;
display: block;

}

#social li{display:inline-block;list-style:none;background:#fff}

a.facebook, a.twitter, a.instagram{
    display:inline-block;
    width: 35px;
    height: 35px;
}

a.facebook {
    background: url(images/social/facebook.gif) no-repeat;
}

a.facebook:hover {
   background: url(images/social/facebook-on.gif) no-repeat;}



a.twitter {
    background: url(images/social/twitter.gif) no-repeat;
}

a.twitter:hover {
   background: url(images/social/twitter-on.gif) no-repeat;}



  a.instagram {
    background: url(images/social/instagram.gif) no-repeat;
 }

  a.instagram:hover {
    background: url(images/social/instagram-on.gif) no-repeat;
 }

.mc4wp-form {
width: 380px;
}


.mc4wp-form input {
background:#fff;
width: 100px;
border:1px solid #ccc;
}


 .mc4wp-form input[type="submit"]
{
    border:1px solid #ccc !important;
    text-decoration:none !important;
    font-family:helvetica !important;
	background:#CCC;
    color:#ff6334 !important;

}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
    display: none!important;
}