/*
Theme Name: RecycledBride
Theme URI:
Description: A child theme of Sandbox, customized for RecycledBride.
Author: Gritmedia
Author URI: http://www.gritmedia.net
Template: sandbox
Version: 2.0
*/
 
/* import global RecycledBride styles */
@import url(rb.css);


/* 
________________________

	HEADER 
________________________

*/

/* logo-holder */
.logo-holder{ float:left; width:490px; margin: 30px 0 0 0; }
/* logotype */
.logo-holder #blog-title a { margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -9999px; background: url(img/logo.png) no-repeat; width: 431px; height: 82px; }
/* under logo tagline */
#tagline { position:relative; }
#blog-description { text-indent: -9999px; background: url(img/tagline.gif) no-repeat; width: 310px; height: 16px; position: absolute; top: -28px; left: 135px; }
.skip-link { visibility: hidden; }

/* blog nav */
.blog-nav { margin: 0; padding: 0; height: 45px; }
.blog-nav li { margin: 0; padding: 0; float: left; list-style: none; }
.blog-nav a { border: 1px solid #fff;}
.blog-nav .nav-home a { display: block; width: 131px; height: 35px; text-indent: -999px; background: url(img/nav-home.gif); }
.blog-nav .nav-rw a { display: block; width: 131px; height: 35px; text-indent: -999px; background: url(img/nav-realwedd.gif); }
.blog-nav .nav-about a { display: block; width: 131px; height: 35px; text-indent: -999px; background: url(img/nav-about.gif); }
.blog-nav .nav-advert a { display: block; width: 131px; height: 35px; text-indent: -999px; background: url(img/nav-advertise.gif); }
.blog-nav a:hover { border: 1px solid #bb238c;}
/* 
________________________

	CONTENT 
________________________

*/

.content{ float:left; width:600px; margin: 15px 20px 0 0; }

/* blog post */
.post{ clear: left; overflow:hidden; width:100%; background:url(img/post-separator.gif) no-repeat 0 100%; padding: 0 0 23px; margin: 15px 0 0; }
.cat-links { font-size: 10px; font-weight: bold; text-transform: uppercase; }
.cat-links a, .cat-links a:active, .cat-links a:visited { text-decoration: none; color: #ef9721; }
.cat-links a:hover { color: #e35a1e; }
.entry-title { margin: 5px 0 5px 0; font-size: 24px; line-height: 30px; color: #bb238c; letter-spacing: -1px; }
.entry-title a, .entry-title a:visited { text-decoration: none; color: #bb238c; border-bottom: 1px solid #e6ebe5; }
.entry-title a:hover { color: #414141; border-bottom: 1px solid #ccc; }
.entry-title a:active { color: #000; }
.entry-meta, .entry-date { font-size: 11px; line-height: 18px; color: #939b9f; }
.published { border-bottom: none; }
.comments-bubble	{ margin-top: -20px; float: right; width:42px; height:30px; text-align:center; background:url(img/comment-cloud.gif) no-repeat; font:bold 14px/22px Arial, Helvetica, sans-serif; }
.comments-bubble a, .comments-bubble a:visited { color: #e35a1e; border-bottom: none; }
.meta-comments { padding: 5px 0 0 0; }
.add-this { float: right; padding: 0 5px 10px 0; }
.wp-caption { padding: 8px; border: 3px solid #ddd; }
.wp-caption-text { padding: 0 0 0 7px; font-size: 11px; font-style: italic; line-height: 13px; text-align: left; color: #999; }

#nav-below { padding: 20px 0; width: 100%; }
.nav-previous { float: left; width: 50%; }
.nav-next { float: right; width: 50%; text-align: right; }

/* comments */
#comments { color: #939b9f; }
#comments h3 { font:bold 18px/22px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #ef9721; }
.comments ol { list-style: none; padding: 0; }
.comments p { margin: 5px 0 15px 0; color: #414141; }
.comments li { padding: 10px 0 10px 15px; background: #e1f4f7; }
.comments li.alt { background: #fff; }
.comment-meta { font-size: 11px; }
.unapproved { font-style: italic; }
#comments .formcontainer { padding: 5px 0 10px 15px; background: #ecedee; }
#comments .form-label { padding: 10px 0 0; font: bold 14px/18px Arial, Helvetica, sans-serif; color: #e34b1e; }
#comments .form-input input, #comments .form-textarea textarea { padding: 5px; border: 1px solid #c9cdcf; color: #666; background: #fff url(img/input-gradient.gif) repeat-x; }
.form-textarea textarea { width: 95%; }
#comments .form-submit { padding: 5px 25px 5px 0; text-align: right; }
#comments hr { width:100%; background:url(img/post-separator.gif) no-repeat; } 

/* pages, categories, archives, etc. */
.page-title { padding: 7px 0 0 0; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #e35a1e; }
.page-title .section-title { color: #414141; }
.text { padding: 5px; border: 1px solid #c9cdcf; color: #666; background: #fff url(img/input-gradient.gif) repeat-x; }
/* contact form */
#wpcf7-f1-p20-o1 { padding: 5px 0 10px 15px; background: #ecedee; }
.wpcf7-form p { font: bold 14px/18px Arial, Helvetica, sans-serif; color: #e34b1e; }
.wpcf7-form .wpcf7-validates-as-required, .wpcf7-form textarea { padding: 5px; border: 1px solid #c9cdcf; color: #666; background: #fff url(img/input-gradient.gif) repeat-x; }
.your-subject input { padding: 5px; border: 1px solid #c9cdcf; color: #666; background: #fff url(img/input-gradient.gif) repeat-x; }
h4 { padding: 10px 0 0; margin: 0; font: bold 16px Arial, Helvetica, sans-serif; color: #e34b1e; }
h5 { padding: 10px 0 0; margin: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #1c8191; }

/* images */
.alignright,img.alignright{ float:right; margin:1em 0 0 1.3em; }
.alignleft,img.alignleft{ float:left; margin:1em 1.5em 0 0; }
.aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center; }

/* 
________________________

	SIDEBAR  
________________________

*/
#sidebar { float:right; width: 310px; margin: 30px 0 0 0; padding: 0 0 0 20px; background: url(img/sidebar-separator-tall.gif) top left no-repeat; }
#sidebar a { text-decoration: none; }
#sidebar ul, #sidebar ul ul { list-style:none; margin: 10px 0 10px 0; padding:0; color:#8c9499; }
#sidebar ul ul li { padding: 0 0 4px 0; }
#sidebar-ad-sky { padding: 10px 0 10px 10px; }
#sidebar-ad-box { clear: both; padding: 10px 0; margin-left: 3px; }
#sidebar hr { width:100%; background:url(img/sidebar-separator.gif) no-repeat; }

/* widgets */
.widget { padding: 0 0 5px 0; background: url(img/sidebar-separator.gif) no-repeat bottom left;  }
.widgettitle { margin: 0 0 5px 0; text-indent: -9999px; }
a.twitter_title_link { color: #000; }
a:hover.twitter_title_link  { color: #414141; }

/* turns headers off for text widgets (mostly ads) */
.widget_text .widgettitle { display: none; }

/* turns dotted line off for text widgets (mostly ads) */
.widget_text { padding: 3px 0; background: none; }

/* headers for all the widgets */
.widget h3 { margin: 20px 0 0 0; }
.widget_recent_comments h3 { height: 12px; width: 157px; background:url(img/h3-recent-comments.gif) no-repeat; }
.widget_recent_entries h3 { height: 12px; width: 109px; background:url(img/h3-recent-posts.gif) no-repeat; }
.widget_categories h3 { height: 12px; width: 91px; background:url(img/h3-categories.gif) no-repeat; margin-bottom: 0; }
.widget_archive h3 { height: 12px; width: 71px; background:url(img/h3-archives.gif) no-repeat; }
.widget_search h3 { padding: 0 0 3px 0; height: 12px; width: 240px; background:url(img/h3-search.gif) no-repeat; }
.widget_twitter h3 { height: 12px; width: 122px; background:url(img/h3-tweets.gif) no-repeat; }
.widget_links h3 { height: 12px; width: 122px; background:url(img/h3-blogroll.gif) no-repeat; }

#text-41 { padding: 10px 0 0 0; height: 12px; width: 112px; background:url(img/h3-sponsors.gif) no-repeat top left; }

/* 

To find the ID (for instance, #text-5) for each specific text widget, 
go to View > Source in your browser and scroll down the page until you
see the widget you're looking for. (Or do a text search -- usually 
CNRT+F -- for the title you gave that widget.) In the list item you'll
see an id for each text widget, looking something like this:

<li id="text-5" ...>

*/


/* social media links need a dotted bottom line */
#text-40 { margin: 0 0 15px 0; padding: 0 0 10px 0; background: url(img/sidebar-separator.gif) no-repeat bottom left;  }

/* advertise button needs a dotted bottom line */
#text-33  { margin: 0 0 20px 0; padding: 0 0 20px 0; background: url(img/sidebar-separator.gif) no-repeat bottom left;  }

/* blogroll needs a top border */
.widget_links { margin: 20px 0 0 0; padding: 10px 0 0 0; background: url(img/sidebar-separator.gif) no-repeat top left; }

/* for the about widget - turn header back on */
/* without the image */
#text-5 { padding: 0 0 5px 0; background: url(img/sidebar-separator.gif) no-repeat bottom left; }
#text-5 .widgettitle { display: block;  height: 12px; width: 49px; margin: -5px 0 5px 0; background:url(img/h3-about.gif) no-repeat; }
#text-5 img.alignright{ float:right; margin:0 0 0 20px; }
/* with the image */
#text-42 { padding: 0 0 5px 0; background: url(img/sidebar-separator.gif) no-repeat bottom left; }
#text-42 .widgettitle { display: block;  height: 12px; width: 49px; margin: -10px 0 5px 0; background:url(img/h3-about.gif) no-repeat; }
#text-42 img.alignleft{ float:left; margin:0 20px 0 0; }
#text-42 img.alignright { float:right; margin:0 0 0 20px; }


/* search widget needs some extra space */
.widget_search { padding: 0 0 20px 0; }

/* baret ad needs spacing and a bottom border */
#text-6  { padding: 15px 0 20px 0; background: url(img/sidebar-separator.gif) no-repeat bottom left; }

/* eco-cert */
#text-22  { margin: 0 0 20px 0; padding: 0 0 20px 0; background: url(img/sidebar-separator.gif) no-repeat bottom left;  }

/* archives - no bottom border */
.widget_archive { background: none; }




