/*
Theme Name: Creative Woot
Theme URI: http://creativewoot.com
Description: The theme of <a href="http://creativewoot.com/">Creative Woot</a> The gooey design blog.
Version: 1.0
Author: Ralph Saunders
Author URI: http://ralphsaunders.co.uk/
Tags: blue, bird, fixed width, two columns, creative, woot

	Creative Woot v1.0
	 http://creativewoot.com

	This theme was designed and built by Ralph Saunders,
	whose blog you will find at http://creativewoot.com/

*/

/* General Rules */

.hide {
	display:none;
}

.aligncenter {
	margin:0 auto;
}

.indent {
	margin: 0 0 0 20px;
}

/* Colours */
body,
html {
margin:0;
padding:0;
color:#1b1d22;
background-color:#a3ceec;
}

/* FONTS START */
h1 {
	font-size: 18px;
	font-weight: regular;
	text-decoration: none;
}

h2 {
	font-size: 24px;
	font-weight: regular;
	text-decoration: none;
}

p {
	font-size: 13px;
	font-weight: regular;
	text-decoration: none;
}

p.date {
	font-size:11px;
}

small {
	font-size: 11px;
}

ul li {
	font-size: 13px;
	list-style-type: none;
	padding: 0 0 0 0;
}

#page {
	font-family: Arial, Helvetica, Sans-Serif;
}

.commentlist {font-family: Arial, Helvetica, Sans-Serif; font-size: 11px;}
/* FOTNS END */

/*=====================
POST FORMATTING
=====================*/



blockquote { /* quote styling */
	margin:5px 0 5px 0;
	padding:5px;
	background-color: #CADEEE;
}

.entry ul { /*styling for outer div on list */
	margin:0;
}

.entry ul li { /*Bullets for a list */
	list-style-type:disc;
}

.entry ol { /* Numbered list reset */
	font-size: 11px;
	font-weight: regular;
	margin:0;
}

/* Switch heading sizes so they make sense */
.entry h1 {
	font-size: 24px;
}

.entry h2 {
	font-size: 18px;
}

.entry h3 {
	font-size: 16px;
}

.entry h4 {
	font-size: 14px;
}

.entry img.wp-smiley { /* Aligns emotions properly */
	margin:0;
	padding:0;
	border-style:none;
}
/*POST FORMATTING END*/

/* header */
#headerimg {
	display: none;
}

/* Structure + images + styles */
#topgrad {
	margin:0 auto;
	background: url('./images/topgrad.png') repeat-x;
	height: 250px;
}


.wrap {
	margin:0 auto;
	width:940px;
	list-style-type: none;
	padding:0;
}

#logo {
	float:left;
	width: 289px;
	height: 239px;
	margin: 8px 0 0 0;
}

#logo img {
	border:none;
}

#clouds {
	float:right;
	background: url('./images/clouds.png') no-repeat;
	width: 213px;
	height: 60px;
	margin: 113px 0 0 0;
}

.wrap .search {
	padding: 227px 0 0 670px;
}

.wrap .search #searchform #s {
	width:270px;
	background: #e4f0f9;
	border-style: solid;
	border-width: 1px;
	border-color: #3c3c3c;
}

#searchbump {
	color:#D40D12;
}

.searchlist {
	position:relative;
	background: #e4f0f9;
	padding: 30px 30px 10px 80px;
	margin:0 0 20px 0;
}

.searchfix {
	margin:0;
}

#page {
	margin:0 auto;
	width: 940px;
	padding: 0 0 0 0;
}

#header {

}



.leftcolumn {
	float:left;
	width: 650px;
	margin: 0 0 20px 0;
}

.leftcolumn2 {
	float:left;
	width: 650px;
	margin-bottom: 20px;
}


#sidebar {
	float:right;
	width:240px;
	margin: 20px 0 40px 20px;
	background: #e4f0f9;
	padding: 20px 15px 20px 15px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

