/*



Theme Name: My New WordPress Default



Theme URI: http://wordpress.org/



Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.



Version: 1.6



Author: Michael Heilemann



Author URI: http://binarybonsai.com/



Tags: blue, custom header, fixed width, two columns, widgets







	Kubrick v1.5



	 http://binarybonsai.com/kubrick/







	This theme was designed and built by Michael Heilemann,



	whose blog you will find at http://binarybonsai.com/







	The CSS, XHTML and design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php







*/



/*DEFAULT RESETS */







/*========================================================================



The selectors in this stylesheet exist only to reset browsers in a way that



ensures they all start on the same level playing field. Credit for these selectors



goes to Mr. Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)



========================================================================*/



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, tt, var, 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-weight: inherit;



    font-style: inherit;



    font-size: 100%;



    font-family: inherit;



    vertical-align: baseline;



}



/*==============================================================================



End Mr. Eric Meyer's reset selectors, 



==============================================================================*/



body {



    font: 80%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;



    color: #2D2D2D; background: #fff;



	text-align: center;



}







/*====================



Link Styles



======================*/



a:link,  a:visited {color:#024BA5; text-decoration: none;}



/*a:focus, a:active,  {outline:none; color:#fff; background-color:blue;}*/



a:hover {text-decoration:underline;}







/*====================



Heading Styles



======================*/



h1 {font-size:1.7em; margin:.6em 0;}



h2 {font-size:1.6em; margin:.6em 0;  font-family: Helvetica; letter-spacing: -1px;} /*extra blog styling */



h3 {font-size:1.3em; margin:.6em 0;}



h4 {font-size:1.1em; margin: .4em 0;}



h5 {font-size:1.05em; margin:.4em 0; font-style:italic;}







/*====================



List Styles



======================*/



dl, ol, ul {margin:1em 0;}



ol, ul {padding:0 0 0 2em;}



li, dd {margin:.25em 0;}



dt {font-weight:bold;}







/*====================



Table Styles



======================*/



th {font-weight:bold;}



td, th {padding:.3em .5em; text-align:left;}







/*====================



General Styles



======================*/



img {border:0;}



p {margin:1em 0; line-height: 125%}



hr {display:none;}



label {display:block;}



legend {padding:0 .5em;}



strong {font-weight:bold;}



blockquote {padding-left:2em;}



em, ins, del {font-style:italic;}



fieldset {padding:0 1em; border:1px solid #666;}



abbr, acronym, dfn {cursor:help; border-bottom:1px dotted #ddd;}



code, kbd, pre {font-family:Courier, "Courier New", Tahoma, sans-serif;}







/* END OF DEFAULT RESETS */







body {



	background: #fff;



	position: relative;



	background-image:url(backgroundgradient.png);



	background-repeat:repeat-y;



	background-position: top center;



	



}	







#preload {



	position: absolute;



	top: 0px;



	left: -9999em;



}	







#innerwrapper {



	width:75em;



	margin: 0 auto;



	text-align: center;



	position: relative;



}







#left_col {



	width: 48em;



	float: left;



	clear: left;



}	







#logo {



	display: inline;



	float: left;



	margin-top: 1em;



}







#banner {



	display: inline;



	float: left;



	margin-top: 2em;



	margin-bottom: 1.5em;



}







/*//////////////////////////////////////////////////////



//Creates a round-corner box 25/107 ems/////////////////



//////////////////////////////////////////////////////*/







.box {



	display: inline;



	float: left;



	width:25em;



	height:107em;



	background-color:#686876;



	background-image:url(/images/topleft.png);



	background-position:top left;



	margin-top: 2em;



	margin-bottom: 2em;



	margin-left: 2em; 



	padding: 0em;



	background-repeat:no-repeat;



	position: relative;



}







.box h3 a {



	color: #2D2D2D;



}







.box h3 a:hover {



	color: #FFF;



	background-color: #686876;



}		











.tRight {



	width:25em;



	height:107em;



	background-image:url(/images/topright.png);



	background-position:top right;



	background-repeat:no-repeat;



}











.bRight {



	width:25em;



	height:107em;



	background-image:url(/images/bottomright.png);



	background-position:bottom right;



	margin:0px; 



	padding:0px;



	background-repeat:no-repeat;



}











.bLeft {



	width:25em;



	height:107em;



	background-image:url(/images/bottomleft.png);



	background-position:bottom left;



	margin:0px;



	padding:0px;



	background-repeat:no-repeat;



}







.inner_box {



	position: absolute;



	top: 2.5em;



	left: 1em;



	width: 20em;



	height: 100em;



	background-color: #fff;



	padding: 1.5em;



	padding-top: 0em; 



}







.inner_box p {



	text-align: left;



}







.inner_box h3 a:hover {



	text-decoration: none;



}		







/*End*/











/*//////////////////////////////////////////////////////



//Creates a smaller rounded corner box//////////////////



//////////////////////////////////////////////////////*/







.box2 {



	display: inline;



	float: left;



	width:25em;



	height:67em;



	background-color:#5C5C6A;



	background-image:url(/images/topleft.png);



	background-position:top left;



	margin-top: 2em;



	margin-bottom: 2em;



	margin-left: 2em; 



	padding:0px;



	background-repeat:no-repeat;



	position: relative;



}







.tRight2 {



	width:25em;



	height:67em;



	background-image:url(/images/topright.png);



	background-position:top right;



	background-repeat:no-repeat;



}











.bRight2 {



	width:25em;



	height:67em;



	background-image:url(/images/bottomright.png);



	background-position:bottom right;



	margin:0px; 



	padding:0px;



	background-repeat:no-repeat;



}











.bLeft2 {



	width:25em;



	height:67em;



	background-image:url(/images/bottomleft.png);



	background-position:bottom left;



	margin:0px;



	padding:0px;



	background-repeat:no-repeat;



}







.inner_box2 {



	position: absolute;



	top: 2.5em;



	left: 1em;



	width: 20em;



	height: 60em;



	background-color: #fff;



	padding: 1.5em;



	padding-top: 0em; 



}







.inner_box2 h2 {



	display: block;



	line-height: 110%;



	margin-top: 2em;



	background-color: #fff;



}







.inner_box img, .inner_box2 img {



	float: left;



	display: inline;



	margin-top: .37em;



	margin-left: -1.15em;



	margin-right: -5em; /*fixes IE6 bug*/



}







.bus_logo1 img, .bus_logo2 img, .bus_logo3 img, .bus_logo4 img, .bus_logo5 img {



	float: left;



	clear: left;



	margin-left: 6em;



}







.bus_logo2 img {



	margin-left: 5.8em;



}







.bus_logo3 img {



	margin-left: 4em;



}







.bus_logo4 img {



	margin-left: 6.5em;



}







.bus_logo5 img {



	margin-left: 4.3em;



}







/*End*/







.info_intro {



	float: left;



	clear: left;



	text-align: left;



	width: 48em;



	position: relative;



}







.info_intro2 {



	float: left;



	clear: left;



	text-align: left;



	width: 48em;



	height: 61em;



	font-size: 14px;



}







.portfolio_container {



	display: inline;



	float: left;



	clear: left;



	text-align: left;



	width: 48em;



	height: 25em;



	margin-bottom: 1em;



	cursor: pointer;



}







.portfolio_container a:hover {



	text-decoration: underline;



}	







.portfolio_container img {



	float: left;



	margin-left: 2em;



}	







.portfolio_text {



	display: inline;



	float: left;



	width: 30em;



}















.article {



	float: left;



	clear: left;



	text-align: left;



	width: 48em;



	height: 62em;



}







.info_intro h1, .info_intro2 h1, .article h1 {



	color: #fff;



	padding: 0.5em;



	background-color: #686876;



}







.info_intro h2, .info_intro2 h2 {



	padding-left: 0.5em;



}







.photos {



	float: right;



	display: inline;



	margin-left: 2em;



}	







.footer {



	clear: left;



	float: left;



}	



		



body .footer ul li {



	display: inline;



	float: left;



	font-size: 1.0em;



	padding: .1em;



	margin-right: 1em;



	color: #686876;



}







body .footer li a:hover {



	color: #fff;



	background-color: #686876;



	text-decoration: none;



}







body .footer ul li img {



	background-color: #FFF;



	text-decoration: none;



}		















.credit, .designer {



	float: left;



	padding: 0.4em;



}







.designer a, .credit a, .footer a {



	color: #686876;



}











table {



	margin-left: 5em;



}					







table td {



	width: 15em;



}







#rates {



	display: inline;



	



}







#sitemap a, #sitemap h3, #sitemap h4  {



	clear: left;



	float: left;



}			







#sitemap_page h3, #aboutus_page h3, #privacy_page h3, #links_page h3 {



	color: #fff;



	padding: 0.5em;



	background-color: #686876;



}







