/* MAIN TYPOGRAPHY - Tripoli*/

body { font-size: 100%; font-family: "Trebuchet MS", helvetica, arial, "microsoft sans serif", sans-serif; }
html>body {font-size:12px}
strong, th, thead td, td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
pre { white-space: pre; }
pre * { font-size: 100%; white-space: pre; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 80%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration: underline; }

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* Ryan's Coded Typography*/

body {
	color:#fff;
	background-color: #333;
	min-width: 680px;
	text-align:center;
}

img {
	border:0;
	display:block;
}

a:link, a:visited, a:hover, a:active {
	background:transparent;
	text-decoration:none;
}
	

p, td, li, ul, ol {
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

h1, h2 {
	font-family: "Georgia", Times New Roman, Times, serif;
}

h3, h4, h5, h6 {
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}


/* Page Elements */

#wrapper {
	background-color:#333;
	margin: 20px auto;
	text-align:left;
	width:680px;
}

#branding {
	float:left;
	height: 45px;
	padding: 0;
	width: 170px;
}

#mainNav {
	float:left;
	width: 510px;
}

#content {
	margin: 20px 0 0 0;
	width: 680px;
}


#footer {
	clear: both;
	margin: 20px 0 0 190px;
	text-align: center;
}

.clear {
	clear:both; 
}

/* Branding Attributes */

#branding img {
	display:inline;
}

/* Nav Attributes*/


#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 13px 0 0 15px;
}

#mainNav li {
	float: left;
	font-size:1.1em;
	font-weight: bold;
	padding: 0 0 0 5px;
}

#mainNav li a, a:link, a:visited, a:hover, a:active {
	color: #fff;
	text-decoration: none;
}

#mainNav li a:hover {
	border-bottom: dashed 1px #fff;
	color: #fff;
}

#mainNav li a:active {
	border-bottom: dashed 1px #fff;
	color: #fff;
}

#mainNav li a.selected {
	border-bottom: dashed 1px #fff;
	cursor:default;
}



/* Content Attributes */

#content p {
	font-size:1em;
	line-height: 1.5em;	
	margin:.5em 0 1.5em 0;
}


#content h1 {
	font-size:2em;
}

#content h2 {
	font-size:1.6em;
	line-height:1.1em;
	margin:2em 0 0 0;
}

#content h3 {
	font-size:1.3em;
	line-height:1.286em;
	margin:1.929em 0 0 0;
}


#content h4 {
	font-size:1.2em;
	font-style:italic;
	line-height:1em;
	margin:1em 0 0 0;
}

#content h5 {
	font-size:1.2em;
	line-height:1em;
	margin:1em 0 0 0;
}

#content h6 {
	font-size:1.1em;
	line-height:1em;
	margin:1em 0 0 0;
}

#content img.horizontal{
	border: 10px solid #fff;
	display: block;
}

#content img.vertical {
	border: 10px solid #fff;
	display: block;
	margin: 0 0 0 190px;
}


#content ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin:.5em 0 1.5em 0;
	padding: 0 0 0 25px;
}

#content ul {
	list-style-position: outside;
	list-style-type: disc;
	margin:.5em 0 1.5em 0;
	padding: 0 0 0 25px;
}

#content li {
	font-size:1em;
	line-height:1.5em;
}

ul#portfolio {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul#portfolio li {
	margin:0;
}

ul#contact {
	list-style-type: none;
	padding:0;
}

ul#contact li {
	font-size:1em;
	line-height:2em;	
}

#content a:link {
	border-bottom: dashed 1px #fff;
	color:#fff;
	text-decoration:none;
}
	
#content a:visited {
	border-bottom: dashed 1px #ccc;
	color:#ccc;
}

#content a:hover {
	border-bottom: dashed 1px #fff;
	color:#999;
}

#content a:active {
	border-bottom: dashed 1px #fff;
	color:#999;
}

.primary {
	float: right;
	width: 490px;
}

.secondary {
	float: left;
	text-align:right;
	width: 170px;
}

.secondary img {
	border: 5px solid #fff;
	margin: 5px 0 0 0;
}


/* Footer Attributes */

#footer p {
	color: #fff;
	font-size:.9em;
	line-height:1em;
	margin:0;
	text-align:left;
}

#footer a:link {
	border-bottom: dashed 1px #fff;
	color:#fff;
	text-decoration:none;
}
	
#footer a:visited {
	border-bottom: dashed 1px #fff;
	color:#aaa;
}

#footer a:hover {
	border-bottom: dashed 1px #ccc;
	color:#999;
}

#footer a:active {
	border-bottom: dashed 1px #fff;
	color:#fff;
	}