/* colours 

darkred	#8B1922
beige	#E5E7D1
text	#343737 
diary	#7E8081 (dark grey)
press	#D25324 (dark orange)
japan	#F39F31 (orange)
ideas	#3BA1C5 (light blue)
illus	#B78A47
desig	#343737


*/

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}
/*framework */
.hidden {display: none;}
h1, h2, h3 {font-weight: normal;}
.insert {float:left; margin: 0 8px 8px 0;}
.intro {font-size: 1.25em; padding: 0 0 1em 0;}

body { font-family: Georgia, serif; color: #343737; font: normal 100%; background-color: #fff; background-image: url(images/bg.png); background-repeat: repeat-x; background-attachment: fixed;}

a:link { color: #3BA1C5; text-decoration:none; }
a:visited { color: #3BA1C5; text-decoration:none; }
a:hover { color: #3BA1C5; text-decoration: underline; }
a:visited:hover { color: #3BA1C5; text-decoration: underline; }

#page { width: 944px; margin: auto;}

#container { float:left; width:944px;}

#pushdown {float:left; width:100%; height:104px; display: block;}

#main_menu {float:left;  width: 944px; height:56px; display:block; position:fixed; background:#8B1922; z-index: 2;}
#main_menu .logo {float:left; display: block; text-indent: -1000em; z-index: 1000; width:224px; height:56px; background-image:url(images/logo.png);}
#main_menu span.blog_title {float:left; display: block; width:240px; height:36px; margin: 0 0 0 80px; font-size: 0.875em; color: #E5E7D1; overflow: hidden; padding: 20px 0 0 0;}
#main_menu ul.menu_col1 {float:left; display: block; width:240px; height:48px; margin: 0; padding:8px 0 0 0;}
#main_menu ul.menu_col2 {float:left; display: block; width:160px; height:48px; margin: 0; padding:8px 0 0 0;}
#main_menu ul li a {font-size: 0.875em; text-transform: uppercase; padding: 0 0 0 32px; background-image: url(images/link.png); background-repeat: no-repeat;}
#main_menu ul li a:link, #main_menu ul li a:visited {color: #E5E7D1; background-position: 0 0px ; text-decoration:none;}
#main_menu ul li a:hover, #main_menu ul li a:visited:hover {color:#fff; background-position: 0 -16px ; text-decoration:none;}

#article_side {float:left; width:400px; height:auto; margin:104px 64px 0 0; display: block; position: fixed; background-color: white; z-index: 2;}
#article_side h1 {font-size: 1.5em; color:#8B1922; border-bottom: solid 8px #8B1922; padding-bottom: 8px;}
#article_side .photobox {float:left; display: block; width:160px; margin: 8px 16px 0 0;}
#article_side .photobox img {border-bottom: solid 8px #7E8081;}
#article_side .photobox p {font-size: 0.75em; color: #7E8081;}
#article_side .description {float:left; display: block; width:224px; margin:8px 0 0 0;}
#article_side .description p {margin-bottom: 1em;}
#article_side #about {float:left; display:block; height:auto; padding-bottom: 32px; border-bottom: solid 1px #8B1922; margin-bottom: 16px;}

#article_side #categories {float:left; display: block; width:160px; clear: left; border-bottom: solid 1px #8B1922;}
#article_side #categories ul {margin: 8px 0 8px 0;}
#article_side #categories ul li a {font-size: 0.875em; text-transform: uppercase; padding: 0 0 0 32px; background-image: url(images/link.png); background-repeat: no-repeat;}
#article_side #categories ul li a.diary:link , #article_side #categories ul li a.diary:visited  {color: #7E8081; background-position: 0 -48px ; text-decoration:none;}
#article_side #categories ul li a.press:link, #article_side #categories ul li a.press:visited  {color: #D25324; background-position: 0 -64px ; text-decoration:none;}
#article_side #categories ul li a.japan:link, #article_side #categories ul li a.japan:visited {color: #F39F31; background-position: 0 -80px ; text-decoration:none;}
#article_side #categories ul li a.ideas:link, #article_side #categories ul li a.ideas:visited {color: #3BA1C5; background-position: 0 -96px ; text-decoration:none;}
#article_side #categories ul li a.illus:link , #article_side #categories ul li a.illus:visited  {color: #343737; background-position: 0 -112px ; text-decoration:none;}
#article_side #categories ul li a.desig:link, #article_side #categories ul li a.desig:visited  {color: #343737; background-position: 0 -112px ; text-decoration:none;}
#article_side #categories ul li a.diary:hover, #article_side #categories ul li a.diary:visited:hover, #article_side #categories ul li a.press:hover, #article_side #categories ul li a.press:visited:hover, #article_side #categories ul li a.japan:hover, #article_side #categories ul li a.japan:visited:hover, #article_side #categories ul li a.ideas:hover, #article_side #categories ul li a.ideas:visited:hover, #article_side #categories ul li a.illus:hover, #article_side #categories ul li a.illus:visited:hover, #article_side #categories ul li a.desig:hover, #article_side #categories ul li a.desig:visited:hover  {color:#8B1922; background-position: 0 -32px ; text-decoration:none;}

#article_side #rss {float:left; display: block; width:160px; clear: left; margin: 4px 0 0 0; border-bottom: solid 1px #8B1922; margin-bottom: 16px; padding-bottom: 4px;}
#article_side #rss a {font-size: 1.5em; text-transform: uppercase; padding: 0 0 0 18px; background-image: url(images/rss.png); background-repeat: no-repeat;}
#article_side #rss a:link, #article_side #rss a:visited {color: #8B1922; background-position: 0 0px; text-decoration:none;}
#article_side #rss a:hover, #article_side #rss a:visited:hover {color: #7E8081; background-position: 0 -27px; text-decoration:none;}

#article_side #archive {float:left; display: block; width:160px; clear: left;}
#article_side #archive ul {margin: 8px 0 8px 0;}
#article_side #archive ul li a {font-size: 0.875em; text-transform: uppercase; padding: 0 0 0 32px; background-image: url(images/link.png); background-repeat: no-repeat;}
#article_side #archive ul li a:link, #article_side #archive ul li a:visited {color: #8B1922; background-position: 0 -32px; text-decoration:none;}
#article_side #archive ul li a:hover, #article_side #archive ul li a:visited:hover {color: #7E8081; background-position: 0 -48px; text-decoration:none;}

#article_side #recent {float:right; display: block; width:224px;}
#oldnew ul {margin: 8px 0 8px 0;}
#oldnew ul li a:link, #oldnew ul li a:visited {font-size: 0.875em; text-transform: uppercase; padding: 0 0 0 32px; background-image: url(images/link.png); background-repeat: no-repeat; color: #8B1922; background-position: -32px left; text-decoration:none;}
#oldnew ul li a:hover, #oldnew ul li a:visited:hover {color:#3BA1C5; background-position: 0 -96px; text-decoration:none;}

#article_main {float:left; width:480px; height:auto; margin:0 0 0 464px; z-index: 1; }
#article_main h1 {font-size: 1.5em; font-weight: bold; border-bottom: solid 8px #8B1922; padding-bottom: 8px; color: #8B1922;}
#article_main .class_date {margin: 8px 0 16px 0; border-bottom: solid 1px #8B1922; padding-bottom: 8px;}
#article_main p {padding: 0 0 1em 0;}
#article_main p.intro {font-size: 1.25em; padding: 0 0 1em 0;}
#article_main .intro {font-size: 1.25em; padding: 0 0 1em 0;}
#article_main p.readmorelink {text-align: right; width:100%;  margin: -1em 0 -32px 0; font-size: 0.875em;}
#article_main p.readmore {border-bottom: solid 1px #8B1922; margin-bottom: 64px;}

#article_main a:link, #article_main a:visited {color: #8B1922;}
#article_main a:hover, #article_main a:visited:hover {color: #7E8081; text-decoration: none;}
#article_main #press h1 {color:#D25324; border-bottom: solid 8px #D25324;}
#article_main #press a:link, #article_main #press a:visited {color:#D25324;}
#article_main #press .class_date {border-bottom: solid 1px #D25324;}
#article_main #press p.readmore {border-bottom: solid 1px #D25324;}
#article_main #ideas h1 {color:#3BA1C5; border-bottom: solid 8px #3BA1C5;}
#article_main #ideas a:link, #article_main #ideas a:visited {color:#3BA1C5;}
#article_main #ideas .class_date {border-bottom: solid 1px #3BA1C5;}
#article_main #ideas p.readmore {border-bottom: solid 1px #3BA1C5;}
#article_main #diary h1 {color:#7E8081; border-bottom: solid 8px #7E8081;}
#article_main #diary a:link, #article_main #diary a:visited {color:#7E8081;}
#article_main #diary .class_date {border-bottom: solid 1px #7E8081;}
#article_main #diary p.readmore {border-bottom: solid 1px #7E8081;}
#article_main #japan h1 {color:#F39F31; border-bottom: solid 8px #F39F31;}
#article_main #japan a:link, #article_main #japan a:visited {color:#F39F31;}
#article_main #japan .class_date {border-bottom: solid 1px #F39F31;}
#article_main #japan p.readmore {border-bottom: solid 1px #F39F31;}
#article_main #ideas a:hover, #article_main #ideas a:visited:hover, #article_main #press a:hover, #article_main #press a:visited:hover, #article_main #diary a:hover, #article_main #diary a:visited:hover, #article_main #japan a:hover, #article_main #japan a:visited:hover {color: #8B1922; text-decoration: none;}

#article_main .pagination_top {float:left; display:block; margin: -64px 0 0 0; color:#7E8081; width:100%; font-size: 0.875em;}
#article_main .pagination_bottom {float:left; display:block; margin: 16px 0 32px 0; color:#7E8081; width:100%; font-size: 0.875em;}

#portfolio {display:block; float:left; width:960px; margin-left:;}
#portfolio h1 {display: block; float:left; font-size: 1.5em; color:#8B1922; padding-bottom: 8px; width:240px;}
#portfolio h2 {display: block; float:left; font-size: 1.5em; padding-bottom: 8px;}
#portfolio p {display: block; float:left; color:#7E8081; font-size: 0.875em; margin-top: 8px;}
#portfolio .portfolio_boxes {width:960px; float:left; margin: 32px 0 32px 0;}
#portfolio .portfolio_boxes .box {display: block; float:left; width:224px; margin:0 16px 32px 0;}
#portfolio .portfolio_boxes .box a img {width:224px; height:168px; border-width: 8px 0 1px 0; border-style: solid; border-color: #7E8081; background-color:#E5E7D1; }

#index_side {float:left; width:208px; height:auto; margin:104px 0 0 0; display: block; position: fixed; background-color: white; z-index: 2;}
#index_side h1 {font-size: 1.5em; color:#8B1922; border-bottom: solid 8px #8B1922; padding-bottom: 8px;}
#index_side #categories {float:left; display: block; width:208px; clear: left; border-bottom: solid 1px #8B1922;}
#index_side #categories ul {margin: 8px 0 8px 0;}
#index_side #categories ul li a {font-size: 0.875em; text-transform: uppercase; padding: 0 0 0 32px; background-image: url(images/link.png); background-repeat: no-repeat;}
#index_side #categories ul li a.diary:link , #index_side #categories ul li a.diary:visited  {color: #7E8081; background-position: 0 -48px ; text-decoration:none;}
#index_side #categories ul li a.press:link, #index_side #categories ul li a.press:visited  {color: #D25324; background-position: 0 -64px ; text-decoration:none;}
#index_side #categories ul li a.japan:link, #index_side #categories ul li a.japan:visited {color: #F39F31; background-position: 0 -80px ; text-decoration:none;}
#index_side #categories ul li a.ideas:link, #index_side #categories ul li a.ideas:visited {color: #3BA1C5; background-position: 0 -96px ; text-decoration:none;}
#index_side #categories ul li a.illus:link , #index_side #categories ul li a.illus:visited  {color: #343737; background-position: 0 -112px ; text-decoration:none;}
#index_side #categories ul li a.desig:link, #index_side #categories ul li a.desig:visited  {color: #343737; background-position: 0 -112px ; text-decoration:none;}
#index_side #categories ul li a.diary:hover, #index_side #categories ul li a.diary:visited:hover, #index_side #categories ul li a.press:hover, #index_side #categories ul li a.press:visited:hover, #index_side #categories ul li a.japan:hover, #index_side #categories ul li a.japan:visited:hover, #index_side #categories ul li a.ideas:hover, #index_side #categories ul li a.ideas:visited:hover, #index_side #categories ul li a.illus:hover, #index_side #categories ul li a.illus:visited:hover, #index_side #categories ul li a.desig:hover, #index_side #categories ul li a.desig:visited:hover  {color:#8B1922; background-position: 0 -32px ; text-decoration:none;}
#index_side #rss {float:left; display: block; width:224px; clear: left; margin: 4px 0 0 0; border-bottom: solid 1px #8B1922; margin-bottom: 16px; padding-bottom: 4px;}
#index_side #rss a {font-size: 1.5em; text-transform: uppercase; padding: 0 0 0 18px; background-image: url(images/rss.png); background-repeat: no-repeat;}
#index_side #rss a:link, #index_side #rss a:visited {color: #8B1922; background-position: 0 0px left; text-decoration:none;}
#index_side #rss a:hover, #index_side #rss a:visited:hover {color: #7E8081; background-position: 0 -27px ; text-decoration:none;}
#index_side .description {float:left; display: block; width:208px; margin:8px 0 0 0;}

#article_subcontent {float:left; width:224px; height:auto; margin:104px 0 0 224px; padding-top:1.7em; z-index: 1; position:absolute;}
#article_subcontent img {margin-top:8px; border-top: solid 8px #8B1922; padding-bottom: 8px; color: #8B1922;}

#top {display:block; float:left; width:970px; margin-left:;}

#top h3 {display: block; float:left; color:#7E8081; font-size: 0.875em; margin-top: 8px;}
#top .design_boxes {width:480px; float:left; margin: 32px 0px 32px 0;}
#top .design_boxes h2 {display: block; float:left; font-size: 1.5em; padding-bottom: 8px; width:464px; margin-bottom: 8px; border-width: 0 0 8px 0; border-style: solid; border-color: #8B1922; color:#8B1922;}
#top .design_boxes .box {display: block; float:left; width:224px; margin:0 16px 32px 0;}
#top .design_boxes .box a img {border-width: 8px 0 1px 0; border-style: solid; border-color: #7E8081; background-color:#E5E7D1; }
#top .illus_boxes {width:480px; float:left; margin: 32px 0px 32px 0;}
#top .illus_boxes h2 {display: block; float:left; font-size: 1.5em; padding-bottom: 8px; width:464px; margin-bottom: 8px;border-width: 0 0 8px 0; border-style: solid; border-color: #8B1922; color:#8B1922;}
#top .illus_boxes .box {display: block; float:left; width:224px; margin:0 16px 32px 0;}
#top .illus_boxes .box a img {border-width: 8px 0 1px 0; border-style: solid; border-color: #7E8081; background-color:#E5E7D1; }

#top .face {float:left; display: block; width:224px; height: 336px; background-image: url(images/hawken_king_face.png); margin-right:80px}
#top .intro2 {float:left; display: block: width:416px; height:auto; margin-right: 64px; margin-bottom:56px;}
#top .intro2 h1 {float:left; display: block; text-indent: -1000em; z-index: 1000; background-image: url(images/body_text.png); background-repeat: no-repeat; width:416px; height:176px; padding-bottom:16px; margin-bottom: 16px; border-width: 0 0 8px 0; border-style: solid; border-color: #E5E7D1;}
#top .sidebar {float:left; display: block; width:160px; height: auto; margin-top:192px; border-width: 8px 0 0 0; border-style: solid; border-color: #E5E7D1; padding-top:16px;}
#top .col h2 {font-size:1.25em; font-style: italic; color:#8B1922; margin-bottom: 16px;}
#top .col li {font-size:0.875em; color:#7E8081; margin-bottom: 8px;}
#top .col {display:block; float:left; width:160px;}
#top .col1 {margin-right: 96px;}



#footer {clear:both;float:left;display:block;}