#home_page .sidebar_footer {



	color: #fff;



	padding: .5em;



	background-color: #686876;



}	







#privacy_page h4 {



	font-style: italic;



	



}







.article_link a:hover {



	text-decoration: underline;



}	







#english_icon {



	float: right;



	clear: right;



	margin-right: 1em;



}







#japanese_icon {



	float: right;



	clear: right;



	margin-top: 2.5em;



	margin-right: 1em;



}







.valid_code {



	text-decoration: none;



	background-color: #FFF;



}







#services_page li {



		



	



}	







#sidebar_header {



	display: inline;



	clear: both;



	float: left;



	margin-top: 1em;



	margin-left: .7em;



	padding-left: 2.5em;



	padding-top: 1.5em;



	color: #000000;



	background-image: url(../images/tools.png);



	background-position: left;



	background-repeat:no-repeat;



	height: 40px;



}











/*//////////////////////////////////////////////////////



//Styling for Contact Us Form///////////////////////////



//////////////////////////////////////////////////////*/







#send {



	background: #686876;



	color: #fff;



	border: 1px solid;



	clear: left;



	display: inline;



	margin-top: 2em;



	float: left;



	margin-top: 1em;



	



}







label {



	float: left;



	clear: left;



	display: inline;



	margin-top: 1em;



	text-align: left;



	font-weight: bold;



	font-size: 1.2em;



	



}







.formbox, textarea {



	float: left;



	clear: left;



	margin-top: 1em;



	background: #FFF;



	border: .1em solid;



	font-size: 1.2em;



	padding: .5em;



	font-family: Tahoma, sans-serif;



}	







.formbox {



	height: 1.5em;



	font-size: 1.2em;



	font-family: Tahoma, sans-serif;



}	







fieldset {



	border: 1em;



}







.warning1, .warning2 {



	display: inline;



	background-color: #FF6666;



	color: #FFFFFF;



	font-weight: bold;



}







.warning1 {



	font-size: 1em;



	height: 5em;



	padding: .2em;



	margin-bottom: 2em;



}







.warning2 {



	margin-left: 12em;



	font-size: .8em;



	padding: .2em;



}







.success {



	clear: left;



	float: left;



	display: inline;



	background-color: #006600;



	color: #FFFFFF;



	font-weight: bold; 



	font-size: 1.2em;



	padding: .2em;



}







#contactusinfo {



	display: inline;



	clear: left;



	float: left;



	margin-top: 0em;



	text-align: left;



	



}







#contactid {



	display: inline;



	clear: both;



	float: left;



}	







.boldred {



	color: red;



	font-weight: bold;



}







#spamtrap {



	display: none;



	



}











#contact_page label {



	width: 500px;



	line-height: 120%;



}







.share {



	float: left;



}











.indent input {



	float: left;



	clear: left;



	width: 30px;



	margin-top: 18px;



	display: inline;



}











.indent label {



	float: left;



	clear: none;



	font-weight: normal;



	font-size: 1.2em;



}







.labelBlock {



	font-weight: bold;



	font-size: 1.2em;



	display: block;



	float: left;



	clear: left;



}







form #name, form #email {



	width: 200px;



	height: 20px;



	float: left;



	clear: left;	



}







form #comment, form .quote_box {



	width: 580px;



}







.show {



	display: normal;



}







.remove {



	display: none;	



}







#previous {



	margin-top:20px;



	float:left;



	clear:none;



	cursor: pointer;



}







#next {



	margin-top:20px;



	margin-right: 20px;



	float:right;



	clear:none;



	cursor: pointer;



}







.question_color {



	color: #686876;



}







/* JQuery Validation Styling */



form label.error	{



	font-size: 0.8em;



	color: #F00;



	font-weight: bold;



	display: block;



	margin-left: 0px;



}







form input.error, form select.error {



	background: #FFA9B8;



	border: 1px solid red;



	height: 20px;



}	







/*End of styling*/











/*//////////////////////////////////////////////////////////////////////////////



//Dynamic Drive Menu: Styling for Glossy Horizontal Menu///////////////////////



//Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) //////////////



//Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) ///



/////////////////////////////////////////////////////////////////////////////*/











