/*  



Theme Name: gaiachik (pages)



Theme URI: http://gaiachik.co.uk



Description: BW drawing-like



Version: 2.1



Author: Gaia Canestrari in Chikura



Author URI: http://gaiachik.info



*/







/*-------------------------------------------------------------*/







/* Eric Meyer's Reset Reloaded - thanks, Eric :-)  */







html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, img, ins, kbd, q, s, samp,



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 {



	margin: 0;



	padding: 0;



	border: 0;



	outline: 0;



	font-weight: inherit;



	font-style: inherit;



	font-size: 100%;



	font-family: inherit;



	vertical-align: baseline;



}







/* remember to define focus styles! */







:focus {



	outline: 0;



}







body {



	line-height: 1;



	color: black;



	background: white;



}







ol, ul {



	list-style: none;



}







/* tables still need 'cellspacing="0"' in the markup */







table {



	border-collapse: separate;



	border-spacing: 0;



}







caption, th, td {



	text-align: left;



	font-weight: normal;



}















blockquote, q {



	quotes: "" "";



}







/*-------------------------------------------------------------*/







/*  template notes ##################



#wrap 					*wraps all - closes in the footer







#header 				logo (p#gaia img) and main navigation



			



main navigation			ul#nav



						pages + blog (category)







#sub-info				<p> short about intro

						ul.links (validator & feeds)

						#deicious (delicious bookmarks updates)

						#sub (set up to be particular to each page / 

						atm contains google adverts #ads)



#sidebar				

#search-form			div.tag-cloud .tag-link-(%)

						#ul.links (friends links / inspiration)					



#main					*all page main (+ classes assigned by WP)



						.post > post on category page

						.post h2 > post title 

						.post h1 > on single post pages

								



#footer					p a



################## END template notes ################## */







/*-------------------------------------------------------------*/







/* COLOURS ##################





off-white			fefefe

dark grey (text) 	444 

red					af1515

off-red				aa6865

yellow-orange		dc8c00



################## */







/*-------------------------------------------------------------*/







/* general ################## */



body {



	color: #444;

	font: 1em Verdana,Arial,Helvetica,sans-serif;

	line-height: 1.3em;

	background: #fefefe;

	background-repeat: repeat-x;

	background-position: top left;

}

/*

#wrapper {

	background: url(http://www.gaiachik.co.uk/hq/wp-content/uploads/tile-bottom.jpg);

	background-position: bottom left;

	background-repeat: repeat-x;

}

#coolwrapper {

	position: relative;

	margin: 0px auto;

	background-image: url(http://www.gaiachik.co.uk/hq/wp-content/uploads/oche4.png);

	background-position: 0 bottom;

	background-repeat: repeat-x;

	background-attachment: fixed;

	padding: 0 0 70px 0;



}*/

em {

	font-weight: bold;

	letter-spacing: 1px;

}

strong {

	color: #af1515;

	font-weight: bold;

	letter-spacing: 1px;

}

#wrap a.skip {

	float: right;

	color: #efefef;	

}

a {

	text-decoration: none;

}

.clearleft {

	clear: left;

}

.floatleft {

         float: left;

}

blockquote {

	padding: 0 20px;

}

cite {

	padding: 0 0 0 25px;

	font-style: italic;

}

/* wrap ################## */



#wrap {

	width: 760px;

	margin: 0 auto;

	background: #fefefe;

}

/*HEADER & main NAV ################## */



#header {

	position: relative;

	background: url(http://www.gaiachik.co.uk/images/icons/nomnom.png);

	background-repeat: no-repeat;

	background-position: 0 0;

	padding: 0 0 5px 0;

}

#header p#gaia img {

	position: absolute;

	z-index: 200;  

	top: 0px; 

	right: -55px;

}

#header ul#nav {



	width: 400px;



	margin: 0 0 30px 199px;



	border-bottom: 2px solid #444;



	padding: 36px 0 5px 0;



}



#header ul#nav li {



	display: inline;



}







#header ul#nav li a {



	color: #111;



	padding: 0 10px;	



	font-weight: normal;



	font-size: 13px;



}



#header ul#nav li a:link {



	font-size: 13px;



}



#header ul#nav li a:visited {



	font-size: 13px;



}



#header ul#nav li a:hover {



	font-size: 13px;

	color: #dc8c00;







}



#header ul#nav li a:active {



	font-size: 13px;

	color: #dc8c00;

}





/*link highlighting*/

li.current_page_item, li.current-cat, body#single li.cat-item-3 {

	background: url(http://www.gaiachik.co.uk/images/icons/nav-highlight.png);

	background-position: bottom center;

	background-repeat: no-repeat;

	padding: 0 0 8px 0;

}



