/*
Theme Name: Babes of the World Theme v1.0
Theme URL: http://www.successwebmasters.com
Description: CSS Layout
Version: 1.0
Author: Success Webmasters.
Author URL: http://www.successwebmasters.com/


        The CSS, XHTML and design is copyright Success Webmasters.
*/


 /* ---------- THIS CODE IS THE MAIN CODE THAT CONTROLS THE BODY ---------- */
html {
                    height: 100%;
                    background: #5670a1 url("../../images/bgs/bg_blue.png") 0 0 repeat-x;
                    margin-bottom: 1px;
                    /*
                    This is a hack to force scrollbars on at all times so that the page
                    does not jump when going from short to long pages.
                    */
}

body {
                    font-weight: normal;
                    font-size: 72%;  /* Enables font size scaling in MSIE */
                    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                    text-align: left;
                    line-height: 135%;
                    color: #000000;
                    margin: 0;
                    padding-top: 10px;
                    padding-right: 0;
                    padding-bottom: 10px;
                    padding-left: 0;
}

 /* ----- END ----- */


 /* ---------- THIS CODE IS THE WRAPPER IN WHICH ALL THE CONTENT ARE CREATED ---------- */
#page-wrapper {     /* WRAPPER for fixed design. Default is for 1024x768 design. */
                    position: relative;
                    width: 968px; /* set width in pixels here */
                    height: auto;
                    background-color: #ffffff;
                    border: 2px solid #666666;
                    margin-top: 10px;
                    margin-right: auto;
                    margin-bottom: 10px;
                    margin-left: auto;
                    padding: 0;

                    /* CSS3 och Mozillas motsvarigheter. */
                    -moz-border-radius: 4px; -moz-background-clip: padding;
                    border-radius: 4px; background-clip: padding;
}

 /* ----- END ----- */


 /* ---------- THIS CODE IS COMMON TEXT-STYLES THAT IS USED ALL OVER ---------- */
a {
                    color: #0066cc;
                    /* color: #0066cc; blue link  */
                    /* color: #819d26; original green link  */
                    text-decoration: none;
}

a:link {
                    color: #0066cc;
                    /* color: #0066cc; blue link  */
                    /* color: #819d26; original green link  */
                    text-decoration: none;
}

a:visited {
                    color: #871f78;
                    text-decoration: none;
}

a:hover {
                    color: #000080;
                    text-decoration: underline;
}

a:active {
                    color: #800000;
                    text-decoration: none;
}

acronym, .titleTip {
                    cursor: help;
                    border-bottom: 1px dotted #0066cc;
                    margin: 0;
                    padding: 0 0 0.4px 0;
}

.clear {
                    clear: both;
}

.doNotDisplay {
                    display: none !important;
}

h1 {
                    font-size: 200%;
                    color: #0066cc;
                    margin: 15px 0;
                    padding-bottom: 5px;
}

h2 {
                    font-size: 170%;
                    text-align: center;
                    color: #0066cc;
                    margin: 10px 0;
}

h3 {
                    font-size: 150%;
                    text-align: center;
                    color: #0066cc;
                    margin: 15px 0;
                    padding-bottom: 5px;
}

h4 {
                    font-size: 100%;
                    text-align: center;
                    color: #0066cc;
                    margin: 15px 0;
                    padding-bottom: 5px;
}

h5 {
                    margin: 0;
                    padding-bottom: 0;
}

h6 {
                    margin: 0;
                    padding-bottom: 0;
}

.highlight {
                    color: #fda000);
                    background-color: transparent;
}

.hide {
                    display: none !important;
}

.noclear {
                    clear: none !important;
}

.smallCaps {
                    font-variant: small-caps;
}

td {
                    cursor: default;
                    font-weight: normal;
                    font-size: 100%;
                    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                    color: #666666;
}

 /* ----- END ----- */


 /* ----------- THIS PART CONTROLS PICTURES ---------- */
img {
                    border: 0;
}

.gradualshine {
                    filter:alpha(opacity=50);
                    -moz-opacity:0.5;
}

