/*
	Typography ~ Blender CSS.
	Typography style sheet
	
	Thanks to Mark Boulton for the ratios to correctly indicate font size hierarchy.
	
	Given a 12px font as body copy and the baseline for the sites the sites Typography will work aas follows:
	50%(6px), 66%(8px), 75%(9px), 83%(10px), 91%(11px), 116%(14px), 150%(20px), 200%(24px), 250%(30px), 300%(36px), 400%(48px), 500%(60px), 600%(72px)
	
	or...
	
	You can set the base to be 10px and use EMs to set your font size. So that would be:
	
	body {font-size:62.5%} This gives you a font base of roughly 10px.
	
	This now make everything divisable by 10. so:
	.6em(6px), .8em(8px), .9em(9px), 1.1em(11px), 1.2em(12px), 1.4em(14px), 1.8em(20px), 2.4em(px), 3em(30px), 3.6em(36px), 4.8em(48px), 6em(60px), 7.2em(72px)
		
	Feel free to change based on your ultimate goals.
	
	Or... you can just use pixels ;-)
	
*/

/* =Typography
----------------------------------------------------------------------------*/
body {font-size:12px; color:#265A80; font-family:"Lucida Grande", Helvetica, Arial, sans-serif;}

/* =Baseline Grid
----------------------------------------------------------------------------*/
p {margin-bottom:20px; line-height:1.5em;}

h1, h2 {letter-spacing:-1px;}
h1, h2, h3, h4, h5 {
    font-weight:normal;
}
h1 {font-size:24px; line-height:1.5em; margin-bottom: 20px; color:#5DACED;}
h2 {font-size:20px; line-height:1.5em; margin-bottom: 20px;}
h3 {font-size:18px; line-height:1.5em; margin-bottom: 20px;}
h4 {font-size:14px; line-height:1.5em; margin-bottom: 20px;}
h5 {font-size:inherit; margin:0;}

ul, ol, dl { margin:0 0 20px 0;}
ul {list-style:disc;}
ol {list-style:decimal;}
li, dt, dd {margin:0; padding:0; line-height:1.5em;}

/* =General
----------------------------------------------------------------------------*/
.itemTease h3 {margin:0;}

h2.siteName {
    background:url(../img/masthead_logo.png) top left no-repeat;
    width:160px;
    height:60px;
    top:20px;
    left:10px;
    position:absolute;
}

h2.siteName a {
    width:160px;
    height:60px;
    display:block;
}

#home h2 {
    color:#FFAE00;
}

h1.objectTitle {
    margin:0;
}

.meta {
    font-size:10px;
    list-style:none;
}

.inlineObjectMeta {
    list-style:none;
    line-height:1em;
}

.inlineObjectMeta li {
    display:inline;
    font-size:10px;
    border-right:1px solid #777;
    padding-right:5px;
    margin-right:5px;
}

.inlineObjectMeta li.last {
    border-right:none;
}

h3.sectionTitle {
    margin:0 0 10px;
    color:#1b232c;
}

h3.notice_date {
    text-transform:uppercase;
    color:rgb(163,208,247);
    border-bottom:1px solid rgb(163,208,247);
    margin-bottom:9px;
}

.itemList li {list-style:none;}

.itemList h3 {
    margin:0;
}

.ownedItem {
    color:green;
}

#secondary {
    color:#666;
}

#secondary ul {
    list-style:none;
}

#footer {
    color:#fff;
}

ul.steps {
    list-style:none;
    font-size:18px;
}

ul.steps li {
    line-height:28px;
    margin:0 0 10px;
}

ul.item_list_results {
    list-style:none;
    font-size:10px;
}

ul.item_list_results h4, ul.item_list_results p {
    margin-bottom:0;
}

ul.item_list_results li {
    border-bottom:1px dotted #ccc;
    padding-bottom:20px;
}

.list_item h4 {
    margin-bottom:0;
}

.list_item p {
    margin-bottom:10px;
}

.step1 {
    background:url(../img/one.png) top left no-repeat;
    width:28px;
    height:28px;
    float:left;
    display:block;
    margin-right:10px;
}

.step2 {
    background:url(../img/two.png) top left no-repeat;
    width:28px;
    height:28px;
    float:left;
    display:block;
    margin-right:10px;
}

.step3 {
    background:url(../img/three.png) top left no-repeat;
    width:28px;
    height:28px;
    float:left;
    display:block;
    margin-right:10px;
}

.helpText {
    font-size:10px;
    color:#98C0E0;
}

.timesince {
    color:#ccc;
}