.glossymenu{



	position: relative;



	padding: 0 0 0 5px;



	margin: 15px auto 0 auto;



	background: url(http://www.tokyowebdesigns.com/images/menub_bg.gif) repeat-x; /*tab background image path*/



	height: 46px;



	list-style: none;



	



}







.glossymenu li{



	float:left;



}







.glossymenu li a{



	float: left;



	display: block;



	color:#000;



	text-decoration: none;



	font-family: sans-serif;



	font-size: 13px;



	font-weight: bold;



	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/



	height: 46px;



	line-height: 46px;



	text-align: center;



	cursor: pointer;	



}







.glossymenu li a b{



	float: left;



	display: block;



	padding: 0px 22px 0 7px; /*Padding of menu items*/



}







#home_page #home a, #services_page #services a, #prices_page #prices a, #faq_page #faq a, #contact_page #contact a, #blog_page #blog a, #portfolio_page #portfolio a, .articles li a, .glossymenu li a:hover {



	color: #fff;



	background: url(http://www.tokyowebdesigns.com/images/menub_hover_left.gif) no-repeat; /*left tab image path*/



	background-position: left;



	margin-top: -3px;



}







#home_page #home a b, #services_page #services a b, #prices_page #prices a b, #faq_page #faq a b, #contact_page #contact a b, #blog_page #blog a b, #portfolio_page #portfolio a b, .articles a b, .glossymenu li a:hover b {



	color: #fff;



	background: url(http://www.tokyowebdesigns.com/images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/



}











/*End of styling*/















/*//////////////////////////////////////////////////////



//Styling for FAQ Accordion/////////////////////////////



//////////////////////////////////////////////////////*/











#accordion h3:hover {



	cursor:pointer;



	background-image:url(../images/595px_light.gif);



	background-position:top left;



	background-repeat:no-repeat;



	color: #000;



}







#accordion h3 {



	color: #fff;



	padding-top: 7px;



	padding-left: 10px;



	height:32px;



	background-image:url(../images/595px.gif);



	background-position:top left;



	background-repeat:no-repeat;



}







#accordion p {



	padding-right: 15px;



}







/*End of styling*/







/*//////////////////////////////////////////////////////



//Styling for Smooth Pop Up Box////////////////////////



/////////////////////////////////////////////////////*/







#free_website {



	position: absolute;



	top: -9.5em;



	left: 18.5em;



	z-index: 5;



}







#backgroundPopup{  



 display: none;  



 position:fixed;  



 _position:absolute; /* hack for internet explorer 6*/  



 height:100%;  



 width:100%;  



 top:0;  



 left:0;  



 background:#000000;  



 border:1px solid #cecece;  



 z-index:10;  



}  







#popupContact{  



 display: none;  



 position: absolute;



 z-index: 20;



 margin-top: 30em;



 /* _position:absolute; /* hack for internet explorer 6*/ 



 height:384px;  



 width:408px;  



 background:#FFFFFF;  



 border:2px solid #cecece;  



 padding:12px;  



 font-size:13px;



 text-align: left;



}







#popupContact h1{  



 text-align:left;  



 color:#6FA5FD;  



 font-size:22px;  



 font-weight:700;  



 border-bottom:1px dotted #D3D3D3;  



 padding-bottom:2px;  



 margin-bottom:20px;  



}  







#popupContactClose{  



 font-size:20px;  



 line-height:14px;  



 right:-10px;  



 top:4px;  



 position:absolute;  



 color:#6fa5fd;  



 font-weight:700;  



 display:block;



 cursor: pointer;



 width:25px;



 height: 25px;  



}  







/*End of styling*/















/*///// BLOG SPECIFIC STYLE RULES /////*/







/*Always update these 4 classes together*/



.box {



	height: 210em;



	



}



.inner_box {



	height: 203em;



}	



.bRight {



	height: 210em;



}



.bLeft {



	height: 210em;



}			



/*end of comment*/















.inner_box * {



	text-align: left;



}







.inner_box input {



	float: left;



	clear: left;



}		



				



.inner_box h2 {



	clear: left;



	margin-top: 10px;



        font-family: georgia;



}







.inner_box #searchsubmit {



	float: left;



	clear: none;



	margin-left: 5px;



	margin-top: 4px;



}







.inner_box form {



	margin-left: -13px;



}







.inner_box form input {



	margin-bottom: 10px;



	margin-top: 5px;



}







.inner_box li p {



	float: left;



	clear: left;



	/*margin-left: -13px;*/



}







.inner_box ul li {



	list-style: none;



}







.info_intro2 {



	height: 180em;



	width: 615px;



	/*overflow: auto;*/



}







