/* Let's begin! */
/*we set this for elastic design sizing*/
/*this is for IE*/



* { font-size: 100%; -webkit-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%; }
html, body { height: 100%; }

html{
font-size: 100%;
 height:100%; min-height: 100%;
} 

body{
font-size: 1em;
font-family:Seravek Light, Seravek, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-weight:lighter;
text-align: left;
color: #666;
background: #ffffff;
padding: 0;
margin: 0;
height:100%; min-height: 100%;
}

html, body{ height:100%; min-height: 100%; }

/* Wrappers */
/*SIZE*/
#pageWrapper { min-height: 100%; width:100%;/*SB*/ /*margin:0 auto;*/ position:relative;}
/*SIZE*/
#leftCol{
	width:100%;
	/*float: left;*/
	top:20px;
	left:30px;
	line-height:1em;
}

.headpad{
	background-color:#FFF;
/*size height:5px;*/
	
}
/*SIZE*/
#rightCol{
	 min-height: 100%;
	/*margin-left:175px;*/
	width:100%; /*SB*/
}


.one-third{
	float:left;
	width:100%;
}
.two-thirds{
	float:left;
	width:100%;
}
#bodywrapper{
	padding-bottom:00px;
}

/* Logo */
/*size*/
/*#header #logo { margin: 30px 0px 30px 0px; padding-left:25px;}*/
#header #logo { margin: 0px 0px 0px 0px; padding-left:5px; padding-top:15px;}
#logo { text-transform:uppercase; font-size:1em;}
#logo a:visited{color:#333; }
#logo a:link{color:#333; }
#logo a:hover{color:#000; }

/* Header */
#header {}

#menu-pad{
	display:block;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:5px;
	right:5px;
	z-index:200;
	width:30px;
	height:30px;
}
#menu-pad img{
	max-width:100%;
}



#footerWrapper{
	position:absolute;
	bottom:0;
	width:100%;
	height:20px;
}
#copyright{
	color:#333333;
	font-size:.8em;
	
	}


/* Header Menu */
ul#head-nav { padding:0; padding-top:10px; padding-bottom:10px; list-style:none; width:100%; display:none; text-align:center; background-color:#eee; margin-top:15px;}
ul#head-nav ul { z-index: 1000; padding-top:10px; padding-bottom:10px; height:auto; left:auto; position:static; padding-left:0px;  visibility:visible; top:auto; }
ul#head-nav li { position: relative; list-style: none; padding: 3px 0; margin:0; float:none;}
ul#head-nav li a, ul#head-nav li a:visited{font-size:1.2em; float:none; line-height:1.2em; }
ul#head-nav li a:hover, ul#head-nav a:visited:hover {  text-decoration: none; }
ul#head-nav li a:active, ul#head-nav li a:visited:active { color: #ffffff; }

/* when hovering on 1*/
ul#head-nav ul li {padding:3px 0; border:none; }




.current a{
	color:#222;
}

ul#head-nav ul li.current a{
	color:#222;
}



/* Breadcrumbs */
#forum_breadcrumbs { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 0px #ffffff; }
#forum_breadcrumbs a:hover { text-decoration: underline; }

/* Content */
/*SIZE*/
#content { width: 100%;/*SB*/ min-height: 100%;/*SB*/ /*padding: 7px 0 5px 0;*/ margin: 0;}

