/*
Theme Name: Leroy
Theme URI: http://www.wynia.org
Description: The theme to use as the basis for your own. Take your HTML design and make it a Wordpress theme. Licensed for any use. I only ask for links back if you make your own theme out of it.
Version: 1.0
Author: J Wynia j@wynia.org
*/

body {
	background: #000000;
	/** background: #d7d7d7; **/
	font-size: 14px;
	line-height: 140%;
	margin: 0px;
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}

a, a:visited {
	color: #336699;
}

a:hover {
	color: #000000;
}

h2 {
	font-size: 22px;
	font-weight: lighter;
	margin: 0px;
}

h2 a {
	color: #336699;
	text-decoration: none;
}

h3 {
	font-size: 18px;
}

#container {
	width: 940px;
	margin: 0px auto 0px auto;
	padding: 235px 0px 0px 0px;
	background: url(images/top.jpg) no-repeat top left #ffffff;
}

#content, #content-news, #content-news2, #content-guestbook {
	padding: 8px;
	background: url(images/content-bg.jpg) repeat-x;
}

#content-news {
	background: url(images/homeback.jpg) no-repeat top left;
	padding: 215px 0px 0px 390px;
	height: 465px;
}

#content-news2 {
	background: url(images/news-bg.jpg) no-repeat top left #a8bac4;
	padding: 8px;
	min-height: 465px;
}

#content-guestbook {
	background: url(images/guestbook-bg.jpg) no-repeat top left;
	padding: 20px 0px 0px 430px;
	height: 935px;
}

#content2 {
	padding: 8px;
	border: 1px #cccccc solid;
	background: #ffffff;
	margin-top: 10px;
}

.size-medium {
	background-color:#FFFFFF;
	border:1px solid #bdbdbd;
	margin: 5px;
	padding:4px;
	position:relative;
}

.size-medium:hover {
	background-color: #bdbdbd;
}

.post-home img {
	background-color:#FFFFFF;
	border:1px solid #bdbdbd;
	margin: 5px 8px 5px 0px;
	padding:4px;
	position:relative;
}

.post-home img:hover {
	background-color: #fff;
}

.post-edit-link {
	display: none;
}
	
	

#subscribe {
	background: #d6d6d6;
	padding: 8px;
	width: 602px;
	float: right;
	margin-bottom: 8px;
}

#subscribe img {
	margin: 0 7px 0 0;
	border: 1px solid #ccc;
}

address {
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}
	

.grey {
	color: #666666;
}

.nodisplay {
	display: none;
}


/**** NEWS STYLINGS ****/

.post-home {
	border: #cccccc 1px solid;
	padding: 8px;
	background: #ffffff;
	width: 600px;
	float: right;
	margin-bottom: 8px;
}

.comment {
	border: #cccccc 1px solid;
	padding: 8px;
	width: 300px;
	margin-bottom: 8px;
	background: #ffffff;
}

.news-pages {
	width: 430px;
	float: right;
}

.post-title {
	font-size: 22px;
}


/**** CART ****/

.shopping_cart{
	background: #ffffff;
	width: 412px;
	padding: 8px;
	border: 1px #cccccc solid;
	margin-left: 146px;
	margin-bottom: 40px;
	font-family: Tahoma, Helvetica, Verdana, sans-serif;
}

/**** BACK BUTTON ****/

.back {
	display: block;
	width: 71px;
	height: 25px;
	background: url(images/back.jpg);
}

.back:hover {
	background: url(images/back-over.jpg);
}

/**** CONTACT ****/

#contact {
	width: 400px;
	padding: 0px 8px 8px 58px;
	float: right;
}

.wpcf7-not-valid-tip {
	color: #000000;
}

.wpcf7-response-output {
	float: right;
	width: 660px;
}

.commentsform {
	width: 450px;
	border: 1px #cccccc solid;
	padding: 8px;
	margin-top: 8px;
	background: #ffffff;
}

/**** EVENTS ****/

.eventstable {
	width: 670px;
	border-collapse: collapse;
	margin: 0px auto 0px auto;
}

