/*
Theme Name: Photo Studio
Theme URI: http://www.tirzen.com/wordpress
Description: A photo blog and portfolio theme for WordPress.
Author: Stan Ozier
Author URI: http://www.tirzen.com
Version: 1.1
Tags: photo, gallery, portfolio, blog 
*/

* html body {
  margin-top: 0 !important; 
  }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, hr {
  margin: 0;
  padding: 0;
  }

#naam {
  background: url(./naamlogo.png) no-repeat;
  position: fixed;
  top: 0px;
  left: 36px;
  width: 455px;
  height: 90px;
  }

p { padding-bottom: 9px; }

a img { border: 0 none; }
a, a:active, input:focus { outline: none;}

/* alignment */
.lft { text-align: left; }
.ctr { text-align: center; }
.rgt { text-align: right; }
.jty { text-align: justify; }

/* floating */
.flft { float: left; }
.frgt { float: right; }
.clft { clear: left; }
.crgt { clear: right; }

img.flft { margin-right: 6px; }
img.frgt { margin-left: 6px; }

hr.clear {
  clear: left;
  border: 0 none;
  height: 0;
  visibility: hidden;
  }

hr.sep { height: 35px; }

ul.inl { }
ul.inl li {
  list-style: none;
  list-style-image: none;
  float: left;
  }

ul.inl li a {
  display: block;
  }

.bld {
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  }

/* image replacement */
.rpl {
  display: block;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
  text-overflow: hidden;
  }

/* page */
body {
  background-color: #000000;
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  }

/* #header */
#header {
  position: fixed;
  top: 8%;
  left: 0;
  width: 210px;
  height: 84%;
  max-height: 960px;
  z-index: 10;
  padding: 1% 0;
  border-right: 1px solid #404040;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.6);
  /* For IE 5.5 - 7 */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  }

#header h1, #header h1 a {
  width: 148px;
  padding-left: 44px;
//  height: 48px;
  height: 148px;
//  height: 0px;
  }

#header h1 a, #home h1 a {
  background: url(eitjes.gif) no-repeat;
  }

#header div {
  width: 180px;
  padding: 10px;
  }

#header div#menu_bot {
  position: absolute;
  bottom: 0px;
  padding-bottom: 30px;
  }

#header div p {
  color: #999999;
  text-transform: uppercase;
  padding: 0;
  text-align: right;
  }

#header ul {
  width: 100%;
  }

#header ul li {
  width: 100%;
  color: #ffffff;
  text-align: right;
  line-height: 1.5em;
  list-style: none;
  }

#header ul li a {
  width: 130px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-align: right;
  }

#header ul li a:hover {
  color: #aaaaaa;
  }

#header ul li a:visited {
  color: #888888;
  }

#header ul li a:active {
  color: #888888;
  }

#header ul li.current_page_item a {
  color: #999999;
  }

#header ul li a.ach:link    {color: #ffffff;}
#header ul li a.ach:visited {color: #c7a043;}
#header ul li a.ach:hover   {color: #e7c063;}
#header ul li a.ach:active  {color: #e7c063;}

#header ul li a.mit:link    {color: #ffffff;}
#header ul li a.mit:visited {color: #abdc80;}
#header ul li a.mit:hover   {color: #cbfc00;}
#header ul li a.mit:active  {color: #cbfc00;}

#header ul li a.ave:link    {color: #ffffff;}
#header ul li a.ave:visited {color: #b02820;}
#header ul li a.ave:hover   {color: #d04840;}
#header ul li a.ave:active  {color: #d04840;}

#header ul li a.avr:link    {color: #ffffff;}
#header ul li a.avr:visited {color: #18b9d1;}
#header ul li a.avr:hover   {color: #38d9f1;}
#header ul li a.avr:active  {color: #38d9f1;}

#header ul li a.ber:link    {color: #ffffff;}
#header ul li a.ber:visited {color: #ded2a9;}
#header ul li a.ber:hover   {color: #fef2c9;}
#header ul li a.ber:active  {color: #fef2c9;}

#header ul li a.bic:link    {color: #ffffff;}
#header ul li a.bic:visited {color: #b00006;}
#header ul li a.bic:hover   {color: #d02016;}
#header ul li a.bic:active  {color: #d02016;}

#header ul li a.bij:link    {color: #ffffff;}
#header ul li a.bij:visited {color: #c6c610;}
#header ul li a.bij:hover   {color: #e6e630;}
#header ul li a.bij:active  {color: #e6e630;}

#header ul li a.bos:link    {color: #ffffff;}
#header ul li a.bos:visited {color: #afb58e;}
#header ul li a.bos:hover   {color: #cfd5ae;}
#header ul li a.bos:active  {color: #cfd5ae;}

#header ul li a.one:link    {color: #ffffff;}
#header ul li a.one:visited {color: #ba2110;}
#header ul li a.one:hover   {color: #da4130;}
#header ul li a.one:active  {color: #da4130;}

#header ul li a.cod:link    {color: #ffffff;}
#header ul li a.cod:visited {color: #dc955c;}
#header ul li a.cod:hover   {color: #fcb57c;}
#header ul li a.cod:active  {color: #fcb57c;}

#header ul li a.bur:link    {color: #ffffff;}
#header ul li a.bur:visited {color: #269dc8;}
#header ul li a.bur:hover   {color: #46bde8;}
#header ul li a.bur:active  {color: #46bde8;}

#header ul li a.gre:link    {color: #ffffff;}
#header ul li a.gre:visited {color: #cba5be;}
#header ul li a.gre:hover   {color: #ebc5de;}
#header ul li a.gre:active  {color: #ebc5de;}

#header ul li a.dmn:link    {color: #ffffff;}
#header ul li a.dmn:visited {color: #aca296;}
#header ul li a.dmn:hover   {color: #ccc2b6;}
#header ul li a.dmn:active  {color: #ccc2b6;}

#header ul li a.dor:link    {color: #ffffff;}
#header ul li a.dor:visited {color: #6c262b;}
#header ul li a.dor:hover   {color: #8c464b;}
#header ul li a.dor:active  {color: #8c464b;}

#header ul li a.the:link    {color: #ffffff;}
#header ul li a.the:visited {color: #236c4f;}
#header ul li a.the:hover   {color: #438c6f;}
#header ul li a.the:active  {color: #438c6f;}

#header ul li a.dyk:link    {color: #ffffff;}
#header ul li a.dyk:visited {color: #375a31;}
#header ul li a.dyk:hover   {color: #577a51;}
#header ul li a.dyk:active  {color: #577a51;}

#header ul li a.esa:link    {color: #ffffff;}
#header ul li a.esa:visited {color: #005390;}
#header ul li a.esa:hover   {color: #0073b0;}
#header ul li a.esa:active  {color: #0073b0;}

#header ul li a.fre:link    {color: #ffffff;}
#header ul li a.fre:visited {color: #9ba099;}
#header ul li a.fre:hover   {color: #bbc0b9;}
#header ul li a.fre:active  {color: #bbc0b9;}

#header ul li a.gee:link    {color: #ffffff;}
#header ul li a.gee:visited {color: #c3914d;}
#header ul li a.gee:hover   {color: #e3b16d;}
#header ul li a.gee:active  {color: #e3b16d;}

#header ul li a.hog:link    {color: #ffffff;}
#header ul li a.hog:visited {color: #774a61;}
#header ul li a.hog:hover   {color: #976a81;}
#header ul li a.hog:active  {color: #976a81;}

#header ul li a.hui:link    {color: #ffffff;}
#header ul li a.hui:visited {color: #a0b7a5;}
#header ul li a.hui:hover   {color: #c0d7c5;}
#header ul li a.hui:active  {color: #c0d7c5;}

#header ul li a.ibc:link    {color: #ffffff;}
#header ul li a.ibc:visited {color: #cf4a2e;}
#header ul li a.ibc:hover   {color: #ef6a4e;}
#header ul li a.ibc:active  {color: #ef6a4e;}

#header ul li a.isa:link    {color: #ffffff;}
#header ul li a.isa:visited {color: #c4aa18;}
#header ul li a.isa:hover   {color: #e4ca38;}
#header ul li a.isa:active  {color: #e4ca38;}

#header ul li a.joh:link    {color: #ffffff;}
#header ul li a.joh:visited {color: #806c49;}
#header ul li a.joh:hover   {color: #a08c69;}
#header ul li a.joh:active  {color: #a08c69;}

#header ul li a.ber:link    {color: #ffffff;}
#header ul li a.ber:visited {color: #dfdedf;}
#header ul li a.ber:hover   {color: #fffeff;}
#header ul li a.ber:active  {color: #fffeff;}

#header ul li a.eri:link    {color: #ffffff;}
#header ul li a.eri:visited {color: #ddd007;}
#header ul li a.eri:hover   {color: #fdf007;}
#header ul li a.eri:active  {color: #fdf007;}

#header ul li a.lei:link    {color: #ffffff;}
#header ul li a.lei:visited {color: #c3050d;}
#header ul li a.lei:hover   {color: #e3152d;}
#header ul li a.lei:active  {color: #e3152d;}

#header ul li a.leu:link    {color: #ffffff;}
#header ul li a.leu:visited {color: #a2b77c;}
#header ul li a.leu:hover   {color: #c2d79c;}
#header ul li a.leu:active  {color: #c2d79c;}

#header ul li a.lev:link    {color: #ffffff;}
#header ul li a.lev:visited {color: #c68b69;}
#header ul li a.lev:hover   {color: #e6ab89;}
#header ul li a.lev:active  {color: #e6ab89;}

#header ul li a.luc:link    {color: #ffffff;}
#header ul li a.luc:visited {color: #858e59;}
#header ul li a.luc:hover   {color: #a5ae79;}
#header ul li a.luc:active  {color: #a5ae79;}

#header ul li a.mar:link    {color: #ffffff;}
#header ul li a.mar:visited {color: #9e9d98;}
#header ul li a.mar:hover   {color: #bebdb8;}
#header ul li a.mar:active  {color: #bebdb8;}

#header ul li a.med:link    {color: #ffffff;}
#header ul li a.med:visited {color: #0e2a6b;}
#header ul li a.med:hover   {color: #0e4a8b;}
#header ul li a.med:active  {color: #0e4a8b;}

#header ul li a.mei:link    {color: #ffffff;}
#header ul li a.mei:visited {color: #de713d;}
#header ul li a.mei:hover   {color: #fe915d;}
#header ul li a.mei:active  {color: #fe915d;}

#header ul li a.msa:link    {color: #ffffff;}
#header ul li a.msa:visited {color: #b29316;}
#header ul li a.msa:hover   {color: #d2a336;}
#header ul li a.msa:active  {color: #d2a336;}

#header ul li a.mst:link    {color: #ffffff;}
#header ul li a.mst:visited {color: #de1619;}
#header ul li a.mst:hover   {color: #fe3639;}
#header ul li a.mst:active  {color: #fe3639;}

#header ul li a.mer:link    {color: #ffffff;}
#header ul li a.mer:visited {color: #d73101;}
#header ul li a.mer:hover   {color: #f75101;}
#header ul li a.mer:active  {color: #f75101;}

#header ul li a.mob:link    {color: #ffffff;}
#header ul li a.mob:visited {color: #bbbbbb;}
#header ul li a.mob:hover   {color: #dbdbdb;}
#header ul li a.mob:active  {color: #dbdbdb;}

#header ul li a.nik:link    {color: #ffffff;}
#header ul li a.nik:visited {color: #a25b27;}
#header ul li a.nik:hover   {color: #c27b47;}
#header ul li a.nik:active  {color: #c27b47;}

#header ul li a.nop:link    {color: #ffffff;}
#header ul li a.nop:visited {color: #d6cdb8;}
#header ul li a.nop:hover   {color: #f6edd8;}
#header ul li a.nop:active  {color: #f6edd8;}

#header ul li a.pie:link    {color: #ffffff;}
#header ul li a.pie:visited {color: #492b29;}
#header ul li a.pie:hover   {color: #694b49;}
#header ul li a.pie:active  {color: #694b49;}

#header ul li a.ren:link    {color: #ffffff;}
#header ul li a.ren:visited {color: #d55901;}
#header ul li a.ren:hover   {color: #f57921;}
#header ul li a.ren:active  {color: #f57921;}

#header ul li a.rih:link    {color: #ffffff;}
#header ul li a.rih:visited {color: #bc9e35;}
#header ul li a.rih:hover   {color: #dcae55;}
#header ul li a.rih:active  {color: #dcae55;}

#header ul li a.rui:link    {color: #ffffff;}
#header ul li a.rui:visited {color: #cf050c;}
#header ul li a.rui:hover   {color: #ef051c;}
#header ul li a.rui:active  {color: #ef051c;}

#header ul li a.san:link    {color: #ffffff;}
#header ul li a.san:visited {color: #9a50a4;}
#header ul li a.san:hover   {color: #ba70c4;}
#header ul li a.san:active  {color: #ba70c4;}

#header ul li a.sch:link    {color: #ffffff;}
#header ul li a.sch:visited {color: #03b2ce;}
#header ul li a.sch:hover   {color: #13d2ee;}
#header ul li a.sch:active  {color: #13d2ee;}

#header ul li a.sco:link    {color: #ffffff;}
#header ul li a.sco:visited {color: #930b0c;}
#header ul li a.sco:hover   {color: #b32b1c;}
#header ul li a.sco:active  {color: #b32b1c;}

#header ul li a.sop:link    {color: #ffffff;}
#header ul li a.sop:visited {color: #886f47;}
#header ul li a.sop:hover   {color: #a88f67;}
#header ul li a.sop:active  {color: #a88f67;}

#header ul li a.dui:link    {color: #ffffff;}
#header ul li a.dui:visited {color: #0c6e6b;}
#header ul li a.dui:hover   {color: #2c8e8b;}
#header ul li a.dui:active  {color: #2c8e8b;}

#header ul li a.sta:link    {color: #ffffff;}
#header ul li a.sta:visited {color: #d6c03e;}
#header ul li a.sta:hover   {color: #f6e05e;}
#header ul li a.sta:active  {color: #f6e05e;}

#header ul li a.stu:link    {color: #ffffff;}
#header ul li a.stu:visited {color: #94de2f;}
#header ul li a.stu:hover   {color: #b4fe4f;}
#header ul li a.stu:active  {color: #b4fe4f;}

#header ul li a.swi:link    {color: #ffffff;}
#header ul li a.swi:visited {color: #9499ac;}
#header ul li a.swi:hover   {color: #b4b9cc;}
#header ul li a.swi:active  {color: #b4b9cc;}

#header ul li a.tim:link    {color: #ffffff;}
#header ul li a.tim:visited {color: #373e4d;}
#header ul li a.tim:hover   {color: #575e6d;}
#header ul li a.tim:active  {color: #575e6d;}

#header ul li a.tum:link    {color: #ffffff;}
#header ul li a.tum:visited {color: #270901;}
#header ul li a.tum:hover   {color: #472921;}
#header ul li a.tum:active  {color: #472921;}

#header ul li a.twi:link    {color: #ffffff;}
#header ul li a.twi:visited {color: #a65d42;}
#header ul li a.twi:hover   {color: #c67d62;}
#header ul li a.twi:active  {color: #c67d62;}

#header ul li a.vab:link    {color: #ffffff;}
#header ul li a.vab:visited {color: #ddc700;}
#header ul li a.vab:hover   {color: #fde700;}
#header ul li a.vab:active  {color: #fde700;}

#nav {
  color: #444444;
  font-size: 18px;
  font-weight: bold;
  position: fixed;
  top: 50px;
  right: 20px;
/*
  position: absolute;
  bottom: 8px;
  left: 50%;
  margin-left: -150px;
  width: 300px;
*/
  z-index: 5;
  }

#nav span {
  float: left;
  padding: 2px 0 0;
  }

#nav a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  float: left;
  margin-left: 6px;
/*
  width: 30px;
  height: 18px;
  background: url(img/elements-page.png) no-repeat 0 center;
  text-indent: -9999px;
*/
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=5);
  }

