/* STYLES FOR RYAN HINKEL.COM */


/* UNIVERSAL STYLES --------------------------------------------------------------------- */

body {
	margin:0px;
	background-color: #fbfbe9;
	position:relative;
	}
#content_container {
	background-image:url(../images/g_dropShadow2.gif);
	background-repeat:repeat-x;
	width:100%;
	}
#content {
	background-image:url(../images/g_dropShadow2.gif);
	background-repeat:repeat-x;
	position: relative;
	text-align:left;
	margin:0px;
	margin-left: 5%;
	width:675px;
	color: #330;
	}
	
/* roots */

#roots div{
	position: absolute;
	right: 0px;
	top: 50px;
	z-index:5;
	}
#rfc a{
	display:block;
	width:700px;
	height:200px;
	background: url(../images/noflash_roots.gif) no-repeat;
	text-indent: -9999px;
	}
	
#copyright {
	color:#330;
	padding-top:10px;
	}
.breaker {
	clear:both;
	}
#footer {
	margin:0 0 20px 0;
	margin-left: 5%;
	padding:0px;
	padding-left: 305px;
	color:#882;
	width:370px;
	text-align:left;
	}
	
#footer a{
	color: #330;
	text-decoration: underline;
	}
	

/* TYPE STYLES */

body {font-family: Helvetica, Arial, sans-serif;color:#000;}
.dtext 	{font-size:12px;color:#000; padding:0px;}
p.dtext {line-height: 18px;}
.ntext 	{font-size:10px;color:#c8c800;}
.error 	{color:#cc0000;}
h1 		{font-size:16px;margin:10px 0px;}
h2 		{font-size:23px; margin:23px 0px 5px 0px;font-weight:bold;font-family:'Times', 'Times New Roman', serif;letter-spacing:-1px;}
h3 		{font-size:11px; margin:0px 0px 23px 0px;font-weight:normal;}
p		{font-size:11px; margin: 0px 0px 18px;font-weight:normal; z-index: 15;}
a		{color: #330;text-decoration:underline}
a:hover {color: #995;text-decoration:underline;}

/* MENU STYLES */

#top_bar{
	width:100%;
	margin:0px;
	padding:0px;
	background-color: #252525; /*url(../images/m_back.gif) repeat-x*/
	height:50px;
	border-bottom:#999d70 5px solid;
}
#menu {
	margin:0px;
	margin-left: 5%;
	background-color: #252525; /*url(../images/m_back.gif) repeat-x*/
	width:675px;
	text-align:left;
	height:50px;
	border-bottom:#999d70 5px solid;
	position:relative;
}


#menu ul {
	margin:0px;
	padding:0px;
}

#menu a img {
	border-style: none;
	padding: 0px;
	margin: 0px;
	}
#menu a#m_logo {
	display:block;
	background: url('../images/logo_dark_no_shadow.png') 0px -27px repeat-x;
	width:214px; height: 27px;
	text-indent:-9999px;
	position:absolute;
	left: 20px;
	top: 11px;
	padding: 0 0px 0px 0px;
	margin:0px;
	border-style: none;
	outline:none;
}
#menu a#m_logo:hover {
	background: url('../images/logo_dark_no_shadow.png') 0px 0px repeat-x;
}
#menu ul li {
	margin:0px;
	padding:0px;
	list-style: none;
	position:absolute;
	top:0px;
}

#menu ul li a {
	margin:0px;
	padding:0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	border-style: none;
	height: 49px;
	color: #333;
}

#menu #m_projects {left:305px; width:80px;background: url('../images/artists_work.png') 0px 26px no-repeat;}
#menu #m_personal {left:446px; width:121px;background: url('../images/personal_inspiration.png') 0px 26px no-repeat;}
#menu #m_artwork {left:385px; width:46px;background: url('../images/personal_inspiration.png') 0px 26px no-repeat;}
#menu #m_contact {left:620px; width:44px;background: url('../images/contact.png') 0px 26px no-repeat;}


