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

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

html 
{
}

body 
{
    display         : block;
    position        : relative;
    width           : 940px;
    margin          : 0 auto;
    padding         : 160px 10px 0 10px;
}

h1 
{
}

h2 
{
}

h3 
{
}

h4 
{
}

h5 
{
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
    padding         : 0 0 0 40px;
    list-style-type : decimal;
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
    text-decoration : none;
    font-weight     : bold;
}

a:visited 
{
}

a:hover 
{
    text-decoration : underline;
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

cite
{
    display         : block;
    padding-bottom  : 1em;
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
.posts
{
    display         : inline-block;
    float           : right;
    width           : 560px;
    min-height      : 800px;
    padding-left    : 10px;
    position        : relative;
    margin-top      : 40px;
    margin-bottom   : 3px;
}

.primary
{
    display         : inline-block;
    float           : right;
    width           : 560px;
    min-height      : 800px;
    padding-left    : 10px;
    position        : relative;
    margin-top      : 40px;
    margin-bottom   : 3px;
}

.primary.contact
{
    margin-top      : 50px;
}

.secondary
{
    display         : inline-block;
    position        : relative;
    float           : left;
    width           : 370px;
}

#home .primary
{
    display         : inline-block;
    float           : right;
    width           : 360px;
    padding         : 10px 10px 10px 0;
}

#home .secondary
{
    display         : inline-block;
    width           : 560px;
    float           : right;
    clear           : left;
    padding-bottom  : 50px;
    overflow        : hidden;
}

#home .tertiary
{
    display         : inline-block;
    position        : relative;
    width           : 560px;
    height          : 510px;
    float           : left;
    vertical-align  : top;
}

#postnavigation
{
    position        : absolute;
    top             : -3em;
    left            : 0;
    width           : 100%;
}

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

/*___ HEADER _________________________________________________________________*/
header
{
    display         : block;
    position        : absolute;
    top             : 0;
    left            : 0;
    z-index         : 1;
}

/*___ FOOTER _________________________________________________________________*/
footer
{
    display         : block;
    margin-top      : -80px;
    padding-top     : 80px;
    height          : 409px;
}

/*___ NAV _________________________________________________________________*/
#main
{
    display         : block;
    position        : absolute;
    top             : 65px;
    right           : 0;
    width           : 570px;
    margin-left     : 390px;
    z-index         : 2;
}

/*___ SECTION _________________________________________________________________*/
.content
{
    display         : block;
    position        : relative;
    z-index         : 2;
    overflow        : hidden;
}

.twitter
{
    display         : block;
    position        : relative;
    margin          : 50px auto 0 auto;
    position        : relative;
    width           : 250px;
    height          : 150px;
    padding         : 15px;
    z-index         : 4;
}

.flickr
{
    display         : block;
    position        : absolute;
    top             : 87px;
    right           : -5px;
    width           : 270px;
    padding         : 5px 10px 10px 10px;
    z-index         : 3;
}

#home .flickr
{
    display         : block;
    position        : absolute;
    top             : 87px;
    right           : 53px;
    width           : 270px;
    padding         : 5px 10px 10px 10px;
    z-index         : 3;
}

/*___ ARTICLE _________________________________________________________________*/
.welcome
{
    padding-bottom  : 50px;
}

.primary article
{
    display         : block;
    margin          : 0 0 20px 0;
    padding         : 0 0 20px 0;
}

.posts article
{
    display         : block;
    margin          : 20px 0 20px 0;
    padding         : 20px 0 0 0;
}

.posts article:first-child
{
    margin          : 0 0 20px 0;
    padding         : 0;
}

/*___ ASIDE _________________________________________________________________*/

/*___ DIV _________________________________________________________________*/
#flickr_badge_image1
{
    position        : absolute;
    top             : 280px;
    right           : 50px;
}

#home #flickr_badge_image1
{
    top             : 0;
    right           : 10px;
}

#flickr_badge_image2
{
    position        : absolute;
    top             : 122px;
    left            : 84px;
}

#flickr_badge_image3
{
    position        : absolute;
    top             : 230px;
    left            : 71px;
}

#flickr_badge_image4
{
    position        : absolute;
    top             : 164px;
    left            : 0;
}

#widgetzone > div
{
    display         : inline-block;
    width           : 180px;
    vertical-align  : top;
    margin-left     : 10px;
}

.rating
{
	margin-bottom   : 10px;
}

#commentPreview
{
    width           : 485px;
    padding         : 10px;
    margin-top      : 1px;
}

#relatedPosts,
#commentlist
{
    margin-bottom   : 20px;
}

.comment
{
    overflow        : hidden;
    margin-bottom   : 1em;
    position        : relative;
}

.administration
{
    position        : absolute;
    top             : 630px;
    left            : 75px;
}

#postPaging
{
    width           : 560px;
    position        : absolute;
    top             : 0;
    right           : 0;
}

/*___ SPAN _________________________________________________________________*/
.twitter span
{
    display         : block;
    padding-bottom  : 20px;
}

#main a > span
{
    display         : block;
    margin-bottom   : -10px;
}

.pubDate
{
    display         : block;
    margin-bottom   : 1em;
}

.bbcode
{
    display         : block;
    margin          : 0 0 0 0;
    height          : 1em;
}

/*___ H1 _________________________________________________________________*/

/*___ H2 _________________________________________________________________*/

/*___ H3 _________________________________________________________________*/

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
.posts p,
.secondary p,
.contact p,
.blog p
{
    padding-bottom  : 1em;
}

.about p
{
    margin-bottom   : 1em;
}

.rating p
{
	display         : inline;
	position        : relative;
	top             : 14px;
	left            : 55px;
}

.blog .gravatar
{
    float           : left;
    padding-bottom  : 0;
    margin          : 0 10px 0 0;
}

.author
{
    position        : absolute;
    top             : 1.5em;
    left            : 0;
}

.comment .date
{
    padding-bottom  : 2em;
}

/*___ UL _________________________________________________________________*/
.footerNav
{
    position        : absolute;
    bottom          : 0px;
    left            : 10px;
    z-index         : 1;
}

footer ul:first-child
{
    position        : relative;
    z-index         : 2;
}

ul.portfolio
{
    margin-bottom   : 3px;
}

.findMe
{
    margin-top      : 40px;
}

#commentMenu
{
    margin-left     : 10px;
    margin-bottom   : -2px;
}

.star-rating {
	position        : relative;
	width           : 125px;
	height          : 25px;
	overflow        : hidden;
	list-style      : none;
	margin          : 0;
	padding         : 0;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
#main li
{
    display         : inline-block;
    position        : relative;
    vertical-align  : top;
    text-align      : center;
    width           : 31%;
}

.more
{
    display         : block;
    float           : right;
}

footer ul > li
{
    display         : inline-block;
    width           : 180px;
    margin-left     : 5px;
    vertical-align  : top;
    z-index         : 4;
}

li.widgets
{
    width           : 580px;
}

li.about
{
    margin-top      : 30px;
}

footer ul > li:first-child
{
    margin-left     : 0;
}

footer li
{
    overflow        : hidden;
}

.findMe li
{
    padding-bottom  : 5px;
}

.rss
{
    width           : 150px;
    margin          : 55px 0 0 0;
}

.footerNav li
{
    z-index         : 3;
    padding-top     : 380px;
    padding-bottom  : 10px;
}

.portfolio li
{
    padding-bottom  : 20px;
    margin-bottom   : 20px;
}

#commentMenu li
{
    display         : inline-block;
    padding         : 5px 5px 0 5px;
    cursor          : pointer;
}

.star-rating li
{
	display         : inline;
}

#categorylist li
{
    margin          : 3px 0;    
}

.tagcloud li
{
    display         : inline;
    vertical-align  : inherit;
    margin-left     : 0;
}

.xoxo li
{
    display         : block;
    width           : 178px;
    margin          : 2px 0;
}

ol li
{
    padding         : 0 0 1em 0;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.findMe a,
.rss a
{
    display         : inline-block;
    padding         : 15px 0 0 0;
    margin-left     : 10px;
}

.findMe a:first-child,
.rss a:first-child
{
    padding         : 0;
    margin          : 0;
    float           : left;
}

.footerNav a
{
    display         : block;
    width           : 180px;
    text-align      : center;
}

.star-rating a,
.star-rating .current-rating
{
	position        : absolute;
	top             : 0;
	left            : 0;
	text-indent     : -1000em;
	height          : 25px;
	line-height     : 25px;
	outline         : none;
	overflow        : hidden;
}

.star-rating a.one-star
{
	width           : 20%;
	z-index         : 6;
}

.star-rating a.two-stars
{
	width           : 40%;
	z-index         : 5;
}

.star-rating a.three-stars
{
	width           : 60%;
	z-index         : 4;
}
.star-rating a.four-stars
{
	width           : 80%;
	z-index         : 3;
}
.star-rating a.five-stars
{
	width           : 100%;
	z-index         : 2;
}
.star-rating .current-rating
{
	z-index         : 1;
}

.small-star
{
	width           : 50px;
	height          : 10px;
}
.small-star, 
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating
{
	line-height     : 10px;
	height          : 10px;
}

.categorylist a
{
    display         : block;
    width           : 176px;
    padding         : 2px;
}

.xoxo a
{
    display         : block;
    width           : 176px;
    text-indent     : -9999em;
}

.xoxo a:first-child
{
    display         : none;
}

.bbcode a,
.bbcode a:visited,
.bbcode a:hover
{
    display         : inline-block;
    padding         : 0 10px;
    height          : 1em;
}

#postnavigation a
{
    position        : absolute;
    top             : 0;
    right           : 0;
}

#postnavigation a:first-child
{
    left            : 0;
    right           : auto;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/
.featured img,
li.portfolio img
{
    width           : 178px;
    height          : auto;
}

li.portfolio img:first-child
{
    margin-bottom   : 36px;
}

.rssButton,
.categorylist a:first-child
{
    display         : none;
}

img[align*="left"]
{
    margin-right    : 10px;
}

img[align*="right"]
{
    margin-left     : 10px;
}

img[alt="Loading"]
{
    display         : none;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/
input[type="text"],
input[type="password"]
{
    width           : 190px;
    padding         : 2px;
}

textarea
{
    display         : block;
    width           : 500px;
    height          : 300px;
    padding         : 2px;
}

/*___ LABEL _________________________________________________________________*/
label
{
    display         : inline-block;
    width           : 50px;
    margin          : 5px 0;
}

/*___ BLOCKQUOTE _________________________________________________________________*/
.cwd blockquote
{
    padding-bottom  : 1em;
}

/*___Group/Section/Class_________________________________________________________________*/