/*
Theme Name: Studio Pats Skin V1
Theme URI: http://www.studiopats.nl/
Description: Lekker warm jasje voor Studio Patsje
Version: 1.1.1.1.1.1.a
Author: Sebas van den Brink
Author URI: http://bldng.nl/
Tags: studio pats
*/



/* RESET */
html {
    color:#fff;
    background:#000;
}

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

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

fieldset,img {
    border:0;
}

address,caption,cite,code,dfn,strong,th,var {
    font-style:normal;
    font-weight:normal;
}

li {
    list-style:none;
}

caption,th {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}

q:before,q:after {
    content:'';
}

abbr,acronym {
    border:0;
    font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }

/*to enable resizing for IE*/
input,textarea,select{ *font-size:100%; }

/*because legend doesn't inherit in IE */
legend { color:#000; }

/* ************************************************************************************** */
body {
    font-family: Helvetica, "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
	height: 100%;	
	/*overflow: hidden;*/
}

strong { font-weight: bold; }

.clr { clear: both; }

code {
    overflow: scroll;
    width: 400px;
}

pre {
    overflow: scroll;
    width: 400px;
    background-color: #111;
    padding: 10px;
}

/* *** TEXT *** */
@font-face {
  font-family: Chunk;
  src: url('http://www.studiopats.nl/wp-content/themes/v1/fonts/Chunkfive.otf');
}

@font-face {
  font-family: 'Perspective Sans';
  src: url('http://www.studiopats.nl/wp-content/themes/v1/fonts/persansb.ttf');
}

@font-face {
  font-family: 'Sniglet';
  src: url('http://www.studiopats.nl/wp-content/themes/v1/fonts/Sniglet.ttf');
}

p {
	font-size: 0.75em;
}

.post-edit-link {
	font-weight: bold;
	font-size: 0.7em;
}

a.post-edit-link:link { color: #000; text-decoration: none; }
a.post-edit-link:visited { color: #000; text-decoration: none; }
a.post-edit-link:hover { color: #fff; text-decoration: none; }
a.post-edit-link:active { color: #fff; text-decoration: none; }

#footer p  {
	font-size: 0.9em;
	color: #ddd;
}

#cntnt_right .post p {
	color: #000;
}

h1 { 
	font-weight: bold;
	font-size: 1.3em;
}

h2 {
	font-weight: bold;
	font-size: 0.8em;
}

	#bbbnh_left p {
		font-family: Arial, Helvetica, "Trebuchet MS", Trebuchet, sans-serif;
		color: #000;
		font-size: 0.85em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#bbbnh_left p strong {
		display: marker;
		padding: 1px;
		background-color: #fff;
	}
	
	#bbbnh_middle h1 {
	}
	
	#bbbnh_right h1 {
		font-style: oblique;
		font-family: Georgia, "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
	}

#random_text p {
	/* font-family is gedeclareerd in de andere stylesheets */
	font-size: 2em;
	/*font-style: oblique;*/
}
	
#cntnt_right .post h2 {
	color: #000;
}

#cntnt_right p {
	margin: 10px 0 5px 0;
	font-size: 0.8em;
}

#cntnt_right ul {
	color: #000;
	font-size: 0.8em;
	margin-bottom: 10px;
}

.page_left {
    font-family: Helvetica, Arial, Tahoma, sans-serif;
}

#page_right {
    font-family: Georgia, "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
}

	#page_right .sub_head p {
		font-size: 0.9em;
		text-transform: capitalize;
		margin-top: 10px;
		font-style: oblique;
	}

	#page_right .news_post h3 {
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 10px;
	}

	#page_right .news_post p {
		font-size: 0.9em;
		margin-top: 10px;
	}

#cntnt_right .post a:link { color: #000; text-decoration: underline; }
#cntnt_right .post a:visited { color: #000; text-decoration: underline; }
#cntnt_right .post a:hover { color: #333; text-decoration: none; }
#cntnt_right .post a:active { color: #333; text-decoration: none; }


#mn_left ul {
	font-size: 0.9em;
	padding: 0;
}

#mn_left li {
	/*padding: 15px 0 15px 10px;*/
}

	#mn_left li a  { 
		width: 100px;
		height: 35px;
		display: table-cell;
		vertical-align: center;
		padding: 15px 0 15px 10px;
		height: 100%;
	}

#mn_right ul {
	font-size: 0.9em;
	padding: 0;
	background-color: #000;
}

#mn_right li.link_text {
	padding: 15px;
}

	#mn_right li a  { 
		width: 200px;
		height: 35px;
		display: table-cell;
		vertical-align: center;
		padding: 15px 0 15px 10px;
		height: 100%;
	}

#cntnt_right .post ul li {
	list-style-type: none;
	list-style-position: inside;
}

#cntnt_right .post ul li.notype {
	list-style-type: none !important;
}

#cntnt_right .post .alignleft, #cntnt_right .post .alignright {
	font-size: 80%;
}

var {
	font-size: 80%;
}

