/*
Theme Name: Devono
Theme URI: http://rebeccadevono.com
Description: The default WordPress theme for <a href="http://www.rebeccadevono.com/">Rebecca Devono</a>.
Version: 2.0
Author: Flosites | Robert Haverly
Author URI: http://flosites.com/
*/



/*
page_layout
extra fonts set
header_footer
helpers
sets
forms
buttons
boxes
rx-blocks
tables
lists
tables
menus
blocks

breadcrumbs
*/

/* PAGE_LAYOUT */

html, body {
	color:#574319;
	font-family:"Helvetica Neue", "Myriad Pro", arial, serif;
}

a { color:#eb6620; }
a:hover { text-decoration:none; }

html { height:100%; margin-bottom:1px; }
body { text-align:center; }

.l-wrap {
	width:100%;
	text-align:center;
}

.l-doc {
	position:relative;
	width:1020px;
	margin:0 auto;
	text-align:left;
}

body { background:#e3e1c8 url(images/l-doc-r.png) repeat fixed left top; }
.l-head { }
.l-tail { }

.l-root .l-doc { min-height:379px; background:url(images/l-body-ry.png) repeat-y left top; }
.l-head .l-doc { height:659px; background:url(images/l-head-nr.png) no-repeat left top; }
.l-tail .l-doc { height:79px; padding-top: 40px; font-weight: bold; text-align: center; background:url(images/l-tail-nr.png) no-repeat left top; }

.l-root .l-doc {
	/*1020-905 /2 = 115/2 = 57 */
	width:906px;
	padding:30px 57px 0;
}
/* HELPERS */

.h-f-right  { float:right; }
.h-f-left   { float:left; }
.h-a-center { text-align:center; }
.h-a-left   { text-align:left; }
.h-a-right  { text-align:right; }
.h-flow-off { overflow:visible; }
.h-c-left   { clear:left; }
.h-d-block  { display:block;}
.clr {clear: both;}

.h-margin-off { margin:0 0 0 0; }

/* FONTS */

h2 {
	padding:5em 0 3.5em;
	margin:0 0 0 0;
	background:url(images/post-logo.png) no-repeat center top;
	text-align:center;
	font-size:10px;
}

h2 a {
	color:#574319;
	text-decoration:none;
	font-size:2em; line-height:1.5;
	font-weight:bold;
	font-family:georgia, times, serif;
}

h2 em {
	display:block;
	font-size:1em;
	font-weight:normal;
	font-style:italic;
}

/* HEADER_FOOTER */

.flash-header {
	position:absolute;
	height:339px; width:960px;
	overflow:hidden;
	top:275px; left:30px;
}

.logo {
	position:absolute;
	top:164px; left:10px;
	z-index:9;
}

.l-tail strong {
	position:absolute;
	left:0; top:29px;
	color:#000;
	font-size:1.042em;
	font-weight:normal;
}

/* SETS */

.set-social-oa {
	overflow:hidden;
	position:absolute;
	top:0; right:0px;

	height:54px;
  padding-left:20px;
	font-size:0; line-height:0;
}

.set-social-oa a {
	position:relative;
	top:26px;
	display:inline-block;
	overflow:hidden;
	height:54px; width:48px;
	background:url(images/iconset-social-oa.png) no-repeat left top;
}

.set-social-oa sup { position:absolute; top:-79px; }

.set-social-oa .s1 { background-position:-2px 0; }
.set-social-oa .s2 { background-position:-50px 0; }
.set-social-oa .s3 { background-position:-98px 0; }
.set-social-oa .s4 { background-position:-146px 0; }
.set-social-oa .s5 { background-position:-194px 0; }
.set-social-oa .s6 { background-position:-242px 0; }
.set-social-oa .s7 { background-position:-290px 0; }

/* FORMS */

.f-search {
	position:absolute;
	top:622px; right:30px;
	height:37px; width:320px;
	margin:0 0 0 0;
	text-align:right;
	background:#c2e6e0;
	vertical-align:top;
}

.f-search p {
	height:30px;
	padding:6px 20px 0 0;
	margin:0 0 0 0;
}

.f-search input {
vertical-align: middle;
}

input.txt {
	display:inline-block;
	padding:4px 4px 0;
	height:20px;/*20*/
	background:#fff;
	width:125px;
	font-size:1.25em;
	border-width:0;
	color: #574319;
}

.f-search a {
	position:relative;
	top:-5px;
	overflow:hidden;
	display:inline-block;
	height:37px; width:84px;
	background:url(images/tx-search.png) no-repeat left top;
}

.f-search a:hover { background-position:0 -37px; }

.f-search sup { position:absolute; top:-79px; }

/* BUTTONS */

/* BOXES */

/* RX-BLOCKS */

/* MENUS */

ul.rx-ul, .rx-ul ul, .rx-ul li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-indent:0;
	list-style:none;
}

.menu-navy {
	position:absolute;
	top:622px; left:29px;
	height:37px; width:650px;
	background:#c2e6e0;
}

.menu-navy li {
	float:left;
}

.menu-navy a {
	overflow:hidden;
	position:relative;
	display:inline-block;
	height:37px;
	background:url(images/menu-navy.png) no-repeat;

	text-transform:uppercase;
	text-decoration:none;
	color:#574319;
	font-size:1.25em;
}

.menu-navy .rx-selected a, .menu-navy a:hover {
	color:#f57b20;
}

.menu-navy .rx-selected a { cursor:default; }

.menu-navy sup { position:absolute; top:-79px; }

.menu-navy .a1 { background-position:0 0; width:80px; }
.menu-navy .a1:hover { background-position:0 -37px; }
.menu-navy .a2 { background-position:-80px 0; width:91px; }
.menu-navy .a2:hover  { background-position:-80px -37px; }
.menu-navy .a3 { background-position:-171px 0; width:83px; }
.menu-navy .a3:hover  { background-position:-171px -37px; }
.menu-navy .a4 { background-position:-254px 0; width:79px; }
.menu-navy .a4:hover  { background-position:-254px -37px; }
.menu-navy .a5 { background-position:-333px 0; width:116px; }
.menu-navy .a5:hover  { background-position:-333px -37px; }
.menu-navy .a6 { background-position:-449px 0; width:105px; }
.menu-navy .a6:hover  { background-position:-449px -37px; }

/* BLOCKS */



/* */

.x-twitter {
	position:absolute;
	top:21px; left:129px;
	height:47px;/*93*/
  padding:46px 0 0 100px;
	background:url(images/fx-owl.png) no-repeat left top;
	font-size:1.2em;
	font-style:italic;
}

.x-twitter span {
	font-style:normal;
}

.x-twitter a {
	margin:0 .5em;
	color:#574319;
	text-decoration:none;
	text-transform:uppercase;
}

.x-twitter a:hover { text-decoration:underline; }

/* */

.x-post {
	font-size:1.2em; 
	line-height:1.6;
	padding: 0 0 10px 0;
	overflow: hidden;
	height: 1%;
}

.x-post img {
	padding-bottom:1em;
}

/* */

.x-archives {
	position:relative;
	left:-25px;
	height:316px;
	background:url(images/fx-tree.png) no-repeat left top;
}

.x-archives div {
	position:relative;
	top:6em; left:450px;
	width:500px;
}

.x-archives ul {
	overflow:hidden;
	padding-bottom:.79em;
	margin-right:20px;
	background:url(images/hdiv-2px.png) repeat-x left bottom;
}

.x-archives li {
	display:inline-block;
	height:50px; width:67px; /*67*/
  padding-top:17px;
	margin:0 11px 11px 0;
	background:url(images/archives-month-bg.png) no-repeat left top;
	text-align:center;
}

.x-archives li.rx-last { margin-right:0; }

.x-archives li a {
	display:block;
	width:35px;
	margin:0 auto;
	text-decoration:none;
	text-align:center;
	color:#574319;
	font-size:1.08em; line-height:1.4;
}

.x-archives li a:hover { text-decoration:underline; }

/* */

.x-archives span {
	display:block;
	position:relative;
	padding:2em 0 1em;
}

.x-archives span strong, .x-archives span a,
.x-archives p strong a {
	overflow:hidden;
	position:absolute;
	height:11px;
	top:0;
	background:url(images/tx-archives.png) no-repeat;
}

.x-archives span strong {
	left:0;
	width:70px;
	background-position:0 0;
}

.x-archives span a {
	right:20px;
	width:113px;
	background-position:-88px 0;
}

.x-archives sup { position:absolute; top:-79px; }

.x-archives p {
	position:relative;
	padding:1em 0 0 0;
	margin:0 0 0 0;
}

.x-archives p em a.rss {
	overflow:hidden;
	position:relative;
	display:inline-block;
	height:14px; width:86px;
	background:url(images/tx-rss.png) no-repeat left top;
}

.x-archives p strong {
	position:absolute;
	right:20px;
	width:300px;
	text-align:right;
}

.x-archives p strong a {
	display:inline-block;
	position:relative;
	top:2px;
	width:36px;
}

.x-archives .a-prev {
	background-position:-122px -11px;
}

.x-archives .a-next {
	background-position:-164px -11px;
}

.x-archives p small {
	display:inline-block;
	font-size:1.3em;
}

.x-archives p i {
	display:inline-block;
	padding:0 1em;
	font-style:normal;
	font-size:1.2em;
}


/* rx */




.comment-container {
border-top: 2px solid #ABA18C;
padding-top: 10px;
}


.comment-data p {
display: inline;
}

.commentlist li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #CBC0A7;
}