.bean-bottom-left {
                    float: left;
                    width: 119px;
                    height: 360px;
                    display: block;
                    background: url("../../images/mr_bean.gif") no-repeat;
                    margin-top: 0px;
                    margin-right: 0px;
                    margin-bottom: 0;
                    margin-left: 0;
                    overflow: hidden;
                    z-index: 50;
}

.jolie-bottom-right {
                    position: absolute;
                    right: 0px;
                    bottom: 0px;
                    width: 145px;
                    height: 350px;
                    display: block;
                    background: url("../../images/jolie.gif") no-repeat;
                    margin-top: 0;
                    margin-right: 0;
                    margin-bottom: 0;
                    margin-left: 0;
                    overflow: hidden;
                    z-index: 50;
}

 /* ----- END ----- */


 /* ----------- CODE FOR THE HEADER ----------- */
div#page-header {
                    position: relative;
                    width: 100%;
                    height: 65px;
                    margin-top: 20px;
                    margin-right: 0;
                    margin-bottom: 20px;
                    margin-left: 0;
                    padding: 0;
                    overflow: hidden;
}

div#page-header .logo {
                    float: left;
                    width: 370px;
                    height: 55px;
                    display: block;
                    margin: 0;
                    padding-top: 5px;
                    padding-right: 0;
                    padding-bottom: 0;
                    padding-left: 20px;
}

div#page-header .full-banner {
                    float: right;
                    width: 468px;
                    height: 60px;
                    display: block;
                    text-align: right;
                    margin-top: 0;
                    margin-right: 10px;
                    margin-bottom: 5px;
                    margin-left: 5px;
                    padding: 0;
}

 /* ----- END ----- */


 /* ----------- CODE FOR THE AD BAR ----------- */
div#adbar {
                    position: relative;
                    width: 100%;
                    height: 120px;
                    border-top: 1px solid #cccccc;
                    border-right: 0px solid #cccccc;
                    border-bottom: 0px solid #cccccc;
                    border-left: 0px solid #cccccc;
                    margin: 0;
                    padding-left: 0;
                    padding-top: 10px;
                    padding-right: 0;
                    padding-bottom: 10px;
                    overflow: hidden;
}

div.adbar-float-left {
                    float: left;
                    margin-top: 0;
                    margin-right: 8px;
                    margin-bottom: 0;
                    margin-left: 0;
                    padding-left: 8px;
                    padding-top: 0;
                    padding-right: 0;
                    padding-bottom: 0;
}

div.adbar-float {
                    float: left;
                    border-left: 1px solid #cccccc;
                    margin-top: 0;
                    margin-right: 8px;
                    margin-bottom: 0;
                    margin-left: 0;
                    padding-left: 8px;
                    padding-top: 0;
                    padding-right: 0;
                    padding-bottom: 0;
}

div.adbar-float img {
                    margin-left: 0px;
}

 /* ----- END ----- */


 /* ---------- THIS CODE IS THE WRAPPER IN WHICH ALL THE CONTENT ARE CREATED ---------- */
div#content-wrapper {
                    position: relative;
                    width: 100%;
                    height: auto;
                    background-color: #ffffff;
                    border-top: 1px solid #cccccc;
                    border-right: 0px solid #cccccc;
                    border-bottom: 1px solid #cccccc;
                    border-left: 0px solid #cccccc;
                    margin: 0;
                    padding-top: 10px;
                    padding-right: 0;
                    padding-bottom: 10px;
                    padding-left: 0;
                    overflow: hidden;
}

 /* ----- END ----- */


 /* ----------- CODE FOR THE LEFT SIDE ----------- */
div#left-side {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 170px;
                    padding-top: 10px;
                    padding-right: 0;
                    padding-bottom: 10px;
                    padding-left: 6px;
}

