/*
Theme Name:     Sunset Art Gallery
Theme URI:      http://www.renebabin.com/
Description:    Sunset Art Gallery 
Author:         René Babin
Author URI:     http://www.renebabin.com/
Template:       twentyeleven
Version:        1.0.0
*/
/*@import url("../twentyeleven/style.css");*/

body {
	background-color:#86b8e1;
	
	margin:0px;
	padding:0px;
	width: 100%;
	height:100%;	
	font-family: 'Overlock', cursive;
}
.bckimg {
	background-image:url(images/sunsetartgallery_bck.jpg);
	background-repeat:no-repeat;
	position: absolute;
	z-index: -10;
	background-position: top center;
	width: 100%;
	height: 100%;
	top: 0;
	min-width: 918px;
	overflow:visible;

	
}
.sstop {
	height: 240px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
	
a {outline:none;
	border:0px;
	color: #06C;
}
.one-column #page {
    max-width: 918px;
	
}
H1 {
	font-size:32px;
	color:#122e5d;
	margin-bottom:3px;
	padding-top:10px;

}
ul {
	font-size:18px;
}
#page {
	background-image:url(images/sunsetartgallery_tile.jpg);
	background-repeat:repeat-y;
	margin:auto;
	width:918px;
}
#main {
	width:918px;
	
	
}
#primary {
	width:818px;
	margin-left:2em;
	margin-top:1em;
	padding-bottom:0.5em;
	
}
#sunsetlogo {
	background-image:url(images/sunsetartgallery_logo.png);
	background-repeat:no-repeat;
	width:212px;
	height:229px;
	float:left;
	display:block;
	margin-top:8px;
	margin-left:16px;
	z-index: 99999;
	
}

p {
	font-size:18px;

}

/* ADD THIS */
.addthis_toolbox {



}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access {
		display: none;
	}
#access div {
	margin: 0 7.6%;
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
#footerarea {
	background-image:url(images/sunsetartgallery_footer_bck.jpg);
	background-repeat:no-repeat;
	width:918px;
	height:146px;
}
.footsunsetaddress {
	float:left;
	color:#FFF;
	font-size:18px;
	text-align:left;
	margin-left:0px;
	margin-top:8px;
	text-decoration:none;
}
.footsunsetaddress a:link {
	float:left;
	color:#FFF;
	font-size:18px;
	text-align:left;
	margin-left:30px;
	margin-top:18px;
	text-decoration:none;
}
.footsunsetaddress a:active {
	float:left;
	color:#FFF;
	font-size:18px;
	text-align:left;
	margin-left:30px;
	margin-top:18px;
	text-decoration:none;
}
.footsunsetaddress a:visited {
	float:left;
	color:#FFF;
	font-size:18px;
	text-align:left;
	margin-left:30px;
	margin-top:18px;
	text-decoration:none;
}
.footsunsetaddress a:hover {
	float:left;
	color: #E1E1E1;
	font-size:18px;
	text-align:left;
	margin-left:30px;
	margin-top:18px;
	text-decoration:none;
}
.footsunsetaddress02 {
	
	font-size:22px;
	text-align:left;
	font-weight:700;
	text-decoration:none;
}
.footsunsetaddress02 a:link {
	color: #E1E1E1;
	font-size:22px;
	text-align:left;
	font-weight:700;
	text-decoration:none;
}
.footsunsetaddress02 a:active {
	color: #E1E1E1;
	font-size:22px;
	text-align:left;
	font-weight:700;
	text-decoration:none;
}
.footsunsetaddress02 a:visited {
	color: #E1E1E1;
	font-size:22px;
	text-align:left;
	font-weight:700;
	text-decoration:none;
}
.footsunsetaddress02 a:hover {
	color: #E1E1E1;
	font-size:22px;
	text-align:left;
	font-weight:700;
	text-decoration:none;
}

