/*  
Theme Name: NeeWee WordPress Theme
Theme URI: http://wordpress.org/
Description: NeeWee Wordpress Theme is a theme brought to you by <a href="http://frontendbook.com">Front End Book</a>
Version: 1.0
Author: Mattias Hising
Author URI: http://mattias.me/

	NeeWee 1.0
	http://neewee.com/wordpress-theme/

	This theme was designed and built by Mattias Hising,
	whose blog you will find at http://frontendbook.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {margin:0; padding:0;font-size:83%;color:#222;background:#fff;font-family:"Myriad Pro", "Lucida Grande", "Tahoma", "Arial", "Helvetica Neue", Helvetica, Arial, sans-serif;}
/* -------------------------------------------------------------- 
  
   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.
   
   See the Readme file in this folder for additional instructions.

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

/* Indentation instead of line shifts for sibling paragraphs. */

   form p + p  { text-indent: 0; } /* Don't want this in forms. */
   

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

/* Navigation */
#navigation {
	background-color:#dfefff;
	padding:10px;
	margin-bottom:15px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border:1px solid #bed7f1;
	border-top:0px;
	position:relative;
}

#navigation ul {
	list-style:none;
	margin:0;
	padding:0;

}

#navigation ul li {
	display:inline;
	padding:4px 12px;
	border-right:1px solid #bed7f1;
}



#navigation ul li a {
	color:#000;
	text-decoration:none;
}

#navigation ul li a:hover {
	text-decoration:underline;
} 

/* Header */
#header {
	position:relative;
	padding:4px 0 10px 58px;

	background:url("images/world.gif") no-repeat 4px 0px;
}
#header h1, #header h2 {
	margin:0;
	padding:0;
}

#header h1 a {
	color:#000;
	text-decoration:none;
	font-size:24px;
}

#header h2 {
	font-size:13px;
	font-family:"Myriad Pro", "Lucida Grande", "Tahoma", "Arial", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#999;
}

#search {
	position:absolute;
	right:10px;
	bottom:10px;
}

#subscribe {
	position:absolute;
	right:20px;
	top:10px;
	background:transparent url("images/rss-header.png") no-repeat 0px 1px; 
	padding:2px 0 2px 28px;
}

/* Posts */
.post h3 {
	margin-bottom:0;
}

.post h3 a {
	text-decoration:none;
	color:#333;	
}

.post h3 a:hover {
	text-decoration:underline;
	color:#000;
}

.postmetadata {
	color: #999999; 
}

/* Comments */
.gravatar {
	width:96px;
	float:left;
	padding:0 10px 0 0;
}

.comment {
	padding-bottom:10px;
}

/* Widgets */
.widget {
	margin:0 0 20px 0;
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
}

.widget h4 {
	margin:0;
	padding:0;
}

.widget ul {
	padding:0;
	margin:0;
	list-style:none;
}

.widget ul li {
	padding:0 0 0 8px;
	background:transparent url("images/arrow.png") no-repeat  0px 6px; 
}