@charset "utf-8";
/* CSS Document */


.offscreen {
	text-indent:-9999px;
	display:none;}
	
/*------------------------------------*\
	HEADER STYLES
\*------------------------------------*/


#address_search {display: none;}
#logo-wrap { float:left; margin:0 10px 0 0;}
	
#logo {
  	display: block;
	float:left;
	margin-top:22px;
	width:406px; 
	height:106px;
}
#logo span{  display: none;}


/* TOP SOCIALS UL */
ul.socialsTop { 
	margin:15px 0 0 0; 
	padding:0; 
	float:right;}
ul.socialsTop li { 
	display: inline-block; 
	margin:0 0 15px 6px; 
	padding:0; 
	background:#FFF;     
	height: 25px;
    border-radius: 8px;}
ul.socialsTop li a { 
	color:#E34248; 
	display:block; 
	float:left; 
	text-decoration:none; 
	font-size:29px;  }
ul.socialsTop li a .fa {
    margin-top: -2px;
    vertical-align: text-top;
}

ul.socialsTop li#instagram {
	background:#E34248;
}
ul.socialsTop li#instagram a {
	color:#FFF;
}
ul.socialsTop li#instagram:hover {
	background:#00ACD3;
}

ul.socialsTop li#contact {
	background:none; }
ul.socialsTop li#contact a { 
	background:none;
	font-size:12px;
	color:#5a5b5d;
	text-indent:0; 
	border-left:1px solid #b4b3b3; 
	border-bottom:1px solid #b4b3b3; 
	padding:3px 10px 0; 
	margin-left:0;
	height:20px; 
	-webkit-box-shadow:  0px 1px 1px 0 rgba(255, 255, 255, .75); 
	box-shadow:  0px 1px 1px 0 rgba(255, 255, 255, .75); 
	margin-top:4px; 
	width: 40px;}

ul.socialsTop li a:hover {
	color:#00ACD3;
}
/* TOP SOCIALS BUTTONS
ul.socialsTop li#facebook a { background-position: 0 0;}
ul.socialsTop li#twitter a { background-position: -35px 0; }
ul.socialsTop li#linkedIn a { background-position: -69px 0;}

ul.socialsTop li#faqs a { background:none; text-indent:0;  border-right:1px solid #f2f2f2; border-bottom:1px solid #b4b3b3; padding:3px 10px 0; height:20px; -webkit-box-shadow:  0px 1px 1px 0 rgba(255, 255, 255, .75); box-shadow:  0px 1px 1px 0 rgba(255, 255, 255, .75); margin-top:4px; margin-left:15px;}


ul.socialsTop li#faqs a:hover, ul.socialsTop li#contact a:hover {
	color:#E34248;} */

/* TOP SOCIALS OVER STATES 
ul.socialsTop li#facebook a:hover { background-position:0 -28px; }
ul.socialsTop li#twitter a:hover { background-position: -35px  -28px; }
ul.socialsTop li#linkedIn a:hover { background-position: -69px -28px; }*/





		/*------------------------------------*\
		ARTISIT LOGIN
		\*------------------------------------*/
		
		#artistLogin {
			font-family: 'Droid Sans', sans-serif;
			text-shadow:1px 1px 1px #FFF;}
			
		#artistLogin h5{
			margin-bottom:4px; margin-left:8px;
			text-shadow:1px 1px 1px #FFF;}
			
		#artistLogin label {
			display:none;}
			
		#artistLogin input{
			float: right;
			border:none;
			color:#5a5b5d;
			padding:2px 4px;
			-webkit-box-shadow:inset 0px 1px 1px 1px rgba(0, 0, 0, .25);
			box-shadow:inset 0px 1px 1px 1px rgba(0, 0, 0, .25);
			width:125px;
			margin-left:7px;
		}
		#artistLogin input.button {
			float:right !important;
			margin-right:3px;
			margin-top:7px;
			background:#E34248;
			width:46px;
			color:#FFF;
			text-transform:uppercase;
			font-size:10px;
			font-weight:bold;
			padding:2px;
			font-family: 'Droid Sans', sans-serif;
			text-shadow:0 -1px 1px #333;
			border:none;
			cursor: pointer;}
			
		#artistLogin a {
			float:left;
			font-size:10px;
			color:#5a5b5d;
			margin-top:7px;
			padding:0;
			line-height:12px;}
			
		#artistLogin a.first {
			margin-left:8px;
			border-right:1px solid #5a5b5d;
			padding-right:10px;
			}
			
		#artistLogin a.last {
			border-left:1px solid #F2F2F2;
			padding-left:10px;
			}
			
		#artistLogin a:hover {
			color:#E34248;}
			
		#artistLogin .gravatar, #artistLogin .avatar {
			margin-bottom:0;
			margin-left:8px;}

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
	MAIN NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-top:20px;
	float:right;
	width:100%;
	position:relative;
	z-index:5;
}

