@import url('/sponge-media/css/fonts-min.css');
body { margin: 0; background-color: #fff; }
img {border: 0}

#top { text-align: center;	height: 7.69em;
	background: #ececec url(/sponge-media/images/top_bg.png) repeat-x;
}
#top > div {
	width: 73.85em;
	margin: 0 auto;
}

#top > div > div {
	padding: .77em;
}

#top ul {
	float: right;
	margin: 0 0 0 0;
	padding: 0;
}
#top ul li {
	list-style-type:none;
	float: left;
}
#top ul li a { font-size: 1.2em; color: #06c; text-decoration: none;
	display: block; padding: .15em .77em }
#top ul li a:hover { background-color: #d95700; color: #fff}
#top .under_logo { padding: .38em .77em; text-align: left;}
#top .under_logo .tag {font-size: 1.23em; color: #666;}

#page {	text-align: left; width: 73.85em; margin: 0 auto; }
#page div.col_2o3 { margin-left: .77em; float: left; width: 48.46em; }
#page div.col_1o3 { margin-left: .77em; float: left; width: 23.08em; }
#page div.col_1o3 > div, #page div.col_2o3 > div { padding: .77em 0}

div.header { font-size: 1.38em; color: #06c; margin: 0 0 .38em 0 }

div.box { background: #414141 url(/sponge-media/images/box_grad.png) repeat-x}
div.box div.tl { height: .69em;
 background: transparent url(/sponge-media/images/box_corners.gif) no-repeat top left}
div.box div.tr { float: right; height: .69em; width: .69em;
 background: transparent url(/sponge-media/images/box_corners.gif) no-repeat top right;}

div.box div.bl { height: .69em;
 background: transparent url(/sponge-media/images/box_corners.gif) no-repeat bottom left}
div.box div.br { float: right; height: .69em; width: .69em;
 background: transparent url(/sponge-media/images/box_corners.gif) no-repeat bottom right;}

div.box div.tl, div.box div.tr, div.box div.bl, div.box div.br {
	line-height: 0px;
}

div.box div.content { padding: 0 .77em; border: 0 solid #414141;
   border-width: 0 .08em;}

div.box ul {margin: 0 .38em; padding: 0 .38em;}
div.box li { list-style-type: none; display: inline; line-height: 1.2em; }

div.box .section { font-size: 1.23em; color: #fff; padding-top: .77em; padding-bottom: .38em }

div.box a { color: #79bcff; display: block; padding: .23em; 
   text-decoration: none;}

/** Headers **/

h1 { font-size: 2em; color: #06c; padding: 0; margin: 0;
 font-weight: normal; }
 
h2 { font-size: 1.38em; color: #666;  padding: 0; margin: 0;
 font-weight: normal;}
 
h3 { font-size: 1.23em; color: #FFA70F;  padding: 0; margin: 0;
 font-weight: normal;}
 
p { line-height: 1.5em; padding: .77em; margin: 0}
p.sub { padding: .77em 1.54em}

ul li { line-height: 1.5em}

div.portfolio div.project {
	margin-bottom: 1.54em;
	border: .30em solid #ececec;
	border-width: .30em 0 .30em 0;
	background-color: #f7f7f7;
	padding-bottom: 1.54em;
}
div.portfolio div.name {
	background-color: #fff;
	border-bottom: .15em solid #ececec;
}
div.portfolio div.right { float: right; width: 24.15em; padding-right: .77em; }
div.portfolio ul.links {  margin: 0; padding: 0 }
div.portfolio ul.links li {float: left; list-style-type: none;}
div.portfolio h2 { padding-left: .38em; color: #06c; }
div.portfolio div.project img {
	border: .08em solid #ececec;
	margin: .77em 0;
	padding: .23em;
	background-color: #fff;
}
div.portfolio div.project dl { margin: .77em;}
div.portfolio div.project dt { font-size: 1.14em; color: #f60;}
div.portfolio div.project dd { margin-left: .77em; line-height: 1.5em;}

div.clear { clear: both}

a.button { display: inline-block; padding: .38em; background-color: #414141;
color: #fff; text-decoration: none; text-align: center; margin: 0 .38em }
a.button:hover {background-color: #d95700;}
form {margin: 1.54em; padding: 0}
form p {padding: .38em;}
form p.buttons { padding-left: 8em;  border-top: .15em solid #ececec;}
form p label { display: block; float: left; width: 7.69em}
form ul.errorlist {margin: 0 0 0 8em; padding: 0 0 0 0;}
form ul.errorlist li {list-style-type: none; font-size: 80%; color: #900}
form input, select, textarea { font: inherit;}

div.blog_header { padding: 2.31em 0; border-bottom: .15em dotted #ececec }
div.blog_header h1 { text-align: center }
div.blog div.date {font-style: italic; color: #999; padding: .77em}
div.blog div.post {margin: 1.54em .77em}
div.blog div.post div.date {padding: .15em .77em;text-align: right; font-size: 82%; font-style: italic; }
div.blog hr { background-color: #ececec; border: .08em solid #ececec;}