/*
	TONY HARRIS <tonyharris.com>
*/



/* Structure
------------------------------------------------*/
*												{ margin: 0; padding: 0; }

html											{ height: 100%; margin-bottom: 1px; }
body { background: #fff url('/template/tonyharris/page-bg.gif') no-repeat center top; text-align: center; }
body { color: #646464; font: 13px/16px arial, helvetica, sans-serif; }

input, textarea, select							{ border: 1px solid #b1cee7; color: #999; font: 12px/16px arial, helvetica, sans-serif; padding: 2px; }

div#container									{ width: 800px; margin: 0 auto; background: url('/template/tonyharris/container-bg.gif') repeat-y center top; text-align: left; }
div#sub-container								{ padding: 50px 25px; padding-bottom: 15px; background: url('/template/tonyharris/container-top.gif') no-repeat center top; }

div#side										{ display: inline; float: left; width: 160px; margin-left: 45px; }
div#main										{ display: inline; float: left; width: 450px; margin-left: 45px; }

div#content										{ float: left; width: 450px; line-height: 18px; }

div#footer										{ clear: both; }
div#container-footer							{ height: 20px; background-image: url('/template/tonyharris/container-bottom.gif'); }


/* Navigation
------------------------------------------------*/
ul#nav											{ margin: 70px 0 0 0; padding: 0; list-style: none; }
ul#nav li										{ margin: 0; padding: 0; }
ul#nav li a										{ display: block; width: 155px; height: 35px; background-image: url('/template/tonyharris/nav.png') !important; background-image: url('/template/tonyharris/nav.gif'); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; }
ul#nav li#nav-home a:link,
ul#nav li#nav-home a:visited					{ background-position: 0 0; }
ul#nav li#nav-home a.current,
ul#nav li#nav-home a:hover						{ background-position: -155px 0; }
ul#nav li#nav-projects a:link,
ul#nav li#nav-projects a:visited				{ background-position: 0 -35px; }
ul#nav li#nav-projects a.current,
ul#nav li#nav-projects a:hover					{ background-position: -155px -35px; }
ul#nav li#nav-community a:link,
ul#nav li#nav-community a:visited				{ background-position: 0 -70px; }
ul#nav li#nav-community a.current,
ul#nav li#nav-community a:hover					{ background-position: -155px -70px; }
ul#nav li#nav-getintouch a:link,
ul#nav li#nav-getintouch a:visited				{ background-position: 0 -105px; }
ul#nav li#nav-getintouch a.current,
ul#nav li#nav-getintouch a:hover				{ background-position: -155px -105px; }

ul#nav li ul									{ margin-left: 40px; font-size: 13px; list-style: none; }
ul#nav li ul li									{ padding: 0px; margin: 5px 0; margin-bottom: 12px; }
ul#nav li ul li.section							{ margin: 10px 0 10px -40px; color: #07a; font-size: 15px; font-weight: bold; }
ul#nav li ul li a								{ width: auto; height: auto; color: #666; background-image: none; background-image: none !important; text-decoration: none; text-indent: 0; }
ul#nav li ul li a.selected						{ color: #BABCBE; }



/* Typography
------------------------------------------------*/
p												{ padding: 0px; margin: 0 0 10px 0; }

h2												{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #b1cee7; color: #07a; font-size: 20px; font-weight: normal; }
h3												{ margin-bottom: 10px; color: #07a; font-size: 18px; font-weight: normal; }
h4 												{ margin: 0px; padding: 0px; margin-bottom: 15px; font-size: 14px; }

h1#header										{ float: right; width: 440px; height: 200px; margin-bottom: 20px; background: url('/template/tonyharris/logo.gif') no-repeat right top; text-indent: -9999px; }

a												{ color: #646464; text-decoration: none; outline: none; }
#content a										{ background-image: url('/template/tonyharris/link.gif'); background-repeat: no-repeat; background-position: right center; padding-right: 14px; margin-right: 3px; }
#content a:hover								{ color: #FBB040; }
#content a.no_link_icon							{ background-image: none; padding: 0px; margin: 0px; }
a img											{ border: none; }

/* Replacement
------------------------------------------------*/
h2#r-welcome									{ width: 375px; height: 80px; padding: 0; margin-bottom: 10px; border: none; background-image: url('/template/tonyharris/r/welcome.gif'); }


/* Minimum Height
------------------------------------------------*/
#container .minheight 							{ height: 440px; float: right; width: 1px; }
#container .minheightclear						{ clear: both; height: 1px; overflow: hidden; }

#promo{ margin-top: 20px; }
#promo p{ margin-bottom: 20px; }

div.flashvideo { margin-top: 20px; }