/*
title:	   master styles for screen media
author:    whorange 
*/

body
{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	width: 100%;
	font-family: Helvetica, Arial, san-serif;
	font-size: small;
	line-height: 1.4em;
	text-align: left;
	color: #777;
	background: #f0f0f0;
}

body a
{
	border: 0px;
}

#container
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#logo
{
    width:1024px;
    height:180px;
    background: url('img/whorange-header8.png') no-repeat top;
}

#nav
{
	/*margin-top:180px;*/
	font-size: 18px;
	color: #F9A737;
	padding-bottom: 24px;
}

#nav ul
{
	padding:0;
	margin:0;
	padding-left:20px;
}

#nav ul li
{
	display:inline;
	padding:0;
	margin:0;
}

#nav a:link,
#nav a:visited
{
	display:inline;
	font-size: 18px;
	color:#F9A737;
	text-decoration: none;
	text-transform:uppercase;
	padding-right:8px;

}

#nav a:hover
{
	text-decoration: underline;
}

#main
{
	padding-left:16px;
	padding-bottom:16px;
	margin-bottom:16px;
}

#col1
{
	width:620px;
	float:left;
	margin-right:18px;
	background-color: #fff;
	margin-bottom:20px;
}

#col2
{
	width:172px;
	float:left;
	margin-right:18px;
}

#col3
{
	width:172px;
	float:left;
}

#footer
{
	margin-left:16px;
	clear: both;
	background-color: #fff
}

#search
{
	align: top;
}

#searchinput
{
	margin-left: 20px;
        height: 20px;
        width: 110px;
	float:left;
}

.sprite
{
	background:url('img/whorange-home-sprite.png');
}

        .dot-orange { width: 13px; height: 13px; background-position: -79px -14px;}
	.dots { width: 13px; height: 27px; background-position: 0px -79px;}
	.header-hello { width: 81px; height: 27px; background-position: 0px -51px;}
	.header-categories { width: 141px; height: 27px; background-position: 0px -79px;}
	.header-curiosities { width: 139px; height: 27px; background-position: 0px -107px;}
	.header-retailtherapy { width: 141px; height: 27px; background-position: 0px -135px;}
	.header-friends { width: 103px; height: 27px; background-position: 0px -163px;}
	.header-archives { width: 118px; height: 27px; background-position: 0px -191px;}

/** POST **/

.content-nav
{
	padding-left: 40px;
}

.post
{
	min-height: 200px;
}

.post a
{
	color: #38b2b6;
	text-decoration: none;
}

.post a:hover
{
	color: #38b2b6;
	text-decoration: underline;
}

.datearrow
{
	background: url('img/whorange-arrow.png') no-repeat top left;
	color: #fff;
	width: 77px; height: 50px; background-position: 0px 0px;
	float: left;
	margin-top: 10px;
}

.post-date
{
	padding-top: 16px;
	padding-left: 8px;
	float: left;
}

.post-title
{
	padding-left: 16px;
	padding-top: 25px;
	float: left;
}

.post-title a
{
	font-family: Arial;
	font-size: 18px;
	color: #F9A737;
	text-decoration: none;
	text-transform: uppercase;
}

.post-title a:hover
{
	font-family: Arial;
	font-size: 18px;
	color: #F9A737;
	text-decoration: underline;
}

.post-content
{
	width: 550px;
	padding-left: 40px;
	padding-top: 1px;
        padding-bottom: 6px;
	clear: both;
}

.link-within
{
	margin-left: 40px;
	padding-bottom: 34px;
}

/** POST FOOTER **/

.post-footer
{
	/** width: 550px; **/
	/**
        padding-bottom: 0px;
	**/
        margin-bottom: 0px;
	/** NOTE:  redo bottom padding **/
}

.post-link
{
	margin-left: 40px;
	padding-bottom: 20px;
}

.comment
{
        margin-top: 0px;
        margin-bottom: 10px;
}

.comment-footer
{
	
}

