/*
Theme Name: Ample Mammal
Theme URI: http://okbreathe.com/
Description: Ample Mammal Theme
Version: 1.0
Author: Asher Van Brunt
Author URI: http://okbreathe.com
Tags: Ampley, Mammaly

 Copyright (c) 2009 Asher Van Brunt (asher@okbreathe.com)
 Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
 and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 Images may not be used without express permission of Ample Mammal

[Table of contents]

1.  RESET 
2.  PRIMARY_LAYOUT
3.  SECONDARY_LAYOUT
5.  TYPOGRAPHY
6.  SUPPORT
7.  FORMS
8.  MISC
*/

/* Reset
--------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td            { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body          { line-height: 1; }
ol, ul        { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus        { outline: 0; }
ins           { text-decoration: none; }
del           { text-decoration: line-through; }
table         { border-collapse: collapse; border-spacing: 0; }

/* Base
--------------------------------------------------------- */

* { margin: 0; padding: 0; }
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

ul, ol, dl, p { margin-bottom: 1.5em; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 1.9em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.7em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.3em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */
.alignleft {
float:left;
}
.alignright {
float:right;
}



p           { margin: 0 0 1.5em; line-height:1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a           { color: #009; text-decoration: none; }
  a:focus, 
  a:hover     { color: #000; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul,ol       { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc 
-------------------------------------------------------------- */

.sml      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.lrg      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #444; }
.loud       { color: #fff; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.btm     { margin-bottom:0; padding-bottom:0; }

.fleft  { float:left; }
.fright { float:right; }
.inline { display:inline; }

/* Clears */

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

.clearfix {
	display:inline-block;
}

/* IE HACK */
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}


/* Layout 2-Column, Header + Footer 960px wide
-------------------------------------------------------------- */

/* Basic */

body {
	background: #272727 url(images/body_bck.jpg) repeat-y;
  color:#ececec;
}

.col1 {
  width:960px;
  margin:0 auto;
}

h1,h2,h3,h4,h5,h6 { 
  color: #fff; 
}

  h1 a,h2 a,h3 a,h4 a,h5 a, h6 a { 
    color: #6cfed9; 
    text-decoration:none;
  }

a { 
  color: #6cfed9; 
  text-decoration: none; 
}

  a:focus, 
  a:hover     { 
    color: #cbfcf0; 
  }


#doc {
  margin:0 auto;
  width:960px;
  position:relative;
}

  #splatter {
    position:absolute;
    top:200px;
    left:160px;
    background:url(images/splatter.gif) no-repeat;
    width:296px;
    height:293px;
  }

#ft-cnt {
  position:relative;
  clear:both;
  width:1306px;
  margin:0 auto;
  padding-top:40px;
  /* background:#f00; */
  padding-bottom:8px;
}

  #ft-cnt .vis-stripe-rgt {
    width:753px;
    height:251px;
    position:absolute;
    bottom:0;
    right:0;
    background: url(images/footer_rgt.png) 100% 100% no-repeat;
    z-index:100;
  }

  #ft-cnt .vis-stripe-lft {
    width:400px;
    height:200px;
    position:absolute;
    top:-70px;
    left:300px;
    background: url(images/footer_lft.png) 0 0 no-repeat;
    z-index:100;
  }

  #ft {
    position:relative;
    width:960px;
    margin:0 auto;
    border:1px solid #242222;
    border-bottom-color:#343333;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    background:#1d1d1d url(images/ft_bck.jpg) repeat-x;
    margin-bottom:10px;
    text-align:left;
    z-index:200;
    padding-bottom:10px;
  }

    /* Advanced Blogroll */
    #ft .ab_images a {
      padding:8px 4px;
      display:inline-block;
    }

    #ft h4 {
      margin-bottom:2px;
    }

    #ft ul.cnt {
      margin-top:10px;
      margin-left:60px;
      z-index:200;
    }

    #ft ul.cnt h2 {
      margin-bottom:4px;
    }

      #ft ul {
        margin:0;
      }

      #ft ul li {
        float:left;
        width:33%;
        z-index:200;
      }

        #ft ul li ul li {
          float:none;
          clear:both;
          width:100%;
          margin:8px 0;
        }

  #ft-post {
    z-index:200;
  }

#hd {
  position:relative;
  width:100%;
}

  #hd h1#logo a {
    background: url(images/header.png) no-repeat 100% 0;
    display:block;
    width:952px;
    height:360px;
    text-indent:-9999em
  }


#cnt {
  position:relative;
  width:620px;
  float:left;
  margin:0 0 40px 0;
  z-index:300;
}


	#pagination{
		font-size: 13px;
    clear:both;
  }
  #pagination a{
    display: block;
    border: 1px solid #1f2223;
    padding: 0 5px;
    background-color: #101010;
    line-height: 1.2em;
  }

