/* @override 
	http://localhost/blog.betabong.com/wp-content/themes/betablog/style.css
	http://blog.betabong.com/wp-content/themes/betablog/style.css
*/
body,html {
	background: #efefef;
	padding: 0;
	margin: 0;
	color: #444;
	width: 100%;
	text-align: center;
}
 
body , input {
	font: 14pt/1.4em "Garamond Premier Pro", "Adobe Garamond", "Garamond Pro", Garamond, Georgia, serif;
}

.wp_syntax pre {
	font: 9pt/1.4em  Menlo,"Courier New",monospace !important;
}
 
 
div,ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
 
#logo {
	width: 250px;
	height: 250px;
	background: #9bcafe url(images/logo-betabong.gif) center center no-repeat;
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
}
 
#mainwrapper {
	background: #ffffff;
	width: 890px;
	min-height: 450px;
	text-align: left;
	position: relative;
	margin: 30px auto;
	padding: 0;
}
 
#main {
	padding: 40px 20px 40px 40px;
	position: relative;
}
 
#contentwrapper {
	display: block;
	position: relative;
	float: left;
	width: 520px;
	margin-left: 40px;
}
 
#content {
	position: relative;
}
 
.pageheader {
	margin-bottom: 4px;
}
 
h1,h2 {
	font-size: 24pt;
	font-weight: normal;
	font-style: normal;
	line-height: 0.9em;
	display: block;
	margin-top: 0;
	margin-bottom: 10px;
}
 
.intro {
	line-height: 23pt;
	font-size: 15pt;
}
 
h3 {
	font-size: 16pt;
	margin: 0;
	padding: 0;
}
 
p {
	margin-top: 0;
	margin-bottom: 10px;
}
 
 
/* @group Navigation */
 
#navigationwrapper {
	list-style: none;
	margin: 280px 0 0;
	padding: 0;
	display: block;
	width: 250px;
	font-size: 11pt;
	float: left;
}

#navigationwrapper li {
	font-style: italic;
	font-size: 100%;
}

#navigationwrapper:hover {
	opacity: 1;
}
 
#navigation li {
	display: block;
}
 
#navigation a {
	border-color: #aad4fe;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	display: block;
	padding-bottom: 8px;
	padding-top: 8px;
}
 
#navigation .selected a {
	color: #404040;
}
 
ul.subnavigation {
	padding: 2px 3px 0 5px;
	background: #f9f9f9;
	border-color: #efefef;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	font-style: italic;
	font-size: 75%;
}
 
.subnavigation:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
 
.subnavigation li {
	padding: 0 3px;
	display: block;
	float: left;
	margin: 2px 6px 2px 0;
}
 
 
 
.subnavigation .right, .subnavigation .date {
	float: right;
	margin-right: 0;
	margin-left: 6px;
}
 
ul.pagenavigation {
	margin-top: -1px;
}
 
li.pagenumber {
	display: none;
}
 
/*
.pagenavigation:hover .pagenumber {
	display: block;
}
 
.pagenavigation:hover .pageinfo {
	display: none;	
}
*/
	
/* @end */
 
 
 
/* @group Description List */
 
ul.description {
	overflow: hidden;
}
 
ul.description .descitem {
	border-color: #efefef;
	border-width: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-style: dotted;
	margin-top: -1px;
}
 
ul.description #link a {
	color: #a6d4ff;
}
 
ul.description #link a:hover {
	color: #404040;
}
 
ul.description #tech li {
	display: inline;
	padding: 0;
}
 
ul.description #tech li:after {
	content: ", ";
}
	
/* @end */
 
 
div.text img {
	border: 1px solid #efefef;
	margin-right: -2px;
	margin-bottom: -2px;
}
 
.image img.border {
	border: 1px solid #939393;
	margin: -1px;
}
 
a {
	color: #555555;
	text-decoration:none;
}
 
a:hover {
	color: #000000;
}
 
a img {
	border-style: none;
}
 
::selection {
	color: #404040;
	background: #efefef;
	text-shadow:  rgba(0,0,0,.6) 0px 1px 2px
}
 
/* @group Footer */
 
#footerwrapper {
	color: #d6d6d6;
	text-align: left;
	margin: 1em -20px -5em -40px;
	font-size: 75%;
	text-transform: uppercase;
}
 
/* @end */
 
*{margin:0;padding:0;}
h1{font-size:22pt;}
h4{font-size:14pt;} 
 
/* masthead / footer - navigation and categories */
 
/* main - middle content and columns */
 
/* style individual sidebars */
#searchWrap{margin-bottom: 30px;
	margin-top: 10px;
}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{border:1px solid #BBB;padding:1px 2px;margin-right:3px;width: 220px;
	height: 15px;
}
 
 
 
.sidebar_widget {
	margin-bottom: 30px;
}
 
.sidebar_widget h3{
	margin-bottom:5px;
	font-weight: normal;
	font-size: 130%;
	text-transform: uppercase;
}
.sidebar_widget ul{list-style:none; padding: 0px; display: block;
	margin: 5px 0 4px;
}

.sidebar_widget > ul > li{
	border-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
}







#elseWhere{margin:0 0 20px 0;}
#elseWhere h3{margin-bottom:7px;}
ul#imgLinks{list-style:none;margin:7px 0;}
#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px;}
 
/* wordpress entries styling - main content column */
.post{margin: 0 0 5em;}
.post h2{line-height:1.2em;margin-bottom:7px;}
.post h2 a{width:100%;display:block;outline:none;}
.post .content h3{margin:1em 0;}
.post .content {overflow:hidden;}
.post .content p{
	margin: 0.8em 0;
}
.post .content a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;}
.post .content div {
}
.post .content blockquote{margin:0 1.3em 0;}
.post .content ul{list-style:none;
	margin: 0.5em 1.3em 0;
}
.post .content li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.post .content ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}
.post .content ol{margin:0 1em 0 3em;}
.post .content ol li{
	margin: 0 0 7px;
}

