/*
Theme Name: Written Rhetoric
Theme URI: http://www.wordythings.com/
Description: Custom theme for Written Rhetoric blog.
Version: 1.0
Author: Paulo Avila
Author URI: http://www.apaulodesign.com/
Tags: fixed header, fixed side navigation, gray, fixed width, centered
*/


body { margin: 0; padding: 0; min-width: 900px; background: #707070 url('images/bg_rock-pattern.jpg') fixed top left; }
body a { color: 363636; font-weight: bold; text-decoration: none; }
body a:hover { text-decoration: underline; }
div#abdomener { margin: 0 auto; width: 570px; }


/* Header
--------------------------------------------------------- */

div#header { position: fixed; top: 0; width: 100%; height: 60px; text-align: center; background: url('images/bg_paper-ripped-header.png') repeat-x; }

div#header h1 { margin: 0 auto; padding: 0; width: 710px; height: 60px; text-indent: -9999px; background: url('images/bg_h1.png') no-repeat top right; }
div#header a#logo { float: left; margin: 0; width: 300px; height: 40px; background: url('images/bg_logo-matrix.png') no-repeat; }
div#header a#logo:hover { background-position: 0 -40px; }


/* Right Side
--------------------------------------------------------- */

div#rside { float: right; position: fixed; top: 28px; margin-left: 557px; color: #111111; font: 8pt/10pt Georgia, serif; }

div#rside ul#rnav { margin: 0 0 20px 0; padding: 24px 5px 5px 17px; width: 128px; height: 89px; list-style-type: none; background: url('images/bg_notepad.png') no-repeat top left; }
div#rside ul#rnav li {  }
div#rside ul#rnav li a { display: block; width: 109px; height: 28px; text-indent: -9999px; background: url('images/bg_snav-matrix.png') no-repeat top left; }

div#rside ul#rnav li.wordygram a { background-position: 0 0; }
div#rside ul#rnav li.wordygram a:hover, div#rside ul#rnav li a.selected { background-position: -109px 0; }
div#rside ul#rnav li.about a { background-position: 0 -28px; }
div#rside ul#rnav li.about a:hover, div#rside ul#rnav li a.selected { background-position: -109px -28px; }

/*
div#side ul#snav { margin: 0 0 20px -8px; padding: 24px 5px 5px 0; width: 145px; height: 89px; list-style-type: none; background: url('images/bg_notepad.png') no-repeat top left; }
div#side ul#snav li { margin-bottom: 2px; padding: 3px 3px 3px 17px; color: #212121; font: 9pt/10pt Georgia, serif; }
div#side ul#snav li a { display: block; margin: -3px -3px -3px -17px; padding: 3px 3px 3px 17px; text-decoration: none; color: #212121; }
div#side ul#snav li a.selected { background-color: red; }
div#side ul#snav li a:hover { text-decoration: underline; }

div#side ul#snav li ul { margin: 6px 0 0 0; padding: 0; list-style-type: none; }
div#side ul#snav li ul li { margin-bottom: 2px; padding: 0 2px 0 18px; color: #212121; font: 8pt/8.5pt "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
div#side ul#snav li ul li a { display: block; margin: 0 -2px 0 -18px; padding: 3px 2px 3px 18px; color: #212121; text-decoration: none; }
div#side ul#snav li ul li a.selected { background-color: red; }
div#side ul#snav li ul li a:hover { text-decoration: underline; background-color: transparent; }
*/

div#rside form#search { padding: 0; }
div#rside form#search input.text { margin: 0; padding: 9px 9px 2px 19px; width: 63px; height: 20px; color: #0f0fb0; font: 8pt/8pt Georgia, serif; border: none; background: url('images/bg_search-box.png') no-repeat; outline: 0; }
div#rside form#search input.button { margin-bottom: -10px; padding: 0; }

div#rside ul#dnav { margin: 0 0 0 30px; padding: 0; list-style-type: none; }
div#rside ul#dnav ul { margin-left: -30px; list-style-type: none; }
div#rside ul#dnav a { color: #212121; text-decoration: none; }
div#rside ul#dnav a:hover { text-decoration: underline; }

div#rside ul#dnav table#wp-calendar th, div#rside ul#dnav table#wp-calendar td { width: 19px; text-align: center; }
div#rside ul#dnav table#wp-calendar a { display: block; text-decoration: none; color: #818181/*212121*/; background-color: #363636/*626262*/; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
div#rside ul#dnav table#wp-calendar a:hover { text-decoration: underline; color: #363636; background-color: #818181; }


/* Left Side
--------------------------------------------------------- */

div#lside { float: left; position: fixed; top: 90px; margin-left: -140px; }

div#lside ul#lnav { margin: 0; padding: 0; width: 130px; list-style-type: none; }
div#lside ul#lnav li {  }
div#lside ul#lnav li a { display: block; width: 130px; height: 40px; text-indent: -9999px; background: url('images/bg_lnav-matrix.png') no-repeat top left; }

div#lside ul#lnav li.stories a { background-position: 0 0; }
div#lside ul#lnav li.stories a:hover, div#lside ul#lnav li a.selected { background-position: -130px 0; }


/* Content
--------------------------------------------------------- */

div#content { color: #333; text-align: justify; font: normal 9pt/13pt Georgia, serif; }

div#content div.post { margin-top: 35px; background: url(images/bg_paper-pattern.png) repeat-y top right; }
div#content div.post:first-child { margin-top: 75px; }
div#content div.page { margin-top: 35px; background: url(images/bg_paper-pattern.png) repeat-y top right; }
div#content div.page:first-child { margin-top: 75px; }

div#content div.title { background: url('images/bg_paper-shadow-top.png') no-repeat top left;; padding-left:80px; padding-right:25px; padding-top:35px; padding-bottom:0 }
div#content h2 { margin: 0 -20px 5px 0; padding: 5px 1px 0 1px; color: #232323; font: normal 15pt/15pt inherit; /*border-top: 3px solid #7da9d6;*/ }
div#content h2 a { display: block; font-weight: normal; color: #363636; text-decoration: none; }
div#content h2 a:hover { color: #363636; text-decoration: underline; }
div#content span.author { font-size: 8pt; line-height: 11pt; color: #888; }
div#content span.author a { color: #888; text-decoration: none; }
div#content span.author a:hover { text-decoration: underline; }
div#content a.date { float: left; width: 50px; height: 63px; margin: -61px 0 0 -67px; background: url('images/bg_cal.png') no-repeat; overflow: hidden; text-decoration: none; }
div#content a.date * { display: block; text-align: center; text-transform: uppercase; }
div#content a.date span.month { margin-top: -45px; color: white; font: normal 9pt/9pt "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
div#content a.date span.day { margin: 2px 5px 0 5px; color: #212121; font: bold 17pt/17pt "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; background-color: white; }
div#content a.date span.year { margin-top: 47px; color: #212121; font: normal 7pt/7pt "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
div#content a.date:hover span.day { display: none; }

div#content div.entry { padding: 0 25px 90px 80px; min-height: 92px; /*background: url(images/bg_ink.png)*/ no-repeat bottom right; }
div#content div.Oscar { background: url(images/bg_sig-oscar.png) no-repeat bottom right; }
div#content div.Pedro { background: url(images/bg_sig-pedro.png) no-repeat bottom right; }
div#content div.Dylan { background: url(images/bg_sig-dylan.png) no-repeat bottom right; }
div#content div.no_author { margin-top: -35px; background: url(images/bg_ink.png) no-repeat bottom right; }
div#content div.error { margin-top: 70px; min-height: 250px; background: url(images/bg_404.png) no-repeat top left; }
/*div#content div.post p { margin: 0; text-indent: 20px; }*/
/*div#content div.post p:first-child { text-indent: 0; }*/
div#content div.entry h3 { margin: 40px 0 0 0; padding: 0 1px; font: bold 10.5pt/12pt Georgia, serif; }
div#content div.entry h4 { margin: 0; padding: 0; font: bold 9pt/11pt Georgia, serif; }
div#content div.entry h5 { margin: 0 0 -10px 0; padding: 0; font: bold 7.5pt/9.5pt Georgia, serif; }
div#content div.entry h6 { margin: 0 0 -12px 0; padding: 0; font: bold 6pt/8.5pt Georgia, serif; }
div#content div.entry p { margin: 0; padding: 10px 0; }
div#content div.entry a { color: #363636; font-weight: bold; text-decoration: none; }
div#content div.entry a:hover { text-decoration: underline; }

div#content div.metadata { margin-left: 20px; padding: 10px 20px 10px 10px; min-height: 22px; color: #ddd; text-align: left; font-size: 8pt; line-height: 11pt; background: url(images/bg_paper-shadow-bottom.png) no-repeat top right; }
div#content div.metadata a { color: #818181; text-decoration: none; }
div#content div.metadata a:hover { color: #363636; text-decoration: underline; }

div#content div.comments { margin-left: 20px; padding: 0;/*3px 10px 10px 10px*/ color: #999; text-align: center; font-size: 8pt; line-height: 11pt; background: url(images/bg_paper-shadow-bottom.png) no-repeat top right; }

div#content hr { display: none; }


/* Footer
--------------------------------------------------------- */

div#footer { margin-top: 50px; clear: both; padding: 40px 10px 10px 10px; color: #ddd; text-align: center; font: 8pt/11pt "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; /*background: url(images/bg_paper-ripped-footer.png) no-repeat bottom left;*/ }
div#footer a { color: #ddd; text-decoration: none; }
div#footer:hover a { color: black; }
div#footer:hover a:hover { text-decoration: underline; }


/* General
--------------------------------------------------------- */
img { border: 0; padding: 0; }
img.left { float: left; margin: 3px 10px 3px 0; }
img.right { float: right; margin: 3px 0 3px 10px; }
img.center { display: block; margin: 5px auto; }
img.border { padding: 6px; border: 1px solid gray; border-top: none; border-left: none; background-color: white; }
img.polaroid { padding-bottom: 30px; }
img.bleedl { margin-left: -70px; }
img.bleedr { margin-right: -25px; }
img.profile_left { float: left; margin: 0 7px 5px 0; }
img.profile_right { float: right; margin: 0 0 5px 7px; }

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }
.st { text-decoration: line-through; }
.red { color: red; }
.gray { color: gray; }
.hide { display: none; }
.clear { clear: both; }

