/* Tags
--------------------------------------------------------------------------------------------------*/

body {
  font-size:62.5%;
  font-family:georgia, times, serif;
  color:#222;
  background-color:#033;
  padding:30px;
  margin:0;

/*  background:#fff url("images/bg-page.gif") left bottom no-repeat;*/
  /*
  background:#fff url("images/pat_1.gif");
  */
  
  background:#343434 url(../assets/images/bg-page.png) fixed;
  
}
img {
  border:none;
}
p {
  font-size:1.25em;
  line-height:1.4em;
}
a {
  color:#ccc;
  text-decoration:none;
}
a:active {
  color:#eee;
}
a:hover,
a:focus {
  text-decoration:underline !important;	
  color:#eee !important;
}
a:focus {
  background-color:#ff0 !important;
}
a:visited {
  text-decoration:none;
  color:#eee;
}
ul.link_list {
  padding:0;
  margin:0 0 10px -12px;
  list-style:none;
  font-size:1.1em;
}
ul.link_list li {
  padding:0.1em 0 0.1em 12px;
  margin:0;
  list-style:none;
  background:transparent url("images/bg-bullet.gif") left center no-repeat;
  font-family:helvetica, arial, sans-serif;
}
ul.link_list li a {
  padding:1px 0;
  margin:0 0 0 0;
}
ul.link_list li a:hover {
  background-color:#f9f9f9;
}
ul.link_list li span {
  color:#bbb;
}

/* Classes
--------------------------------------------------------------------------------------------------*/
.hidden {
  display:none;
}
.clr {
  clear:both;
  padding:0px;
  margin:0px;
  height:0px;
}
.noMargin {
  margin-right:0 !important;
  margin-left:0 !important;
}
p.label {
  padding:0.5em 0 0.5em 0 !important;
  margin:0 0 0 0 !important;
  font-size:0.75em !important;
}

/* Outer wrapper
--------------------------------------------------------------------------------------------------*/

#wrapper {
  margin:0;
  padding:0;
  font-family: 'Droid Sans', arial, serif;
  color:#fff;
  
  
}

/*  Header
--------------------------------------------------------------------------------------------------*/

#header {
  margin:0;
  padding:0 0 0 0;
  /*border-bottom:1px solid #ccc;*/
}

#avatar {
  margin:0px 0 0 0px;
  padding:0;
  position:absolute;
}

#logo {
  margin:0 0 0 0;
  padding:0 0 10px 0;
}

/* Navigation
--------------------------------------------------------------------------------------------------*/

#nav {
  border-bottom:1px solid #ccc;
  padding:0;
  margin:0 0 15px 0;
  display:none;
}
#nav ul {
  padding:0;
  margin:0;
  list-style:none;
  font-size:1.2em;
}
#nav li {
  padding:0;
  margin:0 0 0 0;
  list-style:none;
  float:left;
  display:block;
}
#nav li a {
  padding:5px 10px 5px 10px;
  margin:0 0 0 0;
  text-decoration:none;
  display:block;
  font-weight:1bold;
  border-right:1px solid #bbb
}
#nav li a:hover {
  background-color:#eee;
}

/*  Content row
--------------------------------------------------------------------------------------------------*/

#content {
  width:600px;
  margin-left:5px;
}

.row {
  clear:both;
  margin:0;
  border-bottom:1px solid #ccc;
  padding:0 0 0.4em 0;
}
.row p {
  padding:0;
  margin:0.7em 0 0.7em 0;
  line-height:1.5em;
}
.row h2,
.row h3 {
  width:auto;
  font-size:1.25em;
  float:left;
  font-weight:normal;
}
.row h2 {
  padding:4px 10px 4px 30px;
  margin:0 0 5px -20px;
  background:#ddd url("images/orn-arrow.gif") left 50% no-repeat;
  position:relative;
  color:#555 !important;
}
.row h3 {
  padding:4px 7px;
  margin:0 0 0px 0;
  float:left;
}
.row h3 a {
  color:#aaa !important;
  padding-bottom:2px;
  padding-left:22px;
  text-decoration:none;
}
.row h3 a:hover {
  color:#222 !important;
  text-decoration:underline;
}
.row h4 {
  font-weight:normal;
  padding:0.7em 0 0.7em 0px;
  margin:0 0 0px 0px;
  font-size:1.2em;
}
p.intro {
  font-size:2em;
  line-height:1.3em;
  margin:0.8em 0 0.6em 0;
  padding:0 0 0 0;
/*  color:#069;*/
}

