/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
}

h1 
{
}

h2 
{
    line-height         : 36px;
    margin-bottom       : 18px;
}

h3 
{
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/

legend
{
    line-height         : 18px;
    margin-bottom       : 12px;
}

label textarea
{
    display             : inline;
    margin-top          : 5px;
    width               : 300px;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*/

/*___ DIV _________________________________________________________________*/

#wrapper
{
    overflow        : hidden;
    position        : relative;
    padding-bottom  : 30px;
    height          : 100%;
}

.header
{
    position        : relative;
}

.navOuter
{
    margin-top      : 10px;
}

.section.content.outer
{
    width           : 960px;
    margin          : 0 auto;
    line-height     : 24px;
    height          : 100%;
    position        : relative;
}

.featured
{
    width           : 814px;
    margin          : 30px 0 0 80px;
    padding         : 12px;
}

.section.content.inner
{
    width           : 840px;
    margin          : 35px 0 0 80px;
    position        : relative;
}

.section.primary
{
    width           : 510px;
    float           : left;
    padding-left    : 10px;
    padding-top     : 23px;
}

.statuses
{
    width           : 510px;
}

.nav.utility
{
    text-align      : right;
    padding         : 6px 0;
}

.nav.utility a:first-child:after
{
    content         : " | ";
    color           : #d2d2d2;
}

.section.secondary
{
    width           : 280px;
    margin-left     : 560px;
    padding-top     : 23px;
    position        : relative;
}

.footer.inner
{
    width           : 960px;
    margin          : 0 auto;
}

.footer.inner .section.panel
{
    width           : 224px;
    float           : left;
    overflow        : hidden;
    margin          : 17px 16px 20px 0; 
}

.flickr_badge_image
{
    display         : inline-block;
    vertical-align  : top;
    margin          : 6px 24px 24px 0;
}

.pseudoLabel
{
    margin-left     : 84px;
}

.article
{
    padding-bottom  : 36px;
}

.section.comment
{
    padding         : 0 40px 12px 0;
}

.header .rotator
{
    position        : absolute;
    top             : 0;
    right           : 250px;
}

.secondary .gallery
{
    position        : absolute;
    top             : -5px;
    right           : -25px;
}

/*___ SPAN _________________________________________________________________*/

span.apiInfo
{
    display         : block;
}

p.status.reply span.apiInfo
{
    display         : inline-block;
}

.calendar span.location
{
    margin-left     : 21px;
}

.list.rss li h3 span.month
{
    display             : block;
}

.list.rss li h3 span.year
{
    display             : block;
    font-size           : 12px;
    line-height         : 12px;
}

label span
{
    width               : 70px; 
    display             : inline-block;
    text-align          : right;
    margin              : 5px 10px 0 0;
}

label span.comment
{
    vertical-align      : top;
}

span.reply.label
{
    padding-left        : 110px;
    padding-bottom      : 60px;
    margin-left         : -110px;
    margin-top          : -10px;
    padding-top         : 10px;
}

/*___ H1 _________________________________________________________________*/


.header h1
{
    width           : 1020px;
    margin          : 0 auto;
}

/*___ H2 _________________________________________________________________*/

.secondary h2
{
    margin-right    : 40px;
}

/*___ H3 _________________________________________________________________*/

.list.recent li h3,
.list.posts li h3,
.list.rss li h3
{
    position            : absolute;
    min-height          : 50px;
    width               : 50px;
    margin-left         : -68px;
    display             : block;
    padding             : 6px 4px 4px 6px;
}

form h3
{
    line-height         : 24px;
    margin              : 12px 0 -12px;
}

/*___ H4 _________________________________________________________________*/

h4.summary
{
    padding-left    : 20px;
}

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

.list.recent li p
{
    margin-bottom   : 12px;
}

p.status.reply
{
    margin          : 26px 0 24px -10px;
    padding         : 10px 30px 10px 10px;
}

.calendar p
{
    margin-left     : 21px;
}

.featured p
{
    width           : 510px;
}

/*___ UL _________________________________________________________________*/

ul.nav.menu
{
    width           : 820px;
    margin          : 0 auto;
    text-align      : right;
    height          : 47px;
}

ul.list.recent
{
    margin-bottom   : 1px;
}

ul.list.posts
{
    margin-top      : 12px;
}

ul.nav.monthly
{
    margin-bottom       : 17px;
}

ul#socialLinks
{
    margin-bottom       : 6px;
}

ul.blogroll,
ul.rss
{
    line-height     : 24px;
}

ul.list.rss
{
    margin-left     : 0;
}

ul.rss
{
    margin-left     : 20px;
}

ul.comments
{
    margin-bottom   : 24px;
}

/*___ OL _________________________________________________________________*/

ol.calendar
{
    line-height     : 24px;
}

ol.nav.pager
{
    margin-top      : 20px;
}

/*___ LI _________________________________________________________________*/

ul.nav.menu li
{
    display         : inline-block;
    vertical-align  : top;
    margin          : 1px 8px 0 21px;
    padding         : 0 5px 9px;
}

ul.nav.menu li:after
{
    content         : "aka articles";
    display         : block;
    margin-top      : -25px;
    
}

ul.nav.menu li:first-child:after
{
    content         : "aka posts";
    display         : block;
    margin-top      : -25px;
}

ul.list.recent li,
ul.list.posts li,
ul.list.rss li
{
    padding         : 0 0 24px 0;
    display         : block;
    position        : relative;
    margin-bottom   : 12px;
}

.section.panel ul.list.rss li
{
    padding         : 0 0 0 20px;
    margin-bottom   : 0;
    
}

ul#socialLinks li
{
    display         : inline-block;
    margin          : 7px 6px 0 0;
    width           : 30px;
    height          : 30px;
}


ol.nav.pager li
{
    float           : left;
    width           : 20px;
    height          : 20px;
    margin          : 0 15px 15px 0;   
}

ul.comments li
{
    margin          : 26px 0 21px -10px;
    padding         : 10px 10px 10px 50px;
}

ul.blog.admin li
{
    margin          : 0 5px 0 0;
    padding         : 0;
    display         : inline-block;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

.header h1 a
{
    display         : block;
    width           : 260px;
    height          : 108px;
    text-indent     : -9999em;
    margin-left     : 72px;
    margin-top      : 14px;
}

ul.nav.menu li a
{
    display         : block;
    padding-top     : 5px;
    padding-bottom  : 20px;
}

a.feed.rss
{  
    text-indent     : -9999em;
    display         : inline-block;
    height          : 21px;
    width           : 15px;
}

ol.nav.pager li a,
ol.nav.pager li a:visited,
ol.nav.pager li a:hover
{
    display         : block;
    height          : 25px;
    width           : 25px;    
}

.nav.utility a.next
{
    padding-right   : 20px;
}

.nav.utility a.previous
{
    padding-left    : 20px;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

img.twitter.comment
{
    height          : 18px;
    width           : 18px;
    margin          : 0 5px 0;
    float           : none;
}

img.twitter.reply
{
    float           : left;
    margin-right    : 10px;
    margin-left     : 52px;
    height          : 44px;
    width           : 44px;
}

img.badge,
.profileIcon img
{
    float           : left;
    margin          : 12px 12px 0 0;
    height          : 44px;
    width           : 44px;
}

.profileIcon img
{
    margin          : 6px 12px 0 0;
}

a[rel~="me"] img
{
    float           : right;
    margin          : 0 52px 0 10px;
}

.featured img
{
    border          : 1px solid #ffffff;
    margin-right    : 10px;
    margin-bottom   : 10px;
    margin          : 0 26px 10px 10px;
}

/*___ FORM _________________________________________________________________*/

form
{
    width           : 100%;
    margin-bottom   : 24px;
}

/*___ INPUT _________________________________________________________________*/

input
{
    display         : inline;
    width           : 200px;
}

input[type="checkbox"]
{
    width           : auto;
    margin-right    : 5px;
}

input[type="submit"]
{
    width           : auto;
    margin          : 6px 0 0 83px;
    padding         : 2px;
}

/*___ LABEL _________________________________________________________________*/

label
{
    display         : block;
}

.pseudoLabel label
{
    display         : inline;
}

/*___Group/Section/Class_________________________________________________________________*/