/*
Theme Name: JH
Theme URI: http://www.jesihaackweddings.com
Description: The Amazing Jesi Haack Weddings Custom built
Version: 1.0
Author: Tim @ <a href="http:///www.24medium.com">24medium</a>.
Author URI: http://24medium.com/
Tags: Custom, Jesi Haack, Wedding Event Planner.

*/

a:link{color:#d4de23;}
a:hover{color:#333;}
a:visited{color:#d4de23;}

@font-face {
  font-family: 'nashvill';
  src: url('http://www.jesihaackweddingsblog.com/fonts/NASHVILL.TTF');
}
@font-face {
  font-family: 'roundup';
  src: url('http://www.jesihaackweddingsblog.com/fonts/Roundup.ttf');
}
@font-face {
  font-family: 'carnevalee';
  src: url('http://www.jesihaackweddingsblog.com/fonts/Carnevalee.ttf');
}

@font-face {
  font-family: 'ivory-headline';
  src: url('http://www.jesihaackweddingsblog.com/fonts/Ivory-Headline.otf');
}


.captiony{font-family:ivory-headline;}

p.yada{font-family:century gothic; font-weight:bolder;}


.q1{ background-image:url(images/q1.png); margin-top:-5px; width:36px; height:32px; float:left; background-position:center;}
.q2{background-image:url(images/q2.png); width:36px; height:32px; float:right; margin:-30px 0px 0px 0px; background-position:center;}
.clear{display:block; clear:both;}

#pressimg{width:860px; margin:0px auto; display:block; clear:both;}
#pressimg img{padding:0px; margin:0px;}


/* Begin Typography & Colors */
body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Century Gothic, 'Lucida Grande', Verdana, Arial, Sans-Serif;background: #d5d6d7 url('images/bg.png');background-position:center;color: #333;text-align: center; margin: 0 0 20px 0;padding: 0;}

#mainbg{ background-image:url(images/mainbg.png); background-repeat:repeat; width:1000px; height:100%; margin:0px auto; padding:40px 0px 40px 0px;}

#page {text-align: left;margin: 0px auto;padding: 0;width: 920px;}

#header {margin: 0 auto;padding: 0;height: 65px;width: 1000px;}

#logo{background-image:url(images/logo.png); background-repeat:no-repeat; width:200px; height:202px; position:relative; margin:0px auto; z-index:10;}
#logo a{display:block; width:100%; height:100%; outline:none;}

#twitter_div{margin:0 0 30px 0;}

#twitter_div li{list-style:none; margin-bottom:15px; color:#000000;}
#twitter_update_list li{list-style:none; margin-bottom:15px; color:#000000;}

##twitter_update_list ul{margin:10px 0px 10px 0px;}

/* FORM */
#contactme{text-align:left; float:left; width:320px; margin-right:25px; border-right:dashed 1px;}

.wpcf7-form{text-align:left;}
input, textarea, select {
	font: normal 1em/1.4em Arial, Helvetica, sans-serif;
}
input[type=text], input[type=password], textarea {
	background: gainsboro;
	border: solid 1px #d6d1c7;
	padding: 5px 7px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
	border: solid 1px #d4de23;
	background: #fff;
	outline: none;
	box-shadow: 0 1px 4px #c5c5a2;

	-webkit-box-shadow: 0 1px 4px #c5c5a2;
	-moz-box-shadow: 0 1px 4px #c5c5a2;
}
input[type=reset], input[type=submit] {
	font-weight: bold;
	color: #fff;
	background: #d4de23;
	border: solid 1px #d4de23;
	padding: 4px 15px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
input[type=reset]:hover, input[type=submit]:hover {
	background: #333;
	border: solid 1px #333;
}

/* Slide Show */

#slideshow {
    position:absolute;
    height:480px;
	overflow:hidden;
	z-index:2;
	width:896px; 
	margin:-1px auto; 
	}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:896;
	height:480px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Footer btns */

#follow{background-image:url(images/follow.png); background-repeat:no-repeat; height:50px; float:right; width:175px; margin:7px 0px 0px 0px;}
#follow a{display:block; width:100%; height:100%; outline:none;}

#blog{background-image:url(images/blog.png); background-repeat:no-repeat; height:50px; float:right; width:70px; margin:3px 0px 0px 0px;}
#blog a{display:block; width:100%; height:100%; outline:none;}

#websitebtn{background-image:url(images/website_btn.png); background-repeat:no-repeat; height:50px; float:right; width:125px; margin:3px 0px 0px 0px;}
#websitebtn a{display:block; width:100%; height:100%; outline:none;}


#weddinga{background-image:url(images/wedding.png); background-repeat:no-repeat; height:50px; float:right; margin:5px 0px 0px 0px; width:85px;}
#weddinga a{display:block; width:100%; height:100%; outline:none;}

/* Blog Toper */

#aboutblog{height:40px; width:845px; margin:0px auto;}
#aboutinfo{float:left; width:350px; font-size:12px;}
#searchbar{height:40px; float:right; width:250px;}

/* end of footer buttons */

/* top buttons and menu */
.btn{float:left; width:115px; margin:12px 0 0; height:25px; text-align:center;}
.btn a{display:block; width:100%; height:100%;}

.btnr{float:right; width:115px; margin:12px 0 0; height:25px; text-align:center;}
.btnr a{display:block; width:100%; height:100%;}


#menu{width:920px; background-image:url(images/menu.png); height:38px; font-family:century gothic; text-transform:uppercase; font-size:14px;}
#menu a{color:#D4DE23; text-decoration:none; outline:none;}

#menu a:hover{color:#FFFFFF; text-decoration:none;}



#homecontent{width:895px; margin:-1px auto; min-height:480px; background-color:#FFFFFF; background-image:url(images/ajax-loader.gif); background-position:center; background-repeat:no-repeat;}


#bound{background-image:url(images/content.png); background-repeat:repeat-y;}


#content {font-size: 1.2em; background-color:#FFFFFF; margin-top:0px;}

.piclenselink{display:none;}
	
	
#footer {padding: 0;margin: 0 auto;width: 920px;clear: both; background-image:url(images/footer.png); height:60px; background-repeat:no-repeat;}

#footer p {margin: 0;padding: 20px 0;text-align: center;}
	



.widecolumn .entry p {font-size: 1.05em;}

.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}

.widecolumn {line-height: 1.6em;}

.narrowcolumn .postmetadata {text-align: center;}

.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}

.even, .alt {border-left: 1px solid #ddd;}

#footer {border: none;}

small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}

h1, h2, h3 {font-family: 'carnevalee', 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: lighter;}

h1 {font-size: 4em;text-align: center;}


h2 {font-size: 24px; font-weight:lighter; color:#333333;}

h2.pagetitle {font-size: 24px;}



h3 {font-size: 1.3em;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color:#D4DE23;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { color:#333;text-decoration: none;}

.entry p a:visited {color: #b85b5a;}

.sticky {background: #f7f7f7;padding: 0 10px 10px;}
.sticky h2 {padding-top: 10px;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}

.commentlist li {font-weight: bold;}

.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;}

.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}

.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}

#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentmetadata {font-weight: normal;}


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {color: #d4de23;text-decoration: none;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}

#wp-calendar a {text-decoration: none;}

#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}

#wp-calendar th {font-style: normal;text-transform: capitalize;}
/* End Typography & Colors */



/* Begin Structure */

/* Begin Sidebar */
#sidebar{padding: 10px 0 10px 0;margin-left: 16px; margin-top:-36px; float:left; width: 190px; background-color:DarkGray; background-image:url(/images/bg.png); background-repeat:repeat; border:dashed 1px;}

#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif;font-size:15px; margin:5px 0px 0px 10px; color:#d4de23;}
#sidebar a{color:black;}
#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

#twitter_update_list a{color:#d4de23;}
#twitter_update_list{color:black;}
#sidebar form {margin: 0;}
/* End Sidebar */



.narrowcolumn {float:right; padding: 0 20px 20px 0px;margin: 0px 14px 0px 0px;width:850px;}
.singlecolumn {padding: 0 20px 20px 0px; margin: 0px auto; width:660px; clear:both; display:block; margin-top:30px;}

.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;}

.post {margin: 0 0 40px;text-align: justify;}

.post hr {display: block;}

.widecolumn .post {margin: 0;}

.narrowcolumn .postmetadata {padding-top: 5px;}

.widecolumn .postmetadata {margin: 30px 0;}

.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}

.widecolumn .attachment {text-align: center;margin: 5px 0px;}

.postmetadata {clear: both;}

.clear {clear: both;}


/* End Structure */



/*	Begin Headers */
h1 {padding-top: 70px;margin: 0;}

h2 {margin: 30px 0 0;}

h2.pagetitle {margin-top: 30px;text-align: center;}

h3 {padding: 0;margin: 30px 0 0;}

h3.comments {padding: 0;margin: 40px auto 20px ;}
/* End Headers */



/* Begin Images */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}

