/* ----------------------------------------------------------------------------------------- 

RELPOST
Author: Amrinder Sandhu
Created on: August 25, 2009
Version: 1.0

http://designbyanaami.com

----------------------------------------------------------------------------------------- */

/* base.css | v0.1 (10172009) | Thierry Koblentz
 *
 * The purpose of this styles sheet is to set default styles for common browsers and address common issues (missing scrollbar, extended buttons in IE, gap below images, etc.)
 */
html { height:100%; overflow-y:scroll; }

/* not all browsers set white as the default background color 
 * color is set to create not too much contrast with the background color
 * line-height is to ensure that text is legible enough (that there is enough space between the upper and lower line) 
 */
body { height:100%; line-height:1.4; }
pre,tt,code,kbd,samp,var { font-family:"Courier New", Courier, monospace; }
a:link { color:#000; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:focus { text-decoration:none; }
a:focus,:focus { outline:1px dotted #000; }
a:active { outline:none; }
body,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td { margin:0; padding:0; }
fieldset,img { border:0; }
img { vertical-align:bottom; }
ol li, ul li { list-style-type: none; }

sub { vertical-align:sub; font-size:smaller; }
sup { vertical-align:super; font-size:smaller; }
legend { color:#000; padding-bottom:.5em; }
table { border-collapse:collapse; border-spacing:0; }
caption { position:absolute; left:-999em; }
th { text-align:center; }
tbody th { text-align:left; }
code { color:#06f; }
code,pre { font-size:small; }
blockquote,q,em,cite,dfn,i,cite,var,address { font-style:italic; }
blockquote p:before,blockquote p:after,q:before,q:after { content:''; }
th,strong,dt,b { font-weight:bold; }
ins { text-decoration:none; border-bottom:3px double #333; }
del { text-decoration:line-through; }
abbr,acronym { border-bottom: 0; font-variant:normal; }
dd p,dd pre,dd ul,dd ol,dd dl,li p,li pre,li ul,li ol,li dl,fieldset p,fieldset ul,fieldset ol { padding-right:0; padding-left:0; }
hr { margin-right:30px; margin-left:30px; border-style:inset; border-width:1px; }
h1,h2,h3,h4,h5,h6,p,pre,dt,li,hr,legend,input,button,textarea,select,address,table { margin-top:1.2em; }
label { padding-top:1.2em; }
fieldset { line-height:1; }
input[type=checkbox] { vertical-align:bottom; vertical-align:baseline; }
input[type=radio] { vertical-align:text-bottom; }
input { _vertical-align:text-bottom; }
input,button,textarea,select,optgroup,option { 0font-size:.9em; }
button,input[type=submit],input[type=reset],input[type=button],.inputButton { overflow:visible; _width:0; padding:.2em .4em; }
.noMarker li { list-style:none; margin-left:0; }

/* Default font settings. The font-size percentage is of 16px. (0.875 * 16px = 12px) */
body { font:normal 12px "Lucida Grande",Tahoma, sans-serif; background: #D9DADE; color:#676A7B; line-height:1.4; }

/*   Headings 
	-------------------------------------------------------------- */
h1, h2,h3,h4 { font-family: "Lucida Grande",Tahoma, sans-serif; font-weight: normal; }
h2,h3,h4 { font-family: "Hoefler Text", Cambria, Garamond, "Times New Roman", serif; }
h1 { font-size:28px; margin:0 0 20px; }
h2 { font-size:24px; margin:0 0 15px; line-height:1; }
h3 { font-size:18px; margin:0 0 15px; }
h4 { font-size:14px; font-weight:bold; margin:0 0 5px; }

/*   Text Elements 
	-------------------------------------------------------------- */
p,ul,ol { margin:0 0 20px; font-weight:500; }
ul,ol { list-style:none; }
ul li,ol li { margin:0 0 15px; }
a,a:link { color:#09C; text-decoration:none; }
a:hover { color:#26A8D4; text-decoration:underline; }
strong { font-weight:bold; }
em { font-style:italic; }
.amp { font-family: "Hoefler Text", "Goudy Old Style", "Palatino LT", Palatino, "Times New Roman", serif; font-style: italic; }
/*   Author Styles 
	-------------------------------------------------------------- */
#wrapper { width:960px; position:relative; padding:40px 0 40px 40px; border-left:5px solid #676A7B; background-color:#fff;  -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
#header { position:relative; background-color:#fff; margin-bottom:40px; }

/* Header */
#header h1 { font-size:11px; color:#8D8F9C; margin-bottom:10px; }
#logo { position:relative; width:240px; border-bottom:3px double #ddd; float:left; padding-bottom:10px; }
#logo a { display:block; line-height:1; text-indent: -9999px; margin-left:-40px; padding:15px 0 5px 40px; margin-bottom:10px; text-shadow:1px 1px 1px #333; letter-spacing:2px; background: #676A7B url(i/relpost_logo.png) no-repeat 40px center; height: 60px; }
#logo a:hover { text-decoration:none; background-color:#09C; }
#nav-main { position:absolute; left:290px; bottom:0; border-bottom:3px double #ddd; padding:0 0 15px; width:620px; }
#nav-main li { float:left; margin-bottom:0; list-style: outside disc; color: #ccc; padding-left: 20px; }
#nav-main li:first-child { padding-left: 0; list-style: none; }
#nav-main a { padding: 2px 4px; margin-right: 40px; text-transform: uppercase; letter-spacing: 1px; }
#nav-main li:last-child a { margin-right: 0; }
#nav-main a:hover { text-decoration:none; background-color:#09C; color:#fff; }
#post-count { font-size: 10px; }
#post-count span { font: 56px Verdana, sans-serif; float:left; margin: -10px 10px 0 0; line-height:1; letter-spacing: -5px; }
#post-count a { background-color: #eee; margin-top:5px; padding:3px 15px; line-height:1; font:500 12px "Lucida Grande",Tahoma, sans-serif; display:inline-block; -moz-border-radius:15px; -webkit-border-radius:15px; }

/* Search Form */
#search { }
#search-form .text-field { padding: 3px; width:180px; vertical-align:middle; font-size:11px; }
#search-form input.button { cursor:pointer; vertical-align:middle; font-weight:bold; font-size:12px; }

/* Content */
#content { position:relative; }
#main { position:relative; width:620px; padding:0 0 40px; background-color:#fff; margin-left:290px; }
#sub { position:absolute; width:240px; padding:40px 0 20px; top:0; }
#index #main { padding-bottom:0; }
.sub-sec { margin-bottom:2px; border-bottom:1px dotted #ddd; padding:30px 0 20px; border-top:1px solid #ddd; }
.sub-sec.last { border-bottom:0 none; }
.sub-sec li { list-style:circle inside; color:#999; margin-bottom:7px; font-size:13px; }
.sub-sec a { border-bottom:0 none; display:inline; }
.sub-sec h3 { margin-bottom:10px; font: 18px "Hoefler Text",  Cambria, Garamond, "Times New Roman", serif; color:#676A7B; }
.sub-sec ul { margin-bottom:0; }
.sub-sec .textwidget { font: italic normal 15px "Hoefler Text",  Cambria, Garamond, "Times New Roman", serif; line-height:24px; }
.sub-sec .random-posts li { border-bottom:1px dotted #ddd; list-style:none; padding:5px 0; margin-bottom:2px; }
.sub-sec .random-posts a { font-size:12px; display:block; }
.sub-sec:last-child { border-bottom:0; }
#sub:last-child { border-bottom:0; }
#sub div:first-child { padding-top:0; border-top:0; }

/* Footer */
#footer { font-size:11px; padding:40px 0 0; color:#7E808F; position:relative; clear:both; }
#footer p { margin:.5em 0; }
#footer ul { margin-left:290px; }
#footer li { float:left; margin-right:10px; padding-left:10px; border-left:1px solid #ccc; }
#footer li.first { border:0 none; padding-left:0; }
#footer #tribute { float:left; position:relative; text-align:right; color:#666; font: 12px "Hoefler Text", Cambria, Garamond, "Times New Roman", serif; top:-5px; }

/* Page Navigation */
#page-nav { border-bottom:5px solid #F7F7F8; }
#page-nav .pages,#page-nav .current,#page-nav .extend,#page-nav .last,#page-nav a,#page-nav li { background:#F7F7F8; line-height:2; padding:7px 15px; font-size:14px; margin:0 3px 0 0; }
#page-nav .pages { border-right:2px solid #999; margin-right:5px; padding:3px 15px; }
#page-nav li a,#page-nav .extend,#page-nav li.last { border:none; }
#page-nav .current, #page-nav .current a { background-color:transparent; font-weight:bold; }
#page-nav li { float:left; }

/* Relpost Section */
.relposts-sec { position:relative; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:2px; }
.relposts-sec h2 { margin:0 20px 0 0; padding:5px 0 0; }
.relposts-sec h2 a,#search-p #content h2 a { color:#676A7B; }
.relposts-sec h2 a:hover,#search-p #content h2 a:hover { color:#7E808F; }
.relposts-sec .more { margin:20px 0 0; font-size:11px; border-bottom:1px dotted #ddd; padding-bottom:12px; }
.relposts-sec .more ul { margin-bottom:0; }
.relposts-sec .more li { float:left; margin-bottom:0; padding-left:15px; border-left:1px solid #E8E9EB; }
.relposts-sec .more li a { display:block; margin-right:10px; padding:0 10px 0 20px; background:url(i/icon-sprite.png) no-repeat; color:#676A7B; }
.relposts-sec .more li.first { border:none; padding-left:0; }
.relposts-sec .more li.first a { margin-right:0; }
.relposts-sec .more a:link,.relposts-sec .more a:visited { font-weight:normal; }
.relposts-sec .more li.twitter a { background-position:left top; }
.relposts-sec .more li.delicious a { background-position:left -30px; }
.relposts-sec .more li.digg a { background-position:left -60px; }
.relposts-sec .more li.facebook a { background-position:left -90px; }
.relposts-sec .more li.twitter a:hover { background-position:left -15px; }
.relposts-sec .more li.delicious a:hover { background-position:left -45px; }
.relposts-sec .more li.digg a:hover { background-position:left -75px; }
.relposts-sec .more li.facebook a:hover { background-position:left -105px; }
.relposts-catg { border-bottom:1px solid #E8E9EB; height:8px; }
.relposts-catg p { font-size:11px; margin:0 10px; padding:0 10px; float:right; background:#fff; color:#A4A6B0; }
.relposts-catg span.categ { color:#444; margin-left:5px; padding-left:10px; border-left:1px solid #ccc; }
.relpost-content { border-bottom:1px solid #F7F7F8; padding:14px 10px 6px 0; }
.relpost-content h3 { margin-bottom:0; padding-right:120px; font:500 14px "Lucida Grande",Tahoma, sans-serif; }
.relpost-content h3 a:visited { color:#59BDDE; }
.relpost-content p { float:right; background-color:#fff; padding:0 10px; margin-top:-3px; }
.relpost-content p,.relpost-content p a { font-size:11px; color:#999; margin-bottom:0; }
.relpost-content p a { color:#7E808F; }
.relpost-content em { font-style:normal; }
.archive-list li { margin:0 0 5px; font-size:18px; }

/* Form */
.form label { font-weight: bold; text-transform:uppercase; color:rgba(0,0,0,0.5); margin-bottom:5px; }
.form { padding:4px; width:240px; }
.wrap { margin-bottom:15px; }

/*   Search Page 
	..................................	*/
#content h1 { border-bottom:1px solid #ddd; }
#content h1 em { font-style:normal; font-family:"Hoefler Text", Cambria, Garamond, "Times New Roman", serif; font-weight:bold; }
#search-summary { font-size:14px; padding:10px 0; border-bottom: 1px dotted #ddd; }

/*   Pages 
	..................................	*/
#archive .relposts-sec { margin-bottom:15px; border-bottom:0; }
#archive .relposts-sec h2 a { color:#09C; font-size:18px; }
#contact h1 { margin-bottom:20px; }

li.current-cat { font-weight: bold;}

/* Global Classes */
.hide { display:none; }
#header:after,.relposts-sec .more ul:after,.section:after,#page-nav ul:after,.group:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .group { zoom:1; }
:first-child+html .group { zoom:1; }