div.intro {
                    width: 144px;
                    font-size: 120%;
                    vertical-align: middle;
                    background-color: #d7e9f9;
                    border: 3px solid #0066cc;
                    margin-top: 0;
                    margin-right: 0;
                    margin-bottom: 10px;
                    margin-left: 0;
                    padding-top: 4px;
                    padding-right: 5px;
                    padding-bottom: 10px;
                    padding-left: 5px;
                    overflow: hidden;
}

div.intro h4 {
                    font-weight: normal;
                    text-align: center;
                    font-size: 130%;
                    color: #0066cc;
                    margin: 0;
                    padding: 0;
}

div.intro p {
                    font-size: 85%;
                    text-align: left;
                    color: #666666;
                    margin: 3px 0 0 0;
                    padding: 0;
}

div.intro a, div.intro a:link, div.intro a:visited {
                    color: #0066cc;
}

div.intro a:hover {
                    color: #000080;
                    background-color: #f5e7cb;
                    text-decoration: underline;
}

div.left-ad {
                    width: 160px;
                    margin-top: 0;
                    margin-right: 0;
                    margin-bottom: 10px;
                    margin-left: 0;
                    padding: 0;
}

 /* ----- END ----- */


 /* ----------- THIS PART IS THE BOX IN WHICH THE MAIN CONTENT IS CREATED ---------- */
#main-content {
                    text-align: justify;
                    line-height: 1.5em;
                    color: #333333;
                    background-color: #ffffff;
                    margin-top: 0px;
                    margin-right: 140px;
                    margin-bottom: 0px;
                    margin-left: 179px;
                    padding-top: 0;
                    padding-right: 10px;
                    padding-bottom: 40px;
                    padding-left: 15px;
                    border-top: 0px solid #000000;
                    border-right: 1px solid #cccccc;
                    border-bottom: 0px solid #000000;
                    border-left: 1px solid #cccccc;
                    /*
                    IE5x PC mis-implements the box model. Because of that we sometimes have
                    to perform a little CSS trickery to get pixel-perfect display across browsers.
                    The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
                    parsing bug in IE5x PC that will prematurly close a style rule when it runs
                    into the string "\"}\"". After that string appears in a rule, then, we can override
                    previously set attribute values and only browsers without the parse bug will
                    recognize the new values. So any of the name-value pairs above this comment
                    that we need to override for browsers with correct box-model implementations
                    will be listed below.

                    We use the voice-family property because it is likely to be used very infrequently,
                    and where it is used it will be set on the body tag. So the second voice-family value
                    of "inherit" will override our bogus "\"}\"" value and allow the proper value to
                    cascade down from the body tag.

                    The style rule immediately following this rule offers another chance for CSS2
                    aware browsers to pick up the values meant for correct box-model implementations.
                    It uses a CSS2 selector that will be ignored by IE5x PC.

                    Read more at http://www.glish.com/css/hacks.asp
                    */
                    voice-family: "\"}\"";
                    voice-family: inherit;
                    margin-right: 140px;
                    margin-left: 179px;
}

html>body #main-content {
                    margin-right: 140px;
                    margin-left: 179px;
}

table#babelist h1,
table#babepics h1,
table#babelinks h1 {
                    font-size: 120%;
                    color: #0066cc;
                    display:inline;
                    margin: 0;
                    padding-bottom: 0;
}

table#babelist {
                    text-align: left;
}

#section1 h3,
#section2 h3,
#section3 h3 {
                    font-size: 105%;
                    text-align: left;
                    color: #999999;
                    margin: 0;
                    padding: 0;
}

#section1 a:link, #section1 a:visited, #section1 a:active,
#section2 a:link, #section2 a:visited, #section2 a:active,
#section3 a:link, #section3 a:visited, #section3 a:active {
                    color:#666666;
}

#section1 a:hover,
#section2 a:hover,
#section3 a:hover {
                    background-color: #d7e9f9;
                    text-decoration: underline;
}

h5.date {
                    font-weight: bold;
                    font-size: 110%;
                    text-align: center;
                    color: #999999;
                    margin-top: 0;
                    margin-bottom: 15px;
                    padding-bottom: 0;
}

