/*
Theme Name: Shock
Author: Direct Basing
Author URI: http://directbasing.com/
Tags: Portfolio, Light
*/

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'KlavikaLight', Arial; height: 100%; font-size: 15px; color: #303030; }
input, select, textarea { font-family: Arial; font-size: 15px; color: #303030; }
body { background: #fff url('images/header-bg.gif') repeat-x; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { padding-bottom: 205px; margin: 0 auto; width: 940px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 940px; height: 94px; }
	#headerCntr h1 { position: absolute; top: 22px; left: 0px; }
	#headerCntr h1 a { display: block; width: 161px; height: 50px; text-indent: -9999px; background: url('images/logo.jpg') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { padding-top: 32px; width: 940px; height: 62px; overflow: hidden; }
		.menuBox ul { list-style: none; float: right; }
		.menuBox li { padding-left: 17px; position: relative; font-size: 20px; float: left; font-family: 'KlavikaLight'; }
		.menuBox li a { color: #8a8a8a; text-decoration: none; }
		.menuBox li a:hover, .menuBox li:hover a { color: #FFFFFF; }
		.menuBox li.current-menu-item a, .menuBox li.current-menu-parent a { color: #FFFFFF; }
		.menuBox li ul { padding-top: 8px; position: absolute; left: 24px; top: 20px; width: 355px; float: none; display: none; }
		.menuBox li li { padding: 0px 11px 0px 10px; font-size: 16px; background: url('images/sprtr.gif') right no-repeat; }
		.menuBox li li a, .menuBox li:hover li a, .menuBox li.current-menu-item li a, .menuBox li.current-menu-parent li a { color: #8a8a8a; font-family: 'KlavikaLightItalic'; }
		.menuBox li li.last { padding-right: 0px; background: none; }
		.menuBox li li a:hover, .menuBox li li.current-menu-item a { font-family: 'KlavikaLightItalic'; color: #FFFFFF; }
		.menuBox li:hover ul, .menuBox li.current-menu-item ul, .menuBox li.current-menu-parent ul { display: block; }
	
	/* ### content container ### */
	#contentCntr { padding-top: 20px; overflow: hidden; width: 940px; }
	
		/* ### center container ### */
		#centerCntr { padding-bottom: 27px; width: 940px; overflow: hidden; }
			
			/* ### intro box ### */
			.introBox { padding-bottom: 5px; width: 940px; overflow: hidden; }
			.introBox h2 { color: #4d4d4f; font-size: 38px; font-weight: normal; text-align: center; }
			.introBox h2 strong { font-weight: normal; font-family: 'KlavikaMedium'; }
			
			/* ### portfolio box ### */
			.portfolioBox { width: 960px; overflow: hidden; }
			.portfolioBox ul { list-style: none; overflow: hidden; }
			.portfolioBox li { padding-bottom: 38px; float: left; width: 320px; position: relative; }
			.portfolioBox li img { margin-bottom: 6px; }
			.portfolioBox h2 { font-size: 16px; font-family: 'KlavikaMedium'; font-weight: normal; }
			.portfolioBox h2 a { color: #303030; text-decoration: none; }
			.portfolioBox span.tagline { display: block; color: #7d7d7d; font-size: 14px; }
			.portfolioBox a span.overlay { display: none; width: 300px; height: 206px; text-indent: -9999px; position: absolute; left: 0px; top: 0px; background: url('images/img-hover.png') no-repeat; }
			.portfolioBox li a:hover span.overlay { display: block; }
			.portfolioBox .navigation .wp-pagenavi a, .portfolioBox .navigation .wp-pagenavi span { border: 0px solid #BFBFBF; display: inline-block; margin: 1px; padding: 0px 5px; text-decoration: none; color: #878787; font-size: 18px; font-family: 'KlavikaMedium'; background: #f0f0f0; }
			.portfolioBox .navigation span.current { color: #000000; background: #FFFFFF; }
			.portfolioBox .navigation a.nextpostslink { padding: 12px 10px;*padding: 5px 10px; margin: 0px 0px 0px 8px; font-size: 0px; display: inline-block; text-indent: -9999px; background: url('images/next.gif') no-repeat; }
			.portfolioBox .navigation a.previouspostslink { padding: 12px 10px;*padding: 5px 10px; margin: 0px 0px 0px 0px; font-size: 0px; display: inline-block; text-indent: -9999px; background: url('images/prev.gif') no-repeat; }
			.portfolioBox .navigation span.pages { display: none; }
			
			/* ### text box ### */
			.textBox { padding: 0px 0px 49px 0px; width: 940px; overflow: hidden; }
			.textBox h2 { padding-bottom: 27px; color: #303030; font-size: 35px; font-weight: normal; font-family: 'KlavikaMedium'; }
			.textBox p { color: #303030; font-size: 22px; line-height: 28px; }
			.textBox p strong { font-weight: normal; font-family: 'KlavikaMedium'; }
			
			/* ### details box ### */
			.detailsBox { padding-bottom: 25px; width: 624px; position: relative; }
			.detailsBox h2 { font-size: 26px; color: #303030; font-family: 'KlavikaMedium'; font-weight: normal; }
			.detailsBox span.tagline { padding-bottom: 30px; display: block; color: #7d7d7d; font-size: 24px; }
			.detailsBox #vslider_optionscontainer { padding-bottom: 30px; float: none; margin: 0; overflow: hidden; }
			.detailsBox #vslider_optionscontainer .cs-buttons { padding: 0px; width: 320px; float: none; position: absolute; right: -320px; top: 92px; font-size: 0; outline: medium none !important; }
			.detailsBox #vslider_optionscontainer .cs-buttons a { float: left; height: auto!important; margin: 0 0 8px 10px; outline: medium none !important; text-indent: -1000px; width: auto!important; }
			.detailsBox #cs-navigation-vslider_options { display: none!important; }
			.detailsBox p { padding-bottom: 24px; font-size: 15px; line-height: 24px; color: #303030; }
			.detailsBox p strong { font-weight: normal; font-family: 'KlavikaMedium'; }
			.detailsBox a.back { padding: 0 12px; line-height: 38px; display: block; float: left; font-size: 16px; font-family: 'KlavikaMedium'; text-decoration: none; color: #303030; background: #f0f0f0; }
			.detailsBox span.arrow { display: none; }
			
			/* ### contact box ### */
			.contactBox { padding-bottom: 10px; width: 940px; overflow: hidden; }
			.contactBox .left { float: left; width: 335px; }
			.contactBox .right { padding-top: 80px; float: right; width: 512px; }
			.contactBox h2 { padding-bottom: 26px; font-size: 26px; color: #303030; font-family: 'KlavikaMedium'; font-weight: normal; }
			.contactBox .left p { padding-bottom: 8px; overflow: hidden; }
			.contactBox .left label { padding-bottom: 6px; display: block; color: #303030; font-size: 16px; font-family: 'KlavikaMedium'; }
			.contactBox .left label span { font-family: 'KlavikaLight'; }
			.contactBox .left input.wpcf7-text { padding: 8px 10px; margin-bottom: 2px; width: 308px; height: 18px; border: 0px; background: url('images/field-bg.gif') no-repeat; }
			.contactBox .left textarea { padding: 10px; resize: none; width: 308px; height: 124px; border: 0px; background: url('images/textarea.gif') no-repeat; }
			.contactBox input.wpcf7-submit { width: 78px; height: 28px; font-family: 'KlavikaMedium'; color: #FFFFFF; font-size: 16px; border: 0px; cursor: pointer; background: #363636; }
			.contactBox .right address, .contactBox .right p { padding-bottom: 24px; color: #303030; font-size: 16px; line-height: 24px; font-style: normal; }
			.contactBox .right span { font-family: 'KlavikaMedium'; }
			.contactBox .right h2 { padding-bottom: 23px; }
			.contactBox .right a { color: #333333; text-decoration: none; }
			.contactBox .right a:hover { text-decoration: underline; }
			
			/* ### profile box ### */
			.profileBox { padding: 10px 0 10px 0; width: 940px; overflow: hidden; }
			.profileBox .intro { padding: 28px 28px 5px 30px; width: 882px; overflow: hidden; background: #f0f0f0; }
			.profileBox .intro p { padding-bottom: 28px; color: #303030; font-size: 22px; line-height: 28px; }
			.profileBox .intro p strong { font-weight: normal; font-family: 'KlavikaMedium'; }
			.profileBox .profile { padding-top: 42px; width: 940px; overflow: hidden; }
			.profileBox ul { list-style: none; overflow: hidden; }
			.profileBox li { padding: 0px 0px 0px 30px; float: left; overflow: hidden; width: 910px; }
			.profileBox li .left { float: left; width: 360px; }
			.profileBox li .right { padding-top: 38px; float: right; width: 532px; }
			.profileBox li.post2 { padding-left: 0px; width: 940px; }
			.profileBox li.post2 .right { float: left; width: 560px; }
			.profileBox li.post2 .left { float: right; width: 380px; }
			.profileBox li h2 { padding-bottom: 0px; color: #303030; font-size: 22px; font-family: 'KlavikaMedium'; font-weight: normal; }
			.profileBox li p { padding: 20px 0 6px 0; color: #303030; font-size: 15px; line-height: 24px; }
			
			/* ### visie box ### */
			.visieBox { padding: 10px 70px 10px 80px; width: 790px; overflow: hidden; }
			.visieBox h2 { padding: 0; color: #303030; font-size: 67px; font-family: 'KlavikaMedium'; font-weight: normal; }
			.visieBox p { padding: 0 0 20px 22px; color: #7a7a7a; line-height: 24px; font-size: 15px; }
			.visieBox img.wp-image-148 { margin-left: -98px; position: relative; }
			.visieBox h2 span { position: relative; z-index: 100; }
			
			/* ### content box ### */
			.contentBox { padding: 0px 0px 10px 0px; min-height: 400px; width: 940px; overflow: hidden; }
			.contentBox h2 { padding-bottom: 17px; color: #303030; font-size: 35px; font-weight: normal; font-family: 'KlavikaMedium'; }
			.contentBox p { padding-bottom: 17px; color: #303030; font-size: 15px; line-height: 28px; }
			.contentBox p strong { font-weight: normal; font-family: 'KlavikaMedium'; }
			.contentBox a { color: #303030; }
			.contentBox a:hover { text-decoration: none; }
			.contentBox h2 a { text-decoration: none; }
			
	/* ### footer container ### */
	#footerCntr { width: 100%; position: relative; margin-top: -205px; background: #f0f0f0; }
	#footerCntr .centered { padding-top: 10px; min-height: 205px; width: 940px; margin: 0 auto; overflow: hidden; }
	#footerCntr .widget_nav_menu { padding-top: 10px; float: left; }
	#footerCntr .widget_nav_menu ul { list-style: none; }
	#footerCntr .widget_nav_menu li { padding-right: 38px; position: relative; font-family: 'KlavikaMedium'; font-size: 16px; float: left; }
	#footerCntr .widget_nav_menu li a { color: #484848; text-decoration: none; }
	#footerCntr .widget_nav_menu li a:hover { text-decoration: underline; }
	#footerCntr .widget_nav_menu li ul { padding-top: 18px; display: block; width: 200px; position: absolute; left: 0px; top: 20px; }
	#footerCntr .widget_nav_menu li li { font-family: 'KlavikaLight'; float: none; font-size: 14px; }
	#footerCntr .widget_nav_menu li:hover ul { display: block; }
	#footerCntr .Social_Widget { float: right; }
	#footerCntr .Social_Widget ul { list-style: none; overflow: hidden; }
	#footerCntr .Social_Widget li { padding-left: 11px; float: left; }
	#footerCntr .Social_Widget a { margin: 0 0 0 10px!important; display: block; float: left; width: 39px; height: 39px; text-indent: -99999px; }
	#footerCntr .Social_Widget a.fb { background: url('images/facebook.png') no-repeat!important; }
	#footerCntr .Social_Widget a.fb:hover { background: url('images/facebook-hover.png') no-repeat!important; }
	#footerCntr .Social_Widget a.orkut { background: url('images/orkut.png') no-repeat!important; }
	#footerCntr .Social_Widget a.orkut:hover { background: url('images/orkut-hover.png') no-repeat!important; }
	#footerCntr .Social_Widget a.twitter { background: url('images/twitter.png') no-repeat!important; }
	#footerCntr .Social_Widget a.twitter:hover { background: url('images/twitter-hover.png') no-repeat!important; }
	#footerCntr .Social_Widget a.linkedin { background: url('images/linkedin.png') no-repeat!important; }
	#footerCntr .Social_Widget a.linkedin:hover { background: url('images/linkedin-hover.png') no-repeat!important; }
	#footerCntr .Social_Widget a img { display: none; }
			
/* Begin Typography & Colors */
small { font-size: 14px; }
h1 { font-size: 4em; text-align: center; }
.sticky { padding: 0 10px 10px; background: #f7f7f7; }
.sticky h2 { padding-top: 10px; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
.post hr { display: block; }
.postmetadata { clear: both; }

/* Begin Images */
p img { padding: 0; max-width: 100%; }
#submit { padding: 0 10px; height: 28px; font-family: 'KlavikaMedium'; color: #FFFFFF; font-size: 16px; border: 0px; cursor: pointer; background: #363636; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Lists */
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
/* End Entry Lists */

/* Begin Form Elements */
#sidebar #searchform #s { padding: 2px; width: 108px; }
select { width: 130px; }
/* End Form Elements */

/* Begin Comments*/
.alt { padding: 10px; margin: 0; }
.children { padding: 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { padding-left: 20px; margin: 15px 30px 0 10px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 10px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */