body {background:#f13d96 url(/img/pattern5.jpg);}
body.one {background:#f13d96 url(/img/pattern1.jpg);}
body.two {background:#f13d96 url(/img/pattern2.jpg);}
body.three {background:#f13d96 url(/img/pattern3.jpg);}
body.four {background:#f13d96 url(/img/pattern4.jpg);}
body.five {background:#f13d96 url(/img/pattern.jpg);}
a {outline:0;}
#shadow {margin:auto;width:1030px;}
#page {width:1000px;margin:auto;background-color:#f13d96;Padding:15px;padding-top:0;}
#wrapper {width:1030px;margin:auto;padding:4px;padding-top:0;-moz-box-shadow: black 5px 5px 5px;float:left;background:#222;}
h1#logo {display:block;height:73px;width:1000px;background:#f13d96 url(/img/title.jpg) no-repeat -12px 0;text-indent:-9999px;}
h2#subtitle {display:block;width:469px;text-indent:-9999px;background:transparent url(/img/subtitle.jpg) no-repeat 0 0;height:25px;}
h3#about {display:block;width:140px;height:36px;background:transparent url(/img/about.jpg) no-repeat 0 0;text-indent:-9999px;margin-top:7px;margin-bottom:5px;}
h3#portfolio {display:block;width:246px;height:49px;background:transparent url(/img/webportfolio.jpg) no-repeat 0 0;text-indent:-9999px;margin:7px 0 5px 0;float:left;}
span.hr {width:1000px;background:transparent url(/img/hr.jpg) no-repeat 0 0;height:10px;display:block;margin:auto;}
#content {font-family:helvetica, arial, 'sans-serif';font-size:12px;color:#000;width:1000px;}
#content,#page {float:left;}
#content div.entry {float:left;padding:5px;background:#eee;margin-left:7px;margin-bottom:7px;width:480px;position:relative;opacity:0.9;-moz-box-shadow:5px 5px 25px 5px #000;-webkit-box-shadow:5px 5px 25px #000;}
.about ul.about{margin-bottom:10px;list-style:circle;margin-left:15px;font-size:12px;}
.about ul.about li {font-style:italic;font-weight:lighter;font-family:georgia, 'serif';}
#content div:hover {background-color:#fff;color:#000;opacity:1;}
#content div a {float:left;width:480px;position:relative;text-decoration:none;color:#fff;}
#content div a img {border:none;position:relative;}
#content div a span {float:right;background:#fff;color:#000;font-size:32px;font-weight:bold;position:absolute;display:none;z-index:10;padding:4px 10px;}
#content div a:hover span {display:block;}
#content div p {font-size:12px;font-weight:normal;float:left;width:480px;height:50px;padding-top:4px;margin-top:1px;border-top:1px dotted #111;}
#content div p a {font-weight:bold;text-decoration:none;color:#222;width:auto;display:inline;padding-right:3px;}
#content div p a:hover {color:#fff;background-color:#000;}
#content div p span {font-style:italic;display:block;}
div.about {background-color:#fff;padding:10px;font-size:13px;font-family:helvetica, arial, 'sans-serif';margin:10px 0 20px 0;}
div.about p.about {font-weight:normal;font-size:14px;}
div.about p.about span {font-weight:bold;font-size:14px;}
ul.screenshots {float:left;width:480px;}
ul.screenshots li {margin-right:5px;width:116px;height:72px;display:block;float:left;margin-right:5px;}
.screenshots li.last {margin-right:0;}
#content .screenshots li a {display:block;padding:3px;width:110px;background-color:#000;-webkit-border-radius:4px;}
#cdontent .screenshots li a:hover {background-color:#ff3366;}
#content .screenshots li a:hover img {opacity:1;}
.screenshots li a img {margin:0;padding:0;opacity:.8;}
#content p.screenshots {border:none;height:13px;}
#content .more {padding:0;margin:0;}
#content .show {color:#000;font-weight:bold;}
.listView #content .entry {width:980px;background-color:#000;col or:#fff;font-size:16px;-moz-box-shadow:5px 5px 30px 5px #000;-webkit-border-radius:12px;}
.listView #content .entry .more {background-color:#000;}
.listView p.screenshots {display:none;}
.listView #content .entry p {float:right;width:380px;font-size:32px;font-weight:bold;color:#fff;}
.listView #content .entry p a {color:#666;padding-right:4px;}
.listView #content .entry p a:hover {color:#ffff00;}
.listView #content .entry p span {font-size:14px;font-weight:bold;color:#ddd;}
.listView #content .entry .more {width:120px;float:left;}
.listView #content .entry .more ul.screenshots {display:block;width:116px;margin:0 0 0 2px;}
.listView #content .entry .more .screenshots li {padding:0;margin:0 0 2px 0;height:61px;float:none;}
.listView #content .entry .more .screenshots li a {padding:0;margin:0;float:none;}
.listView #content .entry .more .screenshots li a img {padding:0;margin:0;border:none;float:none;opacity:.7;}
.listView #content .entry .more .screenshots li a:hover img {opacity:1;padding-left:3px;}
.listView #content .entry a span {color:#fff;background-color:#000;display:block;font-size:20px;left:280px;top:-5px;width:180px;}
.listView #content .entry a:hover span {background:#f13d96;color:#fff;}
.views {text-align:left;width:300px;float:left;margin-top:30px;margin-right:5px;}
.views li {display:inline;padding-right:10px;}
.views li a {color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;font-family:helvetica, arial;text-decoration:none;}
.views li a:hover {color:#000;}
.views li a.active {color:#000;font-style:italic;}
.listView #content div a {float:right;}
.listView #content div p a {float:none;}
#footer {font-family:helvetica, arial, 'sans-serif';width:950px;display:block;-webkit-box-shadow:5px 5px 25px #000;float:left;padding:20px;background:#f3f3f3;height:80px;margin:auto;margin-left:5px;margin-top:20px;-moz-box-shadow:5px 5px 25px 5px #000;}
#footer ul li {font-size:11px;}
#footer ul li a {font-size:32px;color:#aaa;font-weight:bold;text-decoration:none;}
#footer ul .email {display:block;margin-bottom:10px;}
#footer ul .email a:hover {color:#333;}
.about p.title {font-size:25px;}
.about p.about span {font-style:italic;font-size:inherit;font-weight:normal;}
p.web {margin-top:15px;margin-bottom:0px;}
p.about a {color:#999; font-weight:bold;text-decoration:none;}
.about a:hover {color:#333;}