@charset "utf-8";
/*  
Theme Name: Monkeyflash
Theme URI: http://monkeyflash.com/
Description: Monkeyflash.com, Greg Lunn's blog and tutorial site.
Version: 1.0
Author: Greg Lunn
Author URI: http://monkeyflash.com/
*/

/* Layout and Basic Formatting */
* { margin:0; padding:0; }

html, body {
	height:100%;
}
body {
	margin:0 auto;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size:62.5%;
	background:url(images/bkgd.jpg) repeat-x;
}
html>body {
	font-size:10px;
	line-height:2.1em;
}
#page {
	margin:0 auto;
	text-align:left;
	width:950px;
	background-color:#fff;
	position:relative;
	min-height:100%;
	padding-bottom:63px;
	background:url(images/leftcol.jpg) no-repeat 0 113px;
	/*background:url(images/grid.gif) repeat 0 9px;*/
}
* html #page {
	height:100%;
}
#header {
	height:114px;
	background:url(images/header.jpg) no-repeat;
}
#centercol {
	width:515px;
	margin:-21px 25px 21px 180px;
	float:left;
	overflow:hidden;
	display:inline; /* IE6 Fix */
}
#fullcol {
	width:720px;
	margin:-21px 0 21px 180px;
	overflow:hidden;
}
#leftcol {
	width:173px;
	position:absolute;
	top:155px; left:0;
	padding-left:7px;
	overflow:hidden;
}
#rightcol {
	width:230px;
	margin-top:42px;
	float:left;
	overflow:hidden;
}
#footer {
	clear:both;
	text-align:center;
	background:url(images/footerbg.jpg) repeat-x;
	position:relative;
	width:100%;
	height:48px;
	overflow:hidden;
	margin:-48px auto 0 auto;
}

#footerbase {
	width:950px;
	height:48px;
	background:url(images/footer.jpg) no-repeat;
	text-align:left;
	margin:0 auto;
	padding:12px 0 0 0;
	position:relative;
}
#graphic1 {
	width:12px;
	height:44px;
	background:url(images/bananapiece.jpg) no-repeat;
	position:absolute;
	top:59px; left:950px;
}
/* Text styles */
p, ul, ol {
	font-size:1.3em;
	margin-bottom:21px;
}
blockquote {
	color:#414141;
	padding:18px 0 0 40px;
	background:url(images/quotes.gif) no-repeat;
	background-position:15px 5px;
}
ol {
	margin-left:30px;	
}
ul {
	list-style:none;
	margin-left:17px;
}
ul li {
	padding-left:13px;
	background:url(images/bullet.gif) no-repeat;
	background-position:0 9px;
}
a {
	color:#294a8a;
}
a:hover {
	color:#ffb20e;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#201930;
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#ffb20e;
}
h1 {
	font-size:2.8em;
	margin:38px 0 25px;
}
h2, h3 {
	font-size:1.8em;
	margin:34px 0 8px;
}
h4, h5, h6 {
	font-size:1.6em;
	margin:34px 0 8px;
}
.dateline {
	color:#666;
	font-size:1.1em;
	margin:-21px 0 21px;
}
.morelink {
	color:#666;
	font-size:1.1em;	
}
.dateline a , .morelink a {
	color:#666;
}
.dateline a:hover, .morelink a:hover {
	color:#ffb20e;
}
.article {
	margin-bottom:-1px;
	border-bottom:1px solid #ccc;
}
.categories, .classes, .poptuts {
	font-size:1.1em;
	margin-left:3px;
	list-style:none;
}
.categories li {
	padding-left:17px;
	background:url(images/categoryicon.gif) no-repeat;
	background-position:0 7px;
}
.poptuts li {
	padding-left:15px;
	background:url(images/posticon.gif) no-repeat;
	background-position:0 6px;
}
.classes li {
	padding-left:0;
	background-image:none;
}
.categories li a, .classes li a, .poptuts li a{
	text-decoration:none;
}
.categories li a:hover, .classes li a:hover, .poptuts li a:hover {
	text-decoration:underline;
}
.time {
	padding-left:15px;
	background:url(images/timeicon.gif) no-repeat;
	background-position:2px 4px;
}
.about {
	font-size:1.1em;
}
.flasource {
	color:#03c;
	font-weight:bold;
	height:32px;
	width:250px;
	padding:15px 0 5px 54px;
	border:1px solid #5c7ee5;
	background:#f2f8fe url(images/flaicon.gif) no-repeat;
	background-position:10px 10px;
	margin-top:18px;
}
.image img {
	display:block;
	border:1px solid;
	margin:0 auto;
}
.caption {
	color:#006;
	font-size:1.1em;
	text-align:center;
	margin-top:-21px;
}
.navigation {
	margin-top:10px;
	padding-bottom:21px;
}
.alignleft {
	font-size:1.1em;
}
.alignright {
	font-size:1.1em;
	text-align:right;
	margin-top:-40px;
}

/* Search */
#searchbox {
	margin-top:42px;	
}
#s {
	color:#369;
	font-size:11px;
	background:#fff url(images/spyglass.gif) no-repeat;
	background-position:0 1px;
	border:1px solid #369;
	height:17px;
	padding:2px 0 0 23px;
}
#go {
	vertical-align:middle;
}

