/*
THEME NAME: 	BUROPONY
THEME URI: 		http://www.buropony.nl/
DESCRIPTION: 	Just another PONY theme.
VERSION: 		1.1
AUTHOR: 		Kars Alfrink
AUTHOR URI: 	http://leapfrog.nl/
*/

@import url('http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css');

/* hidden stuff */

hr {
	display: none;
}

html {
	background-color: #f5f5f5; 
}

body {
/*	background-image: url('images/grid.png');*/
	font-size: 12px;
	line-height: 20px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
}

/* layout */

div#container {
	padding: 20px 0 0 20px;
	width: 880px;
}

div#header {
	height: 40px;
}

div#content {
	margin: 0;
	padding: 20px 0 0 60px;
}

div#footer {
	text-align: right;
	clear: both;
	color: #999;
	font-size: 11px;
}

div#footer a {
	color: #666;
}

/* typography */

h2 {
	color: #333;
	font-size: 18px;
	text-transform: uppercase;
}

h3 {
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
}

a {
	color: #00b46e;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:hover {
	border-bottom: 0;
}

a:active { 
	outline: none; 
}

a:focus { 
	-moz-outline-style: none; 
}

p {
	margin-bottom: 20px;
}

/* specifics */

h1 a {
	border: 0;
}

p#tagline {
	width: 300px;
	position: absolute;
	top: 20px;
	left: 80px;
	margin: 0;
}

p#tweet {
	line-height: 15px;
	z-index: 999;
	color: #fff;
	padding: 5px;
	text-transform: lowercase;	
	width: 170px;
	position: absolute;
	top: 500px;
	left: 80px;
	margin: 0;
	font-size: 11px;
}

p#tweet a {
	color: #fff;
}

form#searchform div {
	position: absolute;
	left: 740px;
	top: 20px;
}

form#searchform div input#s {
	width: 148px;
	height: 18px;
	border: 1px solid;
	border-color: white white #999 white;
	color: #999;
	padding: 0 5px 0 5px;
}

form#searchform div input#searchsubmit {
	display: none;
}

body#category div#meta {
	float:left;
	width: 220px;
}

body#category div#posts {
	float: right;
	overflow: auto;
	width: 600px;
}

body#category div.post {
	float: left;
	width: 180px;
	margin: 0 0 0 20px;
	padding-bottom: 20px;
}

body#category div.post a {
	border-bottom: 0;
}

body#category div.post p {
	margin: 0;
}

body#category div.post p img {
	float: left;
	width: 180px;
	height: 140px;
	margin-bottom: 0;
}

body#category div.post h3 {
	text-transform: lowercase;
	font-size: 12px;
}

body#category div.post h3 a {
	border-bottom: 1px dotted;
}

body#category div.post h3 a:hover {
	border: 0;
}

body#category div#navlinks {
	clear: right;
	text-transform: lowercase;
	overflow: auto;
	padding: 19px 0 0 0;
	margin: 0 0 20px 240px;
	border-top: 1px solid #ccc;
}

ul li.categories {
	text-transform: lowercase;
	color: #333;
}

ul li.categories ul li.cat-item {
	width: 100%;
}

ul li.categories ul li.cat-item a {
	padding-left: 10px;
	text-transform: lowercase;
	width: 150px;
	display: block;
	height: 19px;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
}

ul li.categories ul li.current-cat {
	background: url('images/arrow.png') 160px 0 no-repeat ;
}

ul li.categories ul li.current-cat a {
	background-color: #ccc;
}

ul li.categories ul li.cat-item a:hover {
	background-color: #e5e5e5;
}

ul li.categories ul li.current-cat a:hover {
	background-color: #ccc ;
}

body.contact h2, body.profile h2 {
	display: none;
}

body.contact h3 {
	font-size: 18px;
	margin-bottom: 20px;
}

body.contact div#map {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 520px; 
	height: 460px;
}

body.contact div#map div.gmnoprint a {
	border: 0;
}


body.profile div#content h3 {
	font-size: 18px;
	width: 520px;
}

body.profile div#content p {
	width: 520px;
}

body#home div#posts {
	margin-bottom: 20px;
	width: 780px;
}