#nav a#rsc {
  background-position: -30px center;
  }

#nav a:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  }

/* #footer */
#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 98%;
  padding: 10px 1%;
  background-color: #000000;
  }

#footer a {
  color: #333333;
  padding: 0;
  text-decoration: none;
  }

#footer a:hover {
  color: #666666;
  }

#footer ul {
  padding-left: 1%;
  }

#footer ul.scfw_24px {
  float: right;
  }

#footer ul.scfw_24px li {
  margin-left: 10px !important;
  }

#footer ul li {
  list-style: none;
  list-style-image: none;
  float: left;
  margin: 0 25px 0 0;
  }

#footer ul li a {	
  display: block;
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  }

#footer ul li.current_page_item a, #footer ul li.current_page_parent a {
  color: #000000;
  }

#footer p {
  padding: 0 1%;
//  font-size: 12px !important;
  font-size: 12px;
  color: #333333;
  }

#footer p.slogan {
  color: #ffffff;
  letter-spacing: 0.8em;
  font-family: sans-serif;
  font-size: 1.4em;
  text-align: right;
  }

/* content */
.content {
	position: absolute;
	top: 10%;
	font-size: 13px;
	padding: 0 20px 0 211px;
	color: #cccccc;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

.page-template-default .content {
	padding: 58px 0 0 280px;
	width: 500px;
	line-height: 1.5em;
}
.content h1 {
	color: #ffffff;
	margin-bottom: 1em;
}
.content h2 {
	margin-bottom: .75em;
}
.content h1, .content h2, .content h3 {
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
}
.content .alignleft {
	float: left;
	margin-right: 20px;
}

#cboxLoadedContent h2 {
	font-family: "Arial Black", Impact, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
 	margin: 0 0 12px 0;
}
#cboxLoadedContent p {
	text-align: justify;
}
.content ul, .content ol, #cboxLoadedContent ul, #cboxLoadedContent ol {
	padding: 0 0 5px 25px;
}
.content ul ul, .content ol ol {
	padding: 0 0 5px 15px;
}
.content ul.arrow {
	padding: 20px 0 10px 0;
}
.content ul.arrow li {
	list-style: none;
	padding-left: 30px;
	background: url(img/elements-page.png) no-repeat -90px center;
}
.content ul li, #cboxLoadedContent ul li {
	padding: 2px 0 3px 0;
}
.content ol li, #cboxLoadedContent ul li {
	padding: 2px 0 3px 0;
}
/* horizontal gallery */
.content table#pics {
	display:none;
	border-collapse: collapse;
}
.content table#pics td {
	margin: 0;
	cursor: pointer;
	border-right: 2px solid #000;
}
.content table#pics td.current {
}
.content table#pics td img {
	height: 600px;
	/*
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}
.content table#pics td.current img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	*/
}
/* blog list */
.content .post_left {
	float: left;
}
.content .post_right {
	margin-left: 320px;
}
.content a {
	color: #ffffff;
	text-decoration: none;
}
.content a:hover {
	border-bottom-color: #999999;
}
.content h2 a {
	font-size: 18px;
}
.content .entry-meta {
	color: #999999;
	margin-bottom: 12px;
}
.content .entry-utility {
	color: #999999;
	margin: 18px 0 12px;
}
.content .entry-meta a, .content .entry-utility a {
	color: #666666;
}
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 9px 0;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
	width: 500px
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
form#mc-embedded-subscribe-form {
	
}
form#mc-embedded-subscribe-form label {
	font-size: 1.25em;
}
form#mc-embedded-subscribe-form input {
	color: #cccccc;
	background-color: #333333;
	border: 1px solid #333333;
	padding: 3px;
}
form#mc-embedded-subscribe-form input.email {
	width: 170px;
}
form#mc-embedded-subscribe-form input:hover, form#mc-embedded-subscribe-form input:focus {
	border-color: #666666;
}

/* colorbox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000000; padding:5px;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(img/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #cccccc;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #ffffff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #ffffff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #ffffff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #ffffff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* OSX Lion scrollbar
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(201,201,201,.5);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
}
*/