#nav li{
	float:right;
	margin-left:22px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
	text-shadow:0 -1px 1px #333;
}
#nav a:hover{
	color:#dde139;
	text-decoration:underline;
}

		/*--- DROPDOWN ---*/
		#nav ul{
			background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
			list-style:none;
			position:absolute;
			left:-9999px;
			-webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
			box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, .25);
			/* Hide off-screen when not needed (this is more accessible than display:none;) */
		}
		#nav ul li{
			padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
			float:none;
			margin:0;
		}
		#nav ul a{
			white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
			color:#5a5b5d;
			text-transform:lowercase;
			font-weight:normal;
			text-shadow:1px 1px 1px #FFF;
			padding:5px 45px 5px 5px;
			font-size:12px;
		}
		#nav li:hover ul{ /* Display the dropdown on hover */
			left:0; /* Bring back on-screen when needed */
		}
		#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
			text-decoration: none;
		}
		#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
			text-decoration:none;
			color:#5a5b5d;
		}
		#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
			background:#dde139;
		}


/*------------------------------------*\
	CONTENT STYLES
\*------------------------------------*/

p {
	font-size:12px;
	margin-bottom:15px;
	line-height:18px;}
	
a {
	color:#00acd3;
	text-decoration:none;
	font-weight:bold;}
	
#contentWrap #content #intro h1 {
	font-size:28px;
	font-weight: lighter;
	text-shadow:1px 1px 1px #FFF;
	color:#5a5b5d;
	display:inline;
	line-height:36px;
}

#contentWrap #content #intro h1 a.viewmore {
	font-size:12px;
	padding-left:15px;
	color:#00acd3;
	text-decoration:none;
	font-weight:bold;
}


#contentWrap #content #news h2 {
	color:#FFF;
	background-color:#00acd3;
	padding:6px 6px 6px 40px;
	background-image:url(../images/icon-news.png);
	background-position:10px 12px;
	background-repeat:no-repeat;
	margin:0 0 20px 0;
}
#news h3 a {
	text-transform:lowercase;
	text-shadow:1px 1px 1px #FFF;
	color:#5a5b5d;
	font-size:21px;
	margin:0 0 2px 0;
	background-color:none;
	border-bottom:none;
	font-weight: bold;
	text-decoration:none;}
	
	
.featured-thumbnail {
	float:left;
	margin:0 10px 10px 0;}
	
.featured-thumbnail img {
	border:1px solid #5a5b5d;}
	
#news div.post {
	margin-bottom:20px;}
	
p.posted {
	font-style:italic;
	font-size:12px;
	margin-bottom:0;
	padding:0;
	font-weight:bold;
	line-height:normal;}
	
.posted a {
	color:#e34248;
	text-decoration:none;}

#content #news p {
	font-size:12px;
	color:#424242;
	text-shadow:1px 1px 1px #FFF;
	line-height:normal;
	margin-bottom:10px;
	}
	
a.read-more {
	float:right;
	margin-top:10px;
	padding:6px 12px;
	background: url(../images/read-more-bg.jpg) no-repeat top right #e34248;
	color:#dde139;
	text-shadow:0 -1px 1px #333;
	text-decoration:none;}
	