#side {
  background:url(images/side_bck.jpg) repeat-y 0 0;
  position:relative;
  color:#888;
  width:300px;
  float:left;
  margin:0 0 40px 0;
  padding-left:20px;
  font-family:Courier;
}

  #side .menu li {
    padding-bottom:.5em;
  }

  #side .menu li.current_page_item a {
    background:#121212;
    border:1px solid #111;
    border-bottom-color:#333;
    border-right-color:#333;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
  }

    #side .menu li a {
      font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
      color: #6cfed9; 
      font-size:2em;
      padding:0 6px;
      text-shadow: 6px 6px 6px rgba(0,0,0,0.4);
    }

    #side .menu li a:hover {
      color: #cbfcf0; 
    }

  #side a {
    color:#e9f400;
  }

  #side h2 ,
  #side h6 {
    color:#888;
    font-size:1em;
    font-weight:normal;
    border-bottom:1px solid #666;
    margin:1em 0 .5em 0;
    padding:2px;
    padding-left:0;
  }

  #side ul {
    margin-left:0;
    width:220px;
  }

  #side ul.latest li.cnt {
    padding-bottom:4px;
    margin-bottom:8px;
    border-bottom: 1px solid #E9F400;
  }

    #side ul.latest li.cnt ul {
      margin-bottom:4px;
    }

  #side ul.latest li.last {
    border:none;
  }

/* Forms */

  textarea, input[type='text'] {
    background:#ccc;
    border:1px solid #444;
  }

    textarea:focus, input[type='text']:focus {
      background:#eee;
    }

/* Blocks */

.entry {
}

.post {
  margin-bottom:40px;
}

  .post .date h2 ,
  .post .title h2 {
    font-size:2.5em;
    font-weight:bold;
  }

  .post .title h2 {
    margin-bottom:0;
  }

  .post ul.post-meta {
    display:inline-block;
    margin:0;
  }

    .post ul.post-meta li {
      margin:4px 0;
      padding:4px 4px;
      background: #3a3a3a;
      border:1px solid #4a4a4a;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      text-indent:20px;
    }

      .post ul.post-meta li.category {
        background: #3a3a3a url(images/icon_tag.png) no-repeat 4px 2px;
      }

      .post ul.post-meta li.tags {
        background: #3a3a3a url(images/icon_tag.png) no-repeat 4px 2px;
      }

      .post ul.post-meta li.comments {
        background: #3a3a3a url(images/icon_comment.png) no-repeat 4px 2px;
      }

      .post ul.post-meta li.edit-post {
        background: none;
        border:none;
        text-indent:0;
      }


/* comments */

#comments {
	margin-top:10px;
  padding-top:10px;
  border-top:1px solid #333;
}

  #comments h3 {
    float:left;
    font-size:16px;
    line-height:24px;
  }

  #comments .add_your_comment a {
    float:right;
    font-size:16px;
    line-height:24px;
  }

ol.commentlist {
	font-size:13px;
	overflow:hidden;
  margin:0;
}

ol.commentlist li {
	margin-bottom:15px;
	background-color:#101010;
	border:1px solid #1f2223;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:20px 20px 15px;
}

  ol.commentlist li ul {
    list-style-type:none;
    margin-left:60px;
    margin-top:6px;
  }

  ol.commentlist li ul.children li {
    background-color:#0d0d0d;
    border-left:1px solid #181a1b;
    border-top:0;
    border-bottom:0;
    border-right:0;
  }

  ol.commentlist li div.vcard {
    float:left;
  }

  ol.commentlist li div.vcard div.left {
    width:56px;
    margin-right:5px;
  }

  ol li div.left img {
    border:1px solid #000;
    display:block;
    height:48px;
    width:48px;
  }

  ol li div.left div.reply a {
    background:url(images/reply.gif) no-repeat 0 0;
    display:block;
    height:0;
    padding-top:17px;
    width:41px;
    overflow:hidden;
    margin-left:5px;
    margin-top:5px;
  }

  ol li div.left div.reply a:hover {
    background-position:0 -17px;
  }

  ol.commentlist li div.right {
    float:left;
    line-height:20px;
    width:80%;
  }

ol li div.right div.commentmetadata {
	font-size:12px;
	color:#999;
	border-bottom:1px solid #181a1b;
	padding-bottom:3px;
	margin-bottom:8px;
}

ol li div.right div.commentmetadata a {
	color:#ccc;
	text-decoration:none;
	font-weight:700;
}

ol li div.right div.commentmetadata a:hover {
	color:#ff5a00;
}

ol li div.right p {
	margin-bottom:20px;
}

.comments_navi .alignleft a,
.comments_navi .alignright a {
  display:block;
  border:1px solid #1f2223;
  padding:0 5px;
  background-color:#101010;
  line-height:28px;
}

.comments_navi .alignleft {
  float:left;
}

.comments_navi .alignright {
  float:right;
}

#respond {
	color:#ccc;
	padding:15px 20px;
	margin-top:15px;
	background-color: #101010;
	border: 1px solid #181a1b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

  #respond textarea {
    margin-bottom:10px;
    background-color:#ccc;
    border:1px solid #444;
    color:#333;
    font-size:13px;
    padding:5px;
    height:120px;
    width:98%;
  }

    #respond textarea:focus {
      background:#eee;
    }

  #respond .submit {
    text-align:right;
  }


.nocomments {
	color:#ccc;
	font-size:16px;
}

/* Widgets and Plugins */

.adv-blogroll {
}

.adv-blogroll .ab_images{
  margin-top:25px;
}