/* menu and header end*/



/*

HEADINGS (TITLES)

h1 - only one per page 

h2 - main post heading 

h3 - post sub-heading

h4 - side bar/nav heading

*/



h1 {

	font-size: 1.5em;

	padding: 0 0 10px 0;

	color: #af1515;

	line-height: 1.4em;

}

h2 {

	font-size: 1.3em;

	padding: 0 0 5px 0;

	line-height: 1.4em;

	color: #af1515;

}

h3{

	font-size: 1em;

	color: #444;

	padding: 0 0 5px 0;

}

h4 {

	font-size: 1.3em;

	color: #dc8c00;

}

/*Headings - links*/

div.post h1 a, div.post h1 a:link, div.post h1 a:visited, h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited {

	color: #af1515;

}

div.post h1 a:hover, div.post h1 a:active, h1 a:hover, h1 a:active, h2 a:hover, h2 a:active {

	color: #dc8c00;

}

h3 a, h3 a:link, h3 a:visited {

	font-size: 1em;

	color: #444;

	padding: 15px 0 5px 0;

	text-decoration: none;

}

h3 a:hover, h3 a:active {

	color: #dc8c00;

	text-decoration: underline;

}

/*SPECIFIC HEADINGS IN DEIFFERENT PAGES*/

h1#blogheader {

	color: #444;

}

body#single h1 {

	margin: 10px 0;

	padding: 0;

}

/*HEADINGS END*/



/* sub-info sidebar - short intro + feeds + delicious updates + ads */

#sub-info {

	float: left;

	margin: 0px 0 0 0;

	width: 170px;

	padding: 0 10px 0 0;

	color: #888;

}



#sub-info p {

	font-size: .8em;

	padding: 0px 20px 0 20px;

}

/* FEEDS */

#sub-info ul.links {

	padding: 0px 0 0px 20px;

}

/* sub - cntains the ads / may contain more content specific to each page*/



#sub p{

	font-size: 1em;

}

div.ads {

	padding: 0 20px;

}

#sub-info #sub div.ads {

	width: 180px;

	padding: 0 10px;

}

#sub-info ul.links li.heading {

	line-height: 1.2em;

	font-size: 1em;

}

/*

DELICIOUS UPDATES

*/

ul#delicious {

	clear: left;

	padding: 5px 0 0 0;

	margin: 0px 10px 0 20px;

}

h2.delicious-banner {

	font-size: 1em;

}

h2.delicious-banner a, h2.delicious-banner a:link, h2.delicious-banner a:visited, h2.delicious-banner a:hover, h2.delicious-banner a:active {

	color: #dc8c00;

}

li.delicious-post {

	border-bottom: 1px solid #dc8c00;

	padding: 5px 0;

}

li.delicious-odd {

	border-bottom: 1px solid #dc8c00;

	border-top: 1px solid #dc8c00;

}

a.delicious-link {

	display: block;

	color: #888;

	font-size: 0.8em;

}

a:link.delicious-link, a:visited.delicious-link {

	color: #777;

}

a:hover.delicious-link, a:active.delicious-link {

	color: #af1515;

}





/* main content */



#main {



	width: 360px;



	margin-left:200px;

}



p {

	color: #444;

	font-size: 0.8em;

	padding: 0 0 1.2em 0;

}

.post {

	margin: 0 0 2.8em 0;

	padding: 0;

}

.post p {

	padding: 0 0 0.6em 0;

}

.odd {

	padding: 10px 10px;

	background: #efefef;

}

/*have to set the p#gaia padding value to zero to mantain the main nav style / otherwise it pushes down the whole main menu bar*/

p#gaia {

	padding: 0;

}

p.img_caption {

	font-size: .8em;

	padding: 0 0 15px 0;

	margin: -10px 0 0 0;

}

div.post p.postmetadata {

	padding: 0.3em 0 0 0;

}

/* LINKS*/

/*general links*/

#main a, #main a:link {

	color: #af1515;

	text-decoration: none;

}

#main a:visited {

	color: #aa6865;

	text-decoration: none;

}

#main a:hover {

	color: #dc8c00;

	text-decoration: none;

}

#main a:active {

	text-decoration: underline;

}





/*read more link*/

.post p a.more-link, .post p a.more-link:link {

	color: #af1515;

	text-decoration: none;

}

.post p a.more-link:visited {

	color: #222;

	text-decoration: none;

}

.post p a.more-link:hover {

	color: #dc8c00;

	text-decoration: none;

}

.post p a.more-link:active {

	text-decoration: underline;

}

/*postmetadata link*/

.post p.postmetadata a, .post p.postmetadata a:link {

	text-decoration: none;

	color: #dc8c00;

}

