/*
Theme Name: Workaholic
Theme URI: http://graphpaperpress.com/
Description: Showcase your work on the web.
Version: 3.0.2
Author: Chandra Maharzan for Graph Paper Press
Author URI: http://graphpaperpress.com/
Tags: minimalistic, clean, fixed width, three column, two column, separate blog, portfolio
License: GPL
*/

/* load 960 framework */
@import url("../library/960/reset.css");
@import url("../library/960/text.css");
@import url("../library/960/960.css");
@import url("../library/nav/superfish.css");

/* global styles */
body {background: url(../images/bg.jpg) repeat;margin: 20px 0;color:#000}
a {text-decoration: none;border-bottom:none; color: #06F}
a:hover {border-bottom:1px solid #693; color: #693}
strong {font-weight: bold;}
em {font-style: italic}
p.link{margin-bottom:30px;}
p{ margin-bottom:10px;}
p.mb30{margin-bottom:30px;}

/* headers */
#header {margin-top: 25px;margin-bottom: 5px;}
#header #logo {margin-top:-35px;float:left}
#header h1 {margin:0;text-transform: uppercase;font-size: 25px;padding:0;line-height: 1}
#header h1 a {color: #333;border:none;}
#header h1 a:hover {color:#666;}
#header .description {color:#bbb;font-family: Georgia;font-style: italic;font-size: 14px }

/* intro text */
#introduction h2 {font-size:24px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:125%; margin:10px 0 5px 0;padding:0; border:none;}
#introduction h3 {line-height:1.3;color: #999;font-size: 18px}


/* Navigation Highlights */
/*.current-cat a, .current_page_item a {font-weight:bold;}*/
.sf-menu a:hover{color:#AA1D28;}

/* NAVIGATION - Search for something */
#search { position: relative; float: right; top: 5px; height:40px; width:165px;}


/* twitter */
#news { background-color:#f0f0f0; width:270px; border:#CCC 1px dotted; float:right; margin-right:20px;}
.news_update_list li {list-style:disc;margin:0;font-size:11px;padding:10px 10px 0px 0px;line-height: 1.2;list-style-position: outside;}


/* Portfolio Gallery */
#gallery {margin-bottom:15px; border:10px solid #e5ded6;}
#gallery-nav {margin:2px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li { display: inline; margin:0;padding:4px 2px; background:#f6ede7; }
#gallery-nav li.current {background: #e5ded6; }
#gallery-nav li.current a {color:#666}
#gallery-nav li a {color:#aaa;font-weight: bold; border: none; padding:5px}

/* content */
#content h2 {text-transform: uppercase;font-size: 20px;margin-bottom: 15px;font-weight: bold}
#content div.portfolio{background: #fff url(../images/thumb-bg.jpg) 8px 8px no-repeat;margin-bottom: 22px;}
#content2 div.portfolio{background: #fff url(../images/thumb-bg.jpg) 8px 8px no-repeat;margin-bottom: 22px;}
#content div.portfolio  a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #333;border:none;line-height: 1.2;border: 1px solid #eee;}
#content div.portfolio h4 {position:relative;}
#content div.portfolio a:focus, #content div.portfolio a:hover { text-decoration: none; }
#content div.portfolio img {position: absolute;top: 8px;left: 8px;width: 284px;height: 150px;border: 0;z-index:3;}
#content div.portfolio span.title { position:absolute;bottom:0;left:0;padding:20px 20px 38px 25px; line-height: 1.2; color:#963;}
#content div.portfolio span.category { position:absolute;bottom:0;left:0;margin:0 20px 20px 25px; font-size:12px;color:#aaa;}
#content div.portfolio span.category a {font-size:12px;border: none;color:#888;}

/* prev next navigation */
.navigation, .navigation-archive {clear: both;margin-bottom: 20px;height: 33px;text-align:center}
.next  {background: url(../images/next.gif) 0 -66px no-repeat;width: 85px; height: 33px;float: right}
.prev  {background: url(../images/prev.gif) 0 -66px no-repeat;width: 115px; height: 33px;float: right}
.next a {background: url(../images/next.gif) 0 0 no-repeat;}
.prev a {background: url(../images/prev.gif) 0 0 no-repeat;}
.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
.next a {width:85px;}
.prev a {width:115px;}
.next a:hover, .prev a:hover {background-position: 0px -33px;border:none}
.navigation-archive .prev {float:left}

/* widgets */
h3.sub {margin-bottom:7px;font-weight: bold}
.item ul li {display: block;list-style:none;border-top:1px solid #ddd;margin:0;padding:8px 0;}
.item ul li a {display: block;border: none;font-weight: bold;}
.item dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left}
.item dd {padding-bottom:7px;}
.portfolio p {margin: 0;padding: 0;font-family:Georgia,Times; font-style: italic;font-size: 12px;}
.item h4 {color:#666;margin-bottom: 10px}
.textwidget {margin-bottom:30px}
#wp-calendar  {width: 100%}
#wp-calendar td {text-align: center;}
#wp-calendar thead {font-weight: bold;background: #eee}
#wp-calendar td#prev {text-align: left}
#wp-calendar td#next {text-align: right}

/* Content Area */
.postmetadata {font-size: 12px;}
small {color: #bbb}
hr{border:none;border-bottom: 1px solid #333 }
hr.dotted {border:none;border-bottom: 1px dotted #ccc }
.pagetitle, .post h2 {margin-top:10px}
.post h3 a{font-weight: bold} 

/* Form Elements */
input,textarea {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;font-size: 12px;-webkit-border-radius: 5px;border: none;padding:6px; background: #E5DED6;line-height: 1}
textarea {font-family: "Lucida Sans"}
#submit {font-weight: bold; padding: 5px 10px;border:1px solid #aaa}


form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}



/* Exstra */
#menu-menu{margin:25px 0 0 500px;}
.on{color:#AA1D28; font-weight:bold;}

#content2{  width:850px; margin-left:50px; min-height:600px; display:none;}
#content{  margin-top:10px; margin-bottom:-110px; min-height:500px; display:none;}

.green{ color:#a1b558}
.red{ color:#C00}
.blue{ color:#03F;}
.orange{ color:#F60; font-size:16px;}
.brawn{color:#963}

.serif{font-family:"Times New Roman", Times, serif;}


/* Access */
.AccessCon {
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

.AccessCon .GoogleMapCon {
	width: 674px;
	height: 366px;
	border:10px solid #e5ded6;
	margin: 0px 0px 25px 0px;
	padding: 2px;
}
#AccessMap {
	width: 674px;
	height: 366px;
}
.AccessCon table {
	width: 700px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #963;
	border-left: 1px solid #963;
}
.AccessCon table .AccessTableLeft {
	background-color: #F6EDE1;
	font-weight: bold;
	width: 249px;
	font-weight: bold;
}

.AccessCon .AccessTable td {
	border-right: 1px solid #963;
	border-bottom: 1px solid #963;
	padding: 4px 0px 4px 8px;
	font-size: 12px;
	line-height: 1.5;
	height: 30px;
}


#various3 {text-decoration: none;border-bottom:none;}
#various4 {text-decoration: none;border-bottom:none;}
#various5 {text-decoration: none;border-bottom:none;}
#various5 a{ text-decoration: none;border-bottom:none;}

#hakodate_re { width:500px; height:100%; margin:0 auto;}
img.entrant {margin:5px 0 5px 0px; border:#666 solid 1px; padding:3px;}

#entrant_date { border:#333 solid 2px; width:520px; padding:5px; margin:15px 0 15px 0;}
li{ list-style:decimal;}

#hotel li{ list-style:disc; }