@CHARSET "UTF-8";

/* SITE STYLES */

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.2;
	background-color: white;
}
* html body { background:#ffffff; }

html, body { 
	height: 100%; 
}

.sketchpage .flashcontent {
	z-index:1;
	height: 100%;
	width: 100%;
	position:absolute;
}

/* REVISED V2 HOMEPAGE */

.fp-content {
	width: 800px;
	margin-top:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#infosection p {
	margin-top:14px;
	font-size:14px;
	width:450px;
}
#infosection p a {
	border-bottom: 1px solid green;
	font-weight:900;
	color:white;
}
.flashholder {
	height:700px;
	width:100%;
	top:0px;
}
.no-flash-main {
	background-color:#96e1ff;
	background-image: url(/static/images/template/noflash-bg.gif);
	background-repeat: repeat-x;
	height:700px;
}
.no-flash-main .sidebar {
	background:white;
	width:260px;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:100px;
}
.no-flash-main .get-flash {
	position:absolute;
	top:100px;
	left:100px;
}
.get-flash {
	width:500px;
	height:200px;
	padding:30px;
	background-color:white;
}

.get-flash span {
	line-height:1.2;
	font-size:18px;
	font-weight:100;
	background-color:yellow;
}
.info-holder {
	color: #faf8f4;
	background-position: 0 0px;
	background-repeat: repeat-x;
	background-image: url(/static/images/template/grass-gradient.jpg);
	background-color: #80c441;
	display:block;
	padding-top:20px;
	padding-bottom:40px;
	margin:0px;
}
.extra-info-holder {
	color: #1f5802;
	width:800px;
	
}
.extra-info {
	color: #1f5802;
	width:260px;
	float:left;
	margin-right:25px;
	font-size:11px;
	line-height: 1.2;
}
.extra-info h3 {
	font-size:14px;
}
.projects-holder {
	background-position: 0 0px;
	background-image: url(/static/images/template/grass-bottom.jpg);
	background-repeat: repeat-x;
	color: #faf8f4;
	display:block;
	background-color: #464240;
	padding-top:20px;
	padding-bottom:40px;
	margin:0px;
}
.project {
	border:4px solid #FFFFFF;
}
.project-info a.showy, .project-info a.showy:hover{
	border-bottom-width: 1px;
	border-bottom-color: yellow;
	border-bottom-style: dotted;
	color: yellow;
}
.project-intro { margin-top:40px; }
.project-info a { 
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: dotted;
	color: #ffffff;
}
.project-info a:hover{ background-color:#000000; }


.project-info {
	margin-top:5px;
	margin-bottom:25px;
}
.project-info h2 {
	margin-top:0px;
	margin-bottom:0px;
}
a.anchor, a.anchor:hover, a.anchor:visited {
	color:white;
	background: transparent;
}



a img { border:none; }

h1 {
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	margin:0px;
	margin-top:43px;
}

h1.cat-title {
	background-image: url(/static/images/template/thick-diag.gif);
	padding: 0px;
	margin: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	padding-bottom:15px;
}


h2 {
	font-size: 24px;
	font-weight: 100;
	margin-top:0px;
	padding-bottom:0px;
}

h3 {
	font-size: 16px;
	font-weight: 900;
	font-size:18px;
	margin-bottom:0px;
}

p, dl {
	margin-top:6px;
}


/* SIDE BAR JUNK */
.sidebar {
	padding-left:10px;
}
.sidebar h2 {
	font-size: 20px;
	margin-top:55px;
	margin-bottom:5px;
	padding-bottom:0px;
}
.sidebar h2.first_sidebar {
	margin-top:35px;
}
.front .sidebar h2 {
	margin-top:35px;
}
.sidebar h2 span {
	display:none;
}

.postquick a.via {border:0px; font-size:11px;}

/* Front page sidebar */
.sidebar #contact { background-position: 0px; width: 165px; height: 15px; background-repeat: no-repeat; background-image: url(/static/images/template/sidebar_contact.gif); }
.sidebar #location { background-position: 0px; width: 165px; height: 15px; background-repeat: no-repeat; background-image: url(/static/images/template/sidebar_wearehere.gif); }
.sidebar #elsewhere { background-position: 0px; width: 165px; height: 15px; background-repeat: no-repeat; background-image: url(/static/images/template/sidebar_elsewhere.gif); }
.tiny { font-size:9px; }
.sidebar #how { background-position: -2px; width: 165px; height: 15px; background-repeat: no-repeat; background-image: url(/static/images/template/how.gif); }
.sidebar #what { background-position: -2px; height: 17px; background-image: url(/static/images/template/what.gif); background-repeat: no-repeat; }
.sidebar #who { background-position: -2px; height: 17px; background-image: url(/static/images/template/who.gif); background-repeat: no-repeat; }
.sidebar #search { background-position: -2px; height: 17px; background-repeat: no-repeat; background-image: url(/static/images/template/search.gif); }
.off-image { display:block; }
.on-image { display:none; }
a.first-menu {
	margin-top:25px;
}
.menu-link { display:block; }
a.menu-link:hover { background-color:transparent; }

/* Post Specific Stuff */
.post {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin-bottom:50px;
}

.post ul {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 10px;
	margin-left:0px;
}
.post ul li {
	padding-left: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-top: 2px;
	list-style-position: inside;
	margin-left:0px;
	list-style-image: url(/static/images/template/list-arrow.gif);
}

.post .bodycontent {

}

.infopage .bodycontent h2 {
	font-size:36px;
	line-height:40px;
}


.post h2{
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	padding: 0px;
	margin-right: 0px;
	margin-left: -14px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 24px;
	padding:4px;
	
}
	
.post h2 a{
	/*
	padding-top: 2px;
	padding-left: 1px;
	padding-bottom: 2px;
	padding-right: 4px;
	*/
	padding:6px;
	padding-top:3px;
	padding-bottom:3px;
	color: #ffffff;
	text-decoration: none;
}
	
.post h2 a:hover{
	color:#ffffff;
}

.post p a, .post ul a{text-decoration:underline;}



.metadata{
	font-size:10px;
	line-height:12px;
	margin-top:4px;
	margin-bottom: 25px;
	display:none;
}

.postquick {
	background: transparent;
	padding-left: 3px;
	padding-bottom: 6px;
	padding-right: 3px;
	padding-top: 6px;
	margin-top: 3px;
	font-size:12px;
	margin-left:0px;
	line-height:18px;
}
.postquick p {
	display:inline;
	color:#444444;
}
.postquick a { 
	border-bottom-style: solid; 
	border-bottom-width: 2px; 
	font-weight:900;
	padding: 0px;
 }
.first_quick_post {
	margin-top:0px;
}
.first_regular_post {
	margin-top:50px;
}
.postquick p a { 
	border-style: none; 
	border-width: 0px; 
	font-weight:900;
	padding: 0px;
 }


/*
* html .postquick { background:#f6f4e5; padding-left:4px; margin-left:0px; }
*/

.quick_post .label{
	display:none;
}
.label a span {
	display:none;
}

.first_quick .label {
	margin-left:0px;
	font-weight: 900;        
	font-size: 14px;
	position:relative;
	margin-bottom:10px;
	background-color:transparent;
	clear:both;
}
	
.first_quick .label a { background-color:transparent; }

.alignleft {float:left; margin:25px;}
.alignright {float:right; margin:25px;}	

.pagination {
	background-image: url(/static/images/template/thick-diag.gif);
	padding-left:10px;
	width:102%;
	margin-left:-15px;
	margin-top:55px;
	font-size:10px;
	padding-top:10px;
	padding-bottom:15px;
	font-size:14px;
}
.pagination p{
	float: left;
	margin-right:2px;
	padding-left:4px;
}
.pagination p a {
	color:#ffffff;
	padding:2px;
}

.pagination p.description{
	margin-left:15px;
	font-size: 12px;
}


/* COMMENT JUNK */
.comment-col {
	width:45%;
}
.comment-list div {
	margin-top:15px;
}
.comment-list .row1, .comment-list .row2 {
	border-color:#e0e0e0;
	border-top-width: 1px;
	border-top-style: solid;
	/*background-color: #e0e0e0;*/
}

.comment-add {
	float:right;
}
.comment-add img {
	margin-left:-70px;
}
.commenthead {
	margin-bottom:0px;
	margin-top:10px;
}
.commentblock {
	width:95%;
	padding:10px;
	padding-left:2px;
}
.commentblock h4{
	margin-top:0px;
}
.commentbody {
	margin-top:6px;
	font-size:10px;
}
.commentblock label {
	display:block;
	font-size:10px;
}
.commentform p{
	margin-bottom:5px;
}
.commentform p.field_holder input{
	width:272px;
}
.commentform textarea {
	width:275px;
}
#commentssection{
	clear: both;
	padding: 0px 0px;
	margin: 0px;
}
	
