/*







Theme Name: drewschnurr.com Theme







Theme URI: http://drewschnurr.com/







Version: 1.0







Author: PSDgator







Author URI: http://psdgator.com/







*/























/* CSS Reset */







body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}







table{ border-collapse:collapse;border-spacing:0;}







fieldset,img{ border:0;}







ol,ul,li{ list-style:none; list-style-position:outside;}















html { position:relative; width:100%; height:100%; }















/* Generic Styling */







a{ color:#404040; text-decoration:none; outline:none;}







a:hover{ color:#222; text-decoration:underline;}















body{ position:relative; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#404040; background:#fff; width:100%; height:100%; overflow-x:hidden; }















.bg_image{ position:absolute; left:0; top:0; z-index:1; overflow:hidden; width:100%; height:100%; }







.bg_image img{ display:none; width:100%; height:100%; vertical-align:top; position:absolute; left:0; top:0; z-index:2 }















.wrapper{ width:950px; margin:0 auto; position:relative; z-index:2;}















	.nav_row{ width:100%; position:relative; clear:both; }







	.nav_row a{ float:left; height:65px; text-indent:-9999px; overflow:hidden; background:url(images/nav_normal.png) 0 0 no-repeat;}







		/*for nav*/







		.nav_row a#nav111{ width:100%; height:36px; background-position:0 0;}



		



		.nav_row a#nav112{ width:100%; height:62px; background-position:0 -36px;}







		.nav_row a#nav121{ width:236px; height:67px; background-position:0 -100px;}







		.nav_row a#nav122{ width:235px; height:69px; background-position:0 -166px;}







		







		.nav_row a#nav211{ width:650px; height:67px; background-position:-236px -100px;}







		.nav_row a#nav212{ width:715px; background-position:-235px -167px;}







		.nav_row a#nav221{ width:565px; height:71px; background-position:0 -234px;}







		.nav_row a#nav222{ width:565px; height:61px; background-position:0 -305px;}







		







		.nav_row a#nav311{ width:585px; background-position:-55px -235px;}







		.nav_row a#nav312{ width:585px; background-position:-55px -295px;}







		







		.nav_row a#nav411{ width:310px; height:71px; background-position:-560px -235px;}







		.nav_row a#nav412{ width:310px; background-position:-560px -306px;}







		.nav_row a#nav421{ width:55px; background-position:0 -365px;}







		.nav_row a#nav422{ width:55px; height:72px; background-position:0 -430px;}







		







		.nav_row a#nav511{ width:590px; background-position:-55px -370px;}







		.nav_row a#nav512{ width:590px; height:65px; background-position:-55px -435px;}







		







		







		/*for nav hover*/







		.nav_row a#nav111:hover,



		.nav_row a#nav111.hover,



		.nav_row a#nav111.on{ background-position:0 -504px;}







		.nav_row a#nav121:hover,



		.nav_row a#nav121.hover,



		.nav_row a#nav121.on{ background-position:0 -602px;}







		.nav_row a#nav122:hover,



		.nav_row a#nav122.hover,



		.nav_row a#nav122.on{ background-position:0 -669px;}



		



		.nav_row a#nav112:hover,



		.nav_row a#nav112.hover,



		.nav_row a#nav112.on{ background-position:0 -540px;}		







		







		.nav_row a#nav211:hover,







		.nav_row a#nav211.hover,







		.nav_row a#nav211.on{ background-position:-236px -604px;}







		.nav_row a#nav212:hover,







		.nav_row a#nav212.hover,







		.nav_row a#nav212.on{ background-position:-235px -671px;}







		.nav_row a#nav221:hover,







		.nav_row a#nav221.hover,







		.nav_row a#nav221.on{ background-position:0 -739px;}







		.nav_row a#nav222:hover,







		.nav_row a#nav222.hover,







		.nav_row a#nav222.on{ background-position:0 -810px;}







		







		.nav_row a#nav311:hover,







		.nav_row a#nav311.hover,







		.nav_row a#nav311.on{ background-position:-55px -720px;}







		.nav_row a#nav312:hover,







		.nav_row a#nav312.hover,







		.nav_row a#nav312.on{ background-position:-55px -785px;}







		







		.nav_row a#nav411:hover,







		.nav_row a#nav411.hover,







		.nav_row a#nav411.on{ background-position:-560px -739px;}







		.nav_row a#nav412:hover,







		.nav_row a#nav412.hover,







		.nav_row a#nav412.on{ background-position:-560px -810px;}







		.nav_row a#nav421:hover,







		.nav_row a#nav421.hover,







		.nav_row a#nav421.on{ background-position:0 -868px;}







		.nav_row a#nav422:hover,







		.nav_row a#nav422.hover,







		.nav_row a#nav422.on{ background-position:0 -933px;}







		







		.nav_row a#nav511:hover,







		.nav_row a#nav511.hover,







		.nav_row a#nav511.on{ background-position:-55px -873px;}







		.nav_row a#nav512:hover,







		.nav_row a#nav512.hover,







		.nav_row a#nav512.on{ background-position:-55px -938px;}



	







	.content{ display:none; width:940px; padding:40px 0; margin:0 auto; overflow:hidden; clear:both; }



	#content1.open { display:block; }































	/*-----------------------------Portfolio--------------------------*/







	.filter_list{ float:left; width:230px; display:inline; margin-left:4px;}







	.filter_list li{ float:left; width:100%; overflow:hidden; margin-bottom:10px;}







	.filter_list li a{ float:left; width:310px; height:32px; text-indent:-9999px; overflow:hidden; background:url(images/filter_normal.png) 0 0 no-repeat; }







	.filter_list li#filter1 a{ background-position:-5px -134px;}







	.filter_list li#filter1 a:hover,







	.filter_list li#filter1.on a{ background-position:-5px -8px;}







	.filter_list li#filter2 a{ background-position:-5px -177px;}







	.filter_list li#filter2 a:hover,







	.filter_list li#filter2.on a{ background-position:-5px -51px;}







	.filter_list li#filter3 a{ background-position:-5px -218px;}







	.filter_list li#filter3 a:hover,







	.filter_list li#filter3.on a{ background-position:-5px -92px;}







	







	.portfolio_content{ float:left; width:690px;}







		.concert_list{ float:left; width:180px;}







		.concert_list li{ line-height:100%; width:180px; margin-bottom:10px; }







		.concert_list li.post{ border:none; padding:0px; }







		.concert_list li a{ color:#b0b0b0; padding-left:20px; display:block; width:200px; }







		.concert_list li.on a { color:#404040; padding:0; text-align:left }







		.concert_list li a:hover{ color:#404040; padding:0; text-decoration:none; }







		







		.project{ float:left; width:295px; padding-left:20px; line-height:160%;}







		.project p { margin-bottom:10px; }







		.project .pro_title{ font-size:16px; text-transform:uppercase; margin-bottom:5px; font-weight:bold;}







		







		.p_subnav{ float:right; width:195px; }







		.p_subnav li{ line-height:100%; display:block; margin-bottom:10px; }







		.p_subnav li a{ color:#b0b0b0; padding-left:32px; display:block; }







		.p_subnav li a:hover{ color:#404040; text-decoration:underline; padding-left:12px; }







	







	







	.lightbox{ width:682px; overflow:hidden;  background:#eee; display:none;}



	



	.ligthbox_pad { padding:22px 22px 8px;  }







	.lightbox .pro_title{ font-size:18px; text-transform:uppercase; margin-bottom:18px; font-weight:bold;}







	.lightbox .pro_video{ margin-bottom:10px; width:640px; /*height:385px;*/ height: auto;}







	.lightbox p{ line-height:160%; margin-bottom:12px;}







	.lightbox .btn_share{ padding-left:20px; padding-bottom:1px; padding-top:1px; background:url(images/ico_share.gif) 0 0 no-repeat;}







	







	.simplemodal-overlay{ background:#000000;}







		







		







	







	







	/*-----------------------------Profile--------------------------*/







	.profile_img{ float:left; width:585px;}







	.profile_txt{ float:right; width:330px;}







	.profile_txt p{ margin-bottom:14px; line-height:155%;}







	.profile_txt p img{ vertical-align:top;}







	.profile_txt a{ text-decoration:underline;}







	







	/*-----------------------------NOW--------------------------*/







	.blog_sider1{ float:left; width:150px; display:inline; margin:0 5px;}







		.title{ width:100%; margin-bottom:28px; position:relative }







		.title img{ vertical-align:top;}







		.then-right-icons { position:absolute; top:0px; right:0px; }







		.then-right-icons a { margin-right:5px; display:block; float:left }







		







		.what_list{ width:140px; overflow:hidden;}







		.what_list li{ display:block; float:left; width:140px; overflow:hidden; line-height:220%;}







		.what_list li a{ display:block; float:left; padding-left:18px; width:140px; color:#B0B0B0; text-transform:uppercase; }







		.what_list li a:hover, .what_list li.current-cat a { padding-left:0px; color:#404040; text-decoration:none; }







		







		.what_list li ul{ padding-left:14px;}







		







	.blog_content{ float:left; width:560px;}







		.post{ width:100%; overflow:hidden; border-bottom:1px #dfdfdf solid; padding-bottom:5px; margin-bottom:15px;}







		.post .post_title{ font-size:17px; color:#262626; margin-bottom:3px;}







		.post .post_info{ font-size:9px; margin-bottom:8px;}







		.post .post_cont{ line-height:170%;}















		.post p{ margin-bottom:14px;}















		.post ul {







			list-style:disc;







			list-style-position:outside;







			margin-bottom:14px;







		}















		.post ul li {







			list-style:disc;







			list-style-position:outside;







			margin-left:20px;







		}















		.post ol {







			list-style:decimal;







			list-style-position:outside;







			margin-bottom:14px;







		}















		.post ol li {







			list-style:decimal;







			list-style-position:outside;







			margin-left:20px;







		}























		.post .post_share a{ padding-left:20px; padding-bottom:1px; padding-top:1px; background:url(images/ico_share.gif) 0 0 no-repeat; display:block; }







		







		.pager{ width:100%; overflow:hidden; font-size:10px;}







		.pager a{ float:left; padding:4px 12px; background:#d8d8d8; color:#292929; margin-right:14px;}







		.pager a:hover{ background:#252525; color:#fff;}







		







		







		







	.blog_sider2{ float:right; width:182px; display:inline; margin-right:10px;}







	.blog_sider2 p{ margin-bottom:12px; line-height:170%; }







		.btn_follow{ margin-bottom:18px !important; }







		.btn_follow a { padding-left:20px; background:url(images/Twitter_24px.png) 0 0 no-repeat; display:block; width:24px; height:24px; text-indent:-99999px; }







		







		.gap_line{ width:100%; height:1px; text-indent:-9999px; overflow:hidden; background:#dfdfdf; margin-bottom:20px;}







		







		.single_event{ width:100%; margin-bottom:20px;}







		.single_event .eve_name{ font-size:17px; margin-bottom:3px;}







		.single_event .eve_info{ font-size:9px; margin-bottom:10px;}







		.single_event .eve_cont{ line-height:170%;}



		







.retina img { max-width:100%; }















.addthis_container {







	margin-bottom:12px;







}















.addthis_toolbox {







	display:inline;







	width:14px !important;







	height:14px !important;







}















.addthis_default_style .at300b, .addthis_default_style .at300m {







	overflow:hidden !important;







	/*text-indent:-99999px !important;*/
	font-size: 0;






	width:16px !important;







	margin:0px !important;







	padding:0px !important;







}















.addthis_toolbox.addthis_default_style span {







	background:url(images/AddThis_16px.png) 0 0 no-repeat !important;







}



.addthis_toolbox.addthis_default_style span.at_a11y { background:none!important; }















a.addthis_button {







	display:block !important;







	background:url(images/ico_share.gif) no-repeat top left !important;







	width:14px !important;







	height:14px !important;







	position:relative !important;







}















a:hover.addthis_button {







	position:relative !important;







	display:block !important;







}















.addthis_button img {







	display:none !important;







}



.tweets li span { display:block; padding-top:9px; line-height:1em; padding-bottom:2px;}
.tweets li { margin-bottom:22px; line-height:170%; }







/* Retina-specific stuff here */



@media 



(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {



	.nav_row a{ float:left; height:65px; text-indent:-9999px; overflow:hidden; background:url(images/nav.png) 0 0 no-repeat; background-size:886px auto;}







		/*for nav*/







		.nav_row a#nav111{ width:100%; height:36px; background-position:0 0;}



		



		.nav_row a#nav112{ width:100%; height:62px; background-position:0 -36px;}







		.nav_row a#nav121{ width:236px; height:67px; background-position:0 -100px;}







		.nav_row a#nav122{ width:235px; height:69px; background-position:0 -166px;}







		







		.nav_row a#nav211{ width:650px; height:67px; background-position:-236px -100px;}







		.nav_row a#nav212{ width:715px; background-position:-235px -167px;}







		.nav_row a#nav221{ width:565px; height:71px; background-position:0 -235px;}







		.nav_row a#nav222{ width:565px; height:61px; background-position:0 -306px;}







		







		.nav_row a#nav311{ width:585px; background-position:-55px -235px;}







		.nav_row a#nav312{ width:585px; background-position:-55px -295px;}







		







		.nav_row a#nav411{ width:310px; height:71px; background-position:-560px -235px;}







		.nav_row a#nav412{ width:310px; background-position:-560px -306px;}







		.nav_row a#nav421{ width:55px; background-position:0 -365px;}







		.nav_row a#nav422{ width:55px; height:72px; background-position:0 -430px;}







		







		.nav_row a#nav511{ width:590px; background-position:-55px -370px;}







		.nav_row a#nav512{ width:590px; height:65px; background-position:-55px -435px;}







		







		







		/*for nav hover*/







		.nav_row a#nav111:hover,



		.nav_row a#nav111.hover,



		.nav_row a#nav111.on{ background-position:0 -504px;}







		.nav_row a#nav121:hover,



		.nav_row a#nav121.hover,



		.nav_row a#nav121.on{ background-position:0 -602px;}







		.nav_row a#nav122:hover,



		.nav_row a#nav122.hover,



		.nav_row a#nav122.on{ background-position:0 -669px;}



		



		.nav_row a#nav112:hover,



		.nav_row a#nav112.hover,



		.nav_row a#nav112.on{ background-position:0 -540px;}		







		







		.nav_row a#nav211:hover,







		.nav_row a#nav211.hover,







		.nav_row a#nav211.on{ background-position:-236px -604px;}







		.nav_row a#nav212:hover,







		.nav_row a#nav212.hover,







		.nav_row a#nav212.on{ background-position:-235px -671px;}







		.nav_row a#nav221:hover,







		.nav_row a#nav221.hover,







		.nav_row a#nav221.on{ background-position:0 -738px;}







		.nav_row a#nav222:hover,







		.nav_row a#nav222.hover,







		.nav_row a#nav222.on{ background-position:0 -809px;}







		







		.nav_row a#nav311:hover,







		.nav_row a#nav311.hover,







		.nav_row a#nav311.on{ background-position:-55px -720px;}







		.nav_row a#nav312:hover,







		.nav_row a#nav312.hover,







		.nav_row a#nav312.on{ background-position:-55px -785px;}







		







		.nav_row a#nav411:hover,







		.nav_row a#nav411.hover,







		.nav_row a#nav411.on{ background-position:-560px -738px;}







		.nav_row a#nav412:hover,







		.nav_row a#nav412.hover,







		.nav_row a#nav412.on{ background-position:-560px -809px;}







		.nav_row a#nav421:hover,







		.nav_row a#nav421.hover,







		.nav_row a#nav421.on{ background-position:0 -868px;}







		.nav_row a#nav422:hover,







		.nav_row a#nav422.hover,







		.nav_row a#nav422.on{ background-position:0 -933px;}







		







		.nav_row a#nav511:hover,







		.nav_row a#nav511.hover,







		.nav_row a#nav511.on{ background-position:-55px -873px;}







		.nav_row a#nav512:hover,







		.nav_row a#nav512.hover,







		.nav_row a#nav512.on{ background-position:-55px -938px;}



		



		



		.filter_list li a{ float:left; width:210px; height:32px; text-indent:-9999px; overflow:hidden; background:url(images/filter.png) 0 0 no-repeat; background-size:220px auto; }



		.filter_list li#filter1 a{ background-position:-5px -138px;}



	



		.filter_list li#filter1 a:hover,



	



		.filter_list li#filter1.on a{ background-position:-5px -9px;}



	



		.filter_list li#filter2 a{ background-position:-5px -179px;}



	



		.filter_list li#filter2 a:hover,



	



		.filter_list li#filter2.on a{ background-position:-5px -51px;}



	



		.filter_list li#filter3 a{ background-position:-5px -222px;}



	



		.filter_list li#filter3 a:hover,



	



		.filter_list li#filter3.on a{ background-position:-5px -93px;}	



		



		.btn_follow a { background:url(images/Twitter_@2x.png) 0 0 no-repeat; background-size:contain; display:block; width:24px; height:24px; }	



		



		.addthis_toolbox.addthis_default_style span { background:url(images/AddThis_@2x.png) 0 0 no-repeat !important; background-size:contain!important; display:inline-block; }		



}



























