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

/*layout styles */
/* Universal style rule */
*{
	/* Temporary Boarders */
/*border: 1px solid #FF0000;*/
	/* Get rid of silly margins and paddings websites leave in */
margin: 0;
padding:0;
}
body{
	/* This is a background image of fabric... tessalated */
  background:url(images/bluePattern.jpg);
	font: 300 normal 1em Verdana, Arial, Helvetica, sans-serif;
}
.home #content img{
	height:18em;
	width:18em;
	float:left;
	padding-right:2em;
	padding-bottom:1em;
	
	
	
}
img{
	border:none;
	text-decoration:none;
	}
p{
/* this gives the text a width of 90% so that acts as a margin or padding without increasing the size
of the division*/
width:90%;
margin:auto;
Line-height:1.24em;
}
a:link,
 a:visited{
	
	
	color:00f;
	
}
a:hover,
a:active{
	font-size:2em;
  color:#f00;
  }

#wrapper {
	width:45em;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:1.4em;
	position: relative;
	background: #F8E969;
}
#leftcolumn {
	/*Remember, content div left margin must match this width*/
	width:12em;
	/*Centers imgaes inside this div*/
	text-align:center;
	position: absolute;
	left: 0px;
	top: 7.5em;
}
#leftcolumn img{
	/*applies to all images in the left column*/
	width:80%;
	padding-top: 8px;
	padding-bottom: 4px;
}

/*applies to paragraphs in the left column division*/
#leftcolumn p{
	padding:0;
	color: #000000;
	border:solid 2px #117b6f;
	padding:.5em;
	width:10em;
	font: .8em Geneva, Arial, Helvetica, sans-serif;
	margin: 1em auto;
	text-align:left;
}



#content {
	
	padding: 2em 0em 1em;
	top:9.1em;
	postion:relative;
}



/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#646464;
	font-weight:bold;
	font-style:italic;
	letter-spacing:normal;
	text-align:left;
	text-decoration: none;
	text-transform: capitalize;
	margin-left: 5%;
	padding-top:1em;
	padding-bottom:.4em;
}
/* Size h1 headings in the content division */
#content h1{
  font-size:1.75em;
}

/* Size h2 headings in the content division */
#content h2{
  font-size:1.5em;
}
/* Size h3 headings in the content division */
#content h3{
  font-size:1.25em;
}
#content p{
	
	font-style: normal;
	text-align: left;
	width:90%;
	padding-top:.6em;
}
#content ol, #content ul{
	/*applies to unordered lists and ordered lists in the content div*/
	padding:10px 0 10px 80px;
	
	letter-spacing: 0.1em;
	line-height:1em;
}

#content ol li, #content ul li{
	/*applies to unordered lists in the content div*/
padding-bottom: 15px;
	
}

#footer{
	
	text-align:left;
	padding-bottom:2em;
	clear:both;

	padding-top:.5em;
	border-top: solid 3px #117b6f;	
}

#footer li{
	float:left;
	list-style: none;
	padding-left: 1.5em;
}
#footer a:link,
#footer a:visited{
	font-size: 0.7em;
	display: inline;
	float: left;
	color:00f;
	
}
#footer a:hover,
#footer a:active{
  color:#f00;
  /*border: dotted 1px #333;*/
  
}
#footer img{
	padding-top:0;
	float:left;
}

.hotkey{
  text-decoration:underline;
}

#branding {
position:relative;

}
#branding a{
	position:absolute;
	font-size: .8em;
	color: #000;
	text-decoration: none;
}

#branding a:link, #branding a:visited {
	color:000
}

#branding a:hover{

	color: #F00;
	
}

/* Active link in branding bar */
#branding a:active{
  color:#1bb498;
}
#branding img{
  display:block;
  height:10em;
width:100%;
}
 /*Navbar division*/
 #navbar{
	height:1.6em;
	background:#aaa url(/images/navbakred.jpg) repeat-x  center;
	position: absolute;
	top: 10em;
	width: 100%;
 }
 
 #navbar ul{
 /* remove bullets */
list-style-type:none;
}
 #navbar li{
	float:left;
	/* relative position required for drop-down menu */
position:relative;
}

#navbar a,
#navbar a:link,
#navbar a:visited
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #0000CC;
	background:#aaa url(/images/navbakred.jpg) repeat-x center;
	display: block;
	height: 2em;
	width: 6em;
	border-right:solid 1px #ddd;
	text-align:center;
	line-height:2em;
	outline-style:none;
}

#navbar a:hover,
#navbar a:active

{
	color:#00f;
	background-color: #00f;
	background-image: url(/images/navhoverred.jpg);
	background-repeat: repeat-x;
	background-position: center;
}



.home #navhome a,
.painting #navpainting a,
.acting #navacting a,
.movies #navmovies a,
.art #navart a,
.contact #navcontact a,
.blog #navblog a,
.portraits #navportraits a
{
	color:#003300;
	background-color: #F00;
	background-image: url(/images/navhoverred.jpg);
	background-repeat: repeat-x;
	background-position: center;
	font-style: italic;
}

.contact #content img{
padding-bottom:1em;
}

 /* Following are style rules specifically for drop-down menus */
#navbar li ul{
	position:absolute;
	z-index:100;
	visibility:hidden;
	
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
}

/* Applies to links on the drop-down menu */

#navbar li:hover ul li a{
	background: #ccc;/*removes background color*/
	color:#000;
	text-align:left;
	border: thin solid #959595;
	display: block;
	width: 10em;
	padding-left: 1em;
	height: auto;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
}

/*Hover on drop-down menu links*/
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
	color: #117B6F;
	background-color: #F3F3F3;
	 top:1.6em;
  left:0;
}
/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

@media print{
/* Start printer-friendly styles */
/* Make wrapper the full page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}

/* Get rid of content div margins and
padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/*End printer-friendly styles */
}


#paintingwrapper img {
	padding: .3em;
	
}
#letter {
	font-weight:bold;
	font-weight: bold;
	font-style: oblique;
	text-decoration: overline;
	text-transform: none;
	font-variant: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#letter img{
	height:4em;
	width: 4em;

}


.painting #content img{
	padding-right: 1em;
	padding-bottom:1em;
		padding-top:.5em;
	}
	
		

.painting_heading {
	text-transform: uppercase;
	background: #800040;
	color: #FFFF66;
	font: italic bold 1em Verdana, Arial, Helvetica, sans-serif;
	background: #C22C2E;
	margin:.7em;
	letter-spacing: .07em;
}
#wraparoundpainting {
	font: 1em Georgia, "Times New Roman", Times, serif;
	line-height:1.25em;
}