/*
Theme Name: Ricky Moorhouse
Theme URI: http://samespirit.net/ricky/
Description: My blog theme
Author: Ricky Moorhouse
Author URI: http://samespirit.net/ricky/
Template: html5
Version: 4.0
*/
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);

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

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


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

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


header.site {
display: block;
background: #2D5586 url(/ricky/css/ricky.v2.boat.png)  -130px 0px repeat-x;
position: absolute;
top: 0;height: 90px;
width: 100%}
.navigation {
display: none;
position: relative;
background: #fff;
}

body {
background: #2D5586 url(http://rickymoorhouse.co.uk/me80.png) 50px 0 fixed no-repeat;
}
#content {
position: relative;
top: 100px;

display: block;
margin-left: 180px
}
.lifestream_icon {
background: rgba(0,0,0,0.5);
padding: 1pt;
border-radius: 3pt;
}
.hentry,.narrowcolumn {
float: left;
background: #fff;
padding: 10px;
margin: 10px;
box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
-moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
}

.hentry { 
width: 440px;
}
.page {
width: inherit;
}
.hentry img {
max-width: 440px;
}
.parent-tech {
width: 440px;
padding: 10px;
margin: 10px;
}
.category-javascript img,.category-photos img,.category-jessica img {
max-width: 520px;
}
.category-javascript,.category-photos,.category-jessica {
width: 520px;
padding: 10px;
margin: 10px;
}
.category-random {
width: 280px;
padding: 10px;
margin: 10px;
}
.category-asides img {
max-width: 200px;
}

.category-asides {
width: 200px;
padding: 10px;
margin: 10px;
}
.category-asides blockquote,.category-asides blockquote p{
padding: 0;margin: 0;
font-size: 20px;
line-height: 22px;
}
#comment {
width: 300px;
}

#access {display: none;}
#respond,#comments-list {
float: left;
background: #fff;
width: 309px;
padding: 22px;
margin: 22px;
box-shadow: rgba(0,0,0,0.5) 10px 10px 10px;
-moz-box-shadow: rgba(0,0,0,0.5) 10px 10px 10px;
}
ul.xoxo { list-style: none;}

footer {
display: block;
margin-left: 180px;
padding-top: 100px;
clear: both;
}

.entry-meta {
margin: -11px 0 11px 0;
}

#secondary {
width: 160px;
color: #cce;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
position: fixed;
top: 80px;
left: 0px;
}
#secondary a {
color: #fff;
}
#secondary h3 {
color: #dde;
}
#blog-description { display: none;}
#site-title a {position: absolute; font: 0/0 Verdana; height: 88px;width: 306px;top: 0; right: 0;
background: transparent url(/ricky/css/rickymoorhouse.png) 0px 10px no-repeat;
}
#branding { padding: 0;margin: 0;height: 88px;}
#header {color: #cfe4da;
background: #2D5586 url(/ricky/css/ricky.v2.boat.png)  -130px 0px repeat-x;}



#access .menu a {outline: 0;border: 0;}
#access .menu * {outline: 0;border: 0;-moz-border-radius: 1em 1em 0 0;}

#first {

}

footer,footer #first a {
color: #fff;}
footer h3 { color: #eee;}
.page-title { color: #eee;padding: 0 22px;}
#searchform { display: block;position: absolute; top:0;right: 320px;}
#search .widgettitle {display:none;}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

.nav-previous {width: 50%;float: left;}
.nav-next {width: 50%;float: right;text-align: right;}



/* Some geeky additions */
.parent-tech h2:before { font-size: 22px;color: #cbe; content: '<!-- ';}
.parent-tech h2:after { font-size: 22px;color: #cbe; content: '  -->';}

.category-javascript h2:before { content: '/* ';}
.category-javascript h2:after { content: ' */';}
.category-ubuntu h2:before { content: '# ';}
.category-ubuntu h2:after { content: ' ';}


nav .menu ul{
display: block;
margin: 55px 0 0 0;
padding: 0 0 0 66px;
}
nav .menu li {
display: inline;
padding: 0 1em;
}
nav .menu a {
color: #eee;
text-decoration: none;
}
nav .menu a:hover {
color: #fff;
text-decoration: underline;
}





/**
 * Grid
 */
#grid{
z-index: 100;
    /* Vertical grid lines */
    background: url(hgrid.png);

    /* Dimensions - same width as your grid with gutters */
    width: 100%;

    /* Grid (left-aligned) */
    position: absolute;
    top: 0;
    left: 0;
    
}
#grid div.horiz{

    /* 22px line height */
    height: 21px;
    border-bottom: 1px dotted #aaa;
    margin: 0;
    padding: 0;
}
#secondary #friendfeed.widget,#secondary #friendfeed.widget *   {
border: 0;
padding: 0;
font-size: 11px;
background: transparent;
color: #eee;
}
#secondary .widget_lifestream li   {
font-size: 9px;
line-height: 11px;
}