/*SIZE - was padding 25px all round*/
.post { padding: 0px 5px 0px 5px; }
/*.post { padding: 5px 35px 35px 25px; background-color: #f9f9f9; border: 1px solid #ffffff; outline: 1px solid #d1d1d1; }
*/
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { padding: 0 0 0 0; color: #333; }

.post p a:link{color:#000;}
.post p a:visited{color:#000;}
.post p a:hover{color:#666;}
.post h2 a:link{color:#000;}
.post h2 a:visited{color:#000;}
.post h2 a:hover{color:#666;}
.post ul { padding: 0 0 0 5px; }
.post img { margin: 0 0 0 0; border: none; width:100%;}

.post_heading h2{text-transform:none; font-size:1.25em; margin:0 0 0 0.5em;}
.post_heading p{padding:0; line-height:1em; margin:.5em 1em 0 1em;}
.post_category{float:left; width:90%;}
p.post_date{float:left; margin-right:1em; padding-right:0px;}
.post_body{margin:4em 0 0 0;}
.post_body p{margin:0.5em 1em 0 1em;}

hr {border: none 0; 
border-top: 1px solid #000;/*the border*/
width: 100%;
border-color:#999999;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.blog_article { padding: 15px 0 15px 0; border-bottom: 1px dashed #cfcfcf; }
/*p.article_date { width: 665px; background-color: #e8e8e8; font-size: 12px; padding: 5px 0 5px 10px; margin: 0 0 25px 0; float: left; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
*/

/* Comments */
#comments_container { padding: 25px 0 0 0; }
#comments_form_container { clear:both; width: 615px; padding: 15px; }
#comments_form_container p label { width: 625px; }
#comments_form_container textarea#message { background-color: #e8e8e8; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 25px 15px 25px 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #7d7d7d; letter-spacing: 0.5px; text-shadow: 1px 1px 0px #fbfbfb; }
ul#comment_list li { list-style: none; }
ul#comment_list li.comment img { float: left; }
p.comment_heading { margin: 6px; padding: 0; float: left; }
p.comment_date { width: 575px; background-color: #e8e8e8; font-size: 12px; padding: 5px 20px 5px 10px; margin: 0 0 25px 5px; float: left; border: 1px solid #fbfbfb; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
ul#comment_list li.comment { clear:both; }
ul#comment_list li.comment p { width: 550px; float: left; }
#comment-list-wrapper {	float:left;	width:45%; }
#comment-list-wrapper ul { list-style-type:none; margin:0; }
#comment-list-wrapper ul li { margin-bottom:10px; }
.comments_list li .gravatar { float:left; margin:0px 10px 5px 0px; }
.comments_list li .comment_date { font-size:10px; padding:0; }
fieldset#write-comment { float:right; padding: 1em;	width:45%; }

.fullwidth{
	padding-left:1.5em;
	padding-right:1.5em;
}
table{
	width:100%;
}



td{
	padding:5px 0px 5px 0px;
	font-size:1em;
	min-width:5em;
}


.ex_title{
	font-size:1em;
	color:#333;
}

.ex_place{
	font-size:.8em;
	color:#666;
}

/* Sidebar */
#sidebar { color: #666;  width: 100%; padding: 00px 0 00px 0;  margin-left:0px;  margin-top:1em;}
/*#sidebar { color: #666; text-shadow: 1px 1px #ffffff; width: 100%; padding: 20px 0 50px 0; float: left; margin-left:15px; }*/
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { margin:0; }
#sidebar #navigation { padding: 0 0 25px 0; }
#sidebar #navigation ul { width: 135px;color: #666; }
#sidebar #navigation ul li { list-style: none; padding: 0 0 15px 3px; color: #666;}





/* Twitter widget */
.widget ul.rss li { list-style:none; border-bottom: 1px solid #c9c9c9; padding: 10px 0 10px 0; }
.widget ul.rss li p.date { font-size: 11px; padding: 15px 0 0 0; }
.widget ul.rss li a { font-size: 12px; }


.widget.archive ul{display:none; margin-top:5px;}
.widget.blog_categories ul{display:none;margin-top:5px;}

/* Gallery widget */






#sidebar .slideshow2 { height: 300px; width: 300px; text-align:center; }
#sidebar .slideshow2 img { padding: 0px; border: 0px solid #ccc; background-color: #FFF;}



/* Footer */
#footerWrapper {position:absolute; bottom:0; }


#footer { font-size: 10px; letter-spacing: 0.5px;  height: 35px; position:relative; }

/* Header share widget*/
/*
#foot-widget{
	position:absolute;
	left:270px;
bottom:0;
font-size:12px;
margin-left: 10px;
width:300px;
}
#footer-nav{
	position:absolute;
	right:15px;
	bottom:0;
	text-align:right; 
	height:22px;
	width:300px;
}
*/
/* Footer Nav */
ul#foot-nav { color: #7f7f7f;   }
ul#foot-nav li { color: #7f7f7f; list-style: none; }
ul#foot-nav li a {  }
ul#foot-nav li a:hover {color: #222222;  }
ul#foot-nav li a.last { border: none; }

/* Widget */
#sidebar .widget {float:left; width:49%; letter-spacing: 0.2px; padding: 0 0 25px  }
#sidebar .widget ul { margin-left:0; }
#sidebar .widget h3{font-size:1em;}

/* Global Classes */
.nav-splitter { font-family: Arial, helvetica, sans-serif; font-size: 12px; }
.error-box, .notice-box, .success-box { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 0.5px; margin: 5px 0 10px 0; padding: 10px 10px 0; }
.error-box { background: #ffebe8 none repeat scroll 0 0; border: 1px solid #dd3c10; color: #dd3c10; }
.notice-box { background:#fffbe2 none repeat scroll 0 0; border: 1px solid #ffe222; color: #ffe222; }
.success-box {background: #eeffee none repeat scroll 0 0; border: 1px solid #99cc99; color: #99cc99; }
.error-box p, .notice-box p, .success-box p { padding: 0; margin-bottom: 10px; }





/*Gallery Stuff */
/*SIZE*/
.galleries_container {/*margin:10px 10px;*/ width:100%;/*SB*/ font-size:1em; padding-top:22px; /*margin-left:25px;*/}

/*size*/
.gallery {
	float:left; 
	width:50%; 
	padding-top:50%;
	position:relative;
  box-sizing: border-box;
  text-align:center;
  margin-bottom:15%;
}
.gal_title{ font-size:1em; text-align:center;}
.gals_images{display:none;}
.gallery_heading{
	position:absolute;
	font-size:.9em;
	top:0;
	left:0;
	padding:6px;
	max-width:100%;
	max-height:100%;
	text-align:center;
}

/*.gals_images{display:none;}*/
/*size*/
.image_link{display:block; /*min-height:260px;*/ text-align:center;}
.image_link:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.image_link img{
	width:100%;
}
/*SIZE*/

ul.galleries_list li { float: left; padding: 0 20px 0 0; list-style: none; width: 120px; height: 126px; border:none; }
ul.galleries_list li a img { max-width: 100px; max-height: 100px; }
.gallery_image_full img { max-width: 670px; border:none; padding:0 0 0 0; }


/*Gallery Stuff */


#gallery_image{padding:0 0 0 0;display:table; }
#gallery_image_full{display: table-cell; vertical-align:middle;margin-left: auto;
    margin-right: auto;text-align: center; border:none; }

#container{ margin: 0 auto; }

#gal_content {padding:0; margin: 0 auto; }


#gal_post {padding:0; margin: 0 auto; position:relative;}

#gal_post h4{
	/*SIZE
	margin-left:25px;*/
}

#gallery{margin:0 auto;}


/*SIZE*/
#home_slideshow { margin-top:2px; position: relative; width:100%;/*SB*/ min-height:600px; }

/* give each slide the same dimensions */
#home_slideshow a { width: 100%;}

/* make sure each slide image is centered */
#home_slideshow a img { width:100%;/*SB*/ margin:auto; display: block; border:none;  }

/*SIZE*/
.gallery_description{ 
	position:absolute;
	color:#aaa; 
	font-size:1em;
	display:none; 
	background-color:#EEE;
	width:100%;/*SB*/
	z-index:1;
	color:#000;
	overflow:auto;
}


/*SIZE */
.gallery_toggle{ float:right;  padding:5px 0 0 0; display:table-cell; vertical-align:bottom; 
margin-top:-.2em;
/*margin-right:25px;*/}
.gallery_toggle a{ font-size:0.8em;
}

/*SIZE*/
#gallery_title{ font-size:1em; padding:0 0 0 0; display:inline; color:#333; text-transform:capitalize; font-style:italic;}
#gallery_image{padding:0 0 0 0;display:table;}
#gallery_image_full{display: table-cell; vertical-align:middle;margin-left: auto;
    margin-right: auto;text-align: center; border:none; }


/*SIZE*/
#gal_content { width: 100%;/*SB*/ padding:0; margin: 0; }

/*#gal_post { padding: 5px 35px 35px 25px;}


#gal_post { padding: 5px 35px 35px 25px; background-color: #f9f9f9; border: 1px solid #ffffff; outline: 1px solid #d1d1d1; }
*/
#thumb_toggle{
	position:relative;
	margin-top:4px;
	float:left;
	width:16px;
	height:16px;

}

#thumb_toggle a{
	background-image:url(../img/thumbnail.png);
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	display:block;
	width:100%;
	height:100%;
}

#thumb_toggle a:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

div.pagination {
	clear: both;
}


div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	font-size:0.75em;
	display: block;
	float: left;
	margin-top:7px;
	margin-right: 2px;
	padding: 2px 7px 2px 1px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
.blog_pag div ul { float:left; margin: 0 auto; text-transform:uppercase; font-size:1em; letter-spacing:1em; margin-bottom:2em;}
.blog_pag div ul li { position: relative; list-style: none;  padding: 0; float: left;}
.blog_pag div ul li.active a{color:#000000;}

.blog_pag div a, .blog_pag div span.current,.blog_pag div span, .blog_pag div span.ellipsis {
	font-size:1em;
	float: left;
	margin-top:7px;
	margin-right: 2px;
	padding: 2px 1px 2px 1px;
	border: 1px solid #ccc;
}
.blog_pag div a:hover {
	background-color: #eee;
	text-decoration: none;
}
.blog_pag div span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.blog_pag div span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}



<!-- start of gallerific -->

div#container {
	overflow: hidden;
}
div.content {
/*	clear: both;*/
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	
}
/*SIZE*/
div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}
/*SIZE*/
div.controls {
	margin-top: 0px;
	/*margin-left: 25px;*/
}

/*SIZE*/
div.controls a {
	font-size:.8em;
	padding:5px 5px 5px 0px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	margin-left:10px;
	margin-top:5px;
	float: left;
}


/*SIZE*/
div.slideshow-container,
div.loader,
div.slideshow, span.image-wrapper {
	width: 100%;/*SB*/ /* This should be set to be at least the width of the largest image in the slideshow with padding */
	margin: 0 auto;
}



/*SIZE*/
div.loader,
div.slideshow 
div.caption-container {
	height: 100%;/*SB*/ /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}
/*SIZE*/
div.slideshow-container {
	text-align:center;
	position: relative;
	height:100%;
/*	clear: both; */
/*	float: left;*/
}


div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}

div.slideshow{
text-align:center;
}

div.slideshow span.image-wrapper {
	text-align:center;
	display: block;
	position:relative;
/*	position: absolute;*/

/*SIZE
	top: 17px;*/
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	/*line-height: 600px;*/ /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	max-width:100%;/*SB*/

}
div.caption-container {
}


span.image-caption {
}

div.caption-container, span.image-caption {
}


/*SIZE*/
div.caption {
	padding-top:5px;
	font-size:.8em;
}


/*SIZE*/
.caption_title{
	width:100%;
	margin:auto;
	text-align:center;
	float:left;
	color:#333;
}
/*SIZE*/
.caption_desc{
	width:100%;
	text-align:center;
	float:left;
	padding-top:5px;
}
/*SIZE*/
.caption_count{
	/*margin-right:25px;*/
	float:right;
}


div.image-title {
}
div.image-desc {
}
div.download {
	margin-top: 8px;
}


div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
.navigation-container {
	width:100%;
/*	margin-left:4px;
	position: relative;
	left: 50%;
	visibility:hidden;
*/
	display:none;
	position: relative;
	width:100%;
}

/*SIZE*/
div.navigation {
/*	margin-top:10px;
	padding-left:25px;
	padding-right:25px;*/
		width:100%;/*SB*/
	position:relative;
/**	position: relative;
	left: -50%;
	*/
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

#thumbs{
	position:relative;
	display:inline;
	float:left;
	width:100%;
}
ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width:100%;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}

/*size*/
ul.thumbs li{
  float:left;
  width: 33%;
  padding-top: 33%;
  box-sizing: border-box;
  position: relative;
  text-align:center;
  margin-bottom:8%;
	list-style: none;
}
ul.thumbs li a{
	position:absolute;
	top:0;
	left:0;
	padding:6px;
	max-width:100%;
	max-height:100%;
	text-align:center;
}

ul.thumbs img {
	max-width:100%;
}
/*
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}

ul.thumbs li{
	min-width:96px;
	width:32%;
}
ul.thumbs li a{
	width:100%;
}

ul.thumbs img {
	width:100%;
	border: none;
	display: block;
}
*/
div.navigation a.prev {
	padding-left:3px;
	/*size*/
	width:100%;
	height:30px;
	background-image: url(../img/prevPageArrowup.gif);	
}
div.navigation a.next {
	/*size*/
	width:100%;
	height:30px;
	background-image: url(../img/nextPageArrowdwn.gif);
}
<!-- end of gallerific -->

div.content{
display:block;
}
.gal366{
 width:100%;

}
.thumb366{

  float:left;
  width: 33%;
  padding-top: 42%;
  box-sizing: border-box;
  position: relative;
  text-align:center;
  margin-bottom:2%;
}
.thumb366int{
	position:absolute;
	top:0;
	left:0;
	padding:3px;
	max-width:100%;
	max-height:100%;
	text-align:center;
}
.title366{
	color:#333;
}
.thumb366int img{
	max-width:100%;
	max-height:100%;

}


/*
css debugging colours

.galleries_container {  background-color:#F00; }
#gal_content {border: solid 1px #000000; background-color:#3FF;}

#gal_post {border: solid 1px #000000; background-color:#F99;}


#leftCol{
}

.headpad{
	background-color:#FFF;
}
#rightCol{
	background-color:#CCC;
}

div.navigation-container {
	background-color:#0F9;
	}


div.navigation {
	background-color:#0F9;
	}
	
div.slideshow a.advance-link {
	background-color:#03F;
}
/*
over rides for larger screen sizes


*/
@media only screen and (min-width: 450px) {
.caption_title{
	margin-top:0px;
}
.caption_count{
	margin-top:-20px;

}
#thumb_toggle{
	margin-top:-20px;
}
div.nav-controls{
	margin-left:25px;
		margin-top:-20px;

}
.post_body{margin:2em 0 0 0;}
.post_category{width:auto;}
p.post_date{float:right;}

}
@media only screen and (min-width: 737px) {
#home_slideshow a img{
	width:auto;
	max-width:100%;/*SB*/
	max-height:90%;
}
div.slideshow img {
	width:auto;
	max-width:100%;/*SB*/
	max-height:90%;

}
.gallery {
	float:left; 
	width:33%; 
	padding-top:33%;
	position:relative;
  box-sizing: border-box;
  text-align:center;
  margin-bottom:15%;
}
.gal_title{ font-size:1em; text-align:center;}
.gals_images{display:none;}
.gallery_heading{
	position:absolute;
	font-size:1em;
	top:0;
	left:0;
	padding:6px;
	max-width:100%;
	max-height:100%;
	text-align:center;
}

}
/* Small tablet portrait */
@media only screen and (min-width: 769px) {

#pageWrapper { min-height: 100%; width:760px; margin:0 auto; position:relative;}
.headpad{
	background-color:#FFF;
	height:0px;
	
}

#leftCol{
	width:185px;
	float: left;
	top:20px;
	height:100%;
	padding-left:15px;
	padding-top:0px;

}
#rightCol{

	margin-left:200px;
	max-width:565px; 
}
#header #logo { margin: 30px 0px .75em 0px;padding-left:0px; padding-top:2px;}

#menu-pad{
	display:none;
}
h2{
	margin-left:0;
}
h3{
	font-size:1em;
	margin-left:1.5em;
}