.sidebarlinks {
	padding: 0;
}

.sidebarlinks li ul{
	padding: 0;
}

ul li.rsscenter {
	text-align: center; /*centers li content*/
}
ul li.rsscenter img{
	border:none;
	width: 131px;
}

.followcolumn {
	display: inline;
	list-style-type: none;
	padding-right: 33px;
}

.followcolumn2 {
	display: inline;
	list-style-type: none;
}

.followcolumn img {
	border:none;
}

.followcolumn2 img {
	border:none;
}

.twitterplugin {
	background: url('./images/twitterblurb.png') no-repeat;
	width: 240px;
	height: 107px;
	margin-top: -10px;
}

.twitterplugin p {
	width: 220px;
	height: 70px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 22px 10px 10px 10px;
}

.pagetitle { 
	padding: 20px;
	background: #e4f0f9;
	color: #12ad2a;
}

.left {
	float:left;
}

.postcontent {
	background: #e4f0f9;
	width:530px;
	padding: 30px 30px 30px 80px;
	margin: 20px 0 0px 0;
}
/*
.post2 {
	position:relative;
	background: #e4f0f9;
	padding: 30px 80px 30px 80px;
	margin: 20px 0 0px 0;
	z-index: 1;
	margin-bottom: 20px;
	
} */

.post-categories {
	padding: 0;
	margin: 0;
	width: 100%;
}

.postmetadata {
	padding: 20px 0 0 0;
}

.post p{
	margin: 0;
	margin-bottom: 30px;
}

p.date {
	margin:0;
}

.post h2{
	margin: 0;
	padding: 0;
}

.calender {
margin:30px 0 0 -7px;
padding:0;
color:#fff;
height: 44px;
font: bold 11px Arial;
height:44px;
width: 76px;
background: url('./images/calender.png') no-repeat;
}



.date span {
display:block;
width:100%;
color:#fff;
font: bold 18px Arial, Helvetica, Sans-Serif;
margin:0;
padding:0;
}

.date {
position:relative;
text-align:center;
left:-4px;
}




.entry p {
	margin:13px 0 13px 0;
}

.entry img {
	margin: 20px;
}

.aligncenter{
	margin:0 auto;
}

img {
	border-color:#242426;
	border-width:1px;
	border-style:solid;
}
/* LINKS BELOW POST */
/*PERMA LINK AND SHARE*/
.belowpostlinks a{
	border:none;
	display:inline;
}

.belowpostlinks {
	margin: 0 0 60px 0;
	padding: 0 0 0 410px;
	width: 200px;
}

a.share {
	display:block;
	float:right;
	width:84px;
	height:30px;
	background: url(./images/share.gif) no-repeat;
}
 
a.share:hover {
	background: url(./images/share.gif) 0 30px;
}

.addthis_container img{
	margin:0px;
}

a.permalink {
	display:block;
	width:112px;
	height:30px;
	background: url(./images/permalink.gif) no-repeat;
}
 
a.permalink:hover {
	background: url(./images/permalink.gif) 0 30px;
}

a.permalink2 {
	display:block;
	float:right;
	width:112px;
	height:30px;
	background: url(./images/permalink.gif) no-repeat;
}
 
a.permalink2:hover {
	background: url(./images/permalink.gif) 0 30px;
}


/* PREVIOUS AND NEXT */
.belowpostlinks2  {
	margin: 10px 0 60px 0;
	padding: 0px;
	width: 200px;
}

.previous{
	float:left;
	margin-bottom: 30px;
}

.next{
	float:right;
	margin-bottom: 30px;
}
/* LINKS BELOW POST END */


#searchbump {
	margin-bottom: 20px;
}

#respond { /* comment form */
	background: #e4f0f9;
	margin: 0px 0 20px 0;
	padding: 20px;
}

#comment { /* makes submit box fit width of column */
	width: 100%;
	
}