.comment-number
{
	width: 64px; height: 52px; background-position: -97px -0px;
	float: left;
	margin-left: 26px;
	margin-right: 4px;
}

.comment-number div
{
	padding-top: 18px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.comment-link
{
	float: left;
	width: 366px;
	height: 52px;
        padding-bottom: 2px;
}

.comment-link div
{
	font-family: Arial;
	font-size: 16px;
	color: #F9A737;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 10px;
}

.like-link
{
	float: left;
	padding-left: 6px;
	padding-right: 6px;
}

.circleheart
{
	width: 52px; height: 52px; background-position: -164px 0px;
}

.like-number
{
	float: left;
	text-align: center;
	width: 52px;
	height: 52px;
	background-color: #DADADA;
}

.like-number div
{
	padding-top: 18px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: bold;	
}

.comment-footer a
{
	font-family: Arial;
	font-size: 16px;
	color: #F9A737;
	text-decoration: none;
}

.comment-footer a:hover
{
	font-family: Arial;
	font-size: 16px;
	color: #F9A737;
	text-decoration: underline;
}

.comment-footer a:hover
{
	
}

/** INDIVIDUAL COMMENT **/

.comments
{
    padding-bottom: 20px;
}

#comments-section
{
    padding-left: 40px;
}

#comments-content
{

}

/** ENTRIES **/

.content-header
{
    margin-top: 25px;
    padding-left: 40px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
}

.content-header span
{
    color: #c6d427;
}

#entries-footer
{
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px;
}

#entries-footer a
{
	color: #38b2b6;
        font-size: 14px;
	text-decoration: none;
}

#entries-footer a:hover
{
	color: #38b2b6;
        font-size: 14px;
	text-decoration: underline;
}

/** SIDE COLUMN **/

.colsection
{
	background-color: #fff;
	/** height: 200px; **/
	width: 172px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.colsection a
{
	font-size: 11px;
	color: #6b6b6b;
	text-transform: uppercase;
	text-decoration: none;
	font-family: arial;
}

.colsection a:hover
{
	text-decoration: underline;
}
	
.colsection-header
{
	padding-top: 14px;
	padding-left: 14px;
}

.colsection-inner
{
	padding-top: 14px;
	padding-left: 14px;
	padding-right: 14px;
}

.friendsection-inner
{
	padding-top: 14px;
	padding-left: 0px;
	padding-right: 14px;
}


#wood
{
	margin-left: 6px;
}

.curiosity-item
{
	margin-left: 2px;
	padding-bottom: 10px;	
}

.collection-item
{
	margin-left: 12px;
	padding-bottom: 10px;	
}

/** CATEGORY **/

.category-group
{
	margin-left:-10px;
}

.category-item
{
	float: left;
	text-align: center;
	width: 125px;
	height: 180px;
	margin-right: 20px;
	margin-top: 15px;
	text-transform: uppercase;
}

.category-item div
{
	padding-top: 9px;
}

.category-item div a
{
	color: #F9A737;
	text-decoration: none;
        line-height: 15px;
}

.category-item div a:hover
{
	color: #38b2b6;
	text-decoration: underline;
}

.category-divider
{
	background-color: #f0f0f0;
	width: 620px;
	height: 10px;
	clear: both;
	margin-left: -40px;
	/* width: 620px; */
	
}

/** BLOGROLL **/

#blogroll-text
{
	padding-left: 26px;
	padding-top: 16px;
	padding-bottom: 30px;
	font-family: "Courier New", Courier, monospace;
	font-size: 10pt;
	font-weight: 500;
	color: #000;
}

#blogroll-title
{
	padding-left: 16px;
	padding-bottom: 20px;
}

#blogroll-list
{
	padding-left: 20px;
	padding-bottom: 20px;
}

#blogroll-list a
{
	color: #7fa68d;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 10pt;
}

#blogroll-list a:hover
{
	text-decoration: underline;
}


.line {
    width: 550px;
    border-top: 1px solid #ddd;
    clear: both;
    position: relative;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

div.post-footer + div {
	margin-left: 42px;
}
/* ph=1 */