/* FROG POND BUTTON */
#footerfrog {
	float:left;
	width:273px;
	height:118px;
}
#footerfrog a:link {
	text-decoration:none;
	float:left;
	background-image:url(images/sunsetartgallery_btn_frog_pond.png);
	background-repeat:no-repeat;
	display:block;
	width:273px;
	height:118px;
	margin-left:30px;
	margin-top:15px;
	background-position:0 -118px ;
}
#footerfrog a:visited {
	float:left;
	background-image:url(images/sunsetartgallery_btn_frog_pond.png);
	background-repeat:no-repeat;
	display:block;
	width:273px;
	height:118px;
	margin-left:30px;
	margin-top:15px;
	background-position:0 -118px ;
}
#footerfrog a:active {
	
	background-position:0 -118px ;
}
#footerfrog a:hover {
	
	background-position:0px 0px ;
}
/* SUNSET FB BUTTON */
#footersunsetfb {
	float:left;
	width:177px;
	height:118px;
	padding-left:25px;
}
#footersunsetfb a:link {
	float:left;
	text-decoration:none;
	background-image:url(images/sunsetartgallery_sunset_facebook.png);
	background-repeat:no-repeat;
	display:block;
	width:177px;
	height:118px;
	margin-left:15px;
	margin-top:15px;
	background-position:0 -118px ;
}
#footersunsetfb a:visited {
	float:left;
	background-image:url(images/sunsetartgallery_sunset_facebook.png);
	background-repeat:no-repeat;
	display:block;
	width:177px;
	height:118px;
	margin-left:15px;
	margin-top:15px;
	background-position:0 -118px ;
}
#footersunsetfb a:active {
	background-position:0 -118px ;
}
#footersunsetfb a:hover {
	background-position:0 0px ;
}
/* FROG FB BUTTON */
#footerfrogfb {
	float:left;
	width:176px;
	height:118px;
	padding-left:10px;
}
#footerfrogfb a:link {
	float:left;
	text-decoration:none;
	background-image:url(images/sunsetartgallery_frogpond_facebook.png);
	background-repeat:no-repeat;
	display:block;
	width:176px;
	height:118px;
	margin-left:15px;
	margin-top:15px;
	background-position:0 -118px ;
}
#footerfrogfb a:visited {
	float:left;
	background-image:url(images/sunsetartgallery_frogpond_facebook.png);
	background-repeat:no-repeat;
	display:block;
	width:176px;
	height:118px;
	margin-left:15px;
	margin-top:15px;
	background-position:0 -118px ;
}
#footerfrogfb a:active {
	background-position:0 -118px ;
}
#footerfrogfb a:hover {
	background-position:0 0px ;
}		
.copyrightsunset {
	margin-top:5px;
	margin-bottom:15px;
	color:#12387a;
	text-decoration:none;
	font-size:14px;
}
.copyrightsunset a:link {
	margin-top:5px;
	color:#12387a;
	text-decoration:none;
	font-size:14px;
}
.copyrightsunset a:active {
	margin-top:5px;
	color:#12387a;
	text-decoration:none;
	font-size:14px;
}
.copyrightsunset a:visited {
	margin-top:5px;
	color:#12387a;
	text-decoration:none;
	font-size:14px;
}
.copyrightsunset a:hover {
	margin-top:5px;
	color: #06C;
	text-decoration:none;
	font-size:14px;
}

#spacersun {
	display:block;
	height:10px;
	width:800px;
	overflow:hidden;

}

#sunsetmap {
	float:right;
	padding:3px;
	background-color:#ffcf5d;
	border-color:#122d5f;
	border-width:1px;
	border-style:solid;
	margin-left:8px;
	margin-right:10px;
	padding-bottom:5px;
}
.slideshows {
	float:right;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:10px;
	margin-left:12px;
	margin-bottom:12px;
	background-color:#ffcf5d;
	border-color:#122d5f;
	border-width:1px;
	border-style:solid;
}

/* Menu
-------------------------------------------------------------- */
#header_spacer {
	/* margin-top:269px; */
}
#headerarea {
	width:980px;

}
#menuarea {
	width:730px;
	float:right;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-top:0px;	
}
nav#access {
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 8px;
	width: 100%;
}
#access ul {
	font-size: 24px;
	list-style: none;
	margin: 0 0 0 -1.3125em;
	padding-left: 0;
	font-weight:700;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	display: block;
	line-height: 2.653em;
	padding: 0 0.5825em;
	text-decoration: none;
	font-weight:700;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2.529em;
	left: 0;
	width: 188px;
	z-index: 99999;
	text-align:left;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 18px;
	font-weight:700;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access a:focus {
	background: none;
	font-weight:700;
}
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
	
}

#access li:hover > a,
#access a:focus {
	color: #fcce17;
	font-weight:700;
}
#access ul ul :hover > a,
#access a:focus {
	color: #333;
}
#access ul li:hover > ul {
	display: block;
	font-weight:700;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight:700;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.nbimg {
	border: 0px none !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.book {
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-bottom:20px;
	background-color: #FFFFFF;
	border-color:#122d5f;
	border-width:0px;
	border-style:solid;
	display:block;
	width:100%;
}
.book_new {
	line-height: 15px;
	font-size:125%;
}
.hours {
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-bottom:20px;
	background-color: #FFFFFF;
	border-color:#122d5f;
	border-width:0px;
	border-style:solid;
	display:block;
	width:100%;
}
.frog {
	float:left;
	margin-left:0px;
	margin-bottom:15px;
	background-color: #FFFFFF;
	border-color:#122d5f;
	border-width:0px;
	border-style:solid;
	display:block;
	width:100%;
}
.booknote {
	font-size:75%;
	color:#6A6A6A;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin: 0.4em 0 0 0;
}
.wp-caption {
	background: #eee;
	margin-bottom: 0.625em;
	max-width: 96%;
	padding: 8px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	text-align:center;
	color: #666;
	font-family: 'Overlock', cursive;
	font-size: 14px;
}
.wp-caption .wp-caption-text {
	margin: 0 0.2em 0.2em 0.2em;
	padding: 2px 0 2px 0px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	text-align:center;
	color: #666;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	top: 4px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right:20px;
}

.alignright {
	float: right;
	margin-left:20px;
}
@media only screen and (device-width: 768px) {


}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */


	
}
  


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}