/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear: both;
overflow: scroll;
width:400px;
font-size:12px;
list-style-type : none;
background:url("http://stblog.tanaka.netdna-cdn.com/wp-content/themes/SohTanaka-2010/images/pre_bg.gif") repeat scroll left top #FFFFFF;
border-left: 3px solid #6CE26C;
text-shadow:0 1px 0 #FFFFFF;
}
.codeview li {
font-size : 9px;
line-height : 24px;
font-family : "MS Sans Serif";
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }

#sidebar .subscription span { display:block; padding:10px 0 10px 52px; color:#111; font-size:20px; font-family: 'Arial', 'Trebuchet MS'; letter-spacing: -1px; line-height:24px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; }
#sidebar .subscription a { color:#111; text-decoration:none; }
#sidebar .subscription a:hover { color:#555; }
#sidebar .subscription span.rss { background:url(images/Social_RSS.png) no-repeat 0 50%; }
#sidebar .subscription span.email { background:url(images/Social_Email_RSS.png) no-repeat 0 50%; }
#sidebar .subscription span.twitter { background:url(images/Social_Twitter.png) no-repeat 0 50%; }



a.opacity img {
-moz-opacity: 0.5;
opacity: 0.5;
filter:alpha(opacity=50);
}

a.opacity:hover img {
-moz-opacity: 1.0;
opacity: 1.0;
filter:alpha(opacity=100);
}

#ads {
padding:0 5px 240px;
}

.sharebox {
background:none repeat scroll 0 0 #E4F1EF;
border:1px solid #ABD2E9;
margin:0.8px 0;
padding:7px 0 0 4px;
height:143px;
float:right;
width:123px;
}

.fb_share_count_wrapper  {
float:left;
position:relative;
}

.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}


.ddbutton {
float:left;
padding:4px 4px 4px 4px;
}
pre {
	overflow: auto;
	width: 500px;
	}
pre:hover {
	position: relative;
	width: 700px;
	z-index: 99;
	}

#ddbutton {
margin:20px 0;
width:95%;
float:left;
}

.button {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background:url("http://www.zurb.com/images/overlay-button.png") repeat-x scroll 0 0 #222222;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
font-weight:bold;
line-height:1;
overflow:visible;
font-size:17px;
padding:8px 19px 9px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
}

.downloadbutton {
background-color:#91BD09;
text-align:center;
width:150px;
}

.demobutton {
background-color:#2DAEBF;
text-align:center;
width:150px;
}

.button:hover {
-moz-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
-webkit-box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
box-shadow:0 1px 11px rgba(0, 0, 0, 0.45);
}

#ddbutton a {
text-decoration:none;
}

#ddbutton a:hover {
text-decoration:none;
}

/*------------------POPUPS------------------------*/

#fade {

	display: none;

	background: #000; 

	position: fixed; left: 0; top: 0; 

	z-index: 10;

	width: 100%; height: 100%;

	opacity: .80;

	z-index: 9999;

}
.popup_block{

	display: none;

	background: #fff;

	padding: 20px; 	

	border: 20px solid #ddd;

	float: left;

	font-size: 9px;

	position: fixed;

	top: 50%; left: 50%;

	z-index: 99999;

	-webkit-box-shadow: 0px 0px 20px #000;

	-moz-box-shadow: 0px 0px 20px #000;

	box-shadow: 0px 0px 20px #000;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;
        overflow:scroll;
        height:400px;

}

img.btn_close {

	float: right; 

	border:0 none;

}

.popup p {

	padding: 5px 10px;

	margin: 5px 0;

}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {

	position: absolute;

}

*html .popup_block {

	position: absolute;

}