.one-third{
	padding-left:0px;
	float:right;
	width:30%;
}
.two-thirds{
	float:left;
	padding-left:20px;
	width:60%;
}

h3.contact{
	font-size:.9em;
	margin-left:0.5em;
}


p {
	font-size:.9em;
	margin-left:.5em;
	margin-right:.5em;
	/*letter-spacing: 0.2px;*/
}
.fullwidth{
	padding-left:.5em;
	padding-right:.5em;
}


td{
	font-size:.9em;
}

/* Header Menu */
ul#head-nav { margin-top:0px; padding:0; padding-top:0px; list-style:none; width:auto; display:inline; visibility:visible; text-align:left;}
ul#head-nav ul { z-index: 1000; padding-top:10px; padding-bottom:10px; height:auto; left:auto; position:static; padding-left:15px;  visibility:visible; top:auto;}
ul#head-nav li { position: relative; list-style: none; padding: 3px 0; margin:0; float:none;}
ul#head-nav li a, ul#head-nav li a:visited{font-size:1em; float:none; }
ul#head-nav li a:hover, ul#head-nav a:visited:hover {  text-decoration: none; }
ul#head-nav li a:active, ul#head-nav li a:visited:active { color: #ffffff; }

/* when hovering on 1*/
ul#head-nav ul li {padding:3px 0; border:none; }

