@charset "UTF-8"; /* CSS Document 
-----------------------------------------------------------------------
	YW FINEART  2015 |  Website : www.yvettewatsonfineart.com
-----------------------------------------------------------------------
*/



/*Reset CSS ------ */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption,tbody, tfoot, thead, tr, th, td header, section, 
footer, aside, nav, article, figure, audio
{ margin: 0; padding: 0; border: 0; outline: 0; }
	
ol, ul {list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after 
{ content: ''; content: none; }

:focus { outline: 0;} /* remember to define focus styles! */
ins { text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*HTML5 Tags*/
header, main, section, footer, aside, nav, article, figure, audio { display: block; }

/*End Reset ------ */




/*============================================================

Credit: http://www.templatemo.com
Wall Shelf Template 
http://www.templatemo.com/preview/templatemo_294_wall_shelf 

============================================================*/


/*--------------------------------------
		Layout | Body 
---------------------------------------*/

#slider 			{ position: relative; width: 100%;}
    


#header_wrapper 	{ width: 100%; height: auto; overflow:hidden; /*border : red 1px solid;*/}
#menu_wrapper 		{ width: 100%; height: 70px; overflow:hidden; background-color:#000000;/*border : red 1px solid;*/}
#content_wrapper 	{ width: 100%; height: auto; overflow:hidden; /*border : red 1px solid;*/}
#footer_wrapper 	{ width: 100%; background: url(../../images/templatemo_footer.jpg) no-repeat top center;/*border : red 1px solid;*/ }


#header 			{ width: 98em; height: auto; margin: 0 auto; padding-top: 3.5%; /*border : red 1px solid;*/}
#ezine_Cover		{ float:right; width: 77em; height: 44em; margin: 0 auto; padding-top: 3.5%; /*border : red 1px solid;*/
					  -webkit-background-size: cover;
                      -moz-background-size: cover;
                      -o-background-size: cover;
                      background-size: cover;}



#masthead		{ width: 98em; height: auto; margin: 0 auto; padding-top: 3.5%; /*border : red 1px solid;*/}				  
#ezine_Cover2		{ float:left; width: 100%; margin: 0 auto; margin-top: 3.5%; /*border : red 1px solid;*/
					  -webkit-background-size: cover;
                      -moz-background-size: cover;
                      -o-background-size: cover;
                      background-size: cover;}
					  
					  
					  
#menu 			{ width: 98em; height: 150px; margin: 0 auto; padding-top: 0; }	
#menuWide 		{ width: 120em; height: 150px; margin: 0 auto; padding-top: 0; }	
#menuWide_past-issues 	{ width: 160em; height: 150px; margin: 0 auto; padding-top: 0; }	
#content 		{ width: 98em; height: auto; margin: 0 auto; /*border : red 1px solid;*/ }
#footer 			{ width: 100%; height: auto; padding: 2% 0; margin: 0 auto; background-color: #000000;
	                  text-align: center;}

#ywNewsLinksBox		{ width: 15em; margin: 10em 0 0 0;}
.twitter-icon           { margin: 1.95em 0 0 1em;}
.twitter-icon2          { margin: 2.5em 0 0 0em;}
.scroll {
    height: auto;
    width: 98em;
    overflow: visible;
 /*   overflow-x: hidden; */
    position: relative;
    clear: left;
}

.scrollContainer div.panel { height: auto; width: 98em; margin: 0 auto; padding: 0px 9px 0 9px; }	


.scrollButtons {
    position: absolute;
    top: 300px;
    cursor: pointer;
	width: 0;
	height: 0;
}

.scrollButtons.left {
    left: -50px;
}

.scrollButtons.right {
    right: -50px;
}

.hide {
    display: none;
}

					  
	
	
.col_930 	{ width: 93em; }
.col_820 	{ width: 82em; }
.col_800 	{ width: 80em; }
.col_750 	{ width: 75em; }
.col_600 	{ width: 60em; }
.col_550 	{ width: 55em; } 
.col_380 	{ width: 38em; }
.col_350 	{ width: 35em; }
.col_300 	{ width: 30em; }
.col_200 	{ width: 20em; }
.col_180 	{ width: 18em; }
.col_175 	{ width: 17.5em; }
.col_150 	{ width: 15em; }
.col_130 	{ width: 13em; }

.float_l { float: left; }
.float_r { float: right; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

#social_box {
	display: block;
	height: 48px;
	padding: 0;
	margin: 0;
}

#social_box li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#social_box li a {
	width: 48px;
	height: 48px;
	margin-right: 60px;
}



#contact_form {  padding: 0; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { color: #FFFFFF; width: 300px; padding: 3px; background: #121e25; border: 1px solid #000; }

#contact_form form label { display: block; width: 100px; margin-right: 10px; font-size: 14px; }
#contact_form form textarea { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; width: 360px; height: 145px; padding: 3px; background: #121e25; border: 1px solid #000; }
#contact_form form .submit_button { color: #FFFFFF; margin: 5px 60px 0px 0px; padding: 5px 10px; background: #121e25; border: 1px solid #000; }

  				
          			
		


/*-------------------------------------- 
		Layout | Navigation 
---------------------------------------*/

 

ul.navigation {
	width: *auto;
        list-style: none;
        margin: 0 auto;
        padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:0em;
}

ul.navigation li { display: inline; margin: 0; padding: 0; }
.navigation  span { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
	
ul.navigation a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: 3% 1% 0; 
	color: #90abc5;
	font-size: 2.4em;
	font-weight: normal;
    text-decoration: none;
	text-align: left;
	
}


ul.navigation a:hover, ul.navigation a.selected { color: #FFFFFF;}
ul.navigation a:focus { outline: none; }





ul.blogLink {
	width: *auto;
        list-style: none;
        margin: 0 auto;
        padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:0em;
}

ul.blogLink li { display: inline; margin: 0; padding: 0; }
.blogLink  span { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
	
ul.blogLink a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	padding: 3% 1% 0; 
	color: #90abc5;
	font-size: 2.4em;
	font-weight: normal;
    text-decoration: none;
	text-align: left;
	
}


ul.blogLink a:hover, ul.blogLink a.selected { color: #FFFFFF;}
ul.blogLink a:focus { outline: none; }












    
/* Links to past issues and about ywNews */		
ul.ywNewsLinks 		{ float:right; margin: 9em 0 0 0;}
ul.ywNewsLinks li 	{ list-style-type:none; margin:0; padding:0;}	
ul.ywNewsLinks li a { display:block; }
ul.ywNewsLinks a 	{ font-family: Arial, Helvetica, sans-serif; font-size: 2em; text-align:right; line-height: 1.3em; 
					color: #90abc5; margin:0; padding:0; text-decoration: none;}
ul.ywNewsLinks a:link, ul.ywNewsLinks a:visited 	{text-decoration: none; }
ul.ywNewsLinks a:hover, ul.ywNewsLinks a:active 	{text-decoration: none; border-bottom: #FFFFFF dotted .05em;}
						


ul.footerLinks	{  margin:0em 0 0 30em;}
ul.footerLinks li	{ list-style-type:none; margin:0; padding:0;}
ul.footerLinks li a	{ display:block;}
ul.footerLinks a 	{ font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; text-align:left; line-height: 1.3em; 
					color: #999999; margin:0; padding:0; text-decoration: none;}
ul.footerLinks a:link, ul.footerLinks a:visited 	{text-decoration: none; }
ul.footerLinks a:hover, ul.footerLinks a:active 	{text-decoration: none; border-bottom: #FFFFFF dotted .05em;}


/*---------------------------
	Presentation | Global 
----------------------------*/


html {	font-size: 100%; }
body {  font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #2E769E; ; /* This makes 16pt font=10px=1em */
		margin: 0px; padding: 0px; color: #90abc5; line-height: 1.5em; }
	

a, a:link, a:visited { color: #6699cc; text-decoration: underline; }
a:hover { color: #6699cc; text-decoration: none; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }



.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }




/*---------------------------------------
		Presentation | Typography 
----------------------------------------*/

h1, h2, h3, h4, h5, h6 {  }
h1 { font-size: 2.6em; font-weight: normal; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
h2 { font-size: 2.2em; font-weight: normal; margin: 0 0 15px 0; font-weight: normal; }
h3 { font-size: 1.6em; margin: 0 0 15px 0; padding: 0; padding: 0; font-weight: normal; }
h4 { font-size: 1.4em; margin: 0 0 5px 0; padding: 0; }



h4.logoText 		{ font-weight: normal; color: #90ABC5; margin: 1.5em 0 5em .75em;}




.bodyTxt 		{ font-size: 1.6em; font-weight:normal; margin: 0; line-height: 1.6em; color: #90ABC5;}
.bodyTxt_aboutCover	{ font-size: 1.6em; font-weight:normal; margin: 0; line-height: 1.6em; color: #90ABC5; width: 27em;}
.bodyTxt_ywNews		{ font-family: 'Times New Roman', Georgia, serif; font-size: 1.6em; font-style: italic; font-weight:normal; margin: 0; line-height: 1.6em; color: #6699cc; padding-top: 0%; width: 27em;}

h1.head			{ margin: 1.5em 0 .5em 0; padding: 5px 0; color: #000000; }/* ywNOTE:Feature head */
h1.head2			{ margin: .5em 0 .5em 0; padding: 5px 0; color: #000000; } /* ywNOTE: Feature Head-Padding 3% */
h1.head2 span		{ margin: .5em 0 .5em 0; padding: 5px 0; color: #90abc5; }  /* ywNOTE: Feature head-Dark BKG */

.subhead			{ font-family: 'Times New Roman', Georgia, serif; font-size: 2em; font-style: italic; color: #333333; padding-bottom:3% ;
line-height: 1em;}
.copyright			{ float: left;font-size: 1.4em; color: #6699cc; text-decoration:none; text-align:left;  margin:0; padding:0 0 3% 0;}
.address 			{ font-size: 1.4em; color: #666666; text-decoration:none; text-align:right; padding:0 19.5% 0 0; margin:0; clear:both;} 
.address a 			{ color: #666666;}
.address a:link, .address a:visited	{ color: #666666; text-decoration:none;}
.address a:hover, .address a:active	{ color: #666666; text-decoration:none;}


.siteCredit 			{ font-size: 1.4em; color: #999999; text-decoration:none; text-align:right; padding:0 19.5% 1% 0; margin:0; clear:both;} 
						 
.siteCredit span		{ font-weight: bold;}
.siteCredit a 			{ color: #999999;}
.siteCredit a:link, .siteCredit a:visited	{ color: #999999; text-decoration:none;}
.siteCredit a:hover, .siteCredit a:active	{ color: #999999; text-decoration:none;}

.bold				{ font-family: 'Times New Roman', Georgia, serif; font-size: 1.2em;font-style: bold;text-decoration:none;}
.italic				{ font-family: 'Times New Roman', Georgia, serif; font-size: 1.2em;font-style: italic;text-decoration:none;}




/*---------------------------------------
Individual Pages | Contents 
----------------------------------------*/

ul.contents		{ margin: 4.5em 0em 0em 0;}
ul.contents	li	{ margin: 0; padding: 0; }
ul.contents	span	{ font-size:3em; font-weight: normal; color: #FFFFFF;}
.contents a		{ color: #90ABC5; text-decoration: none;}
.contents a:link, .contents a:visited	{ color: #90ABC5;}
.contents a:hover, .contents a:active	{ color: #90ABC5;  border-bottom: #FFFFFF dotted .05em; }


.contents h2	{ font-family: 'Times New Roman', Georgia, serif; font-weight:normal; margin:0; padding-top: 10%;
                 line-height: 1.3em; color: #FFFFFF;}
                      
.contents p	{ font-size: 1.6em; font-weight:normal; margin: 0; line-height: 1.6em; color: #90ABC5; }


/* Invidivual Issues Links */	

ul.issuesLinks { float:left; margin: 9em 0 0 0;}
ul.issuesLinks li { list-style-type:none; margin:0; padding:0;}
ul.issuesLinks li a { display:block; }
ul.issuesLinks a 	{ font-family: Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.3em; 
					color: #90abc5; margin:0; padding:0; text-decoration: none;}
ul.issuesLinks a:link, ul.issuesLinks a:visited 	{text-decoration: none; }
ul.issuesLinks a:hover, ul.issuesLinks a:active 	{text-decoration: none; border-bottom: #FFFFFF dotted .05em;}

ul.issuesLinks span	{ font-size:3em; font-weight: normal; color:#FFFFFF; line-height:1.5em;}


.coverartCredit		{ font-size: 1.2em; font-weight:normal; margin: 0; line-height: 1.4em; color: #90ABC5; padding: 3% 0 6% 0;}
.aboutCover_Hd		{ color: #6699cc; margin-top: 1.65em; }
.aboutywNews_Hd		{ font-size: 1.5em; color: #90ABC5; margin-top:5em; }


/* Invidivual Past Issues Links */	
ul.past-issuesLinks-Hd 	{ float:left; margin-top: 1.5em; font-size:3em; font-weight: normal; color:#FFFFFF;
                          line-height:1.5em;}
ul.past-issuesLinks-Hd a	 { color:#FFFFFF; }
ul.past-issuesLinks-Hd a:link, ul.past-issuesLinks-Hd a:visited 	{text-decoration: none; }
ul.past-issuesLinks-Hd a:hover, ul.past-issuesLinks-Hd a:active 	{text-decoration: none; border-bottom: #FFFFFF dotted .05em;}                          

ul.past-issuesLinks    { float:left; margin-top: 1.5em;}
ul.past-issuesLinks li { list-style-type:none; margin:0; padding:0;}
ul.past-issuesLinks li a { display:block; }
ul.past-issuesLinks a 	{ font-family: Arial, Helvetica, sans-serif; font-size: .5em; line-height: 1.3em; 
			color: #90abc5; margin:0; padding:0; text-decoration: none;}
ul.past-issuesLinks a:link, ul.past-issuesLinks a:visited {text-decoration: none;}
ul.past-issuesLinks a:hover, ul.past-issuesLinks a:active {text-decoration: none; border-bottom: #FFFFFF dotted .05em;}

ul.past-issuesLinks span	 { font-size:3em; font-weight: normal; color:#FFFFFF; line-height:1.5em;}


/*---------------------------------------
Individual Pages | Sign Up 
----------------------------------------*/

.subhead2			{ font-family: 'Times New Roman', Georgia, serif; font-size: 2em; font-style: italic; color: #6699cc; padding-bottom:3% ;
line-height: 1em;}



/*---------------------------------------
		Presentation | Graphics & Photos 
----------------------------------------*/

.issue_date 	{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; margin: 5em 0 5em 0em; color: #FFFFFF;}
.issue_date2 	{ float:left; font-family: Arial, Helvetica, sans-serif; font-weight:normal; margin: 4em 0 1em 0em; color: #FFFFFF;}
.purposeChrist 	{ float:right; display: block;}
.purposeChrist2 { float:right; display: block; padding:0 0 1% 0;}
.logo 			{ padding: 1.0% 0 4% 0%;}
.logo2 			{ float:left; padding:.5% 0 1% 0; clear:both;  display:block;}
.purposePaint	{ float:left; margin: 0em 0em 0em 20%; }
.taglinePassion { float:right; display:block; margin: 0em 28.5em 1em 0; }


/*---------------------------------------
		Presentation | Forms 
----------------------------------------*/


#signupForm form 	{ display:block; position:relative; text-align:left; padding:10px 0 10px 0%}
#signupForm h2 		{ font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#signupForm input 	{ font-size: 1.5em; color: #6699cc; background-color:#000000; -webkit-appearance:none; border:none; -moz-submit-invalid:none; }
#signupForm input:focus { border-color:#999;}
#signupForm .button 	{ clear:both; background-color: #6699cc; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:10px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; }

#signupForm .nowrap 	{ white-space:nowrap;}     
#signupForm .clear 		{ clear:none; display:inline;}
#signupForm label 		{ display: block; font-size: 1.4em; padding: 10px 0 3px 0; font-weight: normal;}
#signupForm input.email { display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
#signupForm input.name 	{ display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
#signupForm input.button { display:block; width:35%; margin:20px 0 10px 0; min-width:90px;}
.asterisk 				{ color:#cc6600; }
label 					{ line-height:150%; font-family: Helvetica; font-size:12px; color:#6699cc; font-weight: normal; }