#menu ul li:hover a {height:23px;border-style: solid;padding-top:21px;border-width: 0px 0px 5px 0px;border-top-color: #111;border-bottom-color: #111;}
#menu li div.thumb {display:none;}
#menu ul li div.thumb a {display:none;}
#menu li:hover div.thumb {display:block;position:absolute;z-index:10;background-color: rgba(153,157,112,.90);} /* width: 6000px; height: auto;margin-left: -3000px; */
#menu li:hover div.thumb a {display:block;padding: 20px;border-style: solid;border-width: 5px 0 0;background-color:#111; border-color: #111;width: 210px;margin-left:0px;height:auto;text-indent:0;}
	
/* SUB MENU NAVIGATION STYLES */
		
#submenu {
	margin:0px;
	padding:0px;
	list-style-type: none;
	}
#submenu a.category {
	display:block;
	width:200px;
	height:15px;
	text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
	}
#submenu li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#submenu li ul {
	margin:10px 0px 50px 0px;
	padding:0px;
	list-style-type: none;
	}
#submenu li ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 18px;
	}
#submenu li ul a {
	margin:0px;
	padding:0px;
	color: #330;
	text-decoration:none;
	}
#submenu li ul a:hover {
	color: #995;
	text-decoration:underline;
	}

/* SUBMENU ITEM STYLES */


#submenu a#sub2006 {background: url(../images/g_2006.gif) no-repeat;}
#submenu a#sub2005 {background: url(../images/g_2005.gif) no-repeat;}
#submenu a#sub2004 {background: url(../images/g_2004.gif) no-repeat;}
#submenu a#sub2003 {background: url(../images/g_2003.gif) no-repeat;}
#submenu a#subnav_artists {background: url('../images/subnav_artists_work.png') no-repeat;}
#submenu a#subnav_web {background: url('../images/subnav_other_sites.png') no-repeat;}

/* SUB IMAGE NAVIGATION STYLES */

#subimagenav {
	display:block;
	position:relative;
	height:22px;
	margin:0px 1px 3px 0px;
}
#subimagenav a {
	display:block;
	float:left;
	margin:0px 3px 0px 0px; 
	overflow: hidden;
	text-indent:-9999px;
	font-size: 12px;
}
#subimagenav a#btn_next {
	width:25px;
	height:18px;
	background: url('../images/btn_next_gray.png') no-repeat;
	}
#subimagenav a#btn_prev {
	width:25px;
	height:18px;
	background: url('../images/btn_prev_gray.png') no-repeat;
	}
#subimagenav a#btn_enlarge {
	width:25px;
	height:18px;
	background: url('../images/btn_link.png') no-repeat;
	}

/* HOME PAGE LAYOUT  --------------------------------------------------------------------- */


body#home #content {
	height: auto;
	}
body#home #column1 {
	padding: 75px 20px 50px 20px;
	width:265px;
	float:left;
	border:none;
	}
body#home #column1 img {
	display:block;
	margin: 0 0 50px 0;
	}
body#home #column1 span {
	display:block;
	width: 200px;
	position:absolute;
	padding: 60px 5px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	font-family: Georgia;
	color: rgba(0,0,0,.4);
	
	}
	
	
body#home #column2 {
	padding: 75px 0px 50px 0px;
	width:367px;
	margin-left: 305px;
	border:none;
	}
body#home p {margin-top:0;}

body#home #hi {
	display:block;
	float:left;
	height: 26px;
	width:100px;
	text-indent:-9999px;
	overflow:hidden;
	background: no-repeat url(../images/home_hello.gif);
	margin: 6px 8px 0px 0;
}
body#home ul.artists {
	padding:0;
	margin:50px 0px;
	}
body#home ul.artists li {
	list-style: none;
	margin-bottom: 20px;
	}
body#home ul.artists li a {
	display: block;
	height: auto;
	text-indent: 00px;
	font-size: 14px;
	background: no-repeat top left;
	}
body#home ul.artists li a#casey {background-image: url(../images/home_casey.jpg);}
body#home ul.artists li a#eggert {background-image: url(../images/home_eggert.jpg);}


	
/* PROJECTS PAGE LAYOUT --------------------------------------------------------------------- */

body#projects #content {
	height: auto;
	}
body#projects #column1 {
	padding: 75px 20px 50px 20px;
	width:265px;
	float:left;
	border:none;
	}
