/*
Theme Name: Fuga-Powell Theme
Theme URI: http://fuga-powell.com/
Description: WordPress theme for fuga-powell web site - based on sandbox
version: 1.0
Author: Mike Little mike@zed1.com
Author URI: http://zed1.com/
*/
@import 'reset-min.css';


/* basics */
body {
  background-color: #fff;
  font-family: Arial, Helvetica, Sans-Serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 { font-family: "Arial", Times, serif; }

h1 { font-size: 220%; }
h2 { font-size: 200%; }
h3 { font-size: 150%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

p, blockquote {  margin-bottom: 1.5em; font-size: 100%; }

/* standards */
a, a:link, a:visited { color: #000; text-decoration: none; }
a, a:hover, a:active { color: #000; text-decoration: underline; }

div.not { border: 1px solid red; }
/* layout */


#wrapper { width: 820px; margin: 0 auto; }
#header { width: 100%; margin: 0 auto; }
#access { float:left; width: 100%; }
#footer { font-size: 60%; color: #808080; width: 100%; margin-top: 5px; clear: both; }
#container { width: 100%; float:left;}
#content {
  float:left;
  width: 590px;
  margin-left: 10px;
}
.sidebar { width: 190px; float: right; margin-left: 10px; margin-right: 10px;}
#secondary { clear:right;}

#footer a {color: #808080;}

/*
    colours
    dark background  #122029
    lighter leaves   #25313a
    side outer background colour #29363e
    centre background colour #414d54
*/

/* colours */
body { color: #fff; background-color: #122029; }
a, a:link, a:visited { color: #fff; }
a, a:hover, a:active { color: #fff; }
p, blockquote, ul {  color: #fff; }


/* images */

body        { background: #122029 url(images/fp-bg2.jpg) 50% 0 no-repeat fixed; }
#header     { background: transparent url(images/fp-head2.png) 50% 0 no-repeat; height: 200px; }
#access     { background: transparent url(images/fp-col-head.png) 0 0 no-repeat; }
#container  { background: transparent url(images/fp-colbg.png) 0 0 repeat-y;}
#footer     { background: transparent url(images/fp-colbg.png) 0 0 repeat-y;}

#content {}
#header h1 {
  margin-top: 60px;
  margin-left: 140px;
  float:left;
  width: 100%;
}
#header { float:left;}
#header h1 a { }
#blog-description {
  float:left;
  margin-left: 140px;
  font-size: 120%;
}
#menu {}

#blog-title span {
}

div.skip-link {
  position:absolute;
  right:1em;
  top:1em;
}
div.skip-link a { color: #111; }

/* standard sandbox (except colours) */

div#menu {
  height:1.5em;
  margin:1em 0;
  width:100%;
}

div#menu ul, div#menu ul ul {
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

div#menu ul a {
  display: block;
  margin-right: 1em;
  padding:0.2em 0.5em;
  text-decoration: none;
  color: #c0c0ff;
}

div#menu ul ul ul a {
  font-style: italic;
}

div#menu ul li ul {
  left:-999em;
  position: absolute;
}

div#menu ul li:hover ul {
  left: auto;
}

div#menu ul li {
  float:left;
}



/* wp/sandbox standard */

form#commentform .form-label {
  margin:1em 0 0;
}

form#commentform span.required {
}

form#commentform,form#commentform p {
  padding:0;
}

input#author,input#email,input#url,textarea#comment {
  padding:0.2em;
}

div.comments ol li {
  margin:0 0 3.5em;
  border-top-color: #122029;
  border-top-style: groove;
  border-bottom-color: #122029;
  border-bottom-style: groove;
}

.comment-meta { font-size: 70%; color: #808080;}

textarea#comment {
  height:13em;
  margin:0 0 0.5em;
  overflow:auto;
  width:66%;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

.alignleft, img.alignleft{
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  float: left;
}

.alignright, img.alignright{
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  float:right;
}


.aligncenter, img.aligncenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.gallery {
  clear:both;
  height:180px;
  margin:1em 0;
  width:100%;
}
div.gallery dl {
  float:left;
}

div.gallery * {
margin:0;
padding:0;
}

p.wp-caption-text{
  font-style:italic;
}

div.gallery dl{
  margin:1em auto;
  overflow:hidden;
  text-align:center;
}

div.gallery dl.gallery-columns-1 {
  width:100%;
}

div.gallery dl.gallery-columns-2 {
  width:49%;
}

div.gallery dl.gallery-columns-3 {
  width:33%;
}

div.gallery dl.gallery-columns-4 {
  width:24%;
}

div.gallery dl.gallery-columns-5 {
  width:19%;
}

div.sidebar li form {
  margin-left: 1em; margin-bottom: 1.5em;
  padding:0;
}



#content {}

#nav-above { }
#nav-below { }
div#nav-images {
height:150px;
margin:1em 0;
}

.navigation { clear:both; float:left; width:100%}
.navigation a { text-decoration: none; font-size: 120%; }
.nav-previous {
  float:left;
  text-align:left;
  margin-left: 20px;
}
.nav-next {
  float:right;
  text-align:right;
  margin-right: 20px;
}

div#nav-images .nav-previous { float:left; }
div#nav-images .nav-next { float:right; }


/* end sandbox/wp standard */

.post, .page {
  /*margin-bottom: 1.5em;*/
}

#comments {clear:left;}

div.comments ol li {
  margin:0 0 3.5em;
}


.post p, .page p { margin: .6em; }
.post a, .page a {  }
#content h2 { clear:both;}
.entry-title { }
.entry-date { font-size: 70%; color: #808080;}
.entry-content { float:left;}
.entry-meta { font-size: 70%; color: #808080; clear:both; }
.entry- {}
.entry- {}
.entry-title {visibility: hidden;}
.entry-title a {visibility: visible;}



.sidebar a {  color: #c0c0ff;}
.xoxo {}
.xoxo h3 { font-size: 90%; font-weight: bold; color: #c0c0ff;}

ul.xoxo li { margin-bottom: 2em;  font-size: 90%;}
ul.xoxo li li { margin-bottom: auto;}
ul.xoxo ul { margin-left: 1em; }

#pages {}
#categories {}
#archives {}
#search {}
.linkcat {}
#rss-links {}
#meta {}


#primary {}
#secondary {}

#footer {
  clear:both;
  text-align: center;
}

#footer a { }
#footer a:hover,
#footer a:active {}

.page img, .post img { border: 1px #000 solid; padding: 6px;}

a.more-link { display:block; clear:both; text-align:right; }


img#wpstats { border: 0; padding:0; margin:0; float:right; height:0;}
