/* 
Theme Name: whiteboard
Theme URL: http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/
Description: A blank theme for you to draw on.
Author: Brian Purkiss
Author URI: http://brianpurkiss.com
Version: 1.0.4

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/*
Here is a list of all the <DIV>s in Whiteboard.
*/


#post{}
#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{}
body {
	position: relative;
}
body, html, a{
	color: black;
	font-size: 12px;
	text-decoration: none;
	
}
#container{
	height: 100%;
	width: 100%;
}
a.item, .back, .front {
	float:left;
	display:block;
	width:100%;
	height:100%;	
	margin:0;
	padding:0;
}
.front {
	position: relative;
}
.back {
	z-index: -1;
	position: relative;
}
a.item:hover {
}
a img {
	border:none;
}
a:hover {
	text-decoration: underline;
}

#menu {
	position: absolute;
	background: white;
	top: 0;
	right: 5%;
	list-style: none;
	padding: 10px;
	height: 15px;
	z-index: 10;
	background-color: rgba(255,255,255,0.8);	
}
#menu li {
	float: left;
	margin:0 10px;
}
#footer {
	background: white;
	background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	bottom:0;
	font-size:10px;
	height:15px;
	left:50%;
	margin:auto 0 0 -230px;
	padding:10px;
	position:fixed;
	text-align:center;
	width:460px;
}
#footer a {
	font-size: 10px;
}
.content {
	background: white;
	padding: 50px;
	width: 250px;
	position: absolute;
	right: 5%;
	top: 35px;
	background-color: rgba(255,255,255,0.8);
}
a.post-edit-link {
	position: absolute;
	background: white;
	display: block;
}

ul.column{
	width: 100%;
	padding: 0;
	margin: 0px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 150px; /*Set default width*/
	padding: 0;
	margin: 0px 0;
	display: inline;
}
.front, .back {
	height:100%;
	margin-right: 0px; /*Creates the 10px gap between each column*/
	padding: 0px;
	background: white;
}

.front img, .back img {
        /*Flexible image size with border*/
	width: 100%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 0;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}