#sidebar { margin:0; }
#sidebar .widget {float:left; width:100%; letter-spacing: 0.2px; padding: 0 0 25px  }
#sidebar .widget ul { margin-left: 10px; }
#sidebar .widget h3{font-size:1em;}


#content { width: 545px; padding: 7px 0 0px 0; margin: 0;}

.post { padding: 25px 10px 0px 10px; }
.post_heading h2{margin:0 0 0 0;}

/*SIZE*/


.galleries_container {margin:10px 10px; width:565px; margin-left:25px;}
/*.gallery {padding:0px 25px 60px 0px; min-height:200px;width:auto; }

.image_link{min-height:200px;}
.image_link img{width:auto; min-width:0px; max-width:250px; max-height:200px; margin:auto;}
*/
#gal_post h4{
	margin-left:20px;
}


.gal366{
 padding-left:20px;
 padding-right:20px;
 padding-top:35px;
}


/*SIZE*/


#home_slideshow { margin: 20px 20px; position: relative; width: 505px; height: 404px; overflow: hidden; }

/* give each slide the same dimensions */
#home_slideshow a { width: 100%; padding-top:16px;}

/* make sure each slide image is centered */
#home_slideshow a img { margin: auto; display: block; width:auto; border:none;max-width: 505px; max-height: 404px; }