.post .content table {
	border-collapse: collapse;
	width: 99%;
}
.post .content table.small {
	font-size: 75%;
	line-height: 1.2em;
}
.post .content table th {
}
.post .content table tr td {
	border-style: solid;
	border-width: 1px;
}
.post .content table tr td , .post .content table tr th{ padding: 10px 6px;
}
.post .content table tr.alt { background: #eee; }
 
/* style pagination buttons */
#more_reading { color: #7F7F7F; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }
 
/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;
	font-weight: normal;
	font-style: normal;
}
.post .content ol.commentslist{list-style:none;margin: 10px 0 20px;
}
.post .content .commentslist li{
	border: 1px none #efefef;
	padding: 7px 30px;
	border-bottom-style: solid;
	background-color: #f9f9f9;
}
.post .content .commentslist li a{font-weight:bold;
}
.post .content .commentslist .comment_text{line-height:1.4em;overflow:hidden;
	margin-bottom: 0;
	margin-top: 0;
}
.post .content .comment_text p,
.post .content .comment_text ul,
.post .content .comment_text ol,
.post .content .comment_text blockquote{margin:1em 0;}
.post .content .comment_text ul,
.post .content .comment_text ol,
.post .content .comment_text blockquote{margin:0 1em;}
.commentslist p.author_meta{font-weight:bold;text-transform:uppercase;
	margin-top: 0;
	margin-bottom: 0;
}
p.post_meta {font-size: 11pt;text-align:right;
	margin:0 7px 10pt 0 !important;
	font-style: italic;
}
p.post_meta a {
	background: none !important;
}
.post .content .commentslist li.author{background:#333;color:#CCC;}
.post .content .commentslist li.author a{color:#DDD;}
.post .content .commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12pt;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform input{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{overflow:auto;}
#commentform p small{font-size: 100%;color: #a1a1a1;}
.commentslist code{background:transparent;}
 
#secureimgdiv input {
	margin-top: 21px;
}
#secureimgdiv img {
	margin-top: 8px;
}
/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}
 
.mytwitter_tweet_time {
	color: #a3a3a3;
}
 
pre {
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	font-family: Helvetica;
}

.wp_syntax {
	background-color: none !important;
	border: none !important;
}

.wp_syntax pre {
	padding: 10px !important;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	overflow: hidden;
}

 
.wp_syntax div.code pre {
	overflow: auto;
}
 
#main .content .wp_syntax .code {
	padding: 0;
}
 
 
.codeviewer {
	position: absolute;
	z-index: 10;
	top: 197px;
	right: 0;
	left: 0;
	margin-right: 20px;
	margin-left: 20px;
	margin-top:  -15px;
	text-align: left;
	background-color: #fff;
	background-color: rgba( 255 , 255 , 255 , 0.85 );
	padding: 13px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
}
 
.codeviewer .wp_syntax {
	margin: 0;
}
 
.content a.codeviewer_button,a.codeviewer_button {
	position: absolute;
	right: 0;
	text-decoration: none;
	padding: 3px;
	z-index: 3;
	display: block;
	width: 15px;
	height: 15px;
	text-align: center;
	background: #fff;
	opacity: 0.5;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	margin-top: -7px;
	margin-right: -7px;
	border: 1px solid #bababa;
	color: #000;
	font: 16px Arial;
}
 
a.codeviewer_button.close {
	top: 0;
	line-height: 11pt;
	font-size: 24pt;
	margin-top: 7px;
	margin-right: 7px;
	-webkit-box-shadow: none;
}
 
.content a.codeviewer_button:hover,a.codeviewer_button:hover {
	opacity: 1;
	border-color: #fff;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.3);
}
 
.post .content ol > li {
	counter-increment: item;
}
 
 
.post .content ol > li::before {
	display: block;
	content: counter(item,decimal);
	font-size: 17pt;
	margin-top: -1pt;
	color: #97c5f0;
	position: relative;
	top: 0;
	padding-top: 0;
	margin-bottom: -1.13em;
	margin-left: -1.13em;
}


.post .content blockquote{
	
	margin: 0 2em 0 1.3em;
	font: 190%/1.3 Georgia, "Times New Roman", Times, serif;
	color: #6eb6ff;
}
.post .content blockquote a {
	
	font-weight: normal;
	font-style: normal;
	color: #abd5ff;
}

.post .content a.download {
	-webkit-border-radius: 1.1em;
	display: inline-block;
	padding: 4px 16px 4px 30px;
	text-decoration: none;
	border: 1px outset rgba(165,165,165,0.33);
	text-shadow: -1px -1px 0px #fff; 
	background-image:  url(images/li.gif) , -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.2, #fff) , color-stop(1, #eee) );
	background-repeat: no-repeat;
	background-position: 13px 4px , 0px;
	font-weight: normal;
	font-style: normal;
}
.post .content a.download:hover {
	border: 1px inset rgba(165,165,165,0.33);
}
.post .content a.download:active {
	border: 1px inset rgba(130,130,130,0.56);
	text-shadow: -1px -1px 0px #ddd; 
	background-image:  url(images/li_dark.gif) , -webkit-gradient(linear, left top, left bottom, from(#bbb) , color-stop(1, #eee) );
}


/* RELATED POSTS */

.post p.related , #comments h3 {
	padding: 7px 3px 5px 5px;
	text-transform: uppercase;
	background: #f9f9f9;
	border-color: #efefef;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 33pt;
	display: block;
	font-size: 100%;
	line-height: 100%;
}

.post .content p.related + ul li a {
	font-weight: normal;
	font-style: normal;
}