/*

Kristoffer Tripplaar :: Powered by Wordpress

*/



/*

begin resets

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	padding: 0;

	border: 0;

	outline: 0;

	font-family: inherit;

	font-style: inherit;

	font-size: 100%;

	vertical-align: baseline;

        background: #000000;

}



/*

Main Global Layout Settings

*/





*{ padding: 0px; }

body, html{ height: 100%; margin: 0; background:#000000; }

body{ font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif; font-size: 62.5%; }

a{ outline: none; text-decoration: none; }

a:hover{ text-decoration: underline; }

a img{ border: none; }



.clear {clear:both;}

.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }

* html .clearfix{ height: 1%; }

*+html .clearfix{ height: 1%; }



/* -------- Page Structure -------- */

#thebody { width: 100%;margin:0;padding-top:0;}

#thebodysmallbg { width: 100%;margin:0;padding:0;}

#thepage { width: 1000px; margin: 0px auto; }



/* -------- Top Paddings -------- */

#top-padding { padding-top:60px; }

#top-padding-min { padding-top:50px; }



/* These heights and widths should be edited to your images THUMBNAIL WIDTH AND HEIGHT DEFINED IN pikachoose.js in the JS Directory */	

ul#pikame {

	padding-left:0;

	width:730px;

	margin:0 auto;

	}

	.pika_main {

		width:730px;

		padding-right:20px;

		margin:0 auto;

		}

	#pikame li {

		margin:2px;

		float: left;

		position:relative;

		border:1px solid #5D5D5D;}



	/* thats all you NEED to edit. But continue if you'd like. */

	ul#pikame li img {

		position:relative;

		cursor:pointer;

		}

	.pika_main img {}

	.pika_main{

		position: relative;

		margin:0 auto;

		}

	.pikachoose li {

		float:left;

		position:relative;

		overflow:hidden;

		list-style:none;

		}

	.pika_play {

		position:absolute;

		top:20px;

		right:20px;

		z-index:1;

		}

		.pika_play a {

			position:relative;

			margin-left:auto;

			cursor:pointer;

			background:#000;

			color:#fff;

			padding:10px;

			}

		.pika_play img{border:none !important;}

		

	.pika_caption{

		width:100%;

		height:30px;

		text-align:center;

		font-size: 9px;

		color:#000000;

		padding-top:5px;

		}

	

	.pika_navigation a{

		font-size: 9px;

		text-decoration: none;

		color:#8B8B8B;

		text-transform:lowercase;

		}

		.pika_navigation a:hover{

			text-decoration:none;

			color:#000;

			}

		.pika_navigation{

			padding-top:10px;

			clear:both;

			text-align:center;

			cursor:pointer;

			}



.gallerywrap{

	text-align:center;

	color:#887;

	font-size:10px;

	letter-spacing:2px;

	}





/* -------- Main image -------- */

#main_image{

	margin:0 auto 0px auto;

	height:500px;

	width:730px;

	background:#000;

	}

#main_image img{

	margin-bottom:10px;

	}



/* -------- Navigation Next and Previous -------- */

.nav {

	color:#464646;

	padding-top:5px;

	clear:both;

	font-size:10px;

	letter-spacing:2px;

	text-transform:uppercase;

	}

.nav a {

	color:#464646;

	font-weight:bold;

	text-decoration:none;

	}

.nav a:hover {

	color:#000;

	text-decoration:none;

	}



/* -------- Extra not set to anything. If required -------- */

.info {

	text-align:left;

	width:730px;

	margin:30px auto;

	border-top:1px solid #221;

	padding-top:30px;

	}

.info p{

	margin-top:1.6em;

	}



/* -------- Head Styles -------- */

h1{

	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;

	font-size: 22px;

	font-style: normal;

	font-weight: bold;

	text-transform: none;

	letter-spacing: normal;

	line-height: 1.2em;

	color:#000;

}

h1 a{

	color: #000;

}





h2{

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

	font-size: 18px;

	font-style: normal;

	font-weight: bold;

	text-transform: none;

	letter-spacing: normal;

	line-height: 1.2em;

	color:#000;

}

h2 a{

	color: #000;

}



h3{

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

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	text-transform: none;

	letter-spacing: normal;

	line-height: 1.2em;

	color:#000;

}

h3 a{

	color: #000;

}



h4{

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

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	text-transform: none;

	letter-spacing: normal;

	line-height: 1.2em;

	color:#000;

}

h4 a{

	color: #000;

}



h5{

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

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	text-transform: none;

	letter-spacing: normal;

	line-height: 1.2em;

	color:#000;

}

h5 a{

	color: #000;

}



h6{

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

	font-size: 10px;

	font-style: normal;

	font-weight: bold;

	text-transform: none;

	letter-spacing: normal;

	line-height: 1.2em;

	color:#000;

}

h6 a{

	color: #000;

}



/* ------------ The top Menu -----------*/

