/*
Theme Name: SamAndShish 
Version: 3.1.0
Description: Custom theme Built for SamAndShish Website 2012
Author: Sanjit & Ashish
Author URI: http://mrpatel.com/
*/

/* ----------------------------------------------------
		1 - Reset
---------------------------------------------------- */
@font-face {
	font-family: 'Dosis-Regular';
	src: url('font/DosisRegular/Dosis-Regular.eot');
	src: local('☺'), url('font/DosisRegular/Dosis-Regular.woff') format('woff'), url('font/DosisRegular/Dosis-Regular.ttf') format('truetype'), url('font/DosisRegular/Dosis-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DaysOne';
	src: url('font/DaysOne/DaysOne-Regular.eot');
	src: local('☺'), url('font/DaysOne/DaysOne-Regular.woff') format('woff'), url('font/DaysOne/DaysOne-Regular.ttf') format('truetype'), url('font/DaysOne/DaysOne-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rokkitt-Bold';
	src: url('font/Rokkitt-Bold/Rokkitt-Bold.eot');
	src: local('☺'), url('font/Rokkitt-Bold/Rokkitt-Bold.woff') format('woff'), url('font/Rokkitt-Bold/Rokkitt-Bold.ttf') format('truetype'), url('font/Rokkitt-Bold/Rokkitt-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Rokkitt-Regular';
	src: url('font/Rokkitt-Regular/Rokkitt-Bold.eot');
	src: local('☺'), url('font/Rokkitt-Regular/Rokkitt-Regular.woff') format('woff'), url('font/Rokkitt-Regular/Rokkitt-Regular.ttf') format('truetype'), url('font/Rokkitt-Regular/Rokkitt-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

	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:#f3f3f3;
		font-family:Arial, sans-serif;
		font-size:12px;
	}
	
	.clearfix{
		clear:both;
	}


/* ----------------------------------------------------
		2 - Typography
---------------------------------------------------- */
a{color:#666}
a.more-link p{
	color:#fff;
}
a{ text-decoration:none}
.tags a,.box p{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px;}
.tags a:hover,.red{ color:#ff0000}
#header{ z-index:999}

#header h1 a,
.menu li a,
#page h2,
#page h3{
	font-family:'Rokkitt-Bold', Arial, Helvetica, sans-serif;
}

#header h1 a{
	font-size: 35px;
	color:#333;
	display:block;
	margin:0;
	text-decoration:none;
	
}
h1#logo a{ font-size:30px;

}
	.wf-active #header h1 a{
		
	}
	#wpadminbar{ display:none !important}
	#header h1 a:hover{
		
	}
#header .nav{ float:right; clear:both}	

.box h2{
	font-size:21px;
	line-height:22px;
	font-weight:normal;
	font-family:"Dosis-Regular";
}

#header h3{
	float:left;
	font-weight:normal;
	font-size:28px;
	text-transform:uppercase;
	color:#000;
	font-family:"Dosis-Regular";
}
#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);
}
h4, h5{
	margin-bottom:15px;
	color:#eee;
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
}

 .box ul{
	font-size:11px;
	line-height:12px;
	color:#777;
	margin-bottom:10px;
}
	.box ul li{
		margin-left:5px;
	}
#page p{
	margin-bottom:20px;
	line-height:18px;
}
#footer p{
	font-size:11px;
}

ul{
	margin-left:20px;
}
	ul li{
	}
	#sidebar ul{
		list-style:none;
		margin-left:0;
	}
	.widget, #sidebar ul{
		margin-bottom:40px;
	}
	
/* ----------------------------------------------------
		3 - Layout
---------------------------------------------------- */
.box, .menu li a, #header h1 a, .navigation a{

}
#grid{
	padding-left:0px;
	
}
#page{
	width:1240px;
	margin:auto;
}
.wrap{
	width:1260px;
	margin:auto;
}

.box{
	display:none;
	margin-bottom:10px;
	padding:0;
	margin:10px;
	max-width:610px;
	width:auto;
	float:left;
	overflow:hidden;
	position:relative;
}
.box .thumb_link{float:left} 
	.box img{
		
		z-index:3;
		max-width:100%;
		height:auto;
	}
	.box:hover{
		
	}
	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;*/
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0);
		opacity:0.80;
		color:#fff;
		z-index:10;
	}
#header{	
	margin:auto;
	width:1240px;
	margin:10px auto 10px auto;
	padding:0;
	line-height:50px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	
	

}
.header_wrap{ z-index:999;background:#F3F3F3;}
	#site-info, .menu{
		display:inline;
		float:left;
		margin-right:40px;
		
	}
	#header-right{
		float:right;
		}
	.menu{
		float:right;
		list-style:none;
		padding:0;
		margin:0 0 0 0;
		clear:right;
	}
		.menu li{
			padding-left:25px;
			display:inline;
			float:left;
			font-size:19px;
			margin-left:5px;
			position:relative;
			color:#666666;
		}
		.menu li:before {
   			content: "";
		}
		.menu li:first-child:before {
   			content: "";
		}
		.menu li:first-child{margin-left:0;}
			.menu li a{
				text-decoration:none;
				color:#666666;
			}
			.menu li a:hover, .menu li.current-menu-item a{
				color:#000;
				
			}
		.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:12px;
				font-family:Arial, Helvetica, sans-serif;
			}
			.menu li ul li{
				display:block;
				clear:both;
				margin:0 0 10px 0;
				line-height:12px;
			}
	.wide-col{
		
		float:left;
		clear:right;
		
	}
	
.wrap_footer{
	margin: auto;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index:999;
background:inherit;
	}			
#footer{
	font-size:17px;
	margin:5px auto 15px auto;
	width:1240px;
	line-height:36px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:36px;
	color:#666;
	clear:both;
	font-family:"Dosis-Regular";
}
#footer a{font-family:"Dosis-Regular";}
.footerleft,.footerright{ width:45%;}
.footerleft{ float:left}
.footerright{ float:right; text-align:right}
#footer strong{ color:#666}

/* ----------------------------------------------------
		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, input, textarea { /* This keeps the search inputs in line */
	border:1px solid #999;
	padding:3px 5px;
}
	#s{width:60%;}
#searchform{
	margin-bottom:40px;
}


.box .view-larg{ height:343px;}
.box .view-large p, .box .view-large h2{padding:0 10px 0px 20px;
/*font-family:'DaysOne' Arial, Helvetica, sans-serif;*/
font-family:font-family:"Rokkitt-Regular";
 font-size:16px; line-height:18px}
.box .view-large p{ padding:5px 10px 10px 20px; font-family:"Dosis-Regular"; font-size:13px; line-height:17px;}
.box .view-large .view_details{ position:absolute; bottom:20px; left:20px;  height:28px; margin:0px;}
.box .bottom-detals{ margin-bottom:20px;}

#about_us{  font-family:"Dosis-Regular"; font-size:22px !important; line-height:25px; color:#FFF; font-weight:300; width:820px; float:left; }
#about_us img{ margin:25px auto;}
#about_us p{ padding-bottom:25px; font-size:20px;} 
#gridwrap{ position:relative; margin-top:10px;}
.box_overlay{ z-index:0;}

.header_wrap{ position:fixed;}
#gridwrap{ margin-top:10px;}
#wpadminbar{} 
h2.project_title{ padding:15px 0 30px 10px !important;clear:both; font-size:30px !important; font-weight:normal; font-family:'Rokkitt-Regular', Arial, Helvetica, sans-serif}
#page h2.project_title{ padding-left:0px !important}
#home_loader{ background:#F3F3F3 url(js/colorbox/images/loading.gif) center no-repeat; z-index:999999}

.thumb-large{ width:610px}
.thumb-medium{ width:400px;}
.thumb-small{ width:190px;}
.align_container{ height:343px;}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
.menu li { font-size:7px}
.box{ margin:8px !important;}
#header{width:960px;}
.wrap{width:990px;}
/*.thumb-large,.thumb-large .wp-post-image{ width:384px;}
.thumb-medium,.thumb-medium .wp-post-image{ width:216px; }
.thumb-small,.thumb-small .wp-post-image{ width:130px; }
.thumb-large,.thumb-small,.thumb-medium,.wp-post-image{ height:auto;}*/

.thumb-large,.thumb-large .wp-post-image{ width:475px;}
.thumb-medium,.thumb-medium .wp-post-image{ width:310px;  }
.thumb-small,.thumb-small .wp-post-image{ width:148px;}
 


}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
/*  #header{width:460px}
.wrap{width:470px}
.box{ margin:2px;}

.thumb-large,.thumb-large .wp-post-image{ width:222px}
.thumb-medium,.thumb-medium .wp-post-image{ width:138px !important;}
.thumb-small,.thumb-small .wp-post-image{ width:70px !important}
.wp-post-image{ height:auto !important }*/
/*
.menu li { font-size:12px}
#header{width:980px;}
.wrap{width:990px;}
.box{ margin:8px !important;}
.thumb-large,.thumb-large .wp-post-image{ width:475px;}
.thumb-medium,.thumb-medium .wp-post-image{ width:310px;  }
.thumb-small,.thumb-small .wp-post-image{ width:148px;}*/

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
.menu li { font-size:12px}
#header{width:960px;}
.wrap{width:990px;}
.box{ margin:8px !important;}
.thumb-large,.thumb-large .wp-post-image{ width:475px;}
.thumb-medium,.thumb-medium .wp-post-image{ width:310px;  }
.thumb-small,.thumb-small .wp-post-image{ width:148px;}

  
}
div.left, div.right{ width:600px; float:left;}
div.left{ padding-right:40px;}
div.right{ padding-left:0px;}

#page { font-family:"Dosis-Regular"; font-size:16px;}
#page h2,#page  strong{padding-bottom:20px; font-size:21px; font-family:'Rokkitt-Bold';}

.linkedinul{list-style:none; float:left; clear:right; margin-left:0px}
.linkedinul li{ border-top:1px solid #000; line-height:40px;font-size:18px;}
.linkedinul li a{ color:#000}



h1#logo a,.menu li a,h2.project_title{font-family:"Rokkitt-Bold" !important;} 
.menu li a{font-family:"Rokkitt-Bold" !important; font-weight:700; font-size:23px} 
h1#logo a{ font-size:34px;}
.box .view-large h2,.page_info h2 {font-family:"Rokkitt-Bold" !important;}
.box .view-large h2{ font-size:18px;}
.page_info h2 { font-size:21px !important;}
h2.project_title{ font-size:30px; font-weight:bold}
#footer a {font-family:"Rokkitt-Regular" !important; }
#footer strong{font-family:"Rokkitt-Bold" !important; }
#footer {font-family:"Rokkitt-Regular"; font-size:18px}
#cboxCurrent{ display:block !important; height:15px; line-height:15px;font-family:"Rokkitt-Bold" !important; font-size:18px !important; font-weight:bold}
.linkedinul li a span{ background-position:top left; background-repeat:no-repeat}