.entry h4 {



	font-weight: bold;



	font-size: 1.1em;



}







.entry li {



	font-size: 1.0em;



}







.navigation {



	height: 30px;



}	







.alignleft {



	float: left;



}







.alignright {



	float: right;



}







.postmetadata, #bookmarking {



	float: left;



	clear: left;



	margin-bottom: 20px;



}						











/*THESE HACKS FORMAT THE 'LEAVE A COMMENT' FORM */







#commentform {



	color: red;



	float: right;



}







.textlabel {



	color: silver;



}







.whos_comments {



	width: 100em;



}







#submit {



	float: left;



	clear: left;



	margin-top: 2em;



	margin-bottom: 4em;



}			







.commentlist {



	font-size: .8em;



}







#comments {



	color: silver;



	margin-top: 2em;



}







.commentmetadata a {



	font-size: .8em;



}







#respond {



	color: silver;



	margin-top: 2em;



	float: left;



	clear: left;



	



}







#replysection {



	float: left;



	clear: left;



}











/*hacked comments.php */	







#leftarrow {



	float: left;



}







#rightarrow {



	float: right;



	



}







.entry {



	margin-top: 2em;



}







.post small {



	margin-left: 1em;



}







#commentform #author, #commentform #email, #commentform #url {



	display: inline;



	width: 250px;



	height: 15px;



	float: left;



	clear: left;



	margin-top: -2px;



}







#commentform label {	



	display: inline;



	font-size: 1em;



	color: #0547A8;



	float: none;



	margin-left: 5px;



}







#commentform p {



	padding-top: 5px;



}







#commentform #submit {



	margin-bottom: 40px;



}







 	







/*End*/







/*BACKGROUND IMAGE FOR POST TITLE*/







.post_background {



	height: 85px;



	width: 615px;



	background-image:url(images/title_background.png);



	background-position:top left;



	background-repeat:no-repeat; 



	padding: .4em;



}







.post_background small, #content small {



	margin-left: 10px;



	padding-left: 25px;



	background-image:url(images/icons.gif);



	background-position: 0px 0px;



	background-repeat:no-repeat; 



}







.post_background small a {



	margin-left: 25px;



	padding-left: 25px;



	background-image:url(images/icons.gif);



	background-position: 0px -58px;



	background-repeat:no-repeat; 



}	







/*Pull Quotes Stylings*/







.simplePullQuote {



	height: 180px;



	width: 250px;



	float: right;



	text-align: center;



	font-family: Georgia, serif;



	font-size: 1.7em;



	color: #0547A8;



	line-height: 1.1em;



	padding-right: 20px;



	padding-top: 20px;



	padding-left: 40px;



	padding-bottom: 40px;



	letter-spacing: .09em;



	word-spacing: .2em;



	background-image:url(images/quote_georgia.png);



	background-position:10px 10px;



	background-repeat:no-repeat; 



}	







.entry p ul {



	float: left;



	margin-left: 50px;



}							







#twitter_followme a {



	display: block;



	padding-right: 75px;



	color: #CA5912;



	height: 31px;



	background-image:url(images/twitter-bird.jpg);



	background-position:145px 0px;



	background-repeat:no-repeat; 



}



#twitter_div ul li {

        margin-bottom: 15px;

}





/*format sidebar recent posts*/







#recent-posts-2 ul li, #pages-2 ul li {



	margin-left: -20px;



	padding-left: 25px;



	background-image:url(images/icons.gif);



	background-position: 0px -134px;



	background-repeat:no-repeat; 



}







#sidebar #searchform {



	margin-left: 0px;



}







#comments {



	clear: left;



}







.wp-caption-text {



font-weight: bold;



font-style: italic;



font-family: helvetica, sans-serif;



}







.dofollow {



float: right;



display: inline;



margin: -1px 15px 0 0;



}



h3 {

	line-height: 130%;

}



h2.widgettitle {

      margin-top: 40px !important;

      font-family: georgia;

}	

ul.wp-polls-ul li {
	float:left;
	width: 230px;
	height: 30px;
	margin-left: 20px;
}

ul.wp-polls-ul li label {
	font-size: 100%;
	margin-top: -25px;
	
}

ul.wp-polls-ul li input {
	margin-left: -30px;
}

#poll_archive_link {
	float: left;
	clear: left;
	margin-left: -40px;
}

#poll_question_para {
	margin-left: 18px;
	font-size: 110%;
}