#commentssection h3{
	font-family: georgia, times, verdana;
	font-size: 12px;
	font-style: normal;
	}

#commentform{
	background: #eae1cf;
	margin: 12px 0px 12px 0px;
	padding:5px;
	}
	
#commentform input{
	}

.commentpreview ul{
	font-size:16px;
	margin:12px 0 4px 0px;
	padding:0;
	color:#fa1461;
	font-weight:bold;
	list-style-type: none; }

.commentpreview ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.commentpreview label {
	font-size:10px;
}
.commentpreview textarea, .commentpreview #id_url, .commentpreview #id_email, .commentpreview #id_name  {
	display:block;
}

.bodycontent {
	font-size:14px;
	line-height:18px;
}
.bodycontent p {
	width:90%;
	margin-top:10px; 
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
.bodycontent > p:first-child {
	margin-top:0px;
}

.entry_list_links, .block_link {
	background-color:#b1f241;
	padding:3px;
	color:#ffffff;
}

/*
* html .entry_list_links { background:#b1f241; }
*/

.entry_end_links {
	margin-bottom:0px;
	margin-top:10px;
}


/* EIE: Added class for home */
.postquick a.random_color1, .post a.random_color1, .tags_list .random_color1 a, .front a.random_color1, #sidebar a.random_color1, #sketches a.random_color1 {
	background-color: transparent;
	color: #df7c1d;
}
.postquick a.random_color2, .post a.random_color2, .tags_list .random_color2 a, .front  a.random_color2, #sidebar a.random_color2, #sketches a.random_color2 {
	background-color: transparent;
	color: #e14bb9;
}
.postquick a.random_color3, .post a.random_color3, .tags_list .random_color3 a, .front  a.random_color3, #sidebar a.random_color3, #sketches a.random_color3 {
	background-color: transparent;
	color: #3fb9dd;
}
.postquick a.random_color4, .post a.random_color4, .tags_list .random_color4 a, .front  a.random_color4, #sidebar a.random_color4, #sketches a.random_color4 {
	background-color: transparent;
	color: #2886e5;
}
.postquick a.random_color5, .post a.random_color5, .tags_list .random_color5 a, .front  a.random_color5, #sidebar a.random_color5, #sketches a.random_color5 {
	background-color: transparent;
	color: #ff026f;
}
.postquick a.random_color6, .post a.random_color6, .tags_list .random_color6 a, .front  a.random_color6, #sidebar a.random_color6, #sketches a.random_color6 {
	background-color: transparent;
	color: #42d246;
}
.postquick a.random_color7, .post a.random_color7, .tags_list .random_color7 a, .front  a.random_color7, #sidebar a.random_color7, #sketches a.random_color7 {
	background-color: transparent;
	color: #e83982;
}