/*SIZE*/
.gallery_description{ 
	width:545px;
}

.gallery_toggle{margin-right:20px;}
/*SIZE*/
#gal_content { width: 545px;}
/*SIZE*/

/*SIZE*/
div.controls {
	margin-left: 20px;
}

/*SIZE*/

/*SIZE*/
div.slideshow-container,

div.slideshow, span.image-wrapper {
	width: 545px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
	margin: 0 auto;
	min-height:430px;
}

/*SIZE*/

div.slideshow 
div.caption-container {
	height: 530px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}
/*SIZE*/
div.slideshow-container {
	height: 430px;
}
div.slideshow span.image-wrapper {
	top: 17px;
}
div.slideshow a.advance-link {
	max-height:405px;
/*line-height: 600px;*/
}
.advance-link img{max-height:404px;}
div.slideshow img {
	width:100%;
	width:auto;
	max-width:505px;
	max-height:404px;

}

/*SIZE*/
.caption_count{
	margin-right:20px;
}
/*SIZE*/

div.navigation-container {
/*	margin-left:4px;
	position: relative;
	left: 50%;
	visibility:hidden;
*/
/*	visibility:hidden;*/
	position: absolute;
	top:50px;
	left:200px;
		width:520px;
}
#thumb_toggle{
	margin-left:20px;

}