body#home div.post {
	background: #f5f5f5;
}

body#home div.post p {
	margin-bottom: 0;
}

body#home div.post img {
	float: left;
}

body#home div.post h2 {
	font-size: 14px;
	float: left;
	background: #333;
	margin-left: 540px;
	margin-top: -160px;
}

body#home div.post h2 a {
	border-bottom: 0;
	padding: 0 5px 0 5px;	
}

body#home div.post p.post-cat {
	float: left;
	background: #333;
	margin-left: 540px;
	margin-top: -140px;
	color: #f5f5f5;
	padding: 0 5px 0 5px;	
	text-transform: lowercase;
}

div#controls a {
	border: 0;
}

div#controls a#prev {
	position: absolute;
	left: 20px;
	top: 300px;
}

div#controls a#next {
	position: absolute;
	left: 860px;
	top: 300px;
}

body#single p.post-cat {
	margin-top: 20px;
	margin-bottom: 0;
	text-transform: lowercase;
}

body#single div#content img.alignleft, body#single div#content div.alignleft {
	float: left;
	margin-bottom: 20px;
}

body#single div#content img.alignright, body#single div#content div.alignright {
	float: right;
	margin-bottom: 20px;
}

body#single div#content img.aligncenter, body#single div#content div.aligncenter {
	margin: 0 auto 20px auto;
}

body#single div.description {
	width: 400px;
}

body#single div.wp-caption {
	width: 400px !important;
	margin-bottom: 20px;
}

body#searchme div.post {
	width: 580px;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	padding: 0 0 19px 0;
	margin: 0;
}

body#searchme div.post p {
	margin: 0;
}

body#searchme div.post h3 {
	margin: 20px 0 0 0;
}

body#searchme div.post img {
	float: left;
	width: 160px;
	height: 120px;
	margin: 20px 20px 0 0;
}

body#searchme div.post div.meta {
	width: 400px;
	margin: 0;
	float: left;
}

body#searchme div.post p.post-cat {
	text-transform: lowercase;
	margin-bottom: 0;
}

body#searchme div#navlinks {
	text-transform: lowercase;
	overflow: auto;
	width: 580px;
	margin: 20px 0 20px 0;
}

div#navlinks div#prev-link { 
	float: left;
}

div#navlinks div#next-link { 
	float: right;
}

p.wp-caption-text {
	font-style: italic;
	color: #999;
	font-size: 11px;
}

div#footer a#feed-link {
	padding-right: 17px;
	background: url('images/feed_icon.gif') right center no-repeat;
}

ul#navigation {
	position: absolute;
	top: 20px;
	*top: 11px; /* targets IE6 and 7 */
	left: 380px;
	width: 360px;
	margin-right: 180px;
	font-size: 1px;
}

ul#navigation li.page_item {
	position: relative;	
	float: right;
	margin-right: 30px;
}

ul#navigation li.page_item a {
	color: #f5f5f5;
	border: 0;
	display: block;
}

ul#navigation li#projects-link a {
	height: 20px;	
	width: 51px;
}

ul#navigation li a {
	height: 20px;	
	width: 40px;
}

ul#navigation li.page-item-8 a {
	height: 20px;
	width: 47px;
}

ul#navigation li.page_item a span {
	background-position: left top; 
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

ul#navigation li.page_item a:hover span, ul#navigation li.current_page_item a span, body#category li#projects-link a span, body#single li#projects-link a span  {
	background-position: left bottom !important;
}

ul#navigation li#projects-link a span {
	background-image: url('images/menu_projects.gif'); 
}

ul#navigation li.page-item-3 a span, ul#navigation li.page-item-4 a span { /* page-item-4 is for dev */
	background-image: url('images/menu_profile.gif'); 
}

ul#navigation li.page-item-8 a span {
	background-image: url('images/menu_contact.gif'); 
}

div#content p img {
	float: left;
	clear: both;
	margin-bottom: 20px;
}

img#twitter-pony {
	position: absolute;
	left: 0;
	top: 560px;
	z-index: 998;
}

img#twitter-pony-balloon {
	position: absolute;
	left: 80px;
	top: 500px;
	z-index: 998;
}