/*   
Theme Name: Paparwark Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Cecil Tait
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*Cecil, welcome to this theme - you will add code from this line down */

@import url(http://fonts.googleapis.com/css?family=Questrial);

body { font-family: 'Questrial', sans-serif, cursive;
/* Old background with image across the whole body */
/*	background: url(images/furttable_4.jpg) no-repeat 50% 50%;
	background-attachment: fixed;*/
/ *New background just a white page */
	background: #fff;
}

#primary { border: 2px dotted #000; width: 250px;}
/* border info copied from martins lesson3 */
.main-aside { width:250px; }
#wrapper { 
	/* Old background was a semi-transparent image */
	/*background: url(images/transp_80.png) repeat-y; */
	/*New image background is a semi transparent image of the furttable image */
	/*background: url(images/furttable_wrap.jpg) no-repeat center -100px;*/
	background-attachment: fixed;
	width: 960px; margin:0 auto;
}

#header {
 	width: 960px;
/* 	background: white;*/
}

#content { width: 670px;  margin-left: 270px; }

/* all that follows here to the footer is now blanked out
#container { background: #fff; }

#main { background:#fff; }

#content { background: #fff ;}

#secondary { background: #fff; }
*/

#footer { background: #fff; }

/* Cecil you can delete this line when you want to - it is just a comment line to tell you what I have done, I have addeed an image as I explained in your email, so added four lines after your font-size line  */

#blog-title a 
{font-family: 'Questrial', sans-serif, cursive;
	font size:190px;
/*	background: url(images/colorlogo.jpg) no-repeat top center; */
	background: url(images/colorlogo_transp.png) no-repeat top right;
	display: block;
	height:175px;
	width:800px;
}

/* Branding has a padding above of 88 and beloww of 44 - why the header looks deep */
#branding { width:940px; 
	padding: 20px 10px 0px; }

#blog-description { margin-top: -40px; }

#searchform #s {
color:#999999;
font-size:14px;
width:200px;
}

/* Here are some more notes from Feb 16 (can be deleted later) 
1) Made a change to the import google font. A slight mistake there so the font was not showing up. 
2) Put the image on the background on the body not the wrapper division and set it as a fixed attachemnt with the chair showing at the bottom right. Placed it 50% from left - centred and 50% from top. I also cropped the picture a little so it is now a new image furtshair_1.jpg, a little smaller to load.
3) Then on the primary division you had copied across a code about dotted and black, but you set the colour as #black... it has to be either #000 or black. 
4) I then made a semi-transparent image so that the chair will show through. Not sure if on older browsers that this might be a problem or not. To make it show through I have taken the white color off the content etc. except header and footer.*/

/* to remove the border around the gallery images */
.gallery-icon { border: none; }

/*tweet styling in sidebar*/

.tweet,
.query {
	font: 100% Georgia, serif;
	color: #085258;
}
.tweet_list {
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	background-color: #8ADEE2;
	margin-bottom: 20px;
}	
.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em;
	list-style-type: none;
}
.tweet_list li a {
	color: #0C717A;
}		
.tweet_list .tweet_even {
	background-color: #91E5E7;
}
.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}
.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

.vimeo_video { margin-bottom: 35px; }

#carousel_holder  {width: 620px; margin: 0 auto 50px 280px;  }
.cycle-slideshow img { padding: 10px; width: 300px; }
.slideshow { margin: auto; margin-left: 30px; }
/*.slideshow img { width: 300px; padding: 10px; }*/
div.responsive img { width: auto; height: auto; }