/*
Theme Name: Hisaoka Them
Theme URI: http://www.hisaoka.com/
Description: The default wordpress theme for Hiosaka Communications.
Version: 1.1
Author: Fanale Creative
Author URI: http://www.fanalecreative.com/

*/
/* CSS RESET */

html, body, div, span, object, 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,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a {text-decoration:none;}
* {font-family:georgia;}
body { margin:0; padding:0; }

body#intro {}
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Begin Typography & Colors */

a {color:#9be5f7;}
a:hover {color:#EBEACF;}
#sidebar a {color:#137296;}
#sidebar a:hover {color:#000;}

h1 a {color:#EBEACF;}

h1 a:hover {color:#9be5f7;}

p {
color:#FFFFFF;
font-size:11px;
line-height:17px;
margin-bottom:14px;
padding:0;}

#footer p {
color:#000000;
font-family:helvetica;
font-size:9px;
margin-top:5px;}

.blue, #flightbox-flickr-link a {color:#137296;}

.more-link, #flightbox-flickr-link a {
font-size:10px;
font-style:italic;
font-weight:bold;}

span.post-date {
font-size:12px;
font-style:italic;
line-height:23px;}

h1 a.client-link, a.client-site {color:#EBEACF;
font-size:12px;
font-style:italic;
line-height:23px;}

h1 a.client-link:hover, a.client-site:hover {color:#9be5f7;}

a.client-site {border-left:1px dotted;
margin-left:6px;
padding-left:9px;}
 
/* End Typography & Colors */


/*	Begin Headers */

h1 {
color:#EBEACF;
font-size:17px;
font-weight:normal;
margin-bottom:5px;}

h2 {
color:#EBEACF;
font-family:helvetica;
font-size:15px;
font-weight:normal;
margin:5px 0;}

h3 {
color:#9BE5F7;
font-family:helvetica;
font-size:14px;
margin-bottom:5px;}

h4 {
color:#9BE5F7;
font-family:helvetica;
font-size:13px;
margin-bottom:5px;
text-transform:uppercase;}

h5 {
border-bottom:1px dotted;
color:#EBEACF;
font-size:13px;
font-style:italic;
margin-bottom:5px;
padding-bottom:4px;}

h6 {
border-bottom:1px dotted;
color:#9BE5F7;
font-size:13px;
font-style:italic;
margin-bottom:5px;
padding-bottom:4px;}

#sidebar h4 {
color:#137296;
font-size:15px;
font-weight:normal;
margin-bottom:11px;}

blockquote {
font-style:italic;
padding:8px 40px;}

address {color:#9BE5F7;
font-size:10px;}

.entry ul {
color:#FFFFFF;
font-size:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0 0 12px 30px;}

.entry ul li, .entry ol li {margin-bottom:8px;}

.entry ol {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin:0 0 12px 30px;}




/* End Headers */

/* Begin Structure */
body {background:#EEEED2 url(images/background-body.jpg) repeat-x scroll left top;
padding-bottom:80px;
margin-bottom:0;}

body#intro {background:#fff;}

#intro-wrap {margin:40px auto;
position:relative;
width:700px;}

#skip {
margin-bottom:0;
margin-left:auto;
margin-top:0;
position:relative;
text-align:right;
width:700px;
z-index:999;}

#skip a {
color:#BD9435;
font-family:helvetica !important;
font-size:14px;
font-weight:bold;
margin-right:53px;
text-transform:uppercase;}

#skip a:hover {}

#wrapper {
	background:transparent url(images/background-wrap.jpg) no-repeat scroll center top;
margin:0 auto;
width:960px;
}

#page {
	background:transparent url(images/line-vertical.gif) no-repeat scroll 292px 90px;
overflow:hidden;
position:relative;
width:960px;
}


#header {
	background:transparent url(images/line-horizontal.gif) no-repeat scroll center center;
	height:13px;
	left:0;
	position:absolute;
	top:64px;
	width:960px;
}

#logo {
height:101px;
left:61px;
position:absolute;
top:-48px;
width:100px;}

#logo a {
display:block;
height:100%;
text-indent:-9999px;
width:100%;
}

#logo img {
border:medium none;
display:block;
text-indent:0;}

