/* v 0.91 */
a:link {
color:blue; 
text-decoration: underline;
}

a:visited {
color: purple;
text-decoration: underline;
}

a:hover {
color: red;
text-decoration: underline;
}

body {
background-image: url(http://www.ryanjohnartsalon.com/image-files/back.jpg);
margin: 0;
padding: 0;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
color: #000;
}


#PageWrapper {
background-image: url(http://www.ryanjohnartsalon.com/image-files/ryanjohns-background.jpg);
background-repeat: repeat-y;
width: 960px;
position:relative;
border: 2px solid #78A591;   /* dark sea blue, headlines and borders */
margin: 24px auto;
padding: 0;
}

#Header {
padding:0px 0 10px 0;
background-color:#FFFFFF;
height:86px;
margin: 0;
background-image: url(http://www.ryanjohnartsalon.com/image-files/ryeslogo.jpg);
background-repeat: no-repeat;
}

#ContentWrapper {
padding:0;
margin:10px auto 10px;
	width: 960px;
}

#CenterColumn {
margin: 0 180px;
padding:0;
	width:600px;   
	background-color: #FFFFFF;
}

#LeftColumn {

position:absolute;
top: 120px;
width:180px;
padding:  0; 
background-image: url(http://www.ryanjohnartsalon.com/image-files/phillyleft.jpg);
background-repeat: repeat-y;
margin:0;
}


#RightColumn {
position: absolute;
top: 120px;	
left:781px;
width: 180px; 
padding:0;
background-image: url(http://www.ryanjohnartsalon.com/image-files/phillyleft.jpg);
background-repeat: repeat;
margin:0; 

}

#Footer {
clear: both;
width: 100%;
text-align: center;
padding: 3px 0 5px 0;
background-color: #78A591;    /* blue-gray used in left and right columns of anguilla-background.gif and for footer and horizontal text-navbar */
border-top: 1px solid #78A591;
font-size: 9px;
}



/*Fonts in the Center Column*/

#CenterColumn h1 {
margin:35px 0 0 0;
font-family: 'Times New Roman', Georgia, Verdana, 'Palatino Linotype', Palatino, serif;
font-size:20px;
border-bottom: 0 solid #8f8fb3;
text-align: center;
color:#006666;
font-weight:600;
background-color: transparent;
color: #1d487e;
clear: both;
}

#CenterColumn h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
margin:0 0 30px 0px;
font-size:14px;
text-align:center;
background-color: transparent;
color: #1d487e;
clear: both;
}

#CenterColumn h3 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
margin: 45px 15px;
background-color: transparent;
vertical-align:text-top;
font-size:14px;
color: #1d487e;
clear: both;
}

#CenterColumn h3 a img{
border:none;
}

#CenterColumn h3 a{
text-decoration:none;
}

#CenterColumn p {
margin:15px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:140%;
font-size:14px;
background-color: transparent;
color: #000000;
clear: both;
}

.ItemRight {
float: right;
margin: 2px 6px 8px 8px;
text-align: center;
}

.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}

.ItemLeft {
float: left;
margin: 10px 10px 10px 10px;
text-align: center;
}

/*Socialize BOX in the center column */

#socialize {
padding:15px;
}


/* -- Horizontal Text NavBar -- */

.text-NavBar {/* -- Horizontal Text NavBar -- */
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
font-size:14px;
margin: 12px auto 12px auto;
background-color: #cee1cd;
width: 600px;           /* same width as the width of the center column (960 -180 - 180) */
}

.text-NavBar ul {/* -- Horizontal Text NavBar -- */
list-style-type: none;
padding: 0;
}

.text-NavBar ul li {/* -- Horizontal Text NavBar -- */
display: inline;
text-align: center;
}

.text-NavBar a {/* -- Horizontal Text NavBar -- */
color: blue;
text-decoration: none;
text-align: center;
padding: 0 4px;
}

.text-NavBar a:visited {/* -- Horizontal Text NavBar -- */
color: purple;
text-decoration: none;
}

.text-NavBar a:hover {
color: red;
background-color: #d3e4fb;
text-decoration: underline;
}





/*fonts in the left column */

#LeftColumn h2 {  /*use it around images and bold text, centered*/
margin: 0 7px 10px 7px ;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:100%;
font-size:12px;
font-weight:600;
background-color: transparent;
text-align:center;
color: #1d487e;
clear: both;
}

#LeftColumn h3 { /*use it for the categories on your nav bar like the salon, frame shop, etc.*/
margin:0 0 8px 8px;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:110%;
font-size:11px;
font-weight:600;
background-color: transparent;
text-align:left;
color:#1d487e;
clear: both;
}

#LeftColumn p {
margin:15px 10px 10px 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:140%;
font-size:11px;
background-color: transparent;
color:#000000;
clear: both;
}

.Navigation {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
background-color: transparent;
font-size:10px;
}


.Navigation ul {
list-style-type: none;
padding: 0 10px 8px 15px;
margin: 0 0 0 0;
}

.Navigation li {
background-color: #ffc;        /* tan, for button and RSS box backgrounds -- */
border: 1px solid #8f8fb3;
font-size:11px;
margin-bottom: 3px;
}


.Navigation a {/* -- Navigation Link styles -- */
color: blue;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}

.Navigation a:visited {/* -- Navigation Link styles -- */
color: purple;
text-decoration: none;
}

.Navigation a:hover {/* -- Navigation Link styles -- */
color: red;
background-color: #d3e4fb;   /* light sea blue used in center column of anguilla-background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-decoration: underline;
}



#RSSbox {/*RSS Box in the left column*/
width: 150px;
background-color: #ffc;
border: 1px solid #8f8fb3;
margin: 2px auto 2px;
padding: 2px 0 2px 0;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 100%;
text-align: center;
}

#RSSbox p a img{/*this removes the link border around the images*/
border:none;
}

#RSSbox p{/*this spaces out the RSS buttons*/
padding:2px;
margin:0;
}


/*fonts in the right column */

#RightColumn h2 {  /*use it around images and bold text, centered*/
margin: 0 7px 10px 7px ;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:120%;
font-size:12px;
font-weight:600;
background-color: transparent;
text-align:center;
color: #1d487e;
}


#RightColumn p {
margin:15px 10px 10px 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:140%;
font-size:11px;
background-color: transparent;
color:#000000;
clear: both;
}

#RightColumn h6 {  /*use it around images and bold text, centered*/
margin: 0 7px 10px 7px ;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:100%;
font-size:12px;
font-weight:600;
background-color: transparent;
text-align:center;
color: #1d487e;
clear: both;