.post a:hover, #sidebar ul li a:hover, a.random_color1:hover, a.random_color2:hover, a.random_color3:hover, a.random_color4:hover, a.random_color5:hover, a.random_color6:hover, a.random_color7:hover {
	background-color:black;
	color:white;
}

.post h2 a.random_color1, .random_color1, .work_item .more_info .site_link_wrapper a.random_color1 {
	background-color: #70eaea;
	color:white;
}
.post h2 a.random_color2, .random_color2, .work_item .more_info .site_link_wrapper a.random_color2 {
	background-color: #42ae31;
	color:white;
}
.post h2 a.random_color3, .random_color3, .work_item .more_info .site_link_wrapper a.random_color3 {
	background-color: #78e20b;
	color:white;
}
.post h2 a.random_color4, .random_color4, .work_item .more_info .site_link_wrapper a.random_color4 {
	background-color: #f1d719;
	color:white;
}
.post h2 a.random_color5, .random_color5, .work_item .more_info .site_link_wrapper a.random_color5 {
	background-color: #dd27a4;
	color:white;
}
.post h2 a.random_color6, .random_color6, .work_item .more_info .site_link_wrapper a.random_color6 {
	background-color: #3fa8f1;
	color:white;
}
.post h2 a.random_color7, .random_color7, .work_item .more_info .site_link_wrapper a.random_color7 {
	background-color: #53e2ca;
	color:white;
}



.postquick.random_color1 {
	background:transparent;
}
.postquick.random_color2 {
	background:transparent;
}
.postquick.random_color3 {
	background:transparent;
}
.postquick.random_color4 {
	background:transparent;
}
.postquick.random_color5 {
	background:transparent;
}
.postquick.random_color6 {
	background:transparent;
}
.postquick.random_color7 {
	background:transparent;
}


.infoContainer p {
	width:95%;
}

/*
.extraInfo h4, #sidebar h4 {
	font-size:16px;
	font-weight:100;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:14px;
	color:#6f5644;
}

.extraInfo h4 {
	margin-top:24px;
}

.extraInfo h5, #sidebar h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:900;
	color:#6f5644;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:14px;
	text-transform: uppercase;
}
*/