.post p.postmetadata a:hover {

	text-decoration: none;

	color: #af1515;

}

.post p.postmetadata a:active {

	text-decoration: underline;

	color: #af1515;

}

/*MOVIE CLIPS FROM VIMEO*/

object.mov {

	padding: 10px 0 5px 0;

}

/* SIDEBAR ################## */



#sidebar {

	width: 170px;



	float: right;



	padding: 0 0 40px 0;



	

	margin: 20px 0 0 0;



}

form#search-form {

	margin: 0 0 15px 0;

	display: block;

	width: 200px;

	float: left;

}



form#search-form	input#search-text {

	display: block;

	width: 150px;

	padding: 2px;

	margin: 0 0 4px 0;

	background: none;

	border: 1px ridge #333;

}







form#search-form div input#search-submit {

	display: block;

	width: 156px;

	padding: 2px;

	border: none;

	border-bottom: 1px solid #000;

}



/*tag cloud*/

#sidebar div.tag-cloud {

	width: 160px;

}

#sidebar div.tag-cloud a {

	color: #dc8c00;

	text-decoration: none;

}

#sidebar div.tag-cloud a:link, #sidebar div.tag-cloud a:visited {

	color: #dc8c00;

}

#sidebar div.tag-cloud a:hover, #sidebar div.tag-cloud a:active {

	color: #af1515;

}

/*



LINK SECTION IN THE SIDE BAR



*/

#sidebar ul.links {



	clear: left;

	

	width: 170px;



	font-size: .8em;



	list-style: none;

	padding: 0;



}

ul.links li {

	line-height: 0px;

	font-size: 0px;

	color: #efefef;	

	display: inline;

}

/*general settings - using sprite */

ul.links li a {

	color: #efefef;	

	background: url(http://www.gaiachik.co.uk/images/icons/sprite.gif);

	background-repeat: no-repeat;

	text-decoration: none;

}

ul.links li a:link, ul.links li a:visited {

	background-position: 0 0;

}

ul.links li a:hover, ul.links li a:active {

	background-position: -321px 0;

}

/*more specific settings to large thumbnail links and small ones */

/*full column width*/

ul.links li a#contact_link, ul.links li a#gaiachik_link, ul.links li a#entries_rss, ul.links li a#twogents, ul.links li a#twitter {

	clear: left;

	display: block;

	padding: 34px 0;

	margin: 10px 0;

}

/*half column width*/

ul.links li a#prisca_link, ul.links li a#webeyedea_link, ul.links li a#oneup_link, ul.links li a#brooke_link, ul.links li a#comments_rss {

	float: left;

	width: 80px;

	padding: 34px 5px 34px 0;

	margin: 10px 0;

}

/*specific settings to each link - rollover with sprite*/

ul.links li a#contact_link {}



ul.links a:link#gaiachik_link, ul.links a:visited#gaiachik_link {

	background-position: 0 -140px;

}

ul.links a:hover#gaiachik_link, ul.links a:active#gaiachik_link {

	background-position: -321px -140px;

}



ul.links a:link#prisca_link, ul.links a:visited#prisca_link {

	background-position: 0 -280px;

}

ul.links a:hover#prisca_link, ul.links a:active#prisca_link {

	background-position: -321px -280px;

}





ul.links a:link#webeyedea_link, ul.links a:visited#webeyedea_link {

	background-position: 0 -560px;

}

ul.links a:hover#webeyedea_link, ul.links a:active#webeyedea_link {

	background-position: -321px -560px;

}





ul.links a:link#oneup_link, ul.links a:visited#oneup_link {

	background-position: -0 -700px;

}

ul.links a:hover#oneup_link, ul.links a:active#oneup_link {

	background-position: -321px -700px;

}





ul.links a:link#brooke_link, ul.links a:visited#brooke_link {

	background-position: 0 -420px;

}

ul.links a:hover#brooke_link, ul.links a:active#brooke_link {

	background-position: -321px -420px;

}





ul.links a:link#twitter, ul.links a:visited#twitter {

	background-position: 55px -840px;

}

ul.links a:hover#twitter, ul.links a:active#twitter {

	background-position: -266px -840px;

}





ul.links li a:link#twogents, ul.links li a:visited#twogents {

	background-position: 25px -1250px;

}

ul.links li a:hover#twogents, ul.links li a:active#twogents {

	background-position: -296px -1250px;

}





ul.links a:link#entries_rss, ul.links a:visited#entries_rss {

	background-position: 0 -980px;

}

ul.links a:hover#entries_rss, ul.links a:active#entries_rss {

	background-position: -321px -980px;

}



ul.links a:link#comments_rss, ul.links a:visited#comments_rss {

	width: 105px;

	background-position: 0 -1120px;

}

