*{ 
	padding: 0px;
	margin: 0px;
	font-family: Verdana;
	font-size: 9px;
	color: #666;
	text-transform:uppercase;
	font-weight: normal;
	line-height: 11px;
	letter-spacing: 1pt;
	}

body {
	background: #111;
	text-align: center;

	}
	
#main {

	margin: 0px auto;
	background: #222 url(../site/pics/bg.jpg);
	width: 950px;
	min-height: 100%;
	text-align: left;
	border-left: 1px dotted #232323;
	border-right: 1px dotted #232323;
	}

	
	
#banner {
	margin: 0px auto;
	background: #222 url(../site/pics/banner_01.jpg);
	width: 950px;
	height: 300px;
	margin-bottom: 6px;
	}

#banner ul {
	list-style-type: none;
	margin-left: 105px;
	}


#banner li {
    float: left;
    height: 23px;
    margin-right: 45px;
    margin-top: 267px;
    }


/* SUBMENU ------------------------------------------------ */


#submenu {
    position: absolute;
    margin-top: 282px;
    margin-left: 682px;
    }

#submenu_blog {
    position: absolute;
    margin-top: 264px;
    margin-left: 664px;
    }

#banner a:link, #banner a:visited {
    text-decoration: none;
    color: #666;
    font-size: 11px;
    font-style: bold;
    }

#banner a:hover, #banner a:active {
    text-decoration: none;
    color: #d7cec1;
    font-size: 11px;
    font-style: bold;
    }


/* CONTENT ALL SECTIONS ------------------------------------------------ */


#content {
    margin: 0px auto;
    width: 740px;
    padding-bottom: 64px;
    }

#content h1 {
    color: #CCC;
    font-size: 11px;
    font-style: bold;
    }

#content h2 {
    color: #999;
    }

#content em {
    color: #bfb08b;
    font-style: normal;
    }

#content h1 a:link, #content h1 a:visited {
    font-size: 11px;
    font-style: bold;
    color: #CCC;
    }

#content h1 a:hover, #content h1 a:active {
    font-size: 11px;
    font-style: bold;
    color: #EEE;
    }


#content a:link, #content a:visited {
    text-decoration: none;
    color: #999;
    }

#content a:hover, #content a:active {
    text-decoration: none;
    color: #d7cec1;
    }

/* HOWTO ------------------------------------------------ */


#content #howto_video {
    width: 740px;
    margin-bottom: 14px;
    }

#content #howto_text {
    width: 416px;
    height: 112px;
    background: #222 url(../site/pics/bg_work.jpg);
    margin-bottom: 16px;
	border: 1px dotted #2A2A2A;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
	float: left;
    }

#content #howto_text h1, #content #howto_text h2 {
	margin-bottom: 6px;
    }

#content #howto_related_links {
    width: 240px;
    height: 112px;
    background: #222 url(../site/pics/bg_work.jpg);
    margin-bottom: 16px;
	border: 1px dotted #2A2A2A;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
	float: right;
	}

#content #howto_related_links h1, #content #howto_related_links h2 {
	margin-bottom: 6px;
    }

#content .square {
	list-style-type:square;
	list-style-position:inside;
    }


/* WORK ------------------------------------------------ */


#content .work {
    width: 740px;
    height: 128px;
    background: #222 url(../site/pics/bg_work.jpg);
    margin-bottom: 14px;
    }

#content .work img {
    height: 128px;
    float: left;
    margin-right: 16px;
    }

#content .work h1 {
    padding-top: 16px;
    padding-right: 16px;
    }

#content .work p {
    padding-top: 6px;
    padding-right: 16px;
    }

#content img.work_detail {
    margin-top: 16px;
    }

#content img.last_work_detail {
    margin-top: 16px;
    margin-bottom: 16px;
    }

#content img.work_clip {
    margin-top: 22px;
    }


/* BLOG ------------------------------------------------ */


#content .blog {
    width: 508px;
    background: #222 url(../site/pics/bg_blog_new.jpg);
    margin-bottom: 16px;
    padding: 14px 18px 6px 14px;
	border: 1px dotted #2A2A2A;
    }

#content .blog img {
	margin-bottom: 6px;
	margin-top: 6px;
	border: 1px solid #161616;
    }

#content .blog h1 {
    margin-bottom: 6px;
    }

#content .blog h2 {
    margin-bottom: 6px;
    }

#content .blog p {
    margin-bottom: 6px;
    }

#content .blog ol {
    list-style-type: none;
    }

#content #sidebar {
    position: absolute;
    margin-top: 0px;
    margin-left: 558px;	
	}

#content #sidebar ul {
	list-style-type: none;
	margin-bottom: 6px;
	}

#content #sidebar .sidebar_headline {
	margin-bottom: 10px;
	margin-top: 12px;
	}

.comment {
    border-top: 1px dotted #555;
    display: block;
    min-height: 70px;
    margin-bottom: 12px;
    padding-top: 10px;
    }

.comment-meta, .comment-content {
	margin-left: 64px;
	}

.comment-meta {
	margin-top: 16px;
	margin-bottom: 6px;
	}

.commenter {
	margin-left: 12px;
	margin-top: 5px;
	position: absolute;
	}

.avatar, .gravatar {
	float: left;
	display: inline;
	}

#recent-comments-3 {
	width: 186px;
	}

.recentcomments {
	border-top: 1px dotted #3A3A3A;
	margin-bottom: 3px;
	padding-top: 3px;
	}

/* ABOUT ------------------------------------------------ */


#content img.about {
    margin-bottom: 14px;
    }



/* ARCHIVE ------------------------------------------------ */


#content img.archive {
    margin-bottom: 4px;
    margin-right: 4px;
    }


/* TEXT ------------------------------------------------ */


#content .text {
    width: 738px;
    height: 256px;
    background: #222 url(../site/pics/bg_blog.jpg);
    margin-bottom: 16px;
	border: 1px dotted #2A2A2A;
    }

#content .text h1 {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    }

#content .text h2 {
    padding-top: 6px;
    padding-left: 16px;
    padding-right: 16px;
    }

#content .text p {
    padding-top: 6px;
    padding-left: 16px;
    padding-right: 16px;
    }