dl {
	padding:0px;
	margin:0px;	
}
dd {
	padding:0px;
	margin:0px;
}
dt {
	margin-top:10px;
}
.subtitle {
	font-weight:900;
}
.rightbar {
	float:right;
}


.listGrid {
	float:left; 
}

.listGrid .item h4{
	font-weight: 100;
	clear:both;
	position:relative;
	margin-top:5px;
}

.listGrid .item h4 a {
	color:#6f5644;
}
.listGrid .item .imgLink {
	float:left; 
	padding:0px; 
	height:200px;
}

.listGrid .item {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

.movieHolder {
	padding-bottom:35px;
}

.post img, .listGrid img, .outlined {
	border:1px solid #7e7e7e;
	margin-left:0px;
}
p.blend { text-align:center; margin-top:60px; }
p.blend img{
	border:none;
}

#content {

}

	
/*
.header {
	z-index:10;	
	position:relative;	
}
.footer {
	margin-top:75px;
	border-top:1px dotted white;
	padding-top:20px;
}
*/

a:focus, a { color:#0e9dce; text-decoration: none; }

.nav div {
	float:left;
	height:55px;
	position:relative;
}
.nav strong {
	display: none;
	float: none;
	position:relative;
}
.nav p {
	position:absolute;
	top:6px;
	left:5px;
}
.nav #header-contact { 
	line-height: 12px; 
	margin-top: 5px; 
	position: relative; float: right; margin-right: 20px; font-size: 10px; text-align: right; }
.nav .left {
	background-repeat: no-repeat;
	background-image: url(/static/images/template/navbox_left.png);
	width:15px;
}


.nav .right {
	background-repeat: no-repeat;
	background-image: url(/static/images/template/navbox_right.png);
	width:15px;
}
.nav .mid {
	background-repeat: repeat-x;
	background-image: url(/static/images/template/navbox_mid.png);
	width:956px;
}
.nav {
	font-size:14px;
	font-family:helvetica, arial, sans-serif;
	height:55px;
	margin-left:0px;
	cursor: pointer;
}

.tags_list li { 
	padding-right: 3px;
	width: 100px; 
	float: left; 
}
 
.tags_list li span { width: 10px; padding-right: 3px; color: #5c6466; font-size: 9px; padding-left:2px; vertical-align:super; }

.tags_list a{
	line-height:2.0;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	font-size: 11px;
	color: #b1b1b1;
}

#more-link { margin-top: 10px; }
#more-tags { display: none; }

hr { border-style: none; float: left; margin-left: 0px; width: 640px; padding:0px; margin-top:50px; margin-bottom:50px; background-image: url(/static/images/template/15px_checker.gif); background-color: #eaeaea; height: 3px; }
hr.short_divider { margin-top:15px; margin-bottom:15px; }
hr.second_divider { margin-top:0px; margin-bottom:35px; }

hr.first_divider { margin-top: 0px; margin-bottom:15px; }
hr.home_divider { padding-top: 0px; margin-top: 0px; margin-bottom: 35px; }


.sketch_item {
	background-color: #e7e7e7;
	border:1px solid #dadada;
	position:relative;
	margin-bottom:20px;
	width:302px;
	padding:5px;
	float:left;
	margin-right:12px;
}

.sketch_item img{
	border:1px solid #c4c4c4;
}
.sketch_item h3 {
	float:left;
	font-size: 14px;
	margin-top:4px;
}
.sketch_item p {
	margin-top:0px;
	padding-top:0px;
	height:30px;
	font-size:10px;
}

#sketches .sketch_item a {
	border:none;
}

#sketches .sketch_item div a.random_color1, #sketches .sketch_item div a.random_color2, #sketches .sketch_item div a.random_color3, #sketches .sketch_item div a.random_color4, #sketches .sketch_item div a.random_color5, #sketches .sketch_item div a.random_color6, #sketches .sketch_item div a.random_color7 {
	float:right; margin-top:4px;

	font-weight:900;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#sketches .wrapper {
	position:absolute;
	top:106px;
	right:5px;
} 
.sketch_item .more_info {
	position:relative;
	clear:both;
	padding:4px 0 4px 0;
	height:1px;
	font-size:11px;
	font-weight:100;
	line-height:14px;
	margin-top:0px;
	
	float:left; 
	height:auto;
}

.sketch_item .more_info p, .work_item .more_info li {
	font-family: "Lucida Grande", "Geneva CY", Helvetica, Arial, sans-serif;
}

.sketch_item .secondary_list_wrapper {
	width:250px;
	margin-right:10px;
	margin-top:15px;
	float:left;
}

.sketch_item .secondary_list_wrapper strong {
	font-weight:900;
}

.sketch_link_wrapper {
	float:right;
	margin-top:5px;
	padding:3px;
}