#drink {
left:197px;
position:absolute;
top:-50px;}

#content {
float:right;
margin-right:10px;
margin-top:103px;
overflow:hidden;
width:632px;}

#body-header {margin-bottom:22px;
overflow:hidden;}

#body-header img {border:1px solid #FFFFFF;}

img.client-thumb-2 {margin:0 12px;}

#bodyBlue {
background:transparent url(images/background-body-blue.jpg) repeat-y scroll 0 0;
display:inline;
float:left;
margin:0;
padding:11px 20px 13px 32px;
width:580px;}

#body-blue-bottom {
background:transparent url(images/background-body-blue-bottom.jpg) no-repeat scroll left bottom;
float:left;
height:17px;
/margin-top:-1px; /* IE FIX */
padding:0;
width:632px;
display:inline;}

#body-blue-top {
background:transparent url(images/background-body-blue-top.jpg) no-repeat scroll left top;
float:left;
height:12px;
padding:0;
width:632px;
display:inline;
margin:0;
/margin-bottom:-6px; /* IE FIX */}

#footer {float:right;
margin-top:-11px;
text-align:right;}

#article-thumbs {margin-bottom:20px;
overflow:hidden;}

#thumb-1 {
background:#8EB8B8 none repeat scroll 0 0;
float:left;
padding:12px;
position:relative;
width:265px;}

#thumbs-right {
float:right;
position:relative;}

#thumbs-right .thumb {
background:#8EB8B8 none repeat scroll 0 0;
margin-bottom:16px;
padding:12px;
position:relative;}

#article-thumbs h3 {
background:#127C96 none repeat scroll 0 0;
color:#FFFFFF;
padding:5px;}

#article-thumbs h3 a.title {
color:#FFFFFF;
font-family:helvetica;}

#article-thumbs .meta {
left:12px;
position:absolute;
top:22px;}

#article-thumbs .meta .date {
background:#127C96 none repeat scroll 0 0;
color:#FFFFFF;
display:inline;
font-family:helvetica;
font-size:13px;
font-weight:bold;
padding:5px;}


/* End Structure */


/* Begin Navigation */

#navigation {height:53px;
margin-left:12px;
overflow:hidden;}

#nav {}

#nav li {
float:left;
margin-left:1px;
margin-right:5px;
position:relative;}

#nav li a:link, #nav li a:visited {
height:53px;
display:block;
text-indent:-9999px;}

#nav li.current_page a, #nav li.current_page a:hover {background-position: left -106px; }

#nav li a:hover {
background-position: left -53px;
}

li#nav-who a {
background:transparent url(images/nav-who.jpg) no-repeat scroll left top;
width:108px;}

li#nav-why a {
background:transparent url(images/nav-why.jpg) no-repeat scroll left top;
width:110px;}

li#nav-what a {
background:transparent url(images/nav-what.jpg) no-repeat scroll left top;
width:103px;}

li#nav-clients a {
background:transparent url(images/nav-clients.jpg) no-repeat scroll left top;
width:95px;}

li#nav-photos a {
background:transparent url(images/nav-photos.jpg) no-repeat scroll left top;
width:84px;}

li#nav-where a {
background:transparent url(images/nav-where.jpg) no-repeat scroll left top;
width:61px;}


/* PAGE NAVI */

.wp-pagenavi {
border-top:1px solid #BBBBBB;
padding-bottom:20px;
padding-top:20px;}

.wp-pagenavi span.pages {color:#4D4D4F;
font-size:0.85em;
font-weight:bold;
margin-right:11px;}

.wp-pagenavi a:hover, .wp-pagenavi .current {
border:1px solid #BBBBBB;
color:#232323;
margin-left:3px;
padding:3px 7px;
text-decoration:none;
font-size:0.85em;
}

.wp-pagenavi a {
border:1px solid #BBBBBB;
color:#3B60AF;
margin-left:3px;
padding:3px 7px;
text-decoration:none;
font-size:0.85em;
}

/* End Navigation */



/* Begin Images */


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

#stay-informed img {float:left; margin:3px 23px 6px 0;}
img.headshot {float:left;
margin-bottom:15px;
margin-right:15px;}

/* End Images */