a.read-more:hover {
	color:#FFF;}
	
	
#content h1 {
	color:#5a5b5d;
	font-size:28px;
	font-weight:bold;
	text-shadow:1px 1px 1px #FFF;
}
	
#content h2{
	color:#FFF;
	background-color:#00acd3;
	padding:4px 6px;
	text-transform:lowercase;
	margin:20px 0;
}
#content h2 a{
	color:#FFF;
	text-decoration:none;
}

#content h4 {
	background-color:#DEE13A;
	color:#E34248;
	padding:4px 6px;
	text-shadow:1px 1px 1px #F0F1B2;
	margin:20px 0 10px 0;
	font-size:20px;
	border-bottom:1px solid #F2F2F2;
}

#content h5 {
	background:url(../images/read-more-bg.jpg) no-repeat top right #E34248;
	color:#dde139;
	font-size:16px;
	margin-bottom:10px;
	padding:4px 6px;
	text-shadow:0 -1px 1px #333;
	border-bottom:1px solid #F2F2F2;
}

#content h6 {
	border-bottom: double #00ACD3;
	margin-bottom:10px;
	padding:4px 0;
	font-size:14px;
	color:#E34248;}

#content p {
	margin:0 0 20px 0;}

#content ul {
	margin:20px 0 20px 10px;
	padding:5px 10px 15px 10px;
	font-size:12px;
	-webkit-box-shadow:inset  0px 0px 3px 1px rgba(0, 0, 0, .25);
	box-shadow:inset  0px 0px 3px 1px rgba(0, 0, 0, .25);
	border:1px solid #FFF;
	list-style-type:none;
	background:#f2f2f2;
	}
	
#content ol {
	margin:20px 0 20px 10px;
	padding:5px 10px 15px 30px;
	font-size:12px;
	-webkit-box-shadow:inset  0px 0px 3px 1px rgba(0, 0, 0, .25);
	box-shadow:inset  0px 0px 3px 1px rgba(0, 0, 0, .25);
	border:1px solid #FFF;
	list-style-type:none;
	background:#f2f2f2;
	}
	
#content ol li h6 {
	margin-bottom:0;}


#content ul ul, #content ol ol {
	-webkit-box-shadow:inset  0px 0px 0px 0px rgba(0, 0, 0, .25);
	box-shadow:inset  0px 0px 0px 0px rgba(0, 0, 0, .25);
	margin:0;
	padding:3px 0 0 0;
	border:none;
	width:inherit;}
	
#content ul li, #content ol li {
	background:url(../images/li-bg.jpg) no-repeat 0 12px;
	padding:8px 5px 8px 12px;
	border-bottom:1px dotted #E34248;
	border-top:1px dotted #FFF;}
	
#content ul li:first-child, #content ol li:first-child {
	border-top:none;}
	
#content li li {
	padding-bottom:0;
	margin-bottom:0;
	border:none;}

#content ol {
	list-style-type:decimal;
}
	
#content ol li {
	background:none;
	padding-left:0;}
	
#content ol ol {
	list-style-type:lower-alpha;
	margin-left:30px;
	list-style-position:outside;}
	
#content ol ol ol{
	list-style-type: decimal;
}
	
#content blockquote {
	margin:30px;
	padding:10px 10px 0;
	background:url(../images/read-more-bg.jpg) no-repeat top right #E34248;
	font-weight:bold;
	color:#dde139;
	text-shadow:0 -1px 1px #333;
/*	background-image: url(../images/banner-bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
*/	
/*	text-shadow:1px 1px 1px #FFF;
	-webkit-box-shadow:inset  0px 0px 3px 1px rgba(0, 0, 0, .25);
	box-shadow:inset  0px 0px 3px 1px rgba(0, 0, 0, .25);
	border:1px solid #FFF;
*/}
#content blockquote p{
	line-height:24px;
	font-size:12px;
	padding-bottom:10px;}

.post-single {
	margin-bottom:20px;}
	
.page-thumbnail {
	padding:12px 11px 10px;
	background:#00acd3;
	margin-bottom:15px;
	-webkit-box-shadow:  0px 1px 1px 1px rgba(255, 255, 255, .75);
	box-shadow:  0px 1px 1px 1px rgba(255, 255, 255, .75);
}
	