.entry li {
list-style: square;
margin-left: 20px;
padding-left: 10px;
}

#header-navigation {
position:absolute;
top:622px; 
left:29px;
width:650px;
z-index: 99;	
background:url(images/menu-bg.png) repeat-x;
}
	
#header-navigation li {	
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}

#header-navigation li a {	
display: block;
padding: 0 12px;
text-decoration: none;
text-transform:uppercase;
color:#574319;
font-size:1.25em;
white-space: nowrap;
padding-top: 12px;
padding-bottom: 3px;
}

#header-navigation li a:hover {
color: #F57B20;
}
		
#header-navigation li ul {	
position: absolute;
visibility: hidden;
border-top: 1px solid white
}
		
#header-navigation li ul li {
float: none;
display: inline
}
		
#header-navigation li ul li a {
width: auto;
display: block;
text-decoration: none;
text-transform: none;
color:#574319;
font-size:1em;
white-space: nowrap;
background: #C2E6E0;
line-height: 1.25em;
padding: 5px 12px;
}
		
#header-navigation li ul li a:hover {
color: #F57B20;
}

.search-container {
position: absolute;
top: 622px;
left: 674px;
background:url(images/menu-bg.png) repeat-x;
z-index: 100;
}

.search-container form {
margin: 6px 20px 9px 75px;
}