body#projects #column2 {
	padding: 50px 0px 50px 0px;
	width:367px;
	margin-left: 305px;
	border:none;
	}

body#projects #image {
	display:block;
	position:relative;
	border: #eed 10px solid;
	border-width: 10px 10px 12px;
	z-index:1;
}
body#projects #cop {
	width:355px;
	margin:0px;
	}

/* ARTWORK PAGE LAYOUT --------------------------------------------------------------------- */

body#artwork #content {
	height: auto;
	}
body#artwork #column1 {
	padding: 75px 20px 50px 20px;
	width:265px;
	float:left;
	border:none;
	}
body#artwork #column2 {
	padding: 75px 0px 50px 0px;
	width:367px;
	margin-left: 305px;
	border:none;
	}

body#artwork #image {
	display:block;
	position:relative;
	border: #ddd 5px solid;
	z-index:1;
}
body#artwork #cop {
	clear:both;
	width:355px;
	margin:0px 0px 40px 0px;
	}
/* PERSONAL PAGE LAYOUT --------------------------------------------------------------------- */

body#personal #content {
	height: auto;
	}
body#personal #column1 {
	padding: 75px 0px 50px 20px;
	border:none;
	}
body#personal #footer {
	padding-left: 20px;
	width: 600px;
	}
body#personal #image {
	display:block;
	position:relative;
	border: #ddd 5px solid;
	z-index:1;
}
body#personal #cop {
	clear:both;
	width:355px;
	margin:0px 0px 40px 0px;
	}


/* CONTACT PAGE LAYOUT --------------------------------------------------------------------- */

body#contact {
	position: relative;
}

body#contact #content {
	height: auto;
	}
body#contact #column1 {
	padding: 75px 20px 50px 20px;
	width:265px;
	float:left;
	border:none;
	}
	
body#contact #column1 p {
	margin: 20px 0;
	width: 180px;
	position:relative;
	}

body#contact #column1 p a {
	position: static;
	cursor: pointer;
	}
	
body#contact #column1 p a img {
	display:none;
	position:absolute;
	left:0;
	}
	
body#contact #column1 p a:hover img {
	display:block;
	border: 8px solid #940c0c;
	}

body#contact #column2 {
	padding: 175px 0px 50px 0px;
	width:367px;
	margin-left: 305px;
	border:none;
	}
body#contact h2{
	width:74px;
	height:15px;
	margin-top: 0px;
	text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
	background: url('../images/heading_contact.png') no-repeat;
	}
body#contact form {
	margin: 0px;
	padding: 0px;
	}
body#contact #contactbox {
	padding-top:20px;
	width:357px;
	display:block;
	margin: 0px;
	position:relative;
	border-style:none;
	background-color: #edecd9;
	z-index:1;
}
body#contact #contactbox dt {
	margin:10px 0px 0px 0px;
	padding:0px;
	width: 317px;
	}
body#contact #contactbox dd {
	margin: 0px;
	padding:0px;
	width: 317px;
	}
body#contact #contactbox input.contactfield,
body#contact #contactbox textarea.contactfield {
	border: #999d70 solid 3px;
	padding: 3px;
	width: 300px;
	}
body#contact #contactbox div.notefooter input {
	border: #999d70 solid 5px;
	color: #000;
	background-color: #999d70;
	font-size: 12px;
	padding: 5px;
	}
.noteheader {
	margin:0px;
	padding:20px 20px 0px 20px;
	width:317px;
	}
.notebody {
	padding: 0px 20px;
	margin: 0px;
	}
.notebackground {
	width:357px;
	background-color: #edecd9;
	}
.notefooter {
	margin:0px;
	padding: 30px 25px 25px 10px;
	text-align:right;
	width:320px;
	}
	

body#contact div#msg {margin:0; background-color: #e3eaf0;border-bottom-width: 0;}
body#contact div#msg h2 {margin-top:0; margin-bottom: 5px;}

body#contact #submit_message {position:fixed; bottom: 0px; left: 0; padding: 10px 10px 20px 5%;display:block;font-size: 37px; font-family: 'Times', 'Times New Roman', serif;line-height:70px; letter-spacing: -1px;z-index: 20;width: 652px;background-color:#edecd9;font-weight: bold;}