/*.wall_link { color: #212121; }*/
.wall_text { color: #212121; font: 8pt/10pt Georgia, serif; }
.wall_text a { text-decoration: none; color: #212121; background-color: #616161; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.wall_text a:hover { text-decoration: underline; background-color: #818181; }
.copyright { text-align: right; font-size: .8em; margin-bottom: 10px; }
.copyright a { color: #363636; text-decoration: none; }
.copyright a:hover { text-decoration: underline; }
.drop_cap { float: left; width: 30px; color: #616161; font-size: 2.5em;  }


/* StoriesPage-specific
--------------------------------------------------------- */

div.entry div#stories_page { padding: 10px 0 0 0; background: url(images/bg_Stories.png) no-repeat top right; }
div.entry div#stories_page ul.story_list { margin-top: 10px; padding: 0; min-height: 155px; list-style-type: none; }
div.entry div#stories_page ul.story_list li { margin-bottom: 2px; padding: 3px 3px 3px 3px; clear: both; }
div.entry div#stories_page ul.story_list li p { padding: 5px 0 0 45px; clear: both; font-size: .8em; }
div.entry div#stories_page ul.story_list li a { display: block; margin-left: 0px; padding: 3px 3px 3px 45px; color: #313131; font-size: .9em}
div.entry div#stories_page ul.story_list li a:hover { text-decoration: underline; }
div.entry div#stories_page ul.story_list li a.story_logo { float: left; margin-left: -25px; height: 12px; background: url(images/logos/LogoWRSmall.png) no-repeat top left; }
div.entry div#stories_page ul.story_list li a.story_logo:hover { background-position: 0 -18px; }


/* AboutPage-specific
--------------------------------------------------------- */
div.entry div#definition { width: 270px; padding-top: 10px; line-height: 1.4; font-size: x-small; }
div.entry div#intro { margin-bottom: 10px; padding-top: 15px; }
div.entry img#intro_profile { float: right; margin: -35px 0 3px 30px; }
div.entry a.crew { height: 14px; padding-right: 25px; background: url(images/logos/LogoFbSmallHover.png) no-repeat top right; }
div.entry a.crew:hover { background-position: 100% -14px; }

div.entry div#editor { margin: 0 0 10px 0; padding-top: 10px; }
div.entry a.pete { height: 18px; padding: 0 30px 3px 0; background: url(images/logos/LogoEmailSmallHover.png) no-repeat top right; }
div.entry a.pete:hover { background-position: 100% -18px; }

div.entry div.contributor_l { float: left; margin: 0 0 10px 0; padding-top: 10px; width: 220px; font-size: .9em; }
div.entry a.oscar { margin-left: 22px; height: 16px; padding: 0 0 5px 35px; background: url(images/logos/LogoFbMailSmallHover.png) no-repeat top left; }
div.entry a.oscar:hover { background-position: 0 -22px; }
div.entry div.contributor_r { float: right; margin: 0 0 10px 0; padding-top: 10px; width: 220px; font-size: .9em; }
div.entry a.dylan { height: 16px; padding: 0 35px 5px 0; background: url(images/logos/LogoFbMailSmallHover.png) no-repeat top right; }
div.entry a.dylan:hover { background-position: 100% -22px; }

div.entry div.legal { margin: 10px 0; padding: 5px; clear: both; line-height: 1.2; font-size: x-small; border: 1px solid black; }
div.entry div.legal p { margin: 0; padding: 6px 0 0; }


/* CVPage-specific
--------------------------------------------------------- */
.cv_item { padding: 10px 0; text-align: center; font-size: .8em; }
.cv_list { margin: 10px 0; padding: 5px; text-align: center; clear: both; line-height: 1.4; font-size: x-small; border: 1px solid black; }


/* Comments-specific
--------------------------------------------------------- */
div#respond { color: #818181; }
div#respond a { color: #363636; text-decoration: none; }
div#respond a:hover { text-decoration: underline; }































/*
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { //Doesn't work in IE
	background-color: #fff; }

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
*/