@import url("reset.css");
@import url("text.css");
@import url("960.css");

body { background-color: #554444; font-family: helvetica, arial, serif; padding: 0;}

a { color: #404080; text-decoration: none; }
a:hover { text-decoration: underline; }
p { color: #443333; font-size: 16px; line-height: 20px; font-weight: normal; }

#top { background-color: #554444; height: 50px; width: 100%; padding-top: 30px; }
#top .container_12 { position: relative; }
#top .name { color: #fff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 24px; text-transform: uppercase; }
#top .name a { color: #fff; text-decoration:none; }
#nav { position: absolute; left: 525px; top: 10px; }
#nav li { display: inline; list-style: none; padding:3px; }
#nav li a { color:#fff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 14px; text-transform: uppercase; }
#nav li a:hover { color:#fff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 14px; text-decoration: none; text-transform: uppercase; }
#nav .current { background-color:#9999aa; }

#content { background-color: #9999aa; padding: 10px 0; width: 100%; }

h1 { color: #ffffff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 44px; font-weight:normal; line-height: 44px; margin:0; text-transform: uppercase; }
h1 a { color: #ffffff; }
h1 a:hover { text-decoration: none; }
h2 { color: #554444; font-family: helvetica, arial, serif; font-size: 20px; font-weight: normal; line-height: 21px; margin: 0; }
h3 { color: #554444; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 20px; line-height: 20px; margin-bottom: 5px; text-transform: uppercase; }

.example, #sidebar, #feature, #archive, .wp-caption, #nav li, #button li a, .intro .bar, .intro .bar2 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.example, .wp-caption { background-color:#ddddee; overflow: hidden; padding: 10px; margin-bottom: 15px; width: 640px; }
.wp-caption img { padding: 0; width: 640px; }
.example p, .wp-caption p {  color: #665555; font-family: helvetica, arial, serif; font-size: 12px; font-weight: normal; line-height: 14px; margin: 0; padding: 5px 0 0 0; }
.example a { color: #404080; }

.categories { font-family: helvetica, arial, serif; font-size: 12px; font-weight: normal; line-height: 14px; }
.categories a { color:#404080; font-family: helvetica, arial, serif; } 

#sidebar { background-color:#c5c5d4; padding: 10px; margin: 0px; width: 100%; }
#sidebar h3 { color: #554444; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 16px; line-height: 16px; margin-bottom: 5px; text-transform: uppercase; }
#sidebar .list { margin: 0; padding: 0; }
#sidebar .list li {  list-style: none; margin: 0; font-size: 12px; line-height: 12px; padding: 6px 0 6px 0; border-top: 1px solid #b9b9c7; }
#sidebar .list li a { color:#404080; font-family: helvetica, arial, serif; }

#bottom { background-color: #554444; width: 100%; padding-top: 30px; }
#bottom .container_12 { position: relative; }
#bottom .name { color: #fff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 24px; text-transform: uppercase; }
#bottom h4 { color: #f7f7ff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 12px; line-height: 12px; margin-bottom: 0; text-transform: uppercase; }
#bottom p { color: #f7f7ff; font-size: 11px; line-height: 11px; }
#bottom .list { margin: 0; padding: 0 0 20px 0; }
#bottom .list li {  list-style: none; margin: 0; font-size: 11px; line-height: 12px; padding-top: 3px; }
#bottom .list li a { color:#f7f7ff; font-family: helvetica, arial, serif; }

#skill { border-left: 1px solid #c5c5d4; color: #554444; font-size: 12px; line-height: 14px; padding-left: 9px; width: 210px;  }
#skill a { color: #554444; }
#skill a:hover { text-decoration: none; }
#skill h2 { color: #f7f7ff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 24px; font-weight: bold; line-height: 24px; margin: 0; text-transform: uppercase; }

#velvet { border-left: 1px solid #c5c5d4; color: #554444; font-size: 12px; line-height: 15px; padding-left: 9px; width: 210px;  }
#velvet h2 { color: #f7f7ff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 24px; font-weight: normal; line-height: 24px; margin: 0; text-transform: uppercase; }

.features { padding-top: 40px; }
#feature { background-color:#ddddee; font-size: 11px; height: 230px; line-height: 13px; margin-top:20px; padding: 10px; width: 200px; }
#feature h2, #feature h2 a { color: #554444; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0; padding: 15px 0 3px; text-transform: uppercase; }
#feature:hover { background:#fff; background:rgba(255,255,255,0.9); }
#feature img { width:200px; border: 1px solid #c5c5d4; }

#archive { background-color:#ddddee; font-size: 11px; height: 250px; line-height: 13px; margin:0 10px 10px 0; padding: 10px; width: 272px; float:left; }
#archive h2, #archive h2 a { color: #554444; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 21px; font-weight: bold; line-height: 22px; margin: 0; padding: 10px 0 3px; text-transform: uppercase; }
#archive:hover { background:#fff; background:rgba(255,255,255,0.9); }

.slickr-post { padding: 10px 10px 0 0; }

.excerpt p { color:#665555; font-size:12px; font-style:italic; line-height: 13px; top-margin:0; top-padding:0;  }

.headline { padding: 10px 0 30px 0; }


#button li { list-style: none; margin: 0; font-size: 24px; line-height:24px; padding: 15px 0;  }
#button li a {  background-color:#c5c5d4; color:#404080; font-family: helvetica, arial, serif; font-weight:bold; padding: 10px 20px; }
#button li a:hover {  background-color:#404080; color:#c5c5d4; text-decoration:none;  }
.shadow {
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.splash { padding-top:100px; }
.intro .bar { background-color:#554444; margin: 10px 0; padding: 20px 20px 15px 20px;  }
.intro .bar2 { background-color:#404080; margin: 10px 0; padding: 20px 20px 15px 20px;  color:#404080; font-size:12px; line-height:13px;  }
.intro .bar2:hover { background-color:#9999aa;  }
.intro h1 { color: #ffffff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 44px; font-weight:normal; line-height: 44px; text-transform: uppercase; }
.intro h2 { color: #ffffff; font-family: 'Josefin Sans', helvetica, arial, serif; font-size: 28px; font-weight:normal; line-height: 28px; text-transform: uppercase; }
.intro a { color:#fff; }
.intro a:hover { text-decoration: none; }