/* Theme Name: loopieworld Theme URI: Description: loopieworld theme Version: 1.0 Author: Robert Rusanu Author URI: http://www.thinkwithstyle.com Last Modified: 2009.09.15 Provides: Theme definition file for WordPress ---------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ul, ol {margin-bottom:10px} p{margin-bottom:15px} hr {display:none} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} .alignleft , .float-left, .left {float:left;margin-right:10px} .alignright , .float-right, .right {float:right;margin-left:10px} .pdflink a{display:block;padding:5px 0 5px 25px;background-image:url(images/pdf-icon.png) !important;background:url(images/pdf-icon.gif) 0 50% no-repeat;color:#F77D25} .clearfix:after, #content:after, .works li:after, #stories:after, .navigator:after, .cform:after, #comments ol li:after, .archives .item:after, #mc_signup_container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, #content, #stories, .navigator, .cform , #comments ol li, .archives .item , #mc_signup_container{ display: inline-block; } html[xmlns] .clearfix, html[xmlns] #content, html[xmlns] #stories, html[xmlns] .navigator, html[xmlns] .cform , html[xmlns] #comments ol li, html[xmlns] .archives .item, html[xmlns] #mc_signup_container { display: block; } * html .clearfix, * html #content , * html #stories, * html .navigator, * html .cform, * html , #comments ol li, * html .archives .item, * html #mc_signup_container{ height: 1%; } /* end reset, end clearfix. Start layout */ body {font:normal 12px/1.4 arial, helvetica, sans-serif;color:#444;background:#38B1FF url(images/back-body.gif) 0 0 repeat-x;} body .single {font-size:14px} body#tinymce {background:#fff} #wrapper {position:relative;width:780px;padding-right:260px;margin: 10px auto 0 auto;background-image:url(images/back-wrapper.png) !important;background:transparent url(images/ie6/back-wrapper.gif) right top no-repeat;} a {color:#27A328;text-decoration:none} a:hover {text-decoration:underline;color:#958469} h1,h2,h3,h4,h5,h6 {font-family:trebuchet MS;line-height:1.2;color:#27A328} h1,h2 {font-size:1.4em;margin-bottom:10px} h3,h4 {font-size:1.2em} h5,h6 {font-size:1.1em} .navigator {margin-bottom:0;padding-bottom:10px} small {font-size:.9em;color:#aaa} #main h3, #main h4, #main h5,#main h3 a,#main h4 a, #main h5 a {color:#27A328} #main .item_title,#main .page_title, #main .archives .item h3, .homeintro h2{margin-bottom:10px;color:#F77D25;font-size:1.6em} #main .item_title {font-size:2em} #main .item_title a, #main .page_title a {color:#F77D25;} #header{position:relative;background-image:url(images/back-header.png) !important;background:transparent url(images/ie6/back-header.gif) center center no-repeat;color:#fff;height:141px;width:780px} #header h1 {position:absolute;right:30px;z-index:200;width:278px;height:105px} #header h1 a {width:278px;height:105px;display:block;background-image:url(design/images/back-heading.png) !important;background:url(design/images/ie6/back-heading.gif) 0 0 no-repeat;text-indent:-9999px} #header h2 {position:absolute;top:-9999px} #content {padding:68px 0 0 0;background-image:url(images/back-content.png) !important;background:url(images/ie6/back-content.gif) center top no-repeat;margin-top:10px;} #main{background-image:url(images/back-main.png) !important;background:url(images/ie6/back-main.gif) center top repeat-y;padding:0 60px 20px 60px;} #main {min-height:580px;} #extra{background-image:url(images/back-footer.png) !important;background:url(images/ie6/back-footer.gif) center bottom no-repeat;padding:0 0 60px 0;margin-bottom:0} #extra-inner {background-image:url(images/back-main.png) !important;background:url(images/ie6/back-main.gif) center top repeat-y;padding:0 60px;margin:0} #affiliates{position:absolute;right:0;top:780px;width:253px;text-align:center} #inner-footer {background:#352B1F;min-height:200px;padding:0} #footer-content .meta {clear:both} #mainnav {position:absolute;top:14px;left:50px;width:417px;height:119px} #mainnav li{float:left;margin-right:4px} #mainnav li a {float:left;background-image:url(images/mainnav.png) !important;background:transparent url(images/ie6/mainnav.gif) no-repeat;text-indent:-9999px;width:65px;height:55px} li#nav-home a {background-position: 0 0} li#nav-fstories a {background-position: -70px 0} li#nav-cstories a {background-position: -140px 0} li#nav-videos a {background-position: -209px 0} li#nav-audio a {background-position: -279px 0} li#nav-meet a {background-position: -349px 0} li#nav-about a {background-position: 0 -59px} li#nav-store a {background-position: -70px -59px} li#nav-goodies a {background-position: -140px -59px} li#nav-recipe a {background-position: -209px -59px} li#nav-contact a {background-position: -279px -59px} li#nav-blog a {background-position: -349px -59px} li#nav-home a:hover {background-position: 0 -116px} li#nav-fstories a:hover {background-position: -70px -116px} li#nav-cstories a:hover {background-position: -140px -116px} li#nav-videos a:hover {background-position: -209px -116px} li#nav-audio a:hover {background-position: -279px -116px} li#nav-meet a:hover {background-position: -349px -116px} li#nav-about a:hover {background-position: 0 -175px} li#nav-store a:hover {background-position: -70px -175px} li#nav-goodies a:hover {background-position: -140px -175px} li#nav-recipe a:hover {background-position: -209px -175px} li#nav-contact a:hover {background-position: -279px -175px} li#nav-blog a:hover {background-position: -349px -175px} #ssllink a {background:url(images/InstantSSL-DV_tl_trans.gif) 50% 50% no-repeat;width:250px;height:98px;display:block;text-indent:-9999px} #affsignuplink a {background:url(images/affiliate-button.gif ) 50% 50% no-repeat;width:250px;height:50px;display:block;text-indent:-9999px} #home_content {float:left;width:420px;text-align:justify} #home_side {float:right;width:207px;}#extralist li {padding:2px 0}#extralist li a{background-repeat:no-repeat;background-position:0 50%;text-indent:-9999px;width:200px;height:110px}#extralist li#link-free-stories a {background-image:url(images/promo-button-free-stories.gif)}#extralist li#link-club-stories a {background-image:url(images/promo-button-premium-club.gif)}#extralist li#link-partner-sites a {background-image:url(images/promo-button-partner-sites.gif)} #mycarousel h4,#mycarousel2 h4 {font-size:1.6em;color:#F77D25;font-weight:normal} #mycarousel img {display:none} #mycarousel h4 a,#mycarousel2 h4 a{color:#F77D25} #mycarousel p,#mycarousel2 p {margin-bottom:0;line-height:1.5;text-align:left} #mycarousel .date,#mycarousel2 .date {position:absolute;left:8px;top:5px;background-image:url(images/date.png) !important;background:url(images/ie6/date.gif) 50% 50% no-repeat;width:65px;height:50px;line-height:22px} #mycarousel .date span,#mycarousel2 .date span {display:block;text-align:center;color:#fff;font-weight:bold;text-transform:uppercase} #mycarousel .date span.year,#mycarousel2 .date span.year {color:#000;font-family:georgia} #sections h3.section-title, h3.stories-title {font-size:2em;margin-left:30px;padding:5px 0 5px 35px;background-image:url(images/paw.png) !important;background:url(images/ie6/paw.gif) 0 50% no-repeat} p.navigator {clear:both;padding:10px} .item_title {margin-bottom:10px} .item_title span {display:block;font-size:12px;font-weight:normal} .item_title span cite {color:#444} .item {position:relative;padding-bottom:80px;margin-bottom:20px} .sexy-bookmarks {position:absolute;bottom:0;width:660px;z-index:200;padding-top:30px !important;background-color:#fff} .multiple .item , .archives .item{margin-bottom:20px;border-bottom:1px solid #958469;padding-bottom:20px} .archives .item {position:relative;padding-bottom:10px} /* widgets styling */ .intro {margin:10px} .widget {margin-bottom:10px;} #footer .widget {float:left;width:29%;padding:0;margin-right:1%} .widget li a {display:block;padding:2px 0;line-height:1.1;border-bottom:1px solid #fff;text-transform:uppercase;background:transparent;font-weight:bold} .widget li a:hover {background:#fff;text-decoration:none} .widgettitle {padding:2px 0} #footer .widgettitle {font-size:1.1em;padding: 2px 0;background:transparent;border-bottom:1px solid #958469;margin-bottom:5px} #wp-calendar {width:100%;} #wp-calendar caption {font-weight:bold} #wp-calendar th {color:#FE6B64} #wp-calendar td {border-collapse:separate;text-align:center;vertical-align:middle;font-weight:bold;background:#fff} #wp-calendar td.pad,#wp-calendar td#prev,#wp-calendar td#next {border:none;background:transparent} #wp-calendar td#prev {text-align:left} #wp-calendar td#next {text-align:right} #wp-calendar td a{display:block;padding:3px 0;background:#eee} #wp-calendar td#prev a,#wp-calendar td#next a {background:transparent} textarea#comment{width:99%} pre {overflow:auto;background:#fff;padding:5px .5%;width:98%} .item_actions {clear:both;padding:2px 5px;background:#fafafa;border:1px solid #eee;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-align:right} .item_actions span {float:left;margin-right:5px;} .item_actions a {float:left} .item_actions span.rss {float:right} .item_actions .rss a {padding-top:20px;overflow:hidden;width:20px;height:0;background:url(images/rss.gif) no-repeat} #stories {margin: 0 -10px} .homepage #stories {margin-bottom:20px} #stories .widget {margin: 0 10px 10px 10px;} #stories .cform {padding:10px;border:1px solid #8AF977;background:#E2F9DF } /* comments */ #comments ol {padding:10px 0 10px 20px;border-bottom:1px solid #eee;} #comments ol li{position:relative;padding:0 0 0 20px;margin-left:80px;margin-bottom:15px;/*-moz-border-radius: 10px;-khtml-border-radius:10px;-webkit-border-radius: 10px;border-radius: 10px;*/} #comments ol li .inner-comment {padding:5px 20px;border:1px solid #eee;background:#fff;min-height:80px;} #comments ol li.alt .inner-comment {background:#fafafa} #comments ol li.authorcomment .inner-comment, #comments ol li.alt.authorcomment .inner-comment{color:#07679C;background:#E7F6FF;border-color: #598DA9} #comments h3,#comments h4 {font-size:1.2em;color:#aaa} #comments h3 em {color:#F77D25;font-style:normal} #main .comment_time {font-size:12px;color:#aaa;font-weight:normal;margin-bottom:10px;font-size:.95em} .comment-body p {padding:5px 0;margin:0} #comments ol li .avatar-container {position:absolute;top:0;text-align:center;left:-80px;width:101px;overflow:hidden;z-index:99;background-position:0 10px;background-repeat:no-repeat;background-color:transparent;background-image:url(images/comment-arrow.gif)} #comments ol li.alt .avatar-container {background-position:-101px 10px;} #comments ol li.authorcomment .avatar-container,#comments ol li.alt.authorcomment .avatar-container {background-position:-202px 10px} .avatar-container img {margin:5px 0 0 0;} #comments ol li .avatar-container h4 {font-weight:normal;font-size:1em} /* forms */ #mc_signup_container div {padding:4px 0;display:inline;margin-right:20px;float:left} #mc_signup_container div#mc_message {float:none;margin:0;display:block} .mc_signup_submit {float:left !important;width:auto !important;clear:none !important;} #mc_signup_container legend, .cform legend {font-weight:bold;margin:0;padding:0;color:#64ac2a;font-size:1.2em} .mc_custom_border, .cform fieldset {padding:10px;border:1px solid #64ac2a;background:#e0fdc8 } .cform li, .cform .cf-sb {clear:both;padding:3px 0} .cform li.cf_li_err input, .cform li.cf_li_err textarea {border-color:#c30} .cform li.cf_li_err label, .failure {color:#c30} .failure {padding:10px;border:1px solid #c30} .cform label {float:left;width:120px;c} .cform .cf-sb {margin:0;} .cform li.cf-box-title {margin-right:5px} input, textarea, select {border:1px solid #64ac2a;padding:2px 0;vertical-align:middle;margin:0 2px} #mc_signup_container input {width:150px} #mc_signup_container input#mc_signup_submit {width:auto;background:#64ac2a;color:#fff;font-weight:bold;cursor:pointer;margin-top:17px} .reqtxt, .emailreqtxt {color:#777;display:block;margin-left:120px} .linklove {position:absolute;top:-9999px} .cform .sendbutton {width:auto;background:#958469;color:#fff;font-family:trebuchet MS;text-transform:uppercase;padding:2px 5px;cursor:pointer} .cform .sendbutton:focus, .cform .sendbutton:hover {color:#F19E1B} .cf_hidden {display:none} #stories .item {float:left;width:300px;padding:10px 10px 28px 10px;margin:10px 5px 5px 10px;display:inline;border:1px solid #00BFFF;height:190px;overflow:hidden;position:relative;background:#FAFBFE} #stories.premium .item, #stories .cat_234 {background:#edfce1;border-color:#64ac2a} * html #stories .item {width:290px} #stories .item:hover {background:#e2f8ff;border-color:#5990b9} #stories.premium .item:hover, #stories .cat_234:hover {background:#e0fdc8;border-color:#64ac2a} #stories .item h3 {color:#fff;background:#1E90FF;text-align:center;margin-bottom:20px;font-size:1.3em;line-height:1.4;font-weight:bold} #stories.premium .item h3, #stories .cat_234 h3 {background-color:#64ac2a} #stories .item h3 a {color:#fff;} #stories .item h3 a:hover {text-decoration:none;color:#e2f8ff} #stories.premium .item h3 a:hover, #stories .cat_234 h3 a:hover {color:#fff8e8} #stories .item p {font-size:.95em;line-height:1.2} .homepage #stories .item p {font-size:1em;line-height:1.4} #stories .item p a , #stories a.readmore{position:absolute;right:10px;bottom:10px;float:right;padding:4px 0 4px 25px;background-image:url(images/star.png) !important;background:url(images/ie6/star.gif) left center no-repeat;color:#F77D25} .archives a.more-link{display:block;clear:both;float:right;margin-top:10px;padding:4px 0 4px 25px;background-image:url(images/star.png) !important;background:url(images/ie6/star.gif) left center no-repeat;color:#27A328} .homepage #stories .item p a {display:none} #extra li.meta {font-size:.9em;position:relative} #extra li.meta ul {margin:0} #extra li.meta li {float:left;margin-right:5px} #extra li.meta li#freedom-link {position:absolute;top:-7px;right:0;width:286px} * html #extra li.meta li#freedom-link {right:60px;top:5px} #extra li.meta li#freedom-link a {display:block;text-indent:-9999px;width:286px;height:34px;background:url(images/freedomstudios.png) !important;background:url(images/ie6/freedomstudios.gif) no-repeat} #extra li.meta li#freedom-link a:hover {background-image:url(images/freedomstudios2.png) !important;background:url(images/ie6/freedomstudios2.gif) no-repeat} #main.error div{background:url(images/404-Error-board.jpg) no-repeat;width:225px;height:130px;overflow:hidden;padding:117px 169px 186px 188px;margin:0 auto} #main.error h3 {color:#ff7a03;font-size:1.8em;font-weight:bold} #main.error a {color:#F77D25}