/* @override http://newmediacampaigns.com/css/compiled.css */

/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { font: 11px/20px helvetica, trebuchet MS, verdana, sans-serif; color: #58534c; background: #000 url(../img/bg.jpg) top center no-repeat; }

:focus { outline: 0; }

h1{color:#FFF; font-size:1.8em;margin:10px 0;padding-bottom:10px;}
h2{color:#FFF; font-size:1.1em;margin: 0 0 10px 0;padding-bottom:10px;border-bottom:dotted 1px #666; letter-spacing: 2px; text-transform:uppercase;}
p {color:#CCC; padding:0 0 10px 0; line-height:1.5em;}
ul {color:#CCC}
li {color:#CCC}

a{ color: #000; }
a:link, a:visited{ text-decoration: underline; }
a:hover, a:active{ text-decoration: none; }
a img{ border: none; }
hr {color:#000;border:#000;height:0;margin:25px;}


/* Layout */
.portfolio{ margin: 0 auto; width: 720px; float:right;}
.leftSidebar{width:200px;float:left;padding: 5px 15px;margin-bottom:20px;}
.leftSidebar ul {margin-left:20px; list-style:square}
.footer {height:50px;clear:both;width:960px;margin:0 auto;border-top:dotted 1px #666;margin-top:50px;}
.footer a {color:#FFF}

/* Content */

/* Content - Portfolio Listing */

ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #FFF; }
ul#portfolio-filter a.current{ background:url(../img/bg-cat.gif); color:#FFF;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-box-shadow:0 2px 5px #000;}

ul#portfolio-list{ margin: 20px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 220px; height: 220px; display: block; float: left; margin: 9px;  }
ul#portfolio-list li a{ display: block; width: 220px; height: 180px; border: 1px solid #362c46;-moz-box-shadow:0 2px 5px #000; overflow:hidden;}
ul#portfolio-list li a:hover{ display: block; width: 220px; height: 180px; border: 1px dotted #d76219;}
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; }