.events-rows {
	vertical-align: top;
	border-top: 1px #cccccc solid;
}

.events-date, .events-tickets, .events-venue, .events-details {
	padding: 7px 0px;
	border-top: 1px #cccccc solid;
}

.events-details {
	width: 250px;
}

.events-date {
	width: 150px;
}

.events-labelsDate, .events-labelsTickets, .events-labelsVenue, .events-labelsNotes {
	padding-bottom: 4px;
}

/**** CLEARS ****/

.clr {
	clear: both;
}

.clr-left {
	clear: left;
}

.clr-right {
	clear: right;
}

/**** FOOTER ****/

#footer {
	font-size: 11px;
	text-align: center;
	padding: 7px 8px 10px 0px;
	background: #000000;
	color: #ffffff;
	font-family: Tahoma, Helvetica, Verdana, sans-serif;
}

#footer p {
	margin-top: 0px;
}

#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

/**** ALBUMS ****/

.albums-post td {
	vertical-align: top;
}

.albums-post h2 {
	margin-bottom: 0px;
}

.albums-post {
	padding: 8px;
	border: 1px #cccccc solid;
	min-height: 230px;
	margin-bottom: 8px;
	background: #ffffff;
}

.albums-post ol {
	background: #e6e6e6;
}

.coverart {
	margin-right: 6px;
	margin-top: 8px;
	border: 1px #cccccc solid;
}

/**** MENU ****/

#menu {
	height: 25px;
	font: 18px Candara;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing : 2px;
	padding-top: 3px;
	hover: true;
}

#menu a {
	text-decoration: none;
	color: #ffffff;
	zoom: 1;
}

#menu a:visited {
	color: #ffffff;
}

#menu a:hover {
	color: #83bcef;
}

#menu img {
	border: 0px;
}

#menu ul {	
	margin: 0px;
	padding: 0px;
}

.page_item {
	display: inline;
	list-style-type: none;
	height: 12px;
	margin-left: 18px;
}

.firstlink {
	display: inline;
	list-style-type: none;
	padding: 0px 9px 0px 0px;
	margin: 2px 0px;
	height: 12px;
}


/**** GUESTBOOK ****/

#entryframe {
		height: 500px;
		width: 390px;
		overflow: -moz-scrollbars-vertical;
		overflow-x: none;
		overflow-y: auto;
		margin-bottom: 30px;
		margin-left: -8px;
		padding: 7px;
		background: #eeeeee;
}

/**** VIDEO ****/


/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu {
	position:relative;
	height:40px;
	
	/* black background with a gradient */
	background:#000 url(/images/hulu.png) repeat-x 0 -4px;
	width:500px;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	width: 46px;
	height: 40px;
	display:block;
	text-indent:-9999em;
	background:url(/images/hulu.png) no-repeat 10px -61px;
	cursor:pointer;
	border-right:1px solid #000; 
}

div.hulu a.play:hover {
	background-position:10px -105px;	
}

/* pause state */
div.hulu a.pause { 
	background-position:11px -148px;
}

div.hulu a.pause:hover {
	background-position:11px -192px;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:285px;
	border-left:1px solid #999;
	height:40px;	
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#0058a9;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:40px;
	border-right:1px solid #00488a;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#0058a9;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
}

div.hulu div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.hulu div.time {
	position:absolute;		
	width:129px;
	left:330px;
	padding:12px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:460px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(/images/hulu.png) no-repeat 5px -323px;
}

div.hulu a.mute:hover {
	background-position:5px -367px;	
}

/* unmute state */
div.hulu a.unmute {
	background-position:5px -235px;	
}

div.hulu a.unmute:hover {
	background-position:5px -279px;	
}


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

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

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* 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: 5px;
    border: 1px solid #cccccc;
} 

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

.ngg-albumtitle {
	text-align: left;
 	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 #cccccc;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.bgg-thumbnail img:hover {
	background-color: #cccccc;
}

.ngg-description {
	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 #cccccc;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

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

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