.page-thumbnail img {
	border:1px solid #FFF;
	margin:0 auto;
	text-align:center;}
	
		
		/*AUTHOR STYLES*/
		.gravatar, .avatar {
			float:left;
			margin:0 10px 10px 0;}
			
		#post-author {
			margin-bottom:20px;}
			
		#post-author, .author {
			background:#f2f2f2;
			padding:10px;}
			
		#post-author h4 {
			margin:0;}
			
		#authorDescription p {
			font-size:12px;
			margin:10px 0;}
			
		#recent-author-posts .post-meta {
			margin-bottom:20px;
			padding-bottom:20px;
			border-bottom:1px solid #b8b8b8;
		}
			
/*------------------------------------*\
	SIDEBAR STYLES
\*------------------------------------*/

#contentWrap #sidebarWrapper h1 {
	color:#5a5b5d;
	font-size:28px;
	font-weight:bold;
	text-shadow:1px 1px 1px #FFF;
}
#contentWrap #sidebarWrapper h1:after {
	content:url(../images/arrow-down.jpg);
	padding-left:5px;
}

/* SIDEBAR SOCIALS UL */

ul.socials { 
	margin:20px 0; 
	padding:0;
	text-align:center;}
ul.socials li { 
	display: inline-block; 
	margin:0 8px; 
	padding:0; 
}
ul.socials li a { 
	color:#E34248; 
	display:block; 
	float:left; 
	text-decoration:none; 
	font-size:29px;
    text-shadow: 1px 1px 1px #FFF;
}
ul.socials li a .fa {
    margin-top: -2px;
    vertical-align: text-top;
}

ul.socials li a:hover {
	color:#00ACD3;
}

/* ul.socials { margin:10px 0; padding:0; list-style-type:none;}
ul.socials li { display: inline; text-indent:-9999px; margin:0; padding:0; }
ul.socials li a { display:block; background: url(../images/socials-sidebar.png) no-repeat top left; width:55px; height:55px; float:left; margin-bottom:10px; }

SIDEBAR SOCIALS BUTTONS
ul.socials li#facebook a { background-position: 0 0; }
ul.socials li#twitter a { background-position: -55px 0; width:59px;}
ul.socials li#linkedIn a { background-position: -114px 0; width:59px;}
ul.socials li#addto a { background-position: -173px 0;}


/* SIDEBAR SOCIALS OVER STATES 
ul.socials li#facebook a:hover { background-position: 0 -60px; }
ul.socials li#twitter a:hover { background-position: -55px  -60px; }
ul.socials li#linkedIn a:hover { background-position: -114px -60px; }
ul.socials li#addto a:hover { background-position: -173px -60px; }*/

/* REGISTRY UL */
ul.regDonate { margin:0; padding:0; list-style-type:none;}
ul.regDonate li { text-indent:-9999px; margin:0; padding:0; }
ul.regDonate li a { display:block; background: url(../images/Artist-Donate-bg1.png) no-repeat top left; width:235px; height:112px; margin-bottom:23px;}

/* REGISTRY BUTTONS */
ul.regDonate li#registry a { background-position: 0 0; }
ul.regDonate li#donate a { background-position: 0 -224px; height:143px;}

/* REGISTRY OVER STATES */
ul.regDonate li#registry a:hover { background-position: 0 -112px; }
ul.regDonate li#donate a:hover { background-position: 0  -367px; }


/* Affiliate LOGOS UL */
ul.affiliates { margin:0 0 20px 0; padding:0; list-style-type:none; width:238px;}
ul.affiliates li {  margin:0; padding:0;text-indent:-9999px; }
ul.affiliates li a {background: url(../images/sidebar-logos.png) no-repeat top left; }

/* Affiliate LOGOS BUTTONS */
ul.affiliates li#americans a { background-position: 0 0; width:120px; height:133px; float:left; }
ul.affiliates li#gaArt a { background-position:-120px 0; width:118px;  height:80px; float:left; }
ul.affiliates li#aaac a { background-position: -120px -80px; width:118px; height:53px; float:left; margin-bottom:20px;}

/* Affiliate LOGOS OVER STATES */
ul.affiliates li#americans a:hover { background-position: 0 -132px; }
ul.affiliates li#gaArt a:hover { background-position:-120px -132px; }
ul.affiliates li#aaac a:hover { background-position: -120px -212px; }



/* SIDEBAR BOTTOM UL */
ul.socials-bottom { margin:10px 0; padding:0; list-style-type:none;}
ul.socials-bottom li { display: inline; text-indent:-9999px; margin:0; padding:0; }
ul.socials-bottom li a { display:block; background: url(../images/socials-bottom.png) no-repeat top left; width:55px; height:55px; float:left; margin-bottom:10px; }

/* SIDEBAR Bottom BUTTONS */
ul.socials-bottom li#uga a { width: 108px; height: 149px; background-position: 0px 0px; }
ul.socials-bottom li#flagpole a { width: 127px; height: 37px; background-position: -110px 0px; }




/* SIDEBAR Bottom OVER STATES */
ul.socials-bottom li#uga a:hover { width: 108px; height: 149px; background-position: 0px -155px; }
ul.socials-bottom li#flagpole a:hover { width: 127px; height: 37px; background-position: -110px -37px; }


/*------------------------------------*\
	FOOTER STYLES
\*------------------------------------*/


#footerNav {
	list-style-type:none;
	float:left;
	margin:20px 0 15px 20px;
	text-transform:lowercase;}
	
#footerNav li{
	float:left;
	margin-left:5px;
	position:relative;
	font-weight:bold;}

#footerNav a{
	display:block;
	padding:5px;
	font-size:14px;
	color:#e34248;
	text-decoration:none;
	text-shadow:0 1px 1px #FFF;
}

#footerNav a:hover {
	color:#5a5b5d;}

#footerNav a:after {
	content:"/";
	padding-left:14px;
	}

#footerNav li:last-child a:after {
	content:"";}

/* FOOTER SOCIALS UL */

ul.footersocials { 
	margin:0; 
	padding:0;
	text-align:center;}
ul.footersocials li { 
	display: inline-block; 
	margin:0 10px; 
	padding:0; 
}
ul.footersocials li a { 
	color:#E34248; 
	display:block; 
	float:left; 
	text-decoration:none; 
	font-size:21px;
    text-shadow: 1px 1px 1px #FFF;
}
ul.footersocials li a .fa {
    margin-top: -2px;
    vertical-align: text-top;
}

ul.footersocials li a:hover {
	color:#00ACD3;
}




/* ul.footersocials { margin:0 0 0 55px; padding:0; list-style-type:none;}
ul.footersocials li { display: inline; text-indent:-9999px; margin:0; padding:0; }
ul.footersocials li a { display:block; background: url(../images/socials-footer.png) no-repeat top left; width:32px; height:32px; float:left;}

FOOTER SOCIALS BUTTONS 
ul.footersocials li#facebook a { background-position: 0 0; margin-right:16px; }
ul.footersocials li#twitter a { background-position: -48px 0; margin-right:19px;}
ul.footersocials li#linkedIn a { background-position: -99px 0; margin-right:22px;}
ul.footersocials li#addto a { text-indent:-9999px; background: url(../images/socials-footer.png) no-repeat top left; width:32px; height:32px; background-position: -153px 0;}
ul.footersocials li#addto a:hover { background-position: -153px -30px; }
 

/* FOOTER SOCIALS OVER STATES 
ul.footersocials li#facebook a:hover { background-position: 0 -30px; }
ul.footersocials li#twitter a:hover { background-position: -48px  -30px; }
ul.footersocials li#linkedIn a:hover { background-position: -99px -30px; }*/

#contentWrap #footer #footerSocials p {
	font-size:10px;
	text-align:center;
	margin-top:8px;
	line-height:normal;
}

#seoteric-wrap { float:right; margin:0 ;}
	
#seoteric {
  	display: block;
	float:right;
	margin-top:13px;
	margin-right:18px;
	width:91px; 
	height:51px;
	background: url(../images/seoteric-logo.png) no-repeat;
}

#seoteric:hover {
	background-position:0 -50px;}

#seoteric span{  display: none;}



.older, .newer {
	float:left;}

.newer {
	padding-left:5px;}
	
.featured-thumbnail img {width: 150px; height: 125px; background: #00ACD3; padding: 5px; border: 1px solid #ffffff;}
.featured-image img {width: 660px; height: 250px; background: #00ACD3; padding: 5px; border: 1px solid #ffffff;}



/* ----------------Responsive Styles--------------------  */
/* ----------------768-900px ---------------------------  */

@media only screen and (max-width: 900px) and (min-width: 768px) {
	
#logo-wrap { float:left; margin:0 10px 0 0;}
	
#logo {
  	display: block;
	float:left;
	margin-top:22px;
	width:406px; 
	height:106px;
}	
	
#nav li{
	float:right;
	margin-left:12px;
	position:relative;
}

#nav a{
	padding:5px;
	font-size: 14px;
}
	
article .featured-image {
	width: 95%;
}

article .featured-image img{
	width: 100% !important;
	height: auto !important;
}

}





/*//////////////////////Small tablet portrait (600x800)////////////////////////////*/

@media only screen and (max-width: 767px) and (min-width: 600px) {
	
#logo-wrap { float:left; margin:0 10px 0 0;}
	
#logo {
  	display: block;
	float:left;
	margin-top:22px;
	width:406px; 
	height:106px;
}	
	
#nav li{
	float:right;
	margin-left:12px;
	position:relative;
}

#nav a{
	padding:5px;
	font-size: 14px;
}
		
#sidebarWrapper h1 {
	font-size: 24px !important;
}	

#sidebarWrapper h2 {
	font-size: 24px !important;
	text-align: left !important;
}		

#sidebarWrapper .socials-bottom {
	clear: both !important;
}
	
	article .featured-image {
	width: 95%;
}

article .featured-image img{
	width: 100% !important;
	height: auto !important;
}
	
}





/*//////////////////////Small Screen Horizontal (480x599)////////////////////////////*/

@media only screen and (max-width: 599px) and (min-width: 480px) {
	
#logo-wrap { float:left; margin:0 10px 0 0;}
	
#logo {
  	display: block;
	float:left;
	margin-top:22px;
	width:406px; 
	height:106px;
}	
	
#nav li{
	float:right;
	margin-left:12px;
	position:relative;
}

#nav a{
	padding:5px;
	font-size: 14px;
}
		
#sidebarWrapper h1 {
	font-size: 24px !important;
}	

#sidebarWrapper h2 {
	font-size: 24px !important;
	text-align: left !important;
}		

#sidebarWrapper .socials-bottom {
	clear: both !important;
}	
	
article .featured-image {
	width: 95%;
}

article .featured-image img{
	width: 100% !important;
	height: auto !important;
}	
	
	
}





/*//////////////////////Small Screen  (320-479)////////////////////////////*/

@media only screen and (max-width: 479px) {
	
#logo-wrap { float:left; margin:0 10px 0 0;}
	
#logo {
  	display: block;
	float:left;
	margin-top:22px;
	width:100%; 
	height:106px;
}	
	
#nav li{
	float:right;
	margin-left:12px;
	position:relative;
}

#nav a{
	padding:5px;
	font-size: 14px;
}
		
#sidebarWrapper h1 {
	font-size: 24px !important;
}	

#sidebarWrapper h2 {
	font-size: 24px !important;
	text-align: left !important;
}		

#sidebarWrapper .socials-bottom {
	clear: both !important;
}	
	
#contentWrap #content #news h2 {
	clear: both;
	margin-top: 25px;
}

#contentWrap #content .featured-thumbnail {
	width: 95%;
}

#contentWrap #content .featured-thumbnail img {
	width: 95%;
	height: auto;
}

article .featured-image {
	width: 95%;
}

article .featured-image img{
	width: 100% !important;
	height: auto !important;
}

	
}