/*
DEFAULT STYLESHEET FOR TIGERBLADE DESIGN
author:		Tigerblade
last modified:	3/7/2007
*/

* {
 margin:	0;
 padding:	0; }

img {border:	0;}

ul,li {
 list-style:	none; }

blockquote {
 margin:	1em 2em; 
 padding:	1em .5em;
 border-left:	4px solid #9c3;
 background:	#999;
}
blockquote.code {
 font-size:	1.2em;
 font-family:	monospace;
}


a:link,
a:visited {
 color:		#666;
 text-decoration:underline; 
 font-weight:	bold; }

a:visited {
 color:		#999; }

a:hover {
 color:		#9c3;
 text-decoration:none; }

div#secondary a:link {
 color:		#9c3; }
div#secondary a:visited {
 color:		#CAE495; }
div#secondary a:hover {
 color:		#666; }

a.skipnav {
 display:	block;
 height:	0;
 overflow:	hidden; }

/* =LAYOUT
---------------*/
body {
 background:	#F2F2F2;
 border-top:	20px solid #9c3; }

div#container {
 background:	url('/design/images/nav/td_logo.gif') right 25px no-repeat;
 border-top:	2px solid #000; }

div#branding, div#nav_main {
 margin-left:	20px; }

div#content {
 width:		550px;
 padding-left:	20px; }

div#secondary, div#footer {
 clear:		both;}


/* =TYPE
---------------*/
body {
 font:		62.5% "lucida grande", verdana, arial, sans-serif;
 color:		#000; }

h1 {font-size:	2.2em; }
h2 {font-size:	2.0em; }
h3 {font-size:	1.6em; }
h4 {font-size:	1.4em; }
h1,h2,h3,h4 {
 color:		#333;
 margin:	0 0 .5em 0; }

div#content {
 color:		#222;}

div#content p {
 font-size:	1.4em; 
 margin:	.5em 0; }
div#content ul, div#content ol {
 font-size:	1.2em;
 margin:	.5em 0; }

div#secondary {
 font-size:	1.2em;
 color:		#999; }

div#secondary h2 {
 color:		#666; }

div#footer {
 color:		#333; }


/* =BRANDING
---------------*/
a#main_home {
 color:		#9c3;
 text-decoration:none; }

a#main_home:hover {
 color:		#999; }

div#branding h1 {
 margin-bottom:	0; }

div#branding div.tagline {
 margin-bottom:	10px; }

/* =CONTENT
---------------*/
div#content ul {
 margin-left:	2em; }
div#content ul li {
 list-style:	disc; }

div#content {
 padding-bottom:2em; }


/* =NAV_MAIN
---------------*/
div#nav_main {
 margin-bottom:	1em; }

div#nav_main li {
 display:	inline;
 margin-right:	10px; }

div#nav_main a {
 font-size:	1.2em; 
 font-weight:	bold;
 letter-spacing:1px; 
 margin-right:	10px; }


body#home a#nav_home, 
body#portfolio a#nav_portf, 
body#contact a#nav_contact {
 color:		#D4D4D4;
 text-decoration:none;
}



/* =PORTFOLIO PREVIEW
-------------------- */
body#home div#secondary ul li {
 display:	inline;
 margin-right:	15px; }

body#home div#secondary ul li a {
 border-bottom:	4px solid #000; } 
body#home div#secondary ul li a:hover {
 border-bottom-color:	#9c3; }

div#view_all {
 margin:	1em 0; }

/* =PORTFOLIO PROPER
-------------------- */
div.proj {
 width:		525px;
 margin:	2em 0; }

div.proj p {
 float:		none;
 clear:		both; 
 padding-left:	1.5em; }

div.proj div.detail {
 float:		right;
 width:		300px;
 margin-left:	10px; }

div.proj div.detail h3 {}

div.proj div.img {
 float:		left;
 width:		210px !important; 
 margin-bottom:	1em; }


/* =SECONDARY
---------------*/
div#secondary {
 background:	#222 url('/design/images/nav/stripes-dark.png');
 border-top:	6px solid #9c3;
 padding:	1em; }


/* =FOOTER
---------------*/
div#footer {
 height:	2em;
 padding:	1em .5em .5em .5em;
 background:	#000; 
 border-top:	1px solid #4A4A4A; }

div#footer p {
 float:		left; 
 margin-right:	10px; }

div#footer p.valid {
 float:		right; }


div#footer a:link, 
div#footer a:visited {
 color:		#333; 
 font-weight:	bold;
 text-decoration:none; }
div#footer a:hover {
 color:		#9c3; 
 text-decoration:underline; }


/* =FORMS
---------------*/
form {
 clear:		both; 
 margin:	2em; }

input,textarea,label,button {
 display:	block; }

label, button {
 clear:		both; }

button {
 margin:	1em 0;}

form#frm_contact label {
 float:		left;
 width:		140px;}

form#frm_contact input, 
form#frm_contact textarea {
 margin-left:	140px;
 width:		200px; }

form#frm_contact textarea#txt_message {
 height:	150px; }

input#txt_valid {
 width:		80px !important; }

label dfn {
 font-style:	normal;
 font-weight:	bolder;
 border-bottom:	1px dotted #999;
}