html>body .entry li {margin: 7px 0 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}

.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;}

#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}

#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}

#sidebar #searchform #s {width: 108px;padding: 2px;}

#sidebar #searchsubmit {padding: 1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}

select {width: 130px;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}

#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
/* End Form Elements */



/* Begin Comments*/
.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;text-align: justify;}

.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}

.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0;}

#commentform p {margin: 5px 0;}

.nocomments {display:none;text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}
/* End Comments */






/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}

#wp-calendar #next a {padding-right: 10px;text-align: right;}

#wp-calendar #prev a {padding-left: 10px;text-align: left;}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {text-align: center;width: 100%;}

#wp-calendar td {padding: 3px 0;text-align: center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #999;}

blockquote {margin: 15px 30px 0 10px;padding-left: 20px;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;}

a img {border: none;}

.navigation {display: block;text-align: center;margin-top: 40px;margin-bottom: 60px; padding-top: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;	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

.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 */



/* Boom Portfolio baby */
/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
	width:260px;
    height: 160px;
    padding: 5px;
    margin-bottom: 10px;
	margin-right:10px;
    border: 1px solid #fff;
	float:left;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: center;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:10px 0 4px 74px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	display:none;
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;

	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




/* "Twenty years from now you will be more disappointed by the things that you didn’t do than by the ones you did so. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover. (Mark Twain)" */