/* CSS Document */

* {
padding: 0;
margin: 0;
}


/* Layout_______________________________*/

/* body option II {
background-color: #959386;
background-image: url('images/background4.jpg');
background-repeat: no-repeat;
font-size: 82%;
text-align: center;
}


div#wrapper  option II {
width:1000px;
margin: 10px auto;
background-color: #ffffff;
background-image: url(images/round3.jpg);
background-repeat: no-repeat;
padding-top:5px;
text-align: left;
}
  
*/


body {
background-color: #ffffff;
background-image: url('/images/background5.jpg');
background-repeat: no-repeat;
font-size: 82%;
text-align: center;
}


div#wrapper {
width:1000px;
margin: 0px auto;
background-color: #ffffff;
background-repeat: no-repeat;
/* background-image: url('/images/round3.jpg');*/
padding-top:5px;
text-align: left;
}

.about_page {
font-size: 11.5px;  line-height:15px; 
font-family: helvetica, arial, sans-serif; 
padding: 0px 65px 10px 70px; 
color:#959386; 
clear:both;
}

  
  
  

div #content { 
background: #fff;
padding:10px 0 0 0;
}



.clear {
clear: left;
}

div #arrow {
margin-left:14px;
margin-bottom: 12px;
float:left;
text-align: center;
}


/* NAME IN BANNER at top*/












/* start this added--*/
h2#name {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px; font-weight:lighter; 
letter-spacing: 5px; 
color: #888; 
line-height: 14px;
padding: 0px;
margin: 20px 0px 9px 15px;
}



.arrow {
margin-left:14px;
margin-bottom: 12px;
float:left;
text-align: center;
}





/* end this added--*/





a.banner_name {
text-decoration: none;
color: #888; 
}

a:hover.banner_name {
color: #ddd; 
}


















h1#big_text {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 40px; 
color: #ddd;
padding: 10px 10px 0px 10px; 
font-weight:normal;
}




#about {
height:188px;
}



#about p {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px; 
color: #888;
line-height: 16px; 
margin: 10px 10px;
}
     
#about img {
margin:10px 0px 0px 10px;
border-style:solid; border-color:white; border-width:2px;
}








 #about a {
text-decoration: none;
color: #000; 
}

#about a:hover {
color: #444; 
}





















/* NEW NAVIGATION ------*/



.main_navigation {
display: inline;
list-style-type: none;
}



.navigation_1 {
margin-left:15px;
margin-right:18px;
margin-bottom: 12px;
float:left;
text-align: center;
}

.navigation_2 {
margin-right: 20px;
margin-bottom: 12px;
float:left;
text-align: center;
}


.navigation_3 {
margin-right: 20px;
margin-bottom: 12px;
float:left;
text-align: center;
}




.navigation_4 {
margin-right: 20px;
margin-bottom: 12px;
float:left;
text-align: center;
}



.navigation_5 {
margin-right: 20px;
margin-bottom: 12px;
float:left;
text-align: center;
}


.navigation_6 {
margin-right: 18px;
margin-bottom: 12px;
float:left;
text-align: center;
}




/* LINKS for navigation__________________________________________ */

a.arrow {
text-decoration: none;
margin-top: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
color: #888;
}



a.drawings {
text-decoration: none;
margin-top: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color:  #a50200;
}

a:hover.drawings {
color: #888;
}






a.raw-art {
text-decoration: none;
margin-top: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color:  #a50200;
}

a:hover.raw-art {
color: #888;
}




a.blog {
text-decoration: none;
margin-top: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color:  #a50200;
}

a:hover.blog {
color: #888;
}




a.my-art-agenda {
text-decoration: none;
margin-top: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color:  #a50200;
}

a:hover.my-art-agenda {
color: #888;
}





a.home {
text-decoration: none;
margin-top: 5px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #888;
}

a:hover.home {
color: #a50200;
}




/* start this added--*/
a.index {
text-decoration: none;
color: #888;
}

a:hover.index {
color: #a50200;
}

/* end this added--*/

































/* ROLLOVER IMAGES and TEXT ON INDEX PAGE */


div.module {
width:313px; 
float:left;
margin:10px 0px 20px 15px;
}


div.module-new {
margin:10px 0px 20px 15px;
float:left;
height:321px;
width:313px;
background: url("images/new-div-image.jpg") no-repeat;
}






p.mod {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px; 
color: #555; 
line-height: 14px; 
margin: 2px 0px;
}

p.mod-text-nav
{padding-top: 8px;}









a.rollover1 {
display:block;
width: 313px;
height: 188px;
background: url("images_6/drawings_a.jpg") no-repeat;
}

a:hover.rollover1 {
background: url("images_6/drawings_b.jpg") no-repeat;
}



a.rollover2 {
display:block;
width: 313px;
height: 188px;
background: url("images_6/rawart_a.jpg") no-repeat;
}

a:hover.rollover2 {
background: url("images_6/rawart_b.jpg") no-repeat;
}



a.rollover3 {
display:block;
width: 313px;
height: 188px;
background: url("images_6/nudes_a.jpg") no-repeat;
}

a:hover.rollover3{
background: url("images_6/nudes_b.jpg") no-repeat;
}




a.rollover4 {
display:block;
width: 313px;
height: 188px;
background: url("images_6/myartagenda_a.jpg") no-repeat;
}

a:hover.rollover4{
background: url("images_6/myartagenda_b.jpg") no-repeat;
}


a.rollover5 {
display:block;
width: 313px;
height: 188px;
background: url("images_6/visualblog_a.jpg") no-repeat;
}

a:hover.rollover5{
background: url("images_6/visualblog_b.jpg") no-repeat;
}










a.link2 {
text-decoration: none;
margin: 5px 0 0 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 15px;
color: #555;
letter-spacing: 3px;
}

a:hover.link2 {
color: #a50200;
}


/* BOTTOM OF SITE __________________________________________ */

p.copyright {
float: right;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
color: #666;
padding-top: 5px;
padding-bottom:20px;
line-height:18px;
text-align:right;
}


p.copyright a {
color: #a50200;
text-decoration:none;
}

p.copyright a:hover {
color: #444;
}




/* Need color here for Ineternet Explorer __________________________________________ */
div #copyright_container {
background-color: #ffffff;
width: 1000px;
}




p.contact a {
color:#000;
text-decoration:none;
}


















/* BLOG STYLES ____________________________________________________  */




div #content_blog { 
background: #fff url("images/verticle_dot.jpg") repeat-y top;
}


/*BRANDING OF BLOG (and previous blog enteries) */

div #branding
{
background-color: #ffffff;
background-image: url("images_2/banner8.jpg");
display: block;
height: 181px;
}



div #branding2
{
background-color: #ffffff;
background-image: url("images_4/banner2.jpg");
display: block;
height: 181px;
}


div #branding3
{
background-color: #ffffff;
background-image: url("images/banner5.jpg");
display: block;
height: 181px;
}









/* BLOG BODY AND TEXT FORMATING ____________________________________________________  */

p.blog {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666;
line-height: 14px;
float: left;
clear: left;
margin:2px 40px 0px 60px;
clear: left;
}



p.date
{
font-family: georgia, times, serif;
font-size: 11px;
color: #999999;
line-height: 18px;
float: left;
margin:35px 0px 0px 60px;
}



p.date_top
{
font-family: georgia, times, serif;
font-size: 11px;
color: #999999;
line-height: 18px;
float: left;
margin:5px 0px 0px 60px;
}


h2
{
font-family: verdana, sans-serif;
font-size: 14px;
color: #888;
line-height: 22px;
float: left;
margin:5px 0px 0px 60px;
clear: left;
}


p.image_first
{
float: left;
clear: left;
margin: 10px 0px 0px 60px;;
}

p.image_next
{
float: left;
margin: 10px 0px 0px 10px;
}







/* RULES AND LINES __________________________________________ */

hr.blog_line {
margin: 60px 0 10px 60px;
border: 0; 
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 60%; 
text-align: center;
border-style: dotted;
}

.dotted_rule {
width: 983px;
background-image: url('images_2/dotted.jpg');
background-repeat: repeat-x;
height: 9px;
border: 0;
margin: 0px 0 0 10px;
}


div.dotted_rule hr {
display: none;
}

.dotted_rule2 {
width: 600px;
background-image: url('images/dot2.jpg');
background-repeat: repeat-x;
height: 7px;
border: 0;
margin: 40px 0 0px 60px;
}

div.dotted_rule2 hr {
display: none;
}







/* BLOG SIDE BAR AND BOTTOM LINKS */

div.sidebar {
background: #fff url("images/.jpg") no-repeat top;
width: 200px;
height: 199px;
float: right;
margin: 0px 3px 0px 0px;
}


.sidebar_text {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666;
line-height: 14px;
margin: 10px 0 0px 0;
letter-spacing: 1px;
}



.sidebar_list {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #a50200;
margin: 10px 0 20px 0;
list-style-type: none;
text-underline: no-underline;
}



a.previous_blog {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #888;
line-height: 20px;
margin: 10px 0 20px 0;
list-style-type: none;
text-underline: no-underline;
}

a:hover.previous_blog {
color: #a50200;
}

p.blog_introduction_a {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666;
line-height: 18px;
margin:2px 10px 0px 10px;
clear:left;
}

h2.blog_introduction_head {
font-family: verdana, sans-serif;
font-size: 14px;
color: #888;
line-height: 22px;
float: left;
margin:5px 0px 0px 10px;
clear: left;
}

a.previous_blog_arrow {
display:block;
width: 218px;
height: 97px;
background: url("images_2/large_arrow_grey.jpg") no-repeat;
}

a:hover.previous_blog_arrow {
background: url("images_2/large_arrow_red.jpg") no-repeat;
}




/* FOOTER____________________________________________________  */



#blog_footer_arrow {
float:left; 
padding-top:20px;
padding-left:60px;
}

.blog_footer_left {
width:150px;
float: left;
margin-top:21px;
}

.blog_footer_right {
margin-left:150px;
float: left;
margin-top:21px;
}






.blog_footer_text {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666; 
line-height: 12px;
letter-spacing: 1px;
padding-left: 8px;
}



.footer_list {
list-style-type: none;
line-height: 14px;
padding: 4px 0 10px 8px;
font-size: 12px;
}















/* OLD STUFF (unused)  ______________________________________ */

div #banner {
display: block;
background: url(images/banner.jpg);
width: 277px;
height: 27px;
background-repeat: no-repeat;
}


p.mod2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 10px; 
color: #777; 
line-height: 14px; 
margin: 5px 10px;
}


a.pic_link {
text-decoration: none;
}





div#footer {
margin-left:40px;
background-color: #959386;
}




div #blog_this { 
padding: 10px 0px 0px 50px;
clear: left;
}

p.site_map {
float: left;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: ffffff;
padding-top: 0px;
}



div.sidebar2 {
background: #fff url("images/.jpg") no-repeat top;
width: 200px;
float: right;
margin: 0px 3px 0px 0px;
}

div.blog_intro {
float: left;
width:700px;
}


p.blog_introduction {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666;
line-height: 18px;
margin:2px 40px 0px 60px;
clear:left;
}


p.about_blog
{
font-family: Helvetica, Arial, sans-serif;
font-size: 9px;
color: #777;
line-height: 14px;
margin: 5px 20px 0px 20px;
}






/* OLD NAVIGATION______________________________________ */

div #nav_1 {
margin-left:15px;
margin-right:18px;
margin-bottom: 12px;
float:left;
text-align: center;
}

div #nav_2 {
margin-right: 17px;
margin-bottom: 12px;
float:left;
text-align: center;
}


div #nav_3 {
margin-right: 18px;
margin-bottom: 12px;
float:left;
text-align: center;
}

div #nav_4 {
float:left;
}