/* Begin Lists


	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
	
ul#links {border-top:1px dotted #999999;
margin-bottom:34px;}

ul#links li, div.accordionButton, div.accordionButtonSelected {border-bottom:1px dotted #999999;}

ul#links li a, div.accordionButton a, div.accordionButtonSelected a {color:#137C96;
display:block;
margin:3px 0;
padding:10px;
text-align:right;
}

ul#links li.none {padding:0; margin:0; border:none; background:none;}

ul#links li.current_page_item a, ul#links li a:hover, ul#links div.accordionButton a:hover,
ul#links div.accordionButtonSelected a, ul#links li.current-cat a {
background:#137296 none repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;}

#links ul.sub-links {}

#links ul.sub-links li {border:medium none;
display:block;}

#links ul.sub-links li a {
color:#A47E1E;
display:block;
font-family:null;
font-size:14px;
padding:6px 10px;}

#links ul.sub-links li a:hover, #links ul.sub-links li.current_page a {color:#137C96;
background:none;}

div#recent-posts ul.recent-posts li {margin-bottom:15px;}

div#recent-posts ul.recent-posts li a {background:none;}

div#recent-posts ul.recent-posts li a span.recent-date {font-size:11px;
font-style:italic;}

div#recent-posts ul.recent-posts li a {
color:#A47E1E;
font-family:null;
font-size:14px;
}

div#recent-posts {text-align:right;}



/* End Entry Lists */



/* Begin Form Elements */

/* End Form Elements */



/* Begin Comments*/

/* End Comments */



/* Begin Sidebar */

#sidebar {
background-position:right top;
float:left;
margin-top:141px;
overflow:hidden;
padding-top:175px;
width:267px;}

#sidebar p {color:#000;}

.where {background:transparent url(images/background-sidebar-where.jpg) no-repeat scroll 0 0;}
.index {background:transparent url(images/background-sidebar-index.jpg) no-repeat scroll 0 0;}
.photos {background:transparent url(images/background-sidebar-photos.jpg) no-repeat scroll 0 0;}
.who {background:transparent url(images/background-sidebar-why.jpg) no-repeat scroll 0 0;}
.why {background:transparent url(images/background-sidebar-who.jpg) no-repeat scroll 0 0;}
.what {background:transparent url(images/background-sidebar-what.jpg) no-repeat scroll 0 0;}
.clients {background:transparent url(images/background-sidebar-clients.jpg) no-repeat scroll 0 0;}



/* End Sidebar */





/* Begin Various Tags & Classes */

#bodyBlue div.photoset .flickr-thumb {margin:3px 15px 12px 0;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.margin-right {margin-right:10px;}
.module {margin-bottom:15px;
padding-bottom:15px;
position:relative;
width:100%;}
.mod-background-1 {background:url(images/background-module-1.jpg) no-repeat bottom left;}
.mod-background-2 {background:url(images/background-module-2.jpg) no-repeat bottom left;}
a#more-photos {bottom:19px;
position:absolute;
right:35px;}
.clear1 { height:1px;font-size:1px;padding:0;clear:left; }

.client-media-kit {background:transparent url(images/icon-media-kit.jpg) no-repeat scroll left center;
float:left;
font-size:12px;
font-style:italic;
padding:15px 0 15px 37px;
width:150px;}

#media-kit a {}

.hentry {margin-bottom:28px;
overflow:hidden;}

.events .hentry {margin-bottom:18px !important;}

.category-client-list {margin-bottom:15px !important;}

.post-thumbnail {border:1px solid #FFFFFF;
margin:0 10px 10px 0;
width:125px;}

#client-link {
font-size:12px;
font-style:italic;
line-height:23px;}

.twitter-timestamp {
font-size:10px;
font-style:italic;
font-weight:bold;}

div.category-client-list h1{
font-size:15px !important;
margin-bottom:0 !important;}

ul.twitter {}

ul#twitter_update_list li {font-size:12px;
margin-bottom:9px;}

#map {float:right;} 

#map a {float:right;
font-size:12px;
margin-top:5px;}

#post-17 {float:left;}



/* End Various Tags & Classes*/


.accordionButton {	

	}
 
.accordionContent {	
	border-bottom:1px dotted #999999;
display: inline-block;
width:100%;
	}