p {
                    font-size: 110%;
                    text-align: justify;
                    margin-top: 10px;
                    margin-bottom: 0;
                    padding-top: 0;
                    padding-right: 10px;
                    padding-bottom: 0;
                    padding-left: 5px;
}

div.middle-ad {
                    width: 100%;
                    text-align: center;
                    margin-top: 15px;
                    margin-right: 0;
                    margin-bottom: 20px;
                    margin-left: 0;
                    padding-top: 0;
                    padding-right: 0;
                    padding-bottom: 0;
                    padding-left: 0;
}

div.middle-submit {
                    width: 100%;
                    text-align: center;
                    margin-top: 15px;
                    margin-right: 0;
                    margin-bottom: 20px;
                    margin-left: 0;
                    padding-top: 0;
                    padding-right: 0;
                    padding-bottom: 0;
                    padding-left: 0;
}

div.top-title {
                    width: 100%;
                    text-align: center;
                    margin-top: 0;
                    margin-right: 0;
                    margin-bottom: 20px;
                    margin-left: 0;
                    padding: 0;
}

div.top-title h1,
div.top-title h1 a,
div.top-title h1 a:link,
div.top-title h1 a:visited {
                    font-size: 150%;
                    color: #0066cc;
                    display: inline;
                    margin-top: 0;
                    margin-bottom: 0;
                    padding-bottom: 0;
}

 /* ----- END ----- */


 /* ----------- THIS PART IS THE BOX IN WHICH THE RIGHT SIDE CONTENT IS CREATED ---------- */
#right-side {
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    width: 124px;
                    margin: 0;
                    padding-top: 10px;
                    padding-right: 6px;
                    padding-bottom: 0;
                    padding-left: 6px;
}

div.right-ad {
                    float: right;
                    width: 120px;
                    text-align: right;
                    margin-top: 0;
                    margin-right: 0;
                    margin-bottom: 10px;
                    margin-left: 5px;
                    padding: 0;
}

 /* ----- END ----- */


  /* ----------- THIS SECTION CONTROLS THE BOTTOM MENU ----------- */
div.footer-menu {
                    width: 100%;
                    text-align: center;
                    margin-top: 10px;
                    margin-right: 0;
                    margin-bottom: 10px;
                    margin-left: 0;
                    padding-top: 0;
                    padding-right: 0;
                    padding-bottom: 0;
                    padding-left: 0;
}

 /* ----- END ----- */


 /* ----------- THIS SECTION IS THE CODE THAT CONTROLS THE FOOTER ----------- */
div#page-footer {
                    position: relative;
                    width: 100%;
                    height: auto;
                    font-weight: normal;
                    font-size: 80%;
                    font-family: Verdana, Arial, sans-serif;
                    color: rgb(51,51,51);
                    background-color: rgb(221,221,221);
                    border-top: 1px solid rgb(153,153,153);
                    margin: 0;
                    padding: 0;
                    overflow: hidden;
}

div#page-footer .left {
                    float: left;
                    width: auto;
                    height: auto;
                    display: block;
                    text-align: left;
                    margin: 0;
                    padding-left: 7px;
                    padding-top: 3px;
                    padding-right: 3px;
                    padding-bottom: 3px;
                    overflow: hidden;
}

div#page-footer .right {
                    float: right;
                    width: auto;
                    height: auto;
                    display: block;
                    text-align: right;
                    margin: 0;
                    padding-left: 3px;
                    padding-top: 3px;
                    padding-right: 7px;
                    padding-bottom: 3px;
}

 /* ----- END ----- */


 /* ----------- THIS SECTION CONTROLS THE BOTTOM AD ----------- */
 #bottom-ad {
                    position: relative;
                    width: 950px;
                    height: 90px;
                    text-align: center;
                    border: 0px solid #666666;
                    margin-top: 10px;
                    margin-right: auto;
                    margin-bottom: 10px;
                    margin-left: auto;
                    padding: 0px;
                    overflow: hidden;
}

 /* ----- END ----- */