.snippet .members {
    color:#ccc;
}

h3.block_title {
    background:#D2E8FB;
    padding-left:5px;
/*    text-transform:uppercase;
*/  font-size:14px;
    margin-bottom:10px;
    color:#275B80;
}

#dashboard_primary li h4, #dashboard_secondary li h4 {
    margin-bottom:0;
}

#bubbles ul p {
    margin:0;
}

.profile_info {
    list-style:none;
}

#item_list_block h3, #item_list_selected_block h3 {
    text-align:center;
    background:#C5E5F4;
    margin-bottom:5px;
}

/* =Dashboard
----------------------------------------------------------------------------*/
ul.convo_list {
/*    border-top:1px solid #ccc;
*/  list-style:none;
    margin-bottom:10px;
}

ul.convo_list p {
    margin-bottom:10px;
}

.convo_list li {
    padding-top:10px;
    border-bottom:1px dotted #ccc;
/*    background:#fff;
*/}

.convo_list li.comment_item {
    background:url(../img/comment.png) 5px right no-repeat;
/*    background:#fff;
*/}

.comment_item p {
    padding-right:20px;
}

.convo_nav {
    margin:0 0 10px;
    padding:0;
}

.convo_nav li {
    display:inline;
    margin-right:10px;
    font-size:10px;
    border-bottom:none;
}

.block_nav li {
    display:inline;
    margin-right:10px;
    font-size:10px;
}

#contextual_nav .sectionTitle, #sidebar h3 {
    padding:0 10px;
    margin:0;
    font-size:12px;
    text-transform:uppercase;
    color:#275B80;
    background:rgb(210,232,251);
}

h4.edit_title {
    margin:0;
}

#swaps_list li span {
    color:#A3D0F7;
}

#site_wide_announcements ul {
    list-style:none;
    margin:0;
}

.small_member_list li {
    margin:0;
}

.small_member_list h4 {
    margin:0;
}

h4.no_friends {
    margin:0;
}

.inventory_thmb_nail a {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:14px;
    line-height:14px;
    color:rgb(255,255,255);
    font-weight:bold;
    text-transform:uppercase;
    font-size:10px;
    text-align:center;
    background:rgb(129,179,0);
    background:rgba(129,179,0,0.7);
}

.inventory_thmb_nail a:hover {
    background:rgb(129,179,0);
    background:rgba(166,230,0,1.0);
    text-decoration:none;
    color:#fff;
}

/* =Link Colors
----------------------------------------------------------------------------*/
a {
    text-decoration:none;
    color:#4899DF;
}

a:visited {
    color:#;
}

a:hover {
    text-decoration:underline;
    color:#FFBC06;
}

#masthead #globalNav a, #masthead #globalNav a:visited, #secondary a {
    color:#4899DF;
}

#masthead a:hover, #secondary a:hover, #masthead a.feedback:hover {
    color:#FFAE00;
}

#nav a {
    color:#fff;
    background:#449FDF;
    padding:5px 10px;
    text-decoration:none;
}

#nav a:hover {
    background:#FFBC06;
    color:#fff;
}

#dashboard #nav a.dashboard_link, #inventory #nav a.inventory_link, #swaps #nav a.swaps_link, #groups #nav a.groups_link, #tour #nav a.tour_link {
    background:#FFBC06;
    color:#fff;
}

#profile #secondary_functions a.profile_link {
    color:#FFBC06;
}

.main_functions li a {
    display:block;
    color:#fff;
    background:#449FDF;
    line-height:30px;
    height:30px;
    text-align:center;
    text-decoration:none;
}

.main_functions li a:hover {
    background:#FFBC06;
    color:#fff;
}

#footer a {
    color:#fff;
}

a.feedback, #footer a.feedback {
    color:#004680;
    font-weight:bold;
}

.sm_hint {
    font-size:10px;
}

.offer_list_item p, .offer_list_item h3 {
    margin:0;
}

.offer_list_item span, .offer_item span {
    color:#A3D0F7;
}

/* =Sidebar
----------------------------------------------------------------------------*/
#primary_functions, #secondary_functions {
    font-size:10px;
}

/*#sidebar h3 {
    background:#D2E8FB;
    padding-left:5px;
    text-transform:uppercase;
  font-size:14px;
    color:#275B80;
    margin-bottom:10px;
}*/

#update_list p, #comment_list p {
    margin-bottom:10px;
}

#update_list h4, #comment_list h4, #update_list ul, #comment_list ul {
    margin:0;
}

#update_list h4 {
    background:url(../img/user_comment.png) top right no-repeat
}