/*****
	 Theme Name: OutRS
	Description: A simple <b>but up-to-date</b> theme inspired by the <a href="http://blogger.com" target="_blank">Blogger</a> template called "Snapshot: Sable" by Dave Shea, customized for <a href="http://outranksmart.com/blog/" target="_blank">OutRankSmart.com's Blog</a>.
	    Version: 0.1
	     Author: Saltenny Saimon
	       Tags: two columns, right sidebar, widgetized, fixed width, purple

	Main colors:
	  1) RGB(11,93,170) / blueish / #0B5DAA
	  2) RGB(23,53,81) / black-blue-ish / #173551
 */

html, body, div, ul, ol, li, img {border:none; margin:0; padding:0;}
hr, h1, h2, h3, h4, h5, h6, p, form, blockquote {padding:0;}

body {padding:10px 0; background:#fff; color:#545454; font-size:14px; font-family:'Verdana',sans-serif;}
* html body {text-align:center; /*IE6-*/}

a:link {color:#0b5daa; text-decoration:underline;}
a:visited {color:#0d72d1; text-decoration:underline;}
a:hover {color:#0d72d1; text-decoration:none;}

h1, h2, h3 {color:#173551; font-weight:normal;}
h1 {font-size:19px;}
h2, h3 {font-size:17px;}

ul, ol {margin-left:1em;}
ul {list-style:square;}
ul ul {list-style:disc;}

input, textarea, select, button {font-family:'Verdana',sans-serif;}
input[type='text'], textarea, select {border:1px solid silver; padding:2px;}
input[type='submit'], input[type='button'], button, select {cursor:pointer;}

blockquote {border-left:3px solid #0b5daa; margin-left:20px; margin-right:0; padding:0 10px; font-style:italic; font-family:'Georgia',serif;}

.clear {display:block; clear:both; font-size:1px; /*IE*/}
html > body .clear {visibility:hidden; height:0; line-height:0;}

.hidden {display:none;}

div#header, div#page, div#menu, div.footers {width:600px; margin:0 auto; text-align:left; /*required*/}

div#header {background:url('images/header.jpg') no-repeat left top; height:141px;}
div#logo a {display:block; width:100%; height:141px; /*same as height of div#header*/}

div#menu {text-align:center;}
div#menu ul, div#menu li {margin:0; padding:0; list-style:none;}
div#menu ul {padding-bottom:5px; background:#000;}
div#menu li {display:inline; /*alternative to float*/}
div#menu li a {border-right:1px solid #fff; padding:0 8px; color:#fff; text-decoration:none;}
div#menu li a:hover {color:#ff0;}
div#menu li.last a {border-right:none;}

h2#tagline {margin-top:0; font-weight:lighter;}

/* Calculation of background-LEFT-position below: 1326 - [width of #page before any hacks] + [width of #sidebar before any hacks] */
div#page {border:1px solid silver; border-width:0 1px; wid\th:598px; background:url('images/content-bg.jpg') repeat-y -906px 0;}

div#content {float:left; width:400px; margin-left:10px; padding-top:10px;}

div#sidebar {float:right; width:180px;}
div.sidebar {padding:10px;}

div.footers {border:1px solid silver; border-top:none; wid\th:598px; font-size:12px; text-align:center;}
div.footers p {margin:0; padding:1em 0;}

div#footer {background:#e9eaeb;}

/* Headings */
div.post h2 {margin-top:0; font-size:20px; /*follow the type of the font*/ font-family:'Georgia',serif;}
div.post h2, h2.widgettitle {margin-bottom:0; padding-bottom:3px;}
h2.widgettitle {font-weight:bold; font-family:'Arial',sans-serif;}

/* Metadata */
p.postmetadata {font-size:12px;}
p.postmetadata-top {margin-top:0;}
p.postmetadata-bottom {border-top:1px solid #cfcfcf; margin-bottom:0; padding:5px; background:#f5f5f5;}
p.alt {text-align:center; font-size:11px;}
p.alt small {font-size:1em; /*make same as its parent*/}

/* POSTS */
div.post {margin-bottom:20px; padding-bottom:10px;}
div.post img {border:1px solid silver; padding:5px; background:#fff;}
div.post ol {margin-left:1.714em;}
div.post ol ol, div.post ul ol {margin-left:1em;}
div.post li ul, div.post li ol {margin-bottom:1em;}

div.navigation-top {margin-bottom:1em;}

/* COMMENTS */
ol.commentlist {list-style:none; font-size:13px;}
div.comment-author img.avatar {display:block; float:left; margin-right:5px;}
div.comment-author span.says {display:none; /*hides the text "says"*/}
div.comment-body p {clear:left; /*clears img.avatar*/}
div.comment-body div.reply {text-align:right;}
img.avatar-default {/*empty?*/}

li.comment {border:1px solid silver; margin-bottom:10px; padding:5px 10px; background:#fff;}
li.comment-author-admin {background:#f5f5f5;} /*comment by admin*/
ol.commentlist li.even {border-width:0 1px 1px 0;} /*comment number 1, 3, 5, etc.*/
ol.commentlist li.odd {border-width:1px 0 0 1px;} /*comment number 2, 4, 6, etc.*/

/* Threaded comments */
ul.children li {margin-top:1em; list-style:none;}

div#respond h3 {margin-top:30px;}

/* Comment form */
form#commentform {margin-left:20px;}
input#author, input#email, input#url {width:240px;}
textarea#comment {width:336px;}

/* WIDGETS */
div#sidebar ul {margin-left:0; list-style:none;}
div#sidebar ul ul {margin-left:1em; list-style:square; font-size:13px;}
div#sidebar ul ul ul {list-style:disc;}
li.widget {margin-bottom:30px;}

/* WP-Smileys */
img.wp-smiley {}

/* WP-Calendar */
table#wp-calendar {text-align:center;}
table#wp-calendar th {border:1px solid #000; border-width:2px 0 1px;}
table#wp-calendar td {font-size:1em;}

/* Fix for long/non-breaking content */
div.post, div.sidebar {overflow:hidden;}

/* More? */