.commentlist {
	background: #e4f0f9;
	margin: 0 0 0px 0;
	padding: 40px;
}

.commentlist h3{
	font-size: 18px;
	margin-left:-20px;
}

/*COMMENT FORM */

label{
	padding-bottom: 3px
}

.navigation {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 18px;
}
#footer {
	clear: both;
	width: 920px;
	padding:0 20px 20px 20px;
	background: #e4f0f9;
	margin: 50px 0 40px 0;
}

#footer h2 {
	padding: 0;
	margin: 15px 0 0 0;
}

#footer li ul {
	padding: 0;
	margin: 5px 0 0 0;
}

#footer p {
	padding: 0;
	margin: 5px 0 0 0;
}

.column1{
	width: 180px;
	float: left;
	color: #1b1d22;
	font-size:12px;  
}

.column2{
	width: 180px;
	margin-left: 30px;
	float: left;
	color: #1b1d22;
	font-size:12px;
	list-style-type: none;
	padding: 0;
}

.column2 li ul{
	padding: 0;
}

.backtop {
	float:right;
	margin: 50px 30px 0 0;
	text-align: center; /*centers li content*/
}

.backtop img{
	border:none;
}

/* Links */

.commentlist a:link {color:#0092dd; text-decoration: none; font-family: Arial, Helvetica, Sans-Seirf; font-size: 11px;} /* unvisited link */
.commentlist a:visited {color:#0092dd; text-decoration: none; font-family: Arial, Helvetica, Sans-Seirf; font-size: 11px;} /* visited link */
.commentlist a:hover {color:#0092dd; text-decoration: underline; font-family: Arial, Helvetica, Sans-Seirf; font-size: 11px;} /* mouse over link */
.commentlist a:active {color:#0092dd; font-family: Arial, Helvetica, Sans-Seirf; font-size: 11px;} /* selected link */

/* Default style for links */
a:link {color:#0092dd; text-decoration: none;} /* unvisited link */
a:visited {color:#0092dd; text-decoration: none;} /* visited link */
a:hover {color:#0092dd; text-decoration: underline;} /* mouse over link */
a:active {color:#0092dd;} /* selected link */

/* header links */
h2 a:link {color:#1b1d22; text-decoration: none;} /* unvisited heading link */
h2 a:visited {color:#1b1d22; text-decoration: none;} /* visited heading link */
h2 a:hover {color:#0092dd; text-decoration: underline;} /* mouse over link */
h2 a:active {color:#0092dd;} /* selected link */

.commentlist .url {font-weight: bold; font-style: normal;}

/* makes meta data bold */
.boldmylinks a:link {color:#0092dd; text-decoration: none; font-weight: bold;} /* unvisited link */
.boldmylinks a:visited {color:#0092dd; text-decoration: none; font-weight: bold;} /* visited link */
.boldmylinks a:hover {color:#0092dd; text-decoration: underline; font-weight: bold;} /* mouse over link */
.boldmylinks a:active {color:#0092dd; font-weight: bold;} /* selected link */

/* Previous and next links (bottom of post) */
.next a:link {color:#0092dd; text-decoration: none; font-weight: bold;} /* unvisited link */
.next a:visited {color:#0092dd; text-decoration: none; font-weight: bold;} /* visited link */
.next a:hover {color:#0092dd; text-decoration: underline; font-weight: bold;} /* mouse over link */
.next a:active {color:#0092dd; font-weight: bold;} /* selected link */

.previous a:link {color:#0092dd; text-decoration: none; font-weight: bold;} /* unvisited link */
.previous a:visited {color:#0092dd; text-decoration: none; font-weight: bold;} /* visited link */
.previous a:hover {color:#0092dd; text-decoration: underline; font-weight: bold;} /* mouse over link */
.previous a:active {color:#0092dd; font-weight: bold;} /* selected link */
/* Previous and next links end */

.date a {color: #ffffff;} /* Removes colour from calender text */