/*   
Theme Name: Real Silly
Description: A custom WordPress Theme designed by Team Bossy for http://www.iambossy.com
Author: Georgia Getz, Heather Kohlstedt, and Lauren Newman
Author URI: http://www.iambossy.com
Version: 1.0
*/

body { background: url('images/bg.jpg') repeat; color: #000; font: normal 11pt/14pt Arial, Helvetica, sans-serif; }

/* ---GLOBAL ELEMENTS--- */
* { margin: 0; padding: 0; }

a { text-decoration: none; }
a img { border: none; }

.left { float: left; }
.alignleft { float: left; }
.right { float: right; }
.alignright { float: right; }
.clear { clear: both; }

.center { text-align: center; }

/* ---HEADER STYLES--- */
#ribbon { background: url('images/mastheadbg.jpg') repeat; height: 200px; width: 100%; }

/* ---BANNER STYLES--- */
#header { height: 126px; margin: 0 auto; padding-top: 30px; width: 900px; }
#navigation { clear: both; height: 32px; margin: 0 auto; padding-top: 6px; width: 737px; }

/* ---CONTAINER STYLES--- */
#container { margin: 0 auto; width: 1000px; }

/* ---LEFT SIDEBAR STYLES--- */
#beta { background: url('images/sidebarbg.jpg') repeat; border-right: 1px solid #444; float: left; width: 204px; }
#beta a img { border: 12px solid #000; margin: 0 20px; width: 96px; max-height; 96px; overflow: hidden; position: relative; }

/* ---HOME BUTTON STYLES--- */
#homeButton { margin: 0 auto; margin-top: 20px; }
#homeButton a img { border: none; margin: 0 22px; width: 160px; }

/* ---BADGE STYLES--- */
#guessPress { background: url('images/bg1.gif') repeat; }
#faveThings { background: url('images/bg2.gif') repeat; }
/* #familyTree { background: url('images/bg3.gif') repeat; } */
#noBook { background: url('images/bg3.gif') repeat; }
#poverty { background: url('images/bg4.gif') repeat; }
#virtualPeek { background: url('images/bg5.gif') repeat; }
#bossysGays { background: url('images/bg6.gif') repeat; }
#earWorm{ background: url('images/bg7.gif') repeat; }
#bossysSon{ background: url('images/bg8.gif') repeat; }

.topBadge { margin: 0 auto; margin-top: 20px; width: 160px; }
.badge { margin: 0 auto; width: 160px; }
.bottomBadge { margin: 0 auto; margin-bottom: 20px; width: 160px; }

/* ---CENTER COLUMN (OUTER) STYLES--- */
#alpha { background: #EBDEBB; float: left; width: 590px; }

#whiteWrapTall { background: #FFF; height: 100%; width: 590px; }
#whiteWrap { background: #FFF; width: 590px; }

/* ---CENTER COLUMN (INNER) STYLES--- */
#content { margin: 0 auto; padding-top: 20px; width: 500px; }


/* ---POST HEADER STYLES--- */
#contentHeader h1 { color: #000; font-size: 18pt; font-weight: 100; letter-spacing: -0.75pt; line-height: 20pt; }
#contentHeader h1 a { color: #000; }

#contentHeader h5 { color: #888; font-size: 11pt; font-weight: normal; line-height: 20pt; }

#contentHeader font { color: #000; }

.archivez { text-align: center; padding-bottom: 10px; }

/* ---POST BODY STYLES--- */
#entry { padding: 15px 0; }
#entry img { max-width: 500px; padding: 10px 0; }

#entry p { color: #383838; padding: 10px 0; line-height: 140%;}

#entry a { color: #6699CC; text-decoration: underline; }
#entry a img { display: block; margin: 0 auto; }

#entry ol, #entry ul { list-style-position: outside; margin-left: 20px; padding-left: 20px; }
#entry li { color: #383838; padding: 10px 0; line-height: 140%;}
#entry ul.archives { margin-left: 0px; padding-left: 0; }

blockquote { margin: 0 auto; width: 440px; }

/* ---POST FOOTER STYLES--- */
#meta { margin: 20px 0px; }

#meta h3 { color: #000; font-size: 11pt; font-weight: normal; letter-spacing: -0.25pt; line-height: 25px; }
#meta h3 a { color: #FF6633; }

#meta h4 { background: url(images/quotesO.jpg) no-repeat; color: #FF6633; font-size: 12pt; font-weight: bold, letter-spacing: -0.25pt; line-height: 25px; padding-left: 48px; }
#meta h4 a { color: #FF6633; }

/* ---COMMENTS--- */
#commentBlock { clear: both; color: #383838; font: normal 11pt/14pt Arial, Helvetica, sans-serif; margin-top: 20px; }

#commentBlock h2 { color: #444; font: bold 18pt/14pt Arial, Helvetica, sans-serif; letter-spacing: -1pt; margin-top: 20px; }

.comment-page-numbers { color: #383838; font: normal 11pt/14pt Arial, Helvetica, sans-serif; }
.comment-page-numbers a { color: #FF9933; }

ol.commentlist { list-style-type: none; }

.commentlist li { padding: 40px 0 14px 0; }
.commentlist li p { clear: both; padding: 5px 0; }

.commentlist a { color: #6699CC; text-decoration: none; }

.commentNumber { color: #FF9933; float: left; font: bold 60pt Arial, Helvetica, sans-serif; font-style: italic; font-weight: 300; margin-top: -40px; padding-right: 10px; }

.commentMeta { background: url('images/rule.jpg') repeat-x; color: #FF9933; }
.commentMeta a { color: #FF9933; }

.commenter { color: #000; font: normal 11pt/14pt Arial, Helvetica, sans-serif; }
.commenter a { color: #6699CC; text-decoration: none; }

#commentform { border-top: 1px solid #CCC; color: #666; font: normal 14px/20px Arial, Helvetica, sans-serif; margin: 20px 0; padding: 20px 0; }
#commentform a { color: #666; }

#commentform ul { list-style-type: none; margin-bottom: 20px; }
#commentform li { margin-top: 10px; }
#commentform li .label { float: left; padding-right: 10px; text-align: right; width: 90px; }

#commentform input { background: #F3F3F3; border: 1px solid #ADADAD; color: #666; font: normal 14px/20px Arial, Helvetica, sans-serif; height: 20px; padding: 0 4px; width: 187px; }
#commentform textarea { background: #F3F3F3; border: 1px solid #ADADAD; color: #666; font: normal 14px/20px Arial, Helvetica, sans-serif; height: 130px; padding: 2px; width: 390px; }

/* ---NAVIGATION STYLES--- */
#navie { color: #ff6633;
background-color:#000;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 45px;
padding-right: 45px;
/* margin-bottom: 15px; */
font-weight: bold; 
font-size: 16px; 
text-align: center; }
#navie a { color: #ff6633; }

/* ---LATEST POSTS--- */
#recentPosts { background: #EBDEBB; border-top: 1px solid #444; padding: 20px; text-align: right; }
#recentPosts img { display: block; max-height: 60px; max-width: 60px; }
.blackBacker { background: #000; float: left; height: 60px; margin-right: 20px; width: 60px; }

#recentPosts h3 { color: #000; font-size: 18pt; font-weight: bold; letter-spacing: -1pt; line-height: 14pt; text-align: center; }

#recentPosts h4 { color: #009999; font-size: 12pt; font-weight: bold; line-height: 14pt; text-align: right; width: 340px; }
#recentPosts h4 a { color: #009999; }

#recentPosts font { color: #009999; }

#recentPosts h5 { color: #009999; font-size: 11pt; font-weight: normal; letter-spacing: -0.25pt; line-height: 14pt; text-align: right; padding: 20px 0; width: 420px; }
#recentPosts h5 a { color: #009999; }

#recentPosts ul { list-style: none; margin: 0 auto; padding: 20px 0; width: 430px; }
#recentPosts li { clear: both; min-height: 60px; padding: 10px 0; }

#outerRP { height: 60px; overflow: hidden; margin: 0 auto; max-width: 60px; position: relative; }
#outerRP[id] { display: table; position: static; }
#middleRP { position: absolute; top: 50%; } /* for explorer only*/
#middleRP[id] { display: table-cell; position: static; vertical-align: middle; }
#innerRP { position: relative; top: -50% } /* for explorer only */

#outerRP2 { height: 60px; overflow: hidden; position: relative; }
#outerRP2[id] { display: table; position: static; }
#middleRP2 { position: absolute; top: 50%; } /* for explorer only*/
#middleRP2[id] { display: table-cell; position: static; vertical-align: middle; }
#innerRP2 { position: relative; top: -50% } /* for explorer only */

#twitter { padding-top: 20px; }
#facebook { padding-left: 11px; padding-top: 20px; }

/* ---POVERTY PARTY BLOGROLL STYLES--- */
#povertyBreaker { background: url('images/coralrbg.jpg') repeat; border-bottom: 1px solid #444; height: 25px;}

#povertyRoll { border-top: 1px solid #444; padding: 20px 0; }
#tourRoll { border-top: 1px solid #444; padding: 20px 0; }

#povertyRoll h3 { color: #000; font-size: 18pt; font-weight: bold; letter-spacing: -1pt; line-height: 18pt; text-align: center; }
#tourRoll h3 { color: #000; font-size: 18pt; font-weight: bold; letter-spacing: -1pt; line-height: 18pt; text-align: center; }

#povertyRoll ul { list-style: none; margin: 0 auto; padding: 20px 0; width: 430px; }
#povertyRoll li { padding: 2px 0; }
#tourRoll ul { font-size: 14pt; line-height: 20pt; list-style: none; margin: 0 auto; padding: 20px 0; width: 430px; }
#tourRoll li { padding: 2px 0; }

#povertyRoll a { color: #6699CC; }
#tourRoll a { color: #6699CC; }

/* ---RIGHT SIDEBAR STYLES--- */
#gamma { background: url('images/sidebarbg.jpg') repeat; border-left: 1px solid #444; float: left; width: 204px; }

.tipJar { margin-top: 20px; margin-left: 50px; } 
.cleverGirls { margin-top: 20px; margin-left: 38px; } 
.savvySource { margin-top: 20px; margin-left: 38px; }

 

/* ---AD STYLES--- */
.moduleAD { color: #000; font-size: 8pt; line-height: 10pt; margin: 0 auto; margin-top: 20px; width: 160px; }
.moduleAD a { color: #666; }
.moduleAD li { padding: 2px 0; }

/* ---WEBLOG AWARDS STYLES--- */
.weblogAwards { margin: 0 auto; padding-top: 20px; text-align: center; width: 160px; }
.weblogAwards img { width: 160px; }
.weblogAwards h4 { color: #666; font-size: 16px; font-weight: bold; line-height: 16px; padding-bottom: 10px; }

/* ---GIVEAWAY STYLES--- */
.giveaway { margin: 0 auto; padding-top: 20px; text-align: center; width: 160px; }
.giveaway img { width: 160px; }
.giveaway h4 { color: #666; font-size: 16px; font-weight: bold; line-height: 16px; padding-bottom: 10px; }

/* ---RSS BADGE STYLES--- */
.moduleRSS { margin: 0 auto; padding-top: 20px; text-align: center; width: 160px; }
.moduleRSS a { color: #444; font-size: 12pt; }

#outerRSS { height: 55px; overflow: hidden; padding-left: 8px; position: relative; }
#outerRSS[id] { display: table; position: static; }
#middleRSS { position: absolute; top: 50%; } /* for explorer only*/
#middleRSS[id] { display: table-cell; position: static; vertical-align: middle; }

#innerRSS { position: relative; top: -50% } /* for explorer only */

/* ---BOSSY EXTRAS STYLES--- */
.moduleBadge { background: #EBDEBB; margin: 0 auto; margin-top: 20px; text-align: center; width: 160px; }
.moduleBadge img { padding: 10px 0; }

.moduleBadge h3 { color: #000; font-size: 22px; font-weight: bold; line-height: 22px; padding: 10px 0; }

.moduleBadge h4 { color: #666; font-size: 16px; font-weight: bold; line-height: 16px; padding-bottom: 20px; }

/* ---FLICKR BADGE STYLES--- */
.flickr img { border: 2px solid #000; height: 60px; width: 60px; padding: 0px; margin: 4px; }
.flickr h4 {padding-top: 6px; }

/* ---ALPHA MOM BADGE STYLES--- */
.alphamom img {padding-bottom: 6px; margin: 4px; }
.alphamom h4 {padding-top: 6px; }

/* ---AMAZON BADGE SYTLES--- */
.amazon iframe {padding-right: 10px; padding-left: 40px; padding-bottom: 10px; padding-top: 10px; }

/* ---GOOGLE SEARCH STYLES--- */
.moduleSearch { margin: 0 auto; padding: 20px 0; text-align: left; width: 160px; }
.moduleSearch a { color: #444; font-size: 12pt; }

/* ---STAT TRACKER STYLES--- */
.moduleStat { margin: 0 auto; padding: 4px 0; text-align: right; width: 160px; }

/* ---FOOTER STYLES--- */
#footer { background: #000; border-top: 1px solid #000; clear: both; height: 18pt; width: 100%; }

#footer h4 { color: #FFCC99; font-size: 10pt; font-weight: normal; line-height: 18pt; margin: 0 25px; }
#footer h4 a { color: #FFCC99; }

/* ---ABOUT PAGE STYLES--- */
#outerAbout { height: 533px; overflow: hidden; position: relative; }
#outerAbout[id] { display: table; position: static; }
#middleAbout { position: absolute; top: 50%; } /* for explorer only*/
#middleAbout[id] { display: table-cell; position: static; vertical-align: middle; }
#innerAbout { position: relative; top: -50% } /* for explorer only */
#innerAbout div { padding: 5px 0; }

/* ---ARCHIVES PAGE STYLES--- */
ul.archives, ul.archivesMonth { list-style-type: none; padding-bottom: 50px; }
ul.archives li { clear: both; }
ul.archivesMonth li { clear: both; padding: 2px 0; }

#entry .archives a, #entry .archivesMonth a { text-decoration: none; }

.archImage { float: left; }
.archImage img { margin: 0; }
.archLink a { line-height: 70px; padding-left: 20px; }
.catLink a { padding-left: 0px; }
.archImageMini { float: left; }
#entry .archImageMini img { border: 3px solid #000; float: left; height: 50px; margin: 0 20px 0 0; padding: 0; width: 50px; }
#entry .archives .archLinkMini h5 { color: #888; font-size: 9pt; font-weight: normal; line-height: 50px; }
#entry .archives h5 { color: #888; font-size: 9pt; font-weight: normal; line-height: 11pt; }

/* ---SEARCH PAGE STYLES--- */
#entry .searchResults { padding: 10px 0; }
#entry .searchResults a { color: #6699CC; font-size: 12pt; font-weight: normal; line-height: 14pt; text-decoration: underline; }
#entry .searchResults p { padding: 0; }
#entry .searchResults font { color: #6699CC; }

#entry .permalink { color: green; font-size: 10pt; line-height: 14pt; }
#entry .more { font-weight: bold; }

/* ---Collage Extra Pickles Styles--- */

#collage {
background-color: #000000;
float: left;
margin-top: 20px;
margin-left: 15px;
width: 475px;
}

#collage img {
border: 0px none;
}

#collage ul {
list-style: none;
padding: 0;
margin: 0 auto;
text-decoration: none;
width: 475px;
}

#collage li {
float: left;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-top: 15px;
}

.leftImageTop {
background-color: #000000;
padding-top: 15px;
padding-bottom: 0px;
padding-right: 15px;
padding-left: 15px;
}

#entry .leftImageTop a img {
padding: 0 15px;
}

.otherImagesTop {
background-color: #000000;
padding-top: 15px;
padding-bottom: 0px;
padding-right: 15px;
padding-left: 0px;
}

#entry .otherImagesTop a img {
padding: 0 15px 0 0;
}

.leftImage {
background-color: #000000;
padding-top: 0px;
padding-bottom: 5px;
padding-right: 15px;
padding-left: 15px;
}

#entry .leftImage a img {
padding: 0 15px;
}

.otherImages {
background-color: #000000;
padding-top: 0px;
padding-bottom: 5px;
padding-right: 15px;
padding-left: 0px;
}

#entry .otherImages a img {
padding: 0 15px 0 0;
}

img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }