/*
Stylesheet for 
Author:     	Juliana Yamashita
Updated:    	October 2010
*/

body  { width: 710px; margin: 0 auto; padding: 0; background:#fff;
	font-family:Georgia, serif; font-size: 85%; text-align: center; line-height:1.6em; letter-spacing: 0px; }

a { text-decoration: none; color: #c30; border: none; }
a:visited { color: #c60; }
a:hover { color: #f93; }

img { margin: 0; padding: 0; border: none; }

#wrap { position: relative; width: 710px; text-align: left;  margin-left: 30px; }

#header img { display:block;}

/* Navigation ------------------------ */
	
#nav {margin-top: 0; padding: 0; width: 710px; list-style: none; text-indent: -5000px; 
	voice-family: "\"}\""; voice-family: inherit;}

html>body #nav { width: 710px; }

/* \*/
* html body #nav { margin-right: -3px; }
/* */

#nav li { margin: 0; padding: 0; list-style: none; display: inline; }
#nav ul li, #nav a { float: left; height: 30px; display: block; }

#thome ul li, #thome a { width: 163px; background: url(../img/nav_home.gif) top left no-repeat; }
#thome a:hover, a:active { background-position: 0 -30px; }
#thome a.selected{ background-position: 0 -60px; }

#twork ul li, #twork a { width: 163px; background: url(../img/nav_work.gif) top left no-repeat; }
#twork a:hover, a:active { background-position: 0 -30px; }
#twork a.selected{ background-position: 0 -60px; }

#tplay ul li, #tplay a { width: 163px; background: url(../img/nav_play.gif) top left no-repeat; }
#tplay a:hover, a:active { background-position: 0 -30px; }
#tplay a.selected{ background-position: 0 -60px; }

#tcontact ul li, #tcontact a  { width: 161px; background: url(../img/nav_contact.gif) top left no-repeat; }
#tcontact a:hover, a:active { background-position: 0 -30px; }
#tcontact a.selected{ background-position: 0 -60px; }

#content { float: left; width: 710px; }

#entries { margin-top: 10px; float: left; width: 430px; }
#entries h2{ margin-top: 30px; color: #000; font-family:Georgia, serif; font-weight:normal; line-height:1.0em; font-size: x-large; } 

#entries-full { margin-top: 10px; float: left; width: 710px; }
#entries-full h3{ margin-top: 18px; color: #666; font-family:Georgia, serif; font-weight:normal; line-height:1.0em; font-size: x-large; } 


/* \*/
* html body #entries {margin-left: 15px;}
/* */

.project { margin-top:0px; margin-bottom: 40px; padding-bottom: 8px; background: #fff url(../img/hr1_bottom.gif) 0 100% repeat-x;}
.project img {border-style:solid; border-width:1px; border-color: #ddd;}
.project a:hover img {border-style:solid; border-width:1px; border-color: #c30;}

.project h2{ color: #cc3300; font-family:Georgia, serif; font-weight:normal; line-height:1.0em; font-size: x-large; }

.project-work { margin-top:40px; margin-bottom: 40px; height: 250px; background: #fff url(../img/hr1_bottom.gif) 0 100% repeat-x;}
.project-work img { float:left; margin-right: 15px; border-style:solid; border-width:1px; border-color: #ddd; }
.project-work h2 { color: #cc3300; font-family:Georgia, serif; font-weight:normal; line-height:1.0em; font-size: large;}
.project-work a:hover img {border-style:solid; border-width:1px; border-color: #c30;}

.video{ border-style:solid; border-width:1px; border-color: #ddd; }
.alert{ color: #cc0000; }


#sidebar { width: 190px; float: right; margin-right:30px; margin-top:15px;}
/* \*/
* html body #sidebar { margin-right: 15px; }
/* */

#sidebar h2{ color: #000; font-family:Georgia, serif; font-weight:normal; line-height:1.0em; font-size: x-large; } 
#sidebar ul li { padding: 0 0 14px 12px; font-size: small; line-height: 1.1em; background: url(../img/bullet.gif) no-repeat 0 3px;}
#sidebar ul { list-style: none; margin: 0em 0 1em 0; padding-left: 1px; }

#footer { float: left; width: 710px; background: url(../img/hr2.gif) 0 100% repeat-x; 
					font-size: x-small;}