/*  
THEME NAME: MattVanAndel.com
THEME URI: http://www.mattvanandel.com
DESCRIPTION: A theme created by Matthew VanAndel for his web development blog at MattVanAndel.com
VERSION: 1.0
AUTHOR: Matthew "Veraxus" Van Andel
AUTHOR URI: http://www.mattvanandel.com
TAGS: mattvanandel.com, corporate, touch of color, glossy, sexy.
NOTES: Override classes in single.php and comments.php
*/

/* Tag Definitions */
* {margin:0;padding:0;}
html, body {height:100%;}
body { font-family:Arial, Helvetica, sans-serif; font-size:0.9em;; text-align:center; background:#ababab url(_images/bg.jpg) repeat-x; }
img { border:none; }
a { color:black; }
a:hover { color:#F90; }
p { margin-top:1em; margin-bottom:1em; clear:both; }
ul, ol { padding-left:1em; }
ul li { margin-left:.75em; }
ol li { margin-left:1em; }
hr { border:0; color:black; background-color:black; height:1px; }
tbody input { border:1px solid gray; -moz-border-radius:5px; -webkit-border-radius:5px; -opera-border-radius:5px; }
tbody select { border:1px solid gray; /*-moz-border-radius:5px; -webkit-border-radius:5px; -opera-border-radius:5px;*/ }
tbody textarea { border:1px solid gray; -moz-border-radius:5px; -webkit-border-radius:5px; -opera-border-radius:5px; }
h1, h2, h3, h4 { margin-bottom:0; }
h1 a { text-decoration:none; }
h1 { }
h2 { }
h3 { font-size:1.05em; }
h4 { }
h1+p,h2+p,h3+p,h4+p { margin-top:0; }

/*Code Example Styles (Not SyntaxHighligher)*/
.code { font-family:"Courier New", Courier, monospace; font-style:normal; }
	.blue { color:#00C; }
	.aqua { color:#09F; }
	.green { color:#093; }
	.red { color:#600; }

/*Handy Dandy Repeatable Classes*/
.bold { font-weight:bold; }
.nobold { font-weight:normal; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.crossout { text-decoration:line-through; }
.nounderline { text-decoration:none; }
.small { font-size:small; }
.x-small { font-size:x-small; }

.round,.round-all{-moz-border-radius:5px;-webkit-border-radius:5px;}
.round-top{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
.round-bottom{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
.round-topleft{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.round-topright{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
.round-bottomleft{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;}
.round-bottomright{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;}
.round-more,.round-all-more{-moz-border-radius:10px;-webkit-border-radius:10px;}
.round-top-more{-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;}
.round-bottom-more{-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}
.round-topleft-more{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;}
.round-topright-more{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;}
.round-bottomleft-more{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;}
.round-bottomright-more{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;}

/*Master*/
#loadmsg { position:absolute; width:260px; top:0; left:50%; margin-left:-100px; z-index:9999; background:#FFC; border:1px solid black; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; font-size:0.7em; display:none; }
#container { height:100%; width:1005px; text-align:left; margin-left:auto; margin-right:auto; }
	#header { height:75px; background:url(_images/header.jpg) no-repeat; }
		#header > a { display:block; width:100%; height:100%; }
	#body { width:100%; height:100%; background:url(_images/containerbg.png); }
		#body td { vertical-align:top; }
		#spacer { width:40px; background:url(_images/spacer.jpg) no-repeat top; }
	#content { width:696px; background:white; }
		#content-top { height:1.1em; background:url(_images/content_corner.gif) no-repeat top right; font-size:small; padding:3px 5px 5px 0; } 
		.pagination { width:220px; float:left; text-align:left; padding-left:10px; }
		.loginout { width:200px; float:right; text-align:right; }
		.loginout li { list-style:none; display:inline; }
		#content-padding { padding-left:10px; padding-right:10px; }
		#prerequisites { display:none; margin:1em 0 1em 0; border:1px solid black !important; }
		#page form, #single #prerequisites { display:block; background:#eeeeee; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; }
	#social { width:69px; background:url(_images/socialbg.jpg) no-repeat top; }
		#social > div { padding-top:28px; padding-left:9px; }
		#social img { margin-bottom:3px; }
	#footer { height:40px; background:url(_images/footerbg.jpg) no-repeat; background-position:-5px; text-align:right; }
		#footer #copyright { padding-right:80px; padding-top:15px; color:#555; font-size:small; }
	#lightbox { width:100%; height:100%; position:fixed; top:0; left:0; background:url(_images/lightbox_bg.png); }
		#lightbox td { vertical-align:middle; text-align:center; }
		#lightbox span.drop { font-size:300%; line-height:0.85em; margin-bottom:-0.25em; margin-right:0.03em; float:left; }
		.noscript { color:#ac0000; }
		.lightbox-content { width:650px;background:white; margin-left:auto; margin-right:auto; padding:10px; border:2px solid gray; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:left; }
	
/*Footnote styles*/
	#footnote { width:100%; height:100%; position:fixed; top:0; left:0; background:url(_images/lightbox_bg.png); }
		#footnote td { vertical-align:middle; text-align:center; }
		.footnote-content { width:750px;background:white; margin-left:auto; margin-right:auto; padding:10px; border:2px solid gray; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:left; }
		div.footnote-content h2 { margin-bottom:0.5em; }
		span.footnote, footnote { background:white /*#FF9*/ url(_images/footnote-bg.jpg) repeat-x; cursor:pointer; border-bottom:1px dotted orange; /*border-top:1px dotted orange;*/ }
		span.footnote:hover, footnote:hover { color:orange; }
		span.footnote:after, footnote:after { content:"*"; }
		div.footnote { display:none; }
		
/*Glossary styles*/
		span.glossery { background:#E6F5FF; cursor:pointer; border-bottom:1px dashed black; }
	
/*Collapsible/Expandable boxes*/
	.expandablebox { border-bottom:1px solid #CCC; background:url(_images/ebox_topper.jpg) no-repeat top left; width:675px; margin-bottom:5px; }
		.expandablebox > div, .expandablebox > h2 { padding-left:10px; }
		.expandablebox > .ebox-title { font-weight:bold; font-size:1.2em; cursor:pointer; padding-top:5px; padding-bottom:5px; }
		.expandablebox > h2:hover, expandablebox > .ebox-title:hover { color:#666; text-decoration:underline; }
		.expandablebox > .ebox-description { font-size:xx-small; margin-top:-5px; }
		.expandablebox > .ebox-content { display:none; padding-bottom:0.5em; padding-right:10px; }
		.expandablebox > .ebox-content h3 { color:#333; font-style:italic; }

/*Images*/
	.wp-caption { font-size:x-small; color:gray; text-align:center; padding:0; }
	.wp-caption.alignright { float:right; margin-left:5px; }
	.wp-caption.alignleft { float:left; margin-right:5px; }
	.wp-caption.aligncenter { clear:both; margin-left:auto; margin-right:auto; }
	.wp-caption p { margin:0;padding:0; }

/* Navigation */
#nav { width:200px; background:url(_images/navbg.jpg); }
	#nav-search { height:35px; width:200px; background:url(_images/nav_search.jpg); vertical-align:middle; }
	#nav-search td { vertical-align:middle; }
	#nav-search input[type='text'] { width:70px; border:1px solid gray; margin-left:50px; }
	#nav-search input[type='submit'] {  }
	#nav-search:hover { background-position:0 -35px; }
	.nav-blog { display:block; width:200px; height:30px; background:url(_images/nav_blog.jpg); }
	.nav-toolbox { display:block; width:200px; height:30px; background:url(_images/nav_toolbox.jpg); }
	.nav-tuts { display:block; width:200px; height:30px; background:url(_images/nav_tuts.jpg); }
	.nav-about { display:block; width:200px; height:30px; background:url(_images/nav_about.jpg); }
	.nav-contact { display:block; width:200px; height:30px; background:url(_images/nav_contact.jpg); }
	.nav-donate { display:block; width:200px; height:30px; background:url(_images/nav_donate.jpg); }
	.nav-subscribe { display:block; width:200px; height:30px; background:url(_images/nav_subscribe.jpg); }	
	.nav-ro:hover { background-position:0 -30px; }
	.nav-sel { background-position:0 -60px; }
	ul#widgets { padding-left:25px; }

/* Blog */
	.post-container { position:relative; padding:3px 10px 30px 10px; background:url(_images/post_bg.jpg) no-repeat top; }
		h2 a { font-size:1em; color:#f26522; text-decoration:none; }
		h2 a:hover { /*color:#F90;*/ text-decoration:underline; }
		.posttitle { font-style:normal; }
		.post-summary { display:block; } /*Wordpress automatically wraps post content in <p> tags, so we need no extra spacing */
		#page .post-summary p:first-child { margin-top:0; }
		.more-link { display:block; padding-top:1em; font-weight:bold; }
		.excerpt-link { margin-top:-1em; margin-bottom:1em; }
		.post-social { font-size:1em; color:#4b4b4b; padding:2px 0 2px 0; }
			.post-social img { margin-bottom:-4px; }
		.post-info { font-size:0.8em; color:#4b4b4b; }
		.post-info-details { border:1px solid silver; -moz-border-radius:10px; -webkit-border-radius:10px; padding:5px; background:#F4F4F4; }
		.post-edit-link { display:block; position:absolute; width:60px; right:0; top:0; font-weight:bold; background:#F90; border:1px solid black; text-align:center; padding:2px; font-size:.7em; margin:3px; text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; }
		.post-edit-link:hover { color:black; background:#ffb74a; }
		h1.cat-Commentary,
                h3.cat-Commentary,
                .cat-Commentary .expandablebox > h2,
                a.cat-Commentary{ color:#009 !important; }
		h1.cat-Tutorials,
                h3.cat-Tutorials,
                .cat-Tutorials .expandablebox > h2,
                a.cat-Tutorials{ color:#060 !important; }
		h1.cat-Toolbox,
                h3.cat-Toolbox,
                .cat-Toolbox .expandablebox > h2,
                a.cat-Toolbox{ color:#F70 !important; }
		.note { padding:10px; -moz-border-radius:5px;-webkit-border-radius:5px;background:#fcf7bb;border:1px dotted orange;}
		.tip { padding:10px; -moz-border-radius:5px;-webkit-border-radius:5px;background:#e6f5ff;border:1px dotted #2967e5;}
	#single #post-title { color:#f26522; }
	#single .post-summary h3 { margin-top:2em; border-bottom:1px dashed silver; }
	#single .post-summary h3:before { content:"> "; }
	#single h1 { font-size:1.5em; }

/* Comments */
.comments-block { background:url(_images/post_bg.jpg) no-repeat top; margin:1em -10px 0 -10px; padding:3px 10px 30px 10px; }
	.comments-block #respond { background:url(_images/post_bg.jpg) no-repeat top; padding-top:3px; margin-top:10px; }
	.comments-block #respond h3 { padding-top:3px; }
	.comments-block h3 { font-size:1.1em; color:#f26522; }
	.comments-block #comments-list h3:first-child { /*color:black;*/ margin-bottom:0.5em; padding-top:3px; }
	.comments-block .num-comments { font-weight:normal; }
	.comments-block li.comment { list-style:none; border-top:1px solid silver; margin-bottom:5px; padding-bottom:1px; }
		.comments-block li.comment:first-child { border-top:0; }
		.comments-block li.comment .comment-meta { margin-top:0; color:#4B4B4B; font-size:0.8em; }
		.comments-block li.comment img.avatar { float:left; margin-right:10px; }
		.comments-block .comment-author-admin,
		.comments-block .bypostauthor { background:#FFE2D5; }
		.comments-block .comment-author-admin .fn,
		.comments-block .bypostauthor .fn { font-weight:bold; }	
		.comments-block .comment-author-admin p { padding-left:10px; padding-right:10px; }
	.comments-block .unapproved { color:gray; }
	.comments-block #login { margin-top:0; color:#4B4B4B; font-size:0.8em; }
	.comments-block #login .logout { display:none; }
	.comments-block .form-label { font-weight:bold; }
	.comments-block textarea { width:670px; border:1px solid silver; }
	.comments-block textarea:selected { background:#FFC; }
	.comments-block .form-submit { text-align:right; padding-top:2px; }

	/*Data Grid Style*/
	.grid{background:#E4E4E4;border:0;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;width:100%;}
	.grid td:first-child { padding-left:5px; }
	.grid thead td { font-weight:bold; border-bottom:1px solid black; }
	.grid tbody td { background:#efefef;}
	.grid .alt td { background:white; }

	/* SyntaxHighlighter Styles */
	.shcontainer{ background:#E4E4E4;padding-right:2px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;}
	.shcontainer > div:first-child{font-weight:bold;padding:3px 0 3px 10px;}
	.syntaxhighlighter { /*-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;*/ }
		.syntaxhighlighter,
		.syntaxhighlighter div,
		.syntaxhighlighter code,
		.syntaxhighlighter span{margin: 0 !important;padding: 0 !important;border: 0 !important;outline: 0 !important;background: none !important;text-align: left !important;float: none !important;vertical-align: baseline !important;position: static !important;left: auto !important;top: auto !important;right: auto !important;bottom: auto !important;height: auto !important;width: auto !important;line-height: 1.1em !important;font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;font-weight: normal !important;font-style: normal !important; font-size: 1em;}
		.syntaxhighlighter{width: 100% !important; margin: 0 0 1em 0 !important; padding: 1px !important; /* adds a little border on top and bottom */ position: relative !important;}
		.syntaxhighlighter code {display: inline !important;}
		.syntaxhighlighter .bold {font-weight: bold !important;}
		.syntaxhighlighter .italic {font-style: italic !important;}
		.syntaxhighlighter .line .number{float: left !important; width: 3em !important; padding-right: .3em !important;text-align: right !important;display: block !important;}
		/* Disable numbers when no gutter option is set */
		.syntaxhighlighter.nogutter .line .number{display: none !important;}
		.syntaxhighlighter .line .content{margin-left: 3.3em !important; padding-left: .5em !important;display: block !important; }
		.syntaxhighlighter .line .content .block {display: block !important;padding-left: 1.5em !important; text-indent: -1.5em !important;}
		.syntaxhighlighter .line .content .spaces{display: none !important;}
		/* Disable border and margin on the lines when no gutter option is set */
		.syntaxhighlighter.nogutter .line .content{margin-left: 0 !important; border-left: none !important;}
		.syntaxhighlighter .bar{display: none !important;}
		.syntaxhighlighter .bar.show {display: block !important;}
		.syntaxhighlighter.collapsed .bar{display: block !important;}
		.syntaxhighlighter.nogutter .ruler{margin-left: 0 !important; padding-left: 0 !important;}
		.syntaxhighlighter .ruler{padding: 0 0 .5em .5em !important;margin-left: 3.3em !important;overflow: hidden !important;}
		/* Adjust some properties when collapsed */
		.syntaxhighlighter.collapsed .lines,
		.syntaxhighlighter.collapsed .ruler{display: none !important;}
		.syntaxhighlighter .lines.no-wrap{overflow: auto;	overflow-y: hidden;}
		/* Styles for the toolbar */
		.syntaxhighlighter .toolbar{position: absolute !important;right: 0px !important;top: 0px !important;font-size: 1px !important;padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */}
			.syntaxhighlighter.collapsed .toolbar{font-size: 80% !important;padding: .2em 0 .5em .5em !important;position: static !important;}
			.syntaxhighlighter .toolbar a.item,
			.syntaxhighlighter .toolbar .item{display: block !important;float: left !important;margin-left: 8px !important;background-repeat: no-repeat !important;overflow: hidden !important;text-indent: -5000px !important;}
			.syntaxhighlighter.collapsed .toolbar .item{display: none !important;}
			.syntaxhighlighter.collapsed .toolbar .item.expandSource{ background-image: url(_images/syntaxhighlighter/magnifier.png) !important;display: inline !important; text-indent: 0 !important;width: auto !important;float: none !important;height: 16px !important;padding-left: 20px !important;}
			.syntaxhighlighter .toolbar .item.viewSource{background-image: url(_images/syntaxhighlighter/page_white_code.png) !important;}
			.syntaxhighlighter .toolbar .item.printSource{background-image: url(_images/syntaxhighlighter/printer.png) !important;}
			.syntaxhighlighter .toolbar .item.copyToClipboard{text-indent: 0 !important;background: none !important;overflow: visible !important;}
			.syntaxhighlighter .toolbar .item.about{background-image: url(_images/syntaxhighlighter/help.png) !important;}
		/* Print view - Colors are based on the default theme without background */
		.syntaxhighlighter.printing,
			.syntaxhighlighter.printing .line.alt1 .content,
			.syntaxhighlighter.printing .line.alt2 .content,
			.syntaxhighlighter.printing .line.highlighted .number,
			.syntaxhighlighter.printing .line.highlighted.alt1 .content,
			.syntaxhighlighter.printing .line.highlighted.alt2 .content,
			.syntaxhighlighter.printing .line .content .block{background: none !important;}
		.syntaxhighlighter .no-wrap .line .content .block{white-space: nowrap !important;}
		/* Gutter line numbers */
		.syntaxhighlighter.printing .line .number{color: #bbb !important;}
		/* Add border to the lines */
		.syntaxhighlighter.printing .line .content{color: #000 !important;}
		/* Toolbar when visible */
		.syntaxhighlighter.printing .toolbar,
		.syntaxhighlighter.printing .ruler{display: none !important;}
		.syntaxhighlighter.printing a{text-decoration: none !important;}
		.syntaxhighlighter.printing .plain,
		.syntaxhighlighter.printing .plain a{ color: #000 !important;}
		.syntaxhighlighter.printing .comments,
		.syntaxhighlighter.printing .comments a{ color: #008200 !important;}
		.syntaxhighlighter.printing .string,
		.syntaxhighlighter.printing .string a{color: blue !important; }
		.syntaxhighlighter.printing .keyword{ color: #069 !important; font-weight: bold !important; }
		.syntaxhighlighter.printing .preprocessor { color: gray !important; }
		.syntaxhighlighter.printing .variable { color: #a70 !important; }
		.syntaxhighlighter.printing .value{ color: #090 !important; }
		.syntaxhighlighter.printing .functions{ color: #ff1493 !important; }
		.syntaxhighlighter.printing .constants{ color: #0066CC !important; }
		.syntaxhighlighter.printing .script{font-weight: bold !important;}
		.syntaxhighlighter.printing .color1,
		.syntaxhighlighter.printing .color1 a{ color: #808080 !important; }
		.syntaxhighlighter.printing .color2,
		.syntaxhighlighter.printing .color2 a{ color: #ff1493 !important; }
		.syntaxhighlighter.printing .color3,
		.syntaxhighlighter.printing .color3 a{ color: red !important; }
		/* Default Syntax Highlighter Interface element styles */
		.shtitle{ -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; background:black; color:white; padding:2px; margin-bottom:0;}
		.syntaxhighlighter{ background-color: /*#E7E5DC*/ #E4E4E4 !important; margin-top:0;}
		/* Highlighed line number */
		.syntaxhighlighter .line.highlighted .number{ background-color: #6CE26C !important; color: black !important;}
		/* Highlighed line */
		.syntaxhighlighter .line.highlighted.alt1 .content,
		.syntaxhighlighter .line.highlighted.alt2 .content{ background-color: #6CE26C !important;}
		/* Gutter line numbers */
		.syntaxhighlighter .line .number{ color: #5C5C5C !important;}
		/* Add border to the lines */
		.syntaxhighlighter .line .content{ border-left: 3px solid #666 !important;color: #000 !important;}
		.syntaxhighlighter.printing .line .content{ border: 0 !important;}
		/* First line */
		.syntaxhighlighter .line.alt1 .content{	background-color: #fff !important;}
		/* Second line */
		.syntaxhighlighter .line.alt2 .content{ background-color: #F1F1F1 !important;}
		.syntaxhighlighter .line .content .block{ background: url(images/wrapping.png) 0 1.1em no-repeat !important;}
		.syntaxhighlighter .ruler{ color: silver !important; background-color: #F8F8F8 !important; border-left: 3px solid #6CE26C !important;}
		.syntaxhighlighter.nogutter .ruler{ border: 0 !important;}
		.syntaxhighlighter .toolbar{ background-color: #F8F8F8 !important; border: #E7E5DC solid 1px !important;}
			.syntaxhighlighter .toolbar a{ color: #a0a0a0 !important;}
			.syntaxhighlighter .toolbar a:hover{ color: red !important;}
		/* Actual syntax highlighter colors */
		.syntaxhighlighter .plain,
		.syntaxhighlighter .plain a{ color: #000 !important;}
		.syntaxhighlighter .comments,
		.syntaxhighlighter .comments a{ color: #008200 !important;}
		.syntaxhighlighter .string,
		.syntaxhighlighter .string a{ color: #900 !important; }
		.syntaxhighlighter .keyword{ color: #00F !important; font-weight: bold !important; }
		.syntaxhighlighter .class{ color: #09F !important; font-weight: normal !important; }
		.syntaxhighlighter .preprocessor{ color: gray !important; }
		.syntaxhighlighter .variable{ color: #a70 !important; }
		.syntaxhighlighter .value{ color: #090 !important; }
		.syntaxhighlighter .functions{ color: #ff1493 !important; }
		.syntaxhighlighter .constants{ color: #0066CC !important; }
		.syntaxhighlighter .script{ background-color: yellow !important;}
		.syntaxhighlighter .color1,
		.syntaxhighlighter .color1 a{ color: #808080 !important; }
		.syntaxhighlighter .color2,
		.syntaxhighlighter .color2 a{ color: #ff1493 !important; }
		.syntaxhighlighter .color3,
		.syntaxhighlighter .color3 a{ color: red !important; }
		.syntaxhighlighter .content .block code { font-size:0.9em; }