/* *** DIVS *** */
#floatingdevice {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

	#page {
		width: 980px;
		height: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
		#big_bad_brand_new_header {
			width: 980px;
			margin-right: auto;
			margin-left: auto;
		}
	
		.page_left {
			float: left;
			clear: both;
			width: 760px;
			min-height: 100%;
			padding: 0 10px 0 10px;
		}
		
		#big_bad_brand_new_header .page_left {
			width: 770px;
			height: 140px;
			padding-left: 0px !important;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
			#bbbnh_logo { 
				width: 410px;
				float: left;
				padding-left: 14px;
			}
			
			#bbbnh_left {
				padding-top: 50px;
				width: 300px;
				float: left;
			}
			
			#bbbnh_middle {
				width: 325px;
				float: left;
				text-align: right;
				padding-top: 58px;
			}
						
		#bbbnh_right {
			/* add 10px because of page_left 10px top padding */
			padding-top: 118px; 
			width: 190px;
			float: right;
			clear: right;
		}
		
			#header {
				width: 760px;
				height: 120px;
				padding: 10px 0 40px 0;
			}
			
				#header_left {
					width: 580px;
					float: left;
					clear: both;
				}
				
					#pats_logo_float {
						float: left;
						margin-left: -10px;
					}
					
					.about_studio_pats {
						float: left;
						margin-left: -19px;
					}
									
				#header_right {
					width: 180px;
					float: right;
					clear: right;
					text-align: right;
					padding-top: 4px;
				}

			#cntnt_left {
				width: 320px;
				float: left;
				clear: both;
				min-height: 405px;
				padding-bottom: 10px;
			}
			
				#mn_left {
					width: 100px;
					float: left;
					clear: both;
					margin-right: 10px;
					background-color: #000;
				}
				
				#mn_right {
					width: 200px;
					float: right;
					clear: right;
					margin-right: 10px;
				}
				
			#random_text {
				/*position: absolute;
				bottom: 15px;*/
				/* oude, floating settings 
				width: 600px;
				z-index: -10;
				margin-top: 15px;*/
				width: 440px;
				float: right;
			}
			
			#cntnt_right {
				width: 440px;
				float: right;
				clear: right;
				/*min-height: 550px;*/
			}
				
					#cntnt_right .post {
						padding: 15px;
						background-color: #fff;
						margin-bottom: 10px;
					}
					
						.alignleft {
							width: 150px;
							float: left;
							clear: both;
						}
						
						.alignright {
							width: 150px;
							float: right;
							clear: right;
							text-align: right;
						}
					
					#patser_img {
						padding: 15px;
						background-color: #fff;
					}						
					
		#page_right {
			float: right;
			clear: right;
			padding: 0 10px 0 10px;
			width: 180px;
		}
		
			#right_header {
				height: 120px;
				padding-bottom: 35px;
				padding-top: 5px;
			}
			
			#news_box {
				/*border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;*/
				width: 190px;
				height: 400px;
				overflow: auto;
				position: relative;
				background-image: url("images/bg_0.png");
			}
			
				.newsitem {
					/*border-top: 1px solid #fff;*/
					/*border-bottom: 1px solid #fff;*/
					padding: 0 10px 10px 5px;
				}
				
				.newsitem img {
					padding-top: 10px;
					padding-bottom: 10px;
					margin-left: -5px;
				}
		
			.nav_bot {
				/*border-top: 1px solid #fff;*/
			}
			
			#search_box {
				width: 190px;
			}
		
	#footer {
		padding: 10px;
	}
	
		#foot_left {
			float: left;
			clear: both;
			width: 390px;
		}
		
		#foot_right {
			float: right;
			clear: right;
			width: 290px;
			padding-right: 200px;
			text-align: right;
		}

/* *** FORMS *** */
form {
    margin: 0;
    padding: 0;
}

#searchform {
	background-color: #fff;
	padding: 0 5px 5px 5px;
	margin-top: 15px;
}

	#searchform label {
		color: #000;
		font-size: 0.8em;
		font-weight: bold;
	}
	
	#searchform #s {
		width: 165px;
		background-color: #ddd;
		border: 0;
		margin-top: 5px;
		font-size: 0.75em;
	}
	
	#searchform #searchsubmit {
		border: 0;
		background-color: #fff;
		cursor: pointer;
		margin-top: 5px;
	}
	
	#page_right #searchform {
		padding-top: 5px;
	}
	
	#page_right #searchform #searchsubmit {
		margin-left: 120px;
		text-transform: uppercase;
	}
   
/* *** IMAGE *** */
.bg {
	min-width: 100%;
	position: fixed;
	float: left;
	top: 0;
	left: 0;
	z-index: 1000;
}

/* *** CUSTOM SCROLL BAR *** */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: transparent;
/*border-width: 0 1px 0 1px;
border-style: solid;
border-color: #fff;*/
}
.vscrollerbar {
width: 10px;
background-color: #fff;
}
.hscrollerbase {
height: 10px;
background-color: transparent;
}
.hscrollerbar {
height: 10px;
background-color: #fff;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}