#navwrap {

	float:right;

	font-size: 10px;

	color:#D1D1D1;

	width:210px;

}

#navwrap ul {list-style:none;margin:0; font-weight:normal;}

#navwrap li {}

#navwrap li a {

	font-size:9px;

	padding-top:10px;

	padding-left:5px;

	padding-bottom:5px;

	text-decoration:none;

	color:#464646;

}

/* Top Menu Home About Contact */

#navwrap li.button {

	padding: 0px;

	margin: 0px;

	text-decoration:none;

	color:#464646;

	font-weight:bold;

}

#navwrap li.company a {

	letter-spacing: 2px;

	padding:10px 8px 10px 9px;

	text-decoration:none;

	color:#666666;

        text-transform:uppercase;

        background: #333333 none repeat scroll 0 0;

}

#navwrap li.company a:hover {

	text-decoration:none;

	color:#000;

}







/* Button ------ JS Edit ------ Navigation */



/*
#navwrap li.company {

	padding-top:5px;

	padding-bottom:5px;

	height:100%;

	text-decoration:none;

	color:#464646;

	font-weight:bold;

}*/



#navwrap li.buttons {
	padding: 0px 0px 30px 0px; 
	margin: 0px 0px 10px 0px;
	text-decoration:none;
	list-style:none;
	float:left;
	}

	
		#navwrap img { 
			border: none;
			text-decoration: none;
			padding-bottom:5px;}
			
			.aboutButton { width:100px; float:left; height:12px; background: url(http://www.tripplaar.com/wp-content/themes/Photonexus_TF/photonexus/images/About_flip.jpg) no-repeat; display:block; margin-top:2px; margin-bottom:5px; }
			.contactButton { width:97px; float:right; height:12px; background:url(http://www.tripplaar.com/wp-content/themes/Photonexus_TF/photonexus/images/Contact_flip.jpg) no-repeat; display:block; margin-top:2px; margin-bottom:5px; }
			.tpopButton { width:205px; float:left; height:12px; background:url(http://www.tripplaar.com/wp-content/themes/Photonexus_TF/photonexus/images/TPOP_flip.jpg) no-repeat; display:block; margin-top:2px; margin-bottom:5px; }
			.archiveButton { width:205px; float:left; height:12px; background:url(http://www.tripplaar.com/wp-content/themes/Photonexus_TF/photonexus/images/Archive_flip.jpg) no-repeat; display:block; margin-top:2px; margin-bottom:5px; }
                        .blogButton { width:205px; float:left; height:12px; background:url(http://www.tripplaar.com/wp-content/themes/Photonexus_TF/photonexus/images/VisitBlog_flip.jpg) no-repeat; display:block; margin-top:2px; margin-bottom:5px; }
		
			
			.aboutButton:hover { background-position: -105px 0px; height: 12px; }
			.contactButton:hover { background-position: -105px 0px; height: 12px; }
			.tpopButton:hover { background-position: -210px 0px; height: 12px; }
			.archiveButton:hover { background-position: -210px 0px; height: 12px; }
			.blogButton:hover { background-position: -210px 0px; height: 12px; }







/* Category Title */

#navwrap li.categories {

	float:left;

}



#navwrap li.categories {

	text-transform:lowercase;

	text-align:center;

	letter-spacing: 12px;

	padding-top:30px;

	padding-bottom:5px;

	padding-left:5px;

	width:195px;

	display:block;

	height:100%;

	text-decoration:none;

	color:#747474;

	font-weight:bold;



}

/* Categories */

#navwrap li.cat-item a {

	text-align:left;

	padding-top:10px;

	padding-left:10px;

	padding-bottom:5px;

	display:block;

	height:100%;

	text-decoration:none;

	color:#464646;

	background: #D1D1D1;

	letter-spacing: 2px;

	border-bottom:1px solid #B9B9B9;

}



#navwrap ul.children li.cat-item a {

	padding-top:10px;

	padding-left:20px;

	padding-bottom:5px;

	display:block;

	height:100%;

	text-decoration:none;

	color:#464646;

	background: #C7C7C7;

	letter-spacing: 2px;

	border-bottom:1px solid #B9B9B9;

}



.wpcf7-form p {
	color: #FFFFFF;
	font-size: 9px; 
	letter-spacing: 3px; }
	




#navwrap li.cat-item a:hover {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}

#navwrap ul.children li.cat-item a:hover {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}

#navwrap li a:hover {text-decoration:none;color:#fff;}





.cat-item ul.children {border-top:1px solid #464646;}

.current-cat ul.children li.cat-item {display:inline; font-weight:normal; background:#111;}

.current-cat-parent ul.children li.cat-item {display:inline; }

.current-cat {font-weight:normal;}

#navwrap li.current-cat a , #navwrap ul.children li.current-cat a {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}



/* Page List */

#navwrap li.page_item a {

	text-align:left;

	padding-top:10px;

	padding-left:10px;

	padding-bottom:5px;

	display:block;

	height:100%;

	text-decoration:none;

	color:#464646;

	background: #EAEAEA;

	letter-spacing: 2px;



	border-bottom:1px solid #D9D9D9;

}



#navwrap li.page_item a:hover {text-decoration:none;color:#E8E8E8;background:#2E2E2E;}

#navwrap li.current_page_item a  {text-decoration:none;color:#E8E8E8;background:#2E2E2E; font-weight:bold;}





/* -------- Post -------- */



.post .content	{

	color:#5D5D5D;

	font-size: 13px;

	font-style: normal;

	font-weight: normal;

	letter-spacing: normal;

	line-height: 1.45em;

	

}


	.page .content img {

		border: none;
		margin: -150px 0px 20px 0px; 
		
		/*border:1px solid #D1D1D1;
		margin:10px;*/

	}



	.page .alignright {

		float:right;

	}



	.page .alignleft {

		float:left;

	}



	.post-image{

		padding-top:18px;

	}



	.post a {

		color:#000;

		font-size: 13px;

		font-style: normal;

		font-weight: normal;

		text-transform: none;

		letter-spacing: normal;

		line-height: 1.45em;

		margin-bottom: 10px;

	}



	blockquote

	{

		display:block;

		padding:20px 20px 20px 30px;

		margin:20px 0;

		border-left:5px solid #A2978B;

	}





	.content ul

	{

		padding:0 0 0 20px;



	}

	.content ul li

	{

		margin:0 0 5px 20px;

		padding:0px 0 0 5px;

	}

	.content ol

	{

		margin:5px 0 30px 0;

		padding:0;

	}

	.content ol li

	{

		margin:0 0 5px 45px;

		padding:0;

	}



	.content {

		color:#5D5D5D;

		font-size: 13px;

		font-style: normal;

		font-weight: normal;

		text-transform: none;

		letter-spacing: normal;

		line-height: 1.45em;

		margin-bottom: 10px;

		margin-left:20px;







	}



	.content a {

		color:#5D5D5D;

		font-size: 13px;

		font-style: normal;

		font-weight: normal;

		text-transform: none;

		letter-spacing: normal;

		line-height: 1.45em;

		margin-bottom: 10px;

		text-decoration:underline;

		

	}



	.page .content	{

		color:#464646;

		font-size: 12px;

		line-height: 1.8em;

		margin-right:70px;

		

	}



	.page .title {

		margin-right:60px;

		padding-left:20px;

		padding-bottom:20px;

		font-size: 28px;

		font-style: normal;

		font-weight: normal;

		text-transform: none;

		letter-spacing: normal;

		color:#000;

	}



	.page .title a {

		text-decoration:none;

	}



	.post h2 {

		font-size: 24px;

		font-style: normal;

		font-weight: normal;

		text-transform: none;

		letter-spacing: normal;

		line-height: 1.2em;

		color:#000;



	}



	.post h2 a {

		font-size: 24px;

		font-style: normal;

		font-weight: normal;

		text-transform: none;

		letter-spacing: normal;

		line-height: 1.2em;

		color:#000;

	}





/*---- All Columns ----*/



#portfolioslides {

	list-style:none;

	margin:0;

	padding:0;

}



#portfolioslides li.featurecenter { width:730px; margin:0 auto; }

#portfolioslides li.featurecenter img { display:block; margin:0 auto; }



#columns {

	margin: 0;

	padding: 0;

	display: table-cell;

	display: block;

	height: auto !important;



}



/*---- Center Column ----*/



#centercol {

	float: left;

	width: 730px;

	background:#E8E8E8;

	border-bottom:12px solid #B9B9B9;



}



#gallerycategories {

	float: right;

	width: 250px;

	color:#fff;

}



#gallerycol {

	float: left;

	width: 730px;



}





/* Contact Text Input Styles*/

.wpcf7 input, .wpcf7 textarea {

	border: 1px solid #ccc;

}



/* BOX styles ----------*/



.box {

	margin: 0 0 15px;

	padding-top: 0px;

	padding-left: 18px;

	padding-right: 18px;

	padding-bottom: 18px;





}



/* FEATURED POST ----------*/

#feature {

	width:730px; height:550px;

}



/*---- Footer ----*/



#navwrap ul.footer {

	list-style:none;

	padding-left:5px;

	padding-bottom:2px;

	border-top:1px solid #B9B9B9;

	border-bottom:1px solid #B9B9B9;

	margin-top:620px;

	padding-top:5px;

	color:#666666;

	font-size:11px;

}



#navwrap ul.footer li {



padding-left:5px;

padding-bottom:2px;

text-decoration:none;

color:#464646;

font-size:9px;

border-bottom:none;

}

#navwrap ul.footer li a {

padding:0;

text-decoration:none;

color:#464646;

font-size:9px;

font-weight:bold;

}