/*
Theme Name: yoyopop! style
Theme URI: http://www.putsonline.co.uk/yoyopop/
Description: The yoyopop! jam
Version: 2.0
Author: Skull Lab
Author URI: http://www.skull-lab.com/

*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0;
	color: #222;
	}

body, h1, h2, h3 {
	margin: 0;
	}

h1 {
	padding: 0;
	font-size: 10em;
	line-height: 0.8;
	}

h2 {
	margin-top: 30px;
	font-size: 2em;
	background-color: #F3C;
	}

h3 {
	margin-top: 32px;
	font-size: 1.5em;
	color: #F3C;
	line-height: 1.8;
	}
	
a {
	color: #F3C;
	text-decoration: none;
	border-bottom: 1px #222 dotted;
	}

a:hover {color: #222;}

h1 a, h2 a {border: 0;}
h2 a {display: block; color: #FFF; background-color: #F3C; padding: 1px 0 1px 2px;}
h2 a:hover {color: #FFF; background-color: #222;}

small {font-size: 75%;}

input, textarea {border: 1px #222 solid; padding: 2px 5px 2px;}

blockquote {color: #F3C; font-size: 1.2em;}
blockquote small {display: block; padding-left: 10px;}


#top {font-size: 62.5%; width: 930px;}

#top div {float: left; padding-left: 30px;}

#top ul {margin-left: 0; padding: 1.5em 0 0;}
* html #top ul {padding: 0; margin-top: -0.5em;}

#top ul ul {list-style: none; padding: 0; font-size: 2.5em; line-height: 1.3;}


#top p {font-size: 3em; margin-left: 40px;}

* html #superlinks {margin-top: 1.5em;} 

.space {clear: left; border-top: 1px #F3C dotted; margin: 2em 0;}

.topspace {margin-bottom: 0;}

#entries {padding: 40px; padding-top: 0; width: 550px; float: left;}
* html #entries {width: 630px;}

#entries img {padding: 5px; border: 1px solid #999;}
#entries p.noborder img {border: 0;}

#entry {margin: 0;}

#sidebar {float: left; margin-bottom: 1em;}
#sidebar ul {list-style: none; margin: 0; line-height: 1.5; padding: 0;}
#sidebar p {margin: 5px 0;}
#sidebar li, #sidebar form, #sidebar p {margin-left: 10px;}
#sidebar a {color: #222;}
#sidebar a:hover {color: #F3C;}
#sidebar #homies a {border: 0;}
#sidebar #homies li {padding: 0 0 5px; line-height: 0;}
#sidebar a img {padding: 5px; border: 1px dotted #222;}
#sidebar a:hover img {border: 1px solid #F3C;}

#sidebar div {width: 200px; font-size: 0.9em;}

div#infoimg {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #444; border: 1px solid #999; padding: 5px; line-height: 1.2; clear: both; margin: 1em 0;}
div#infoimg img {border: 0; padding: 0 0 5px;}

.afterimage {clear: left;}

#commentsbox {font-size: 90%;}
textarea#comment {width: 500px;}

#search {font-size: 80%;}

.subscribe a:hover {padding-right: 18px; background: url(/yoyopop/images/rss.gif) center right no-repeat;}

.dateline {font-size: 0.9em;}
#entry .dateline {margin-bottom: 30px;}

div.wide {width: 450px; /*margin-left: 44px;*/}
div.medium {width: 300px;}
div.small {width: 200px;}
div.medium, div.small, .left {float: left; margin: 0 10px 10px 0;}
.right, div.smallright {float: left;}
div.smallright {width: 200px; margin-left: 38px;}
div#infoimg.smallright {clear: none; margin-left: 38px;}

.centered {text-align: center;}

li.categories {list-style:none;}

/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
	margin-top: 1em;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 2px solid #ff0000;
}