/* Footer */
#footerNav {
	color:#fff;
	font-size:1em;
	font-weight:bold;
}
#footerNav li {
	display:inline;
	border-right:1px solid #fff;
	padding:0 14px;
	text-transform:uppercase;
	background:none;
}
#footerNav li.last {
	border:none;
}
#footerNav a {
	color:#fff;
	text-decoration:none;
}
#footerNav a:hover {
	color:#fff;
	text-decoration:underline;
}
.copyright {
	color:#fff;
	font-size:1em;
	text-align:right;
	margin:-42px 15px 0 0;
}
.sideimage {
	padding:1px;
	border: 1px solid;
}
#flickr_badge_uber_wrapper {
	line-height:0;
}
.flickr_badge_image img {
	border: 1px solid;
	padding:2px;
	width:63px;
	height:63px;
	float:left;
	margin:0 4px 15px 0;
}
#twitter_update_list {
	font-size:1.1em;
	list-style:none;
	margin-left:3px;
}
#twitter_update_list li {
	background:url(images/linkicon.gif) no-repeat;
	background-position:0 8px;
	padding-left:14px;
	margin-bottom:21px;
}

/* Comments */
.cauthor {
	border-bottom:1px dotted #999;
	margin:-46px 0 0 50px;
	padding-bottom:3px;
}
.cauthor a {
	font-weight:bold;
	text-decoration:underline;
}
.cdate {
	color:#666;
	font-size:1.1em;
	text-align:right;
	margin:-24px 0 18px;
}
.avatar {
	padding:1px;
	border:1px solid #006;
	margin-top:11px;
}
.cbody {
	margin-left:50px;
}
.ctable td {
	padding:3px;	
}
.ctable input {
	padding:2px;	
}
.ctable label {
	color:#666;
	font-size:1.1em;
}
.clabels {
	width:60px;
	text-align:right;
	vertical-align:top;
}

/* Utility classes */
.inv {
	position:absolute;
	left:-9999px;
}
.hide {
	display:none;
}
.clear {
	clear:both;
	visibility:hidden;
}

/* Navigation */
.nav {
	width:239px;
	height:80px;
	background:url(images/nav.jpg) no-repeat;
	position:absolute;
	top:0px; left:683px;
	margin:0; padding:0;
}
.nav li {
	display:inline;
	background:none;
}
.nav li a:link, .nav li a:visited {
	position:absolute;
	top:0;
	height:80px;
	text-indent:-9000px;
	overflow:hidden;
}
.nav .tutorials a:link, .nav .tutorials a:visited { left:0px; width:89px;}
.nav .work a:link, .nav .work a:visited { left:105px; width:58px;}
.nav .about a:link, .nav .about a:visited { left:178px; width:61px;}
.nav .tutorials a:hover, .nav .tutorials a:focus { background:url(images/nav.jpg) no-repeat 0px -80px; }
.nav .work a:hover, .nav .work a:focus { background:url(images/nav.jpg) no-repeat -105px -80px; }
.nav .about a:hover, .nav .about a:focus { background:url(images/nav.jpg) no-repeat -178px -80px; }

.nav-tutorials {
	position:absolute;
	top:0px; left:0px;
	width:89px;
	height:80px;
	background:url(images/nav.jpg) no-repeat 0px -80px;
}
.nav-work {
	position:absolute;
	top:0px; left:105px;
	width:58px;
	height:80px;
	background:url(images/nav.jpg) no-repeat -105px -80px;
}
.nav-about {
	position:absolute;
	top:0px; left:178px;
	width:61px;
	height:80px;
	background:url(images/nav.jpg) no-repeat -178px -80px;
}
.nav li.home a {
	display:block;
	width:355px;
	height:80px;
	position:absolute;
	top:0px; left:-628px;
}

/* WP-Syntax highlighting */
.wp_syntax {
	font-family:'Courier New',Courier,monospace;
	padding:10px 12px;
	border:1px solid #5c7ee5;
	background-color:#f9fcff;
	/* comment the line below to remove scrolling in code boxes */
	overflow:auto; white-space:nowrap;
	width:690px !important;
}
.wp_syntax table {
	border-collapse: collapse;
}
.wp_syntax div, .wp_syntax td {
	vertical-align: top;
	padding: 2px 4px;
}
.wp_syntax .line_numbers {
	text-align: right;
	background-color: #def;
	color: gray;
	overflow: visible;
}
/* potential overrides for other styles */
.wp_syntax pre {
	margin: 0;
	width: auto;
	float: none;
	clear: none;
	overflow: visible;
}

/* Adsense */
.adsenseSquare {
	float:right;
	margin:-5px 0 10px 21px;
}
.adsenseSkyscraper {
	margin:80px 0 0 -6px;
}
.amazonSkyscraper {
	width:157px;
	height:597px;
	margin:60px 0 0 -8px;
	overflow:hidden;
}

/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}
.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	font-size:1.2em;
}
.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}
.contacterror {
	border: 2px solid #ff0000;
}

/* Work */
.workimages {
	width:410px;
	overflow:hidden;
	float:left;
}
.worktext {
	width:300px;
	margin:-42px 0 0 10px;
	float:left;
}
.workimages img {
	padding:1px;
	border:1px solid #000;
}
.workexcerpt {
	width:360px;
	float:left;
	margin-top:-21px;
}
.workexcerpt img {
	padding:1px;
	border-width:1px;
}
.workthumb img {
	padding:1px;
	border: 1px solid;
	width:209px;
	height:126px;
}