/* rx */

.archives {
background:url(images/fx-tree.png) no-repeat left top;
padding: 40px 0 0 425px;
min-height: 280px;
overflow: hidden;
}

.archives .archives-title {
float: left;
width: 50%;
height: 10px;
text-indent: -9999px;
background: url('images/archives.png') left center no-repeat;
margin-bottom: 20px;
}

.archives .archives-more {
float: right;
width: 50%;
margin-bottom: 20px;
}

.archives .archives-more a {
float: right;
text-indent: -9999px;
display: inline-block;
height: 10px;
width: 111px;
background: url('images/more-archives.png') left center no-repeat;
}

.archives-months ul {
/*overflow:hidden;*/
background:url(images/hdiv-2px.png) repeat-x left bottom;
}

.archives-months li {
display:inline-block;
height: 67px; 
width:67px;
padding-top:17px;
margin:0 11px 11px 0;
background:url(images/archives-month-bg.png) no-repeat left top;
}

.archives-months li a {
display:block;
width:25px;
margin:0 auto;
text-decoration:none;
text-align:center !important;
color:#574319;
font-size:1.08em; 
line-height:1.4;
}

.rss-container {
width: 86px;
float: left;
display: inline-block;
}

.rss-container a.rss {
display:inline-block;
height:14px; width:86px;
background:url(images/tx-rss.png) no-repeat left top;
text-indent: -9999px;
}

.pagination-container {
float: right;
text-align: right;
font-size: 1.3em;
}

.index-form p input,
.index-form p textarea {
padding: 2px;
border: 1px solid #ABA18C;
color: #625029;
}

.index-form p textarea {
width: 400px;
height: 200px;
}

.wp-pagenavi span, .wp-pagenavi a {
display: inline;
color: #574319 !important;
font-weight: bold;
}

.wp-pagenavi span.pages {
display: inline-block;
padding-right: 10px !important;
margin-right: 5px;
border-right: 1px solid #574319;
}

.pagination-container a.rss {
display:inline-block;
height:14px; 
width:86px;
background:url(images/tx-rss.png) no-repeat left top;
text-indent: -9999px;
}

.index-comment-container {
padding: 10px;
border: 1px solid #ABA18C;
background: #FFFEFB;
margin-bottom: 10px;
}

.leave-a-comment {
padding: 5px 0;
font-size: .9em;
font-weight: bold;
}

.leave-a-comment a {text-decoration: none; font-weight: normal;}