ul.links a:hover#comments_rss, ul.links a:active#comments_rss {

	width: 105px;

	background-position: -321px -1120px;

}

ul.links li a#validator {

	background: none;

	float: left;

	height: 20px;

	width: 80px;

}

/*sitemap link settings */

p.sitemap_link a, p.sitemap_link a:link {

	color: #af1515;

	text-decoration: none;

}

p.sitemap_link a:visited {

	color: #aa6865;

	text-decoration: none;

}

p.sitemap_link a:hover {

	color: #dc8c00;

	text-decoration: none;

}

p.sitemap_link a:active {

	text-decoration: underline;

}



/*FLICKR BADGE*/

#flickr {

	clear: both;

	width: 170px;

	height: 150px;

	padding: 0 0 0 28px;

	background: transparent url(http://www.gaiachik.co.uk/images/icons/flickring.gif) no-repeat;

	background-position: 0 20px ;

	margin-top: 15px;

}

#flickr h2 {

	position:absolute;

	left:-300px;

	top:-300px;

}

#flickr a img {

	padding: 4px;

	margin: 0 0 4px 4px;

	float: left;

	width: 60px;

	height: 60px;

}

/* FOOTER ################## */



#footer {

	text-align: center;

	background: #fefefe url(http://gaiachik.co.uk/images/icons/footer2.gif) no-repeat;

	background-position: 0 0;

	padding: 50px 0 20px 0;

}



#footer p {}



#footer a#webdesigner {}



#footer a:link#webdesigner {}



#footer a:visited#webdesigner {}



#footer a:hover#webdesigner {}



#footer a:active#webdesigner {}



#footer ul {}

/*footer links*/

#footer a, #footer a:link {

	color: #af1515;

	text-decoration: none;

}

#footer a:visited {

	color: #aa6865;

	text-decoration: none;

}

#footer a:hover {

	color: #dc8c00;

	text-decoration: none;

}

#footer a:active {

	text-decoration: underline;

}

/*

PAGE STYLES

*/

/*sitemap*/

body#sitemap #main {

	width: 560px;

}

body#sitemap ul#map {

	font-size: 1em;

	list-style: disc;

}

body#sitemap ul#map li {

	padding: 5px 0;

}

body#sitemap ul#map li ul {

	list-style: circle;

}

body#sitemap ul#map li ul li {

	margin-left: 20px;

}

/* SINGLE POST STYLING



***************************************/

body#single #main {

	width: 360px;

}

body#single #main div.navigation div.navnext {

        padding: 0 0 0 1.2em;

}

body#single #main div.navigation a, body#single #main div.navigation a:link,body#single #main div.navigation a:visited {

	font-size: .8em;

	color: #dc8c00;

}

body#single #main div.navigation a:hover, body#single #main div.navigation a:active {

	color: #af1515;

}

body#single #main p{}

body#single #sub-info {

	margin: -5px 0 0 0;

}

body#single #sidebar {

	margin: 5px 0 0 0;

	padding: 0 0 40px 0;

}





body#single .post textarea#comment {

	width: 300px;

}



body#single p.postmetadata.alt {

	font-size: 0.7em;

}



/*caption just below the post with RSS info*/



body#single p.postmetadata.alt a {

	color: #4a5220;

}



body#single p.postmetadata.alt a:link {

	color: #4a5220;

}



body#single p.postmetadata.alt a:visited {

	color: #4a5220;

}



body#single p.postmetadata.alt a:hover {

	color: #aa6865;

}



body#single p.postmetadata.alt a:active {

	color: #4a5220;

}



/*info when you are logged in about yr profile / log out option / under post caption */



h3#respond {

	margin: 10px 0 0 0;

	background: #efefef;

	padding: 5px;

}

body#single .post form#commentform {



	font-size: .8em;

	background: #efefef;

	padding: 5px;



} 



body#single .post form#commentform a {



		color: #4a5220;



}



body#single .post form#commentform a:link {



	color: #4a5220;



}



body#single .post form#commentform a:visited {



	color: #4a5220;



}



body#single .post form#commentform a:hover {



	color: #aa6865;



}



body#single .post form#commentform a:active {



	color: #4a5220;



}

/* actual comments */

p.comment-header {

	font-size: .8em;

	color: #dc8c00;

	padding: 0px;

}



ol.commentlist {

	font-size: 1em;

}

ol.commentlist li {

	padding: 5px;

}

ol.commentlist li span.date-time {

	font-size: 0.8em;

}

ol.commentlist li.alt {

	background: #efefef;

}

ol.commentlist li cite {

	color: #af1515;

}

ol.commentlist li p {

	padding: 0 0 0 50px;

}