/* Intro 
--------------------------------------------------------------------------------------------------*/

div#intro {
  border-top:1px solid #ddd;
}

/* Info 
--------------------------------------------------------------------------------------------------*/

#info {
}

/* Flickr
--------------------------------------------------------------------------------------------------*/

#flickr h3 a {
  background:#fff url("images/icon-flickr-g.gif") left center no-repeat;
}
#flickr h3 a:hover {
  background-image:url("images/icon-flickr.gif");
}
.flickr {
  padding:0px 0 0 0;
  margin:0 0 5px 0;
  display:block;
}
.flickr-thumb {
  float:left;
  display:block;
  padding:0;
  margin:0 8px 8px 0;
}
.flickr-thumb a {
  display:block;
  border:2px solid #ddd;
}
.flickr-thumb a:hover {
  border-color:#000;
}
.flickr-thumb img {
  width:75px;
  height:75px;
}

/* last.fm
--------------------------------------------------------------------------------------------------*/

#lastfm h3 a {
  background:#fff url("images/icon-lastfm-g.gif") left center no-repeat;
}
#lastfm h3 a:hover {
  background-image:url("images/icon-lastfm.gif");
}

/* delicious
--------------------------------------------------------------------------------------------------*/

#delicious h3 a {
  background:#fff url("images/icon-delicious-g.gif") left center no-repeat;
}
#delicious h3 a:hover {
  background-image:url("images/icon-delicious.gif");
}

/* footer
--------------------------------------------------------------------------------------------------*/
#footer {
  color:#ccc !important; 
  border-bottom:none;
  font-family:helvetica, arial, sans-serif;
  font-weight:normal;
  padding:10px 0 200px 0;
  margin:0;
  background:#fff url("images/bg-footer.gif") center bottom no-repeat;
}
#footer a {
  color:#bbb;
  text-decoration:underline;
}
#footer a:hover {
  color:#777;
}

/*  Colours
--------------------------------------------------------------------------------------------------*/

body.blue {
  border-color:#069;
}
body.blue a {
  color:#069;
}
body.blue a:hover {
  color:#333;
}
/* ------------- */
body.orange {
  border-color:#f63;
}
body.orange a {
  color:#f63;
}
body.orange a:hover {
  color:#333;
}
body.cc {
  border-color:#06c;
}
body.cc a {
  color:#06c;
}
body.cc a:hover {
  color:#333;
}



/* Tumblr styles
--------------------------------------------------------------------------------------------------*/

#tumblr {
}

#tumblr h3 a {
  background:#fff url("images/icon-tumblr-g.gif") left center no-repeat;
}
#tumblr h3 a:hover {
  background-image:url("images/icon-tumblr.gif");
}


.tumblr {
  background:#eee;
}

ol.tumblr_posts {
  padding:0;
  margin:0;
  list-style:none;
}
ol.tumblr_posts li {
}
.tumblr_post {
  clear:both;
  margin:0;
  border-bottom:1px solid #ccc;
  padding:15px 0;
  font-size:1.1em;
}
.tumblr_post p {
  font-size:1.1em;
}

.tumblr_link_post {
  font-size:1.1em;
}

.tumblr_video_post {
  font-size:1.1em;
}

.tumblr_text_post {
  font-size:1.1em;
}

.tumblr_caption {
  font-size:1.1em;
}



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

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

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

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

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

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

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

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

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