div.navigation {
	margin-top:10px;
	padding-left:25px;
	padding-right:25px;
		width:550px;

}
/*
ul.thumbs li{
  float:left;
  width: 33%;
  padding-top: 33%;
  box-sizing: border-box;
  position: relative;
  text-align:center;
  margin-bottom:8%;
	list-style: none;
}
ul.thumbs li a{
	position:absolute;
	top:0;
	left:0;
	padding:6px;
	max-width:100%;
	max-height:100%;
	text-align:center;
}

ul.thumbs img {
	max-width:100%;
}
*/
/*size*/
/*
ul.thumbs li{
	min-width:72px;
	padding-top:0px;
	margin:0;
	width:auto;
	text-align:center;
}

ul.thumbs li a{
	position:relative;
	width:auto;
	width:89px;
	height:89px;
	padding:7px;
	text-align:center;
}

ul.thumbs img {
	width:auto;
	max-width:89px;
	max-height:89px;
	border: none;
	display: block;
	text-align:center;
	margin:auto;
}
*/

div.navigation a.prev {
	width:16px;
	height:45px;
	padding-left:3px;
	background-image: url(../img/prevPageArrow.gif);
	
}


div.navigation a.next {
	width:16px;
	height:45px;
	background-image: url(../img/nextPageArrow.gif);
}


