/*  
 * Theme Name: YourAM Blog (Posterous)
 * Theme URI: http://www.getyouram.com
 * Description: Blog theme.
 * Version: 1
 * Author: Quadedge Pte Ltd
 * Author URI: http://www.quadedge.com
 * Copyright (C) Quadedge Pte Ltd
 * All rights reserved
*/

/* -------------------------
GLOBAL
---------------------------- */ 

html, body { width: 100%; height:100%; }

h1, h2, h3, h4 { font-family: Tahoma, Verdana, Arial; font-weight: bold; color: #444; }
h1 { font-size: 34px; letter-spacing: -1.5px; line-height: 1.1em; }
h2 { font-size: 24px; letter-spacing: -1px; }
h3 { font-size: 18px; letter-spacing: -1px; }
h4 { font-size: 16px; letter-spacing: -1px; }

p, td, th, a, li, span, label, input, textarea , select, address, button, time, div { font: normal 12px Verdana, Arial; line-height: 1.5em; }
p { margin-bottom: 15px; }
* p:last-child { margin-bottom: 0 !important; }
strong { font-weight: bold !important; }
em { font-style: italic; }

/* -------------------------
COMMON
---------------------------- */

.wrapper { margin: 0 auto; width: 850px; }
.small { font-size: 11px; }
.xsmall { font-size: 10px; }
.divider { background-color: #E9E9E9; display: block; width: 100%; height: 1px; font-size: 1px; line-height: 0em; }

.pagination { margin: 3px; padding: 3px; }
.pagination a { margin: 1px; padding: 2px 5px 2px 5px; border: 1px solid #C1C1C1; font-size: 11px; color: #C1C1C1; text-decoration: none; }
.pagination a:hover, .pagination a:active { border: 1px solid #BC7134; color: #BC7134; }
.pagination span.current { background-color: #BC7134; margin: 1px; padding: 2px 5px 2px 5px; border: 1px solid #BC7134; font-size: 11px; font-weight: bold; color: #FFF; }
.pagination span.disabled { margin: 2px; padding: 2px 5px 2px 5px; border: 1px solid #EEE; font-size: 11px; color: #DDD; }

/* -------------------------
HACKS
---------------------------- */ 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -------------------------
FORMS
---------------------------- */

input.text, #comment_name, #comment_comment_email, #comment_toast, #comment_url { background-color: #F5F5F5; padding: 2px; border: 1px solid #E3E3E3; height: 17px; font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
textarea { background-color: #F5F5F5; padding: 2px; border: 1px solid #E3E3E3; font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }

.btn-style, .comments input[type='submit'] { display: inline-block; padding: 4px 8px 5px; font: bold 10px/100% Verdana, Arial; outline: none; cursor: pointer; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba(0,0,0,.1); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);  }
.btn-style, .comments input[type='submit'] { background: #F78D1D; background: -webkit-gradient(linear, left top, left bottom, from(#FAA51A), to(#F47A20)); background: -moz-linear-gradient(top, #FAA51A, #F47A20); border: solid 1px #DA7C0C; color: #FEF4E9;	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAA51A', endColorstr='#F47A20'); }
.btn-style:hover, .comments input[type='submit']:hover { background: #F47C20; background: -webkit-gradient(linear, left top, left bottom, from(#F88E11), to(#F06015));	background: -moz-linear-gradient(top, #F88E11, #F06015); text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F88E11', endColorstr='#F06015'); }
.btn-style:active, .comments input[type='submit']:active { background: -webkit-gradient(linear, left top, left bottom, from(#F47A20), to(#FAA51A)); background: -moz-linear-gradient(top, #F47A20, #FAA51A); position: relative; top: 1px; color: #FCD3A5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F47A20', endColorstr='#FAA51A'); }

/* -------------------------
HEADER
---------------------------- */

#header { background: url(../images/blog/bg_shadow_1x5.png) repeat-x 0 40px; width: 100%; height: 45px; }
#header .canvas { background-color: #1F1002; width: 100%; height: 40px; }
#header #logo { background: url(../images/blog/pict_logo_95x77.png) no-repeat; display: block; position: absolute; float: left; margin-left: 20px; width: 95px; height: 77px; text-indent: -9999px; }
#header #menu { float: right; margin: 10px 35px 0 0; }
#header #menu li { float: left; margin-left: 30px; list-style: none; }
#header #menu li a { font-size: 10px; color: #FFF; }
#header #menu li a:hover { color: #CCC; }

/* -------------------------
SIDEBAR
---------------------------- */

#side { background: url(../images/blog/bg_side_30x850.png) no-repeat; float: right; margin-top: -4px; padding: 35px 30px 0; width: 222px; min-height: 600px; }
#side section { margin-bottom: 25px; }
#side h2 { background: url(../images/blog/pict_cuppa_226x97.png) no-repeat; margin: 20px 0; width: 226px; height: 97px; text-indent: -9999px; }
#side h3 { margin-bottom: 5px; font: normal 10px Verdana, Arial; color: #555; letter-spacing: 0; }
#side p { font-size: 11px; }
#side ul li { list-style: none; }
#side ul li a { font-size: 11px; }
form.search input.text { background: #F5F5F5 url(../images/icon/icon_search_15x15.png) no-repeat 3px 3px; margin-bottom: 5px; padding-left: 20px; width: 190px; } 

/* The Team */
#side #team { margin-top: 10px; }
#side #team li { margin-top: 5px; }
#side #team li img { border: 1px solid #CCC; vertical-align: middle; }
#side #team li a { text-indent: 10px; }

/* Contributors */
#side #contributors li a img { border: 1px solid #CCC; width: 20px; height: 20px; vertical-align: middle; }
#side #contributors li a { font-size: 10px; text-indent: 10px; vertical-align: middle; }
#side #contributors li a:first-child { padding-right: 3px;}

/* Follow Us */
#side #social { margin: 0; padding: 0; }
#side #social h3 { margin-bottom: 10px; }
#side .external { float: left; }
#side #rss { background: url(../images/icon/icon_rss_16x16.png) no-repeat; display: block; float: left; margin-left: 4px; width: 16px; height: 16px; text-indent: -9999px; }
#side #subscriptions { float: left; }
#side #subscribe_link { background: url(../images/icon/icon_posterous_16x16.png) no-repeat; display: block; float: left; margin-left: 8px; width: 16px; height: 16px; text-indent: -9999px; }
#side #unsubscribe_link { background: url(../images/icon/icon_unposterous_16x16.png) no-repeat; display: block; float: left; margin-left: 8px; width: 16px; height: 16px; text-indent: -9999px; }

/* Tag */
#side .tags li span { font-size: 11px; }
#side .tags li.selected span, #side .tags li.selected a { color: #BBB !important; }

/* Statistics */
#side #statistics { font-size: 10px; }
#side #statistics ul li { margin-bottom: 2px; font-size: 11px; }
      
/* Fans */
#side #fans { overflow: visible; }
#side #fans img { border: 1px solid #CCC; width: 20px; height: 20px; vertical-align: middle; }

/* -------------------------
FOOTER
---------------------------- */

#footer { margin: 8px auto; padding-bottom: 20px; }
#footer p { padding-left: 5px; font-size: 9px; color: #777; line-height: 1.8em; }

/* -------------------------
CONTENT
---------------------------- */

#content { background-color: #FFF; float: left; margin-top: -4px; padding: 55px 30px; border: 1px solid #E9E9E9; border-top: 0; width: 506px; min-height: 550px; }
#content #extra-links { margin-bottom: 30px; overflow: hidden; }
#content .extra-wrapper { background-color: #F6F6F6; padding: 8px 10px; border: 1px solid #E9E9E9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#content #extra-links h2 { font-size: 20px; text-shadow: #FFF 1px 1px 0; }
#content #extra-links h2 span { display: block; font-size: 11px; }
#content #extra-links a { font-size: 10px; }
#content #extra-links form { margin: 8px 0 5px; }
#content #extra-links input.text { background-color: #FFF; width: 250px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#content #extra-links ul { margin-top: 5px; font-size: 10px; }
#content #extra-links ul li { float: left; padding-right: 10px; font-size: 10px; list-style: none; color: #AAA; }

/* Post */
#content article { position: relative; }
#content article .divider { margin-bottom: 50px }
#content article .editbox { position: absolute; margin-top: 8px; width: 500px; visibility: hidden; }
#content article .editbox .mini_commands { float: right; margin-top: -3px; }
#content article:hover .editbox { visibility: visible; }
#content article .editbox a { background-color: #F2F2F2; display: block; float: left; margin-right: 6px; padding: 2px 10px; font-size: 10px; color: #999; line-height: 18px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
#content article .editbox a:hover { background-color: #19B4CA; color: #FFF; }

#content article .date-wrapper { background: url(../images/blog/bg_corner_9x9.png) left bottom no-repeat; position: relative; margin: 0 0 20px -40px; width: 135px; height: 38px; }
#content article .date-wrapper time { background: #715A45; background: -webkit-gradient(linear, left top, left bottom, from(#A47C57), to(#59432F)); background: -moz-linear-gradient(top, #A47C57, #59432F); display: block; padding-left: 10px; padding-bottom: 2px; border: 1px solid #4A3725; filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A47C57', endColorstr='#59432F'); font-size: 11px; color:#FFF; line-height: 25px; text-shadow: #000 -1px -1px 0; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
/* Post Header */
#content article header h1 a { font-family: Tahoma, Verdana, Arial; font-size: inherit; font-weight: inherit; color: #3D3024;  line-height: 1em; }
#content article header h1 a:hover { color: #999; }
#content article header .private { position: relative; margin-top: 10px; }
#content article header .private:hover div.private_post_message { display: block; }
#content article header .private_post_message { position: absolute; right: 0; top: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.23) 0px 3px 10px; -moz-box-shadow: rgba(0,0,0,0.23) 0px 3px 10px; box-shadow: rgba(0,0,0,0.23) 0px 3px 10px; background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2)); background: -moz-linear-gradient(top, #fff, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#f2f2f2'); border: 1px solid #aaa; padding: 10px; width: 100px; display: none; text-align: left; }
#content article header .private_post_message h1 { font-size: 11px; margin: 0 0 5px 0; padding: 0; float: none; width: auto; }
#content article header .private_post_message p { font-size: 10px; margin: 0;}
#content article header .sms { font-size: 10px; color: #CCC; }
/* Post Body */
#content article .body { margin-top: 20px; }
#content article .body h1, #content article .body h2, #content article .body h3 { margin: 30px 0 20px; }
#content article .body p { line-height: 1.7em; }
#content article .body p:last-child { margin-bottom: 0 !important; }
#content article .body ul.list li { margin: 12px 0; }
#content article .body div.inner { margin: 5px 0 0; }
#content article .body div.inner > *:first-child { margin-top: 20px; }
#content article .body img { margin: 20px 0; padding: 10px; border: 1px solid #E3E3E3; }
#content article .body .posterousGalleryNavigationDiv img { margin: 0; padding: 0; border: 0; }
#content article .body .posterousGalleryThumbnailsDiv img { margin: 0 0 -20px; padding: 3px; border: 1px solid #E3E3E3 }
#content article .body .posterousGalleryMainlink .show { margin-bottom: 30px !important; }
#content article .body .posterousGalleryMainlink .show div { font: normal 12px Verdana, Arial !important; }

/* Post Footer */
#content article footer { margin-top: 35px; padding-bottom: 20px; }
#content article footer .author { margin-bottom: 5px; }
#content article footer .author p { font-size: 10px; font-weight: normal; color: #AAA; }
#content article footer .author p a { font-size: inherit; }
#content article footer .author p a img { border: 1px solid #CCC; width: 10px; height: 10px; opacity: 0.7; vertical-align: middle; }
#content article footer .author:hover p a img { opacity: 1; }
#content article footer .tags { margin-bottom: 10px; }
#content article footer .tags p { float: left; font-size: 10px; color: #AAA; margin: 0; }
#content article footer .tags ul { float: left; }
#content article footer .tags ul li { float: left; margin-left: 10px; list-style: none; font-size: 10px; }
#content article footer .tags ul li a { font-size: 10px; }
#content article footer .locations { font-size: 10px; margin-top: 10px; margin-bottom: 20px; }
#content article footer .locations + p { margin-top: 0px; font-size: 10px; font-weight: normal; color: #CCC; line-height: 21px; }
#content article footer .locations ul { display: block; margin: 0; }
#content article footer .locations ul li { display: block; list-style: none; }
#content article footer .locations .location_detail { background-color: #F9F9F9; margin-top: 10px; padding: 8px; border: 1px solid #EEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: auto; }
#content article footer .locations .location_detail .map { float: left; width: 300px; height: 150px; }
#content article footer .locations .location_detail .summary { float: right; width: 172px; }
#content article footer .locations .location_detail .summary p { font-weight: bold; }

#content article footer .share { float: right; margin-top: 3px; }
#content article footer .ajaxResult { font-size: 10px; color: #090; }
#content article footer .posterous_retweet_widget { display: block; float: left; margin: 0 0 0 8px; }
#content article footer .retweet { background: url(../images/icon/icon_tweet_11x11.png) no-repeat 0 5px; display: block; float: left;  padding-left: 15px; }
#content article footer .retweet span { margin: 0; font-size: 10px; font-weight: normal; }
#content article footer .posterous_retweet { display: block; float: left; }
#content article footer .posterous_retweet:hover { background-color: #19B4CA; color: #FFF; }
#content article footer .facebook_like { display: block; float: left; margin-left: 8px; }

/* Comment */
#content article footer .comment-count { background-color: #1F1002; display: block; float: left; padding: 1px 10px; font-size: 10px; color: #FFF; line-height: 20px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; letter-spacing: 0; }
#content article footer .comments section h3, #content article footer .comment_area .posterous_comments_wrapper h4  { margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #E3E3E3; font-size: 18px; }
/* List Comment */
#content article footer .comments .comments_list, #content article footer .comments .posterousListComments { clear: both; }
#content article footer .comments .comments_list .commentunit { clear: both; margin-top: 30px; }
#content article footer .comments .comments_list .commentunit .commentname { font-weight: bold; font-size: 11px; }
#content article footer .comments .comments_list .commentunit .comment_label { float: right; margin: 0; width: 100px; }
#content article footer .comments .comments_list .commentunit .comment { float: left; width: 400px; }
#content article footer .comments .comments_list .commentunit .comment_date { margin-bottom: 5px; font: normal 11px Verdana, Arial; line-height: 1.5em; color: #999; text-align: right; }
#content article footer .comments .comments_list .commentunit .comment, #content article footer .comments .comments_list .commentunit .comment, #content article footer .comments .comments_list .commentunit .comment p, #content article footer .comments .comment_area .comment, #content article footer .comments .comment_area .comment p { font: normal 11px Verdana, Arial; line-height: 1.5em; color: #666; }
#content article footer .comments .comment .commentname a { margin-bottom: 5px; font-size: 11px; font-weight: bold; }
#content article footer .comments .comment .mini_commands a { font-size: 10px; color: #BC7134; }
#content article footer .comments .comment .mini_commands a:hover { color: #19B4CA; }
/* Leave a Comment */
#content article footer .comments .comment_create, #content article footer .comment_area .posterousAddNewComment { margin-top: 30px; }
#content article footer .comments .comment_create .commentunit, #content article footer .comment_area .posterousAddNewComment .commentunit { margin-top: -10px; }
#content article footer .comments .comment_create form div:first-child + .commentunit, #content article footer .comments .posterousAddNewComment form div:first-child + .commentunit { margin: -5px 0 15px; }
#content article footer .comments .comment_create form div:first-child + .commentunit .comment_value, #content article footer .comments .posterousAddNewComment form div:first-child + .commentunit .comment_value { font-size: 10px; }
#content article footer .comments .comment_create form div:last-child, #content article footer .comments .posterousAddNewComment form div:last-child { margin-top: 0; }
#content article footer .comments .comment_create .comment_label, #content article footer .comment_area .posterousAddNewComment .comment_label { margin-bottom: 2px; }
#content article footer .comments .comment_create .comment_label, #content article footer .comments .comment_create .comment_label label, #content article footer .comments .posterousAddNewComment .comment_label label { font: normal 11px Verdana, Arial; line-height: 1.5em; color: #666; }
#content article footer .comments .comment_profile_description { font: bold 11px Verdana, Arial; }
#content article footer .comments .comment_profile_description a { font-size: 10px; }
#content article footer .comments .twitterBox { width: 443px !important; font-size: 11px; }
#content article footer .comments .twitterBox + div + div { font: normal 10px Verdana, Arial; }
#content article footer .comments input[type="submit"] { margin-top: 5px; }
#content article footer .comments textarea, #comment_name, #comment_comment_email, #comment_toast, #comment_url { width: 480px !important; font-size: 11px; line-height: 1.4em !important; }
#content article footer .comments .comment_create .comment_spacer { display: none; }
#content article footer .comments .comment_create .comment_value label, #content article footer .comments .posterousAddNewComment .comment_value label { font-size: 10px !important; color: #666 !important; vertical-align: middle !important; }
/* Listing Comment Area */
#content article footer .comment_area .posterous_comments_wrapper .comment_hide_button a { font-size: 10px; }
#content article footer .comment_area .posterousListComments .commentname { display: block; margin-bottom: 3px; font-weight: bold; font-size: 11px; }
#content article footer .comment_area .posterousListComments div { clear: both; margin-bottom: 10px; }
#content article footer .comment_area .posterousListComments .commentunit .comment div:first-child { clear: both; width: 100%; float: left; margin-bottom: 1px; }
/*
#content article footer .comment_area .posterousListComments .commentunit { clear: both; margin-bottom: 20px; }
#content article footer .comment_area .posterousListComments div:first-child + div .commentunit { clear: both; margin-bottom: 10px; }
#content article footer .comment_area .posterousListComments div:first-child + div .commentunit:last-child { margin-bottom: 0 !important; }
#content article footer .comment_area .posterousListComments div:first-child + div .commentunit .comment div:first-child a { position: absolute; float: right; right: 0; margin: 0 !important; }
*/