/* CSS Document for jonbalza.com */

body { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
ul, 
ol { font-size: 1em; line-height: 1.6em; margin-bottom: 1em; }

h2 { border-bottom: 1px solid #333; color: #c1f540; }
h3 { color: #9c3; font-weight: normal; margin: 0; }

p { text-indent: 1em; }

a:link, 
a:visited { color: #9c3; text-decoration: none; }
a:hover, 
a:active { color: #c1f540; }
	.bookmarks a:link, 
	.bookmarks a:visited { border: none; display: block; padding: 3px 5px; }
	.bookmarks a:hover, 
	.bookmarks a:active { background: #453545 url(../images/layout/listbg.gif) left top; border: 1px solid #e849e8; padding: 2px 4px; }
	#footer a:link, 
	#footer a:visited { letter-spacing: 2px; text-transform: uppercase; border: none; }
	#footer a:hover, 
	#footer a:active { border: none; }

a img { border: 0; }
img.image { background: #333; border: 1px solid #9c3; float: right; margin: 5px 0 5px 20px; padding: 4px; }

.author { font-style: italic; margin-left: 5em; }
.bookmarks { list-style-type: none; }
	.bookmarks li { margin: 0; }
		.bookmarks li .title { font-weight: bold; letter-spacing: 2px; display: block; }
		.bookmarks li .desc { color: #666; }
		.bookmarks li a:hover .desc, 
		.bookmarks li a:active .desc { color: #fff; }
.portfoliolisting { list-style-type: none; margin: 0; padding: 0; }
	.portfoliolisting a.thumb { border: none; margin: 0; outline: none; padding: 0; }
		.portfoliolisting a.thumb img { border: 0; margin: 0; padding: 0; }
	.portfoliolisting li { border: 5px solid #333; line-height: .8em; margin: 0 0 20px 0; padding: 0; }
		.portfoliolisting li .portfolioitemdetail { border-top: 5px solid #333; display: none; margin: 0; padding: 0; }
	.portfoliolisting h3 { margin: 8px 10px 0 10px; text-indent: 0; }
	.portfoliolisting p { margin: 0 10px 10px; text-indent: 0; }
		.portfoliolisting p span { color: #333; font-style: italic; font-size: 10px; }
	.portfoliolisting p.links { margin: 5px 10px 12px; text-align: right; }
		.portfoliolisting p.links a:link, 
		.portfoliolisting p.links a:visited { border: 1px solid #333; color: #666; padding: 1px 4px; } 
		.portfoliolisting p.links a:hover, 
		.portfoliolisting p.links a:active { background: #2b321a url(../images/layout/listbg-alt.gif) left top repeat; border: 1px solid #9c3; color: #c1f540; padding: 1px 4px; }