.widget.archive ul{display:inline-block;}
.widget.blog_categories ul{display:inline-block;}


}
@media only screen and (min-width: 1020px) {
	/*SIZE*/
#pageWrapper {width:1000px;}

/*SIZE*/
#rightCol{
	max-width:800px; 
}

.one-third{
	padding-left:20px;
	float:right;
	width:30%;
}
.two-thirds{
	float:left;
	padding-left:20px;
	width:60%;
}

/*SIZE*/
#content { width: 800px; min-height: 500px; }
/*SIZE*/
.galleries_container {width:780px;}

h3{
	font-size:1.2em;
}

h3.contact{
	font-size:1em;
	margin-left:.5em;
}

p{
font-size:1em;
	margin-left:1.5em;
	margin-right:1.5em;

}

.fullwidth{
	padding-left:1.5em;
	padding-right:1.5em;
}

td{
	font-size:1em;
}

/*SIZE*/
#home_slideshow {width: 740px; height: 592px;}

/* make sure each slide image is centered */
#home_slideshow a img { max-width: 740px; max-height: 592px; }

/*
.gallery {padding:0px 75px 60px 0px; min-height:250px;width:auto; }
.gallery_heading{
	width:300px;
}

.image_link{min-height:260px;}
.image_link img{width:auto; min-width:0px; max-width:300px; max-height:240px; margin:auto;}

*/
/*SIZE*/
.gallery_description{ 
	width:750px;
}

#gal_content { width: 780px; }

/*SIZE*/
div.slideshow-container,
div.loader,
div.slideshow, span.image-wrapper {
	width: 780px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}
/*SIZE*/

div.slideshow 
div.caption-container {
	height: 520px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}
/*SIZE*/
div.slideshow-container {
	height: 620px;
}


div.slideshow a.advance-link {
line-height: 620px;
max-height:592px;
}
div.slideshow img {
	max-width:740px;
	max-height:592px;

}
.advance-link img{max-height:592px;}
/*SIZE*/
div.navigation {

		width:740px;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation-container {
		width:740px;
}




/*size*/
/*
ul.thumbs li{
	min-width:72px;
	width:auto;
	text-align:center;
}

ul.thumbs li a{
	width:auto;
	width:132px;
	height:132px;
	padding:8px;
	text-align:center;
}

ul.thumbs img {
	width:auto;
	max-width:132px;
	max-height:132px;
	border: none;
	display: block;
	text-align:center;
	margin:auto;
}

*/

/*size*/

}
@media only screen and (min-width: 1450px) {
	/*SIZE*/
	
body{
font-size: 1.3em;
}	
#pageWrapper {width:1320px;}

#leftCol{
	width:285px;
}
/*SIZE*/
#rightCol{
	max-width:1020px; 
	margin-left:300px;
}
/*SIZE*/
#content { width: 1020px; min-height: 500px; }
/*SIZE*/
.galleries_container {width:1000px;}


/*SIZE*/
#home_slideshow {width: 960px; height: 768px;}

/* make sure each slide image is centered */
#home_slideshow a img { max-width: 960px; max-height: 768px; }



/*SIZE*/
.gallery_description{ 
	width:960px;
}

#gal_content { width: 1000px; }

/*SIZE*/
div.slideshow-container,
div.loader,
div.slideshow, span.image-wrapper {
	width: 1000px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}
/*SIZE*/

div.slideshow 
div.caption-container {
	height: 500px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}
/*SIZE*/
div.slideshow-container {
	height: 800px;
}

div.slideshow a.advance-link {
line-height: 600px;
max-height:768px;
}
.advance-link img{max-height:768px;}
div.slideshow img {
	max-width:960px;
	max-height:768px;
}
/*SIZE*/
div.navigation {

		width:960px;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
/*size*/
div.navigation-container {
	top:60px;
		left:300px;
		width:960px;
}

/*size*/
/*
ul.thumbs li{
	min-width:72px;
	width:auto;
	text-align:center;
}

ul.thumbs li a{
	width:auto;
	width:176px;
	height:176px;
	padding:8px;
	text-align:center;
}

ul.thumbs img {
	width:auto;
	max-width:176px;
	max-height:176px;
	border: none;
	display: block;
	text-align:center;
	margin:auto;
}
*/

#thumb_toggle{
	margin-top:-17px;
}

}