/*   
Theme Name: 500 Exposition
Theme URI: http://thelimeybrit.com
Description: Custom theme for thelimeybrit.com
Author: Andrew Duncalfe
Author URI: http://thelimeybrit.com
Version: 1.0
.
Copyright 2005 by Andrew Duncalfe/tLBdesign. All rights reserved.
.
*/

/* global settings */

body
{background: #eee url(images/background.gif) repeat-y top left;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 font-family: Georgia, Times New Roman, Serif;
 font-size: 16px;
 color: #333;
 line-height: 1.4;}
 
/* ******************** */

/* div positioning */
#photo
 {padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 600px;
  height: 340px;}
  
#header
 {padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-top: 5px solid #444;
  border-bottom: 5px solid #444;
  width: 600px;
  height: 100px;}
  
#nav
 {background: #fff url(images/nav_background.gif) repeat-x top left;
  padding: 10px 0 10px 0;
  margin: 0 0 0 0;
  border-bottom: 5px solid #444;
  width: 600px;
  font-family: Verdana, Helvetica, Sans-serif;
  font-size: 10px;}
  
.article
{width: 400px;
  float: left;
  clear: both;}

#archive
{width: 600px;
  float: left;
  clear: both;}
  
.meta
  {width: 180px;
   float: left;
   margin: 85px 0 0 0;
   padding: 0 10px 0 10px;
   border-left: 1px dotted #ccc;
   font-family: Trebuchet MS;
   font-size: 12px;
   font-weight: normal;
   color: #999;}
   
#recent
  {background: #fff url(images/fray.jpg) no-repeat bottom left;
   width: 560px;
   float: left;
   clear: both;
   margin: 10px 0 0 0;
   padding: 0 20px 50px 20px;
   border-top: 1px dotted #ccc;
   font-family: Trebuchet MS;
   font-size: 14px;
   font-weight: normal;
   color: #999;}
   
#links
  {width: 200px;
   position: absolute;
     top: 0px; left: 600px;
   font-family: Trebuchet MS;
   font-size: 12px;
   color: #333;}
	 
#sidebar
  {width: 190px;
   position: absolute;
     top: 0px; left: 800px;
   padding: 0 0 0 0;
   font-family: Trebuchet MS;
   font-size: 12px;
   color: #333;}
   
/* stylin' */
  
  /* navigation styles */
  #nav ul, li
  {display: inline;
   margin: 0 0 0 0;
   padding: 0 0 0 0;}
  
  #nav li
  {margin: 0 0 0 0;
   padding: 0 0 0 0;}
  
  #nav a
  {background: #ddd url(images/nav.gif) repeat-x top left;
   margin: 0 0 0 0;
   padding: 10px 10px 10px 10px;
   color: #003;
   text-decoration: none;
   border: 1px solid #999;}
   
  #nav a:hover
  {background: #eee url(images/navHover.gif) repeat-x top left;
   color: #600;}
  
  body.index #nav li#nav-home a,
  body.archives #nav li#nav-archives a,
  body.about #nav li#nav-about a,
  body.photography #nav li#nav-photography a
  {color: #900;
   background: #fff url(images/navHilite.gif) repeat-x top left;}
   
  #nav form
  {float: right;
   margin: -17px 5px 0 0;}  
   

  /* weblog article styles */
  .article h1
  {font-family: Georgia, Times New Roman, Serif;
   font-size: 30px;
   color: #006;
   margin: 15px 0 20px 20px;}
   
  .article p
  {width: 355px;
   margin: 0 20px 10px 25px;
   clear: none;
   line-height: 1.4;
   text-indent: 15px;}
   
  .article blockquote
  {width: 335px;
   margin: 0 30px 0 35px;
   padding: 5px 0 5px 0;
   color: #996;
   border-top: 1px dotted #ccc;
   border-bottom: 1px dotted #ccc;}
  
  .article ol, ul
  {width: 365px;
   margin: 10px 0 10px 0;
   padding: 0 0 0 0;}
  
  .article li
  {display: list-item;
   width: 365px;
   margin: 5px 30px 5px 25px;
   padding: 0 0 0 0;}
   
  .article a
  {color: #800;
   text-decoration: none;}
  
  .article a:hover
  {color: #369;
   text-decoration: underline;}

   /* archive styles */
  #archive h1
  {font-family: Georgia, Times New Roman, Serif;
   font-size: 30px;
   color: #006;
   margin: 15px 0 20px 20px;}

  #archive a
  {color: #800;
   text-decoration: none;}
  
  #archive a:hover
  {color: #369;
   text-decoration: underline;}

  #archive ol, ul
  {width: 580px;
   margin: 10px 0 10px 0;
   padding: 0 0 0 0;}
  
  #archive li
  {display: list-item;
   width: 365px;
   margin: 5px 30px 5px 25px;
   padding: 0 0 0 0;}
  
   /* weblog meta styles */
   .thumb
   {margin: 0 0 0 -3px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #006;}
	
   .meta ol, ul
   {width: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}
   
   .meta li
   {display: block;
	width: 170px;
	margin: 15px 10px 0 10px;
	padding: 0 10px 0 0;
	list-style-type: none;}
	
   .meta strong
   {font-size: 14px;
	font-weight: bold;}
	
   li.metalist
   {display: list-item;
	width: 160px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	list-style-type: circle;}
	
   .meta a
   {color: #c99;
	text-decoration: none;}
   
   .meta a:hover
   {color: #69c;
	text-decoration: underline;}
   
   /* recent entries styles */
   #recent h2
   {margin: 10px 0 20px 0;
    padding: 0 0 0 0;
	font-family: Georgia, Times New Roman, Serif;
	color: #006;
	font-size: 25px;}
	
   #recent h3
   {margin: 0 0 0 0;
    padding: 0 0 0 0;
	font-size: 20px;}
	
   #recent h4
   {margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 18px;
	color: #ccc;
	font-weight: normal;}
	
   #recent p
   {margin: 5px 20px 20px 20px;}
	
   #recent a
   {color: #c99;
    text-decoration: none;}
   
   #recent a:hover
   {color: #69c;}
   
   /* comments styles */
   #comments h5
   {margin: 10px 0 10px 20px;
    padding: 0 0 0 0;
    font-family: Trebuchet MS;
    color: #006;
    font-size: 20px;}

   #comments p
   {margin: 5px 0 5px 0;
    padding: 0 0 0 0;
    text-indent: 0;
    color: #666;}
	   
    .commentmetadata
   {margin: 0 0 0 0;
     padding: 0 0 0 0;
     font-family: Trebuchet MS;
     font-size: 12px;
     color: #999;
     font-weight: normal;}

    .commentinput
    {margin: 50px 0 5px 20px;}

    .commentbutton
    {float: right;
     text-align: right;}    

   .loginstatus
   {margin: 5px 0 5px 20px;
    font-family: Trebuchet MS;
     font-size: 12px;
     color: #666;
     font-weight: normal;}

   #comments input
   {margin: 5px 18px 5px 20px;}

   #comments textarea
   {margin: 5px 0 5px 20px;}
   
   /* links styles */
   #links ul
   {margin: 15px 0 0 0;

	padding: 0 0 0 0;
	width: 200px;}
	
   #links li
   {display: list-item;
	list-style-type: none;
	margin: 10px 20px 10px 20px;
	padding: 0 0 0 0;}
	
   #links a
   {color: #369;
	text-decoration: none;}
	
   #links a:hover
   {color: #69c;
	text-decoration: underline;}
   
   
   /* sidebar styles */
   .rent
   {border: 1px solid #999;
    margin: 8px 0 5px 8px;}

   #sidebar ul
   {margin: 15px 0 30px 0;
	padding: 0 0 0 0;
	width: 190px;}
   
   #sidebar li
   {display: list-item;
	list-style-type: none;
	margin: 5px 5px 5px 20px;
	padding: 0 0 0 0;}
	
   #sidebar a
   {color: #666;
	text-decoration: none;}
   
   #sidebar a:hover
   {color: #999;
	text-decoration: underline;}
	
   .about
   {width: 190px}
	   
   .blogrollmain
   {margin: 5px 5px 5px 20px;}
   
   .blogrollfolder
   {margin: 0 0 0 0}
  
/* ******************** */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h2 {
	visibility: hidden;
}*/

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 30px;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/