/*
THEME NAME: SuperAffiliate
THEME URI: http://CreativeWPThemes.com
DESCRIPTION: SuperAffiliate full-featured theme
VERSION: 1.0
AUTHOR: <a href="http://www.AgileWebDevelopers.com/">AgileWebDevelopers.com</a>
AUTHOR URI: http://www.AgileWebDevelopers.com/
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');

a, a:visited, a:active {
    color: #666;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

body {
    background: url(images/funky-blue/bg-spot.jpg) top center no-repeat;
    background-color: #e4e4e4;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 19px;
    padding: 0;
    margin: 0;
    color: #333333;
}

img {
    border: none;
}

/* Just some example content */
div.skip-link {
    position: absolute;
    right: 1em;
    top: 1em;
}

div#menu ul, div#menu ul ul {
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
}

div#menu ul a {
    display: block;
    margin-right: 1em;
    padding: 0.2em 0.5em;
    text-decoration: none;
}

div#menu ul ul ul a {
    font-style: italic;
}

div#menu ul li ul {
    left: -999em;
    position: absolute;
}

div#menu ul li:hover ul {
    left: auto;
}

.entry-title, .entry-meta {
    clear: both;
}

div#container, div#primary {
    margin-top: 15px;
}

form#commentform .form-label {
    margin: 1em 0 0;
}

form#commentform span.required {
    background: #fff;
    color: #c30;
}

form#commentform, form#commentform p {
    padding: 0;
}

input#author, input#email, input#url, textarea#comment {
    padding: 0.2em;
}

div.comments ol li {
    margin: 0 0 3.5em;
}

textarea#comment {
    height: 13em;
    margin: 0 0 0.5em;
    overflow: auto;
    width: 66%;
}

.alignright, img.alignright {
    float: right;
    margin: 1em 0 0 1em;
}

.alignleft, img.alignleft {
    float: left;
    margin: 1em 1em 0 0;
}

.aligncenter, img.aligncenter {
    display: block;
    margin: 1em auto;
    text-align: center;
}

div.gallery {
    clear: both;
    height: 180px;
    margin: 1em 0;
    width: 100%;
}

p.wp-caption-text {
    font-style: italic;
}

div.gallery dl {
    margin: 1em auto;
    overflow: hidden;
    text-align: center;
}

div.gallery dl.gallery-columns-1 {
    width: 100%;
}

div.gallery dl.gallery-columns-2 {
    width: 49%;
}

div.gallery dl.gallery-columns-3 {
    width: 33%;
}

div.gallery dl.gallery-columns-4 {
    width: 24%;
}

div.gallery dl.gallery-columns-5 {
    width: 19%;
}

div#nav-above {
    margin-bottom: 1em;
}

div#nav-below {
    margin-top: 1em;
}

div#nav-images {
    height: 150px;
    margin: 1em 0;
}

div.navigation {
    height: 1.25em;
}

div.navigation div.nav-next {
    float: right;
    text-align: right;
}

div.sidebar h3 {
    font-size: 1.2em;
}

div.sidebar input#s {
    width: 7em;
}

div.sidebar li {
    list-style: none;
    margin: 0 0 2em;
}

div.sidebar li form {
    margin: 0.2em 0 0;
    padding: 0;
}

div.sidebar ul ul {
    margin: 0 0 0 1em;
}

div.sidebar ul ul li {
    list-style: disc;
    margin: 0;
}

div.sidebar ul ul ul {
    margin: 0 0 0 0.5em;
}

div.sidebar ul ul ul li {
    list-style: circle;
}

div#menu ul li, div.gallery dl, div.navigation div.nav-previous {
    float: left;
}

div#header, div#footer {
    text-align: center;
}

input#author, input#email, input#url, div.navigation div {
    width: 50%;
}

div.gallery *, div.sidebar div, div.sidebar h3, div.sidebar ul {
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 954px;
    margin: 0 auto 0 auto;
    padding: 0;
}

#wrap-main {
    padding:0;
    margin: 0;
    background: url(images/funky-blue/header-bg.gif) top left repeat-x;
}

#access {
    height: 28px;
    padding-top: 11px;
    padding-left: 35px;
}

#access div#menu li {
    display:block;
    height:30px;
}

#access div#menu li {
    background: url(images/funky-blue/menu-separator.gif) 0 3px no-repeat;
    padding: 0 15px 0 15px;
}
#access div#menu li.home {
    background: none;
    padding-left: 0;
}

#access div#menu ul li.current_page_item a, #access div#menu ul li:hover a {
    color: #f1e395;
}

#access div#menu ul li.current_page_item a, #access div#menu ul li:hover a {
    background: url(images/funky-blue/menu-marker.gif) bottom center no-repeat;
}

#access div#menu a:hover {
    color: #f1e395;
}

#access div#menu a {
    color: #7f7f7f;
    text-transform: uppercase;
    font-family: Georgian, serif;
    display: block;
    float: left;
    }

#access div#menu ul li ul { display: none; }

#access div#menu ul a {
    margin: 0;
    padding: 0;
    height: 27px;
}

#header {
    padding-left: 35px;
    height: 105px;
    background: url(images/funky-blue/header-brush-strokes-bg.png) 50px 0 no-repeat;
    clear:both;
}

#header #logo {
    padding: 0;
    margin: 0;
    width: 400px;
    float: left;
    text-align: left;
    margin-top: 30px;
}

#header #ad-468x60 {
    float: right;
    margin:30px 5px 0;
    border: 1px solid black;
}

.frame-top #container {
    background: url(images/funky-blue/content-bg.png) top left repeat;;
    margin-top: 0;
	margin-bottom:20px;
}

.frame-top { margin-top: 20px; padding-top: 8px; background: url(images/funky-blue/wrap-top-bg.png) top left no-repeat; }
.frame-bottom { padding-bottom: 8px; background: url(images/funky-blue/wrap-bottom-bg.png) bottom left no-repeat; }
.frame-right { padding-right: 8px; background: url(images/funky-blue/wrap-right-bg.png) top right repeat-y; }
.frame-left { padding-left: 8px; background: url(images/funky-blue/wrap-left-bg.png) top left repeat-y; }
.frame-content { background: url(images/funky-blue/content-bg.png) top left repeat;}

#wrap-footer {
    background: url(images/funky-blue/footer-bg.png) bottom left repeat-x;
}

#footer-bottom {
    height: 75px;
    clear: both;
    color: white;
    font-size: 11px;
}

#footer-bottom a {
    color: white;
    text-decoration: underline;
}

#footer-bottom a:hover {
    color: #aaa;
}

#footer-bottom .left {
    float: left;
    width: 400px;
    padding: 40px 0 0 25px;
}

#footer-bottom .right {
    float: right;
    width: 400px;
    padding: 40px 25px 0;
    text-align: right;
}

.frame-top #footer {
    height: 245px;
    border-top: 2px solid #969696;
    background: url(images/funky-blue/content-bg.png) top left repeat;
    padding: 15px 15px 20px 15px;
    width: 909px;
    overflow: hidden;
}
#footer .xoxo { margin: 0; padding: 0; }
#footer .xoxo li { list-style: none; }
#footer .widget { width: 290px; text-align: left; float: left; margin-left: 13px; }
#footer .widget h3, #footer .widget h2 {
    color: #1d4a5e;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
}
#footer #about img { margin: 0 20px 10px 0; float: left; }
#footer .xoxo ul { margin-left: 15px; padding-left: 5px; list-style: circle; }
#footer .xoxo ul li { list-style: circle; }

div#content { padding: 15px; }

.xoxo { padding: 10px; }

#top-block {
    height: 90px;
    background: url(images/funky-blue/content-bg.png) top left repeat;
    border-bottom: 2px solid #969696;
    padding: 10px;
}

#top-block .left {
    float: left;
}
#top-block .right {
    float: right;
}

#top-block .search { height: 39px; width: 179px; background: url(images/funky-blue/search-box-bg.png) top left no-repeat; }
#top-block .search .text {
    position: relative;
    border: none;
    background: none;
    left: 10px;
    top: -13px;
    width:125px;
    font-family: Georgia, serif;
    color: #1d717d;
    font-style: italic;
    font-size: 14px;
}
#top-block .search .button { margin-left:12px; margin-top:5px; }

h2, .entry-title {
    font-size: 24px;
    font-weight: bold;
    margin: 5px 0 10px 0;
    color: #1d4a5e;
    line-height: 25px;
}

h2 a, .entry-title a { text-decoration: none; color: #1d4a5e; }

#slider {
    background: url(images/funky-blue/slide-show-frame.png) top left no-repeat;
    margin-left:-2px;
    padding: 2px;
}
#slider .sldrlink { display: none; }
#slider .smooth_slider_thumbnail { margin-right: 15px; }
#slider .more a {
    display: block;
    width: 92px;
    height: 22px;
    background: url(images/funky-blue/read-more-btn.png) top left no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
#slider #smooth_sliderc { text-align: left; }
#slider #smooth_sliderc_nav li { border: 1px solid #e7e7e7; }
#slider #smooth_sliderc_nav li a {
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
}
#slider #smooth_sldr {
    background: url(images/funky-blue/content-bg.png) top left repeat;
    height: 215px;
    width: 570px;
}
#slider #smooth_sliderc_nav {
    border-bottom:1px solid #d8d7cc;
    border-top:1px solid #d8d7cc;
    left:180px;
    padding:5px 0;
    position:relative;
    top:-20px;
}
#slider #smooth_sldr_body h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d7cc;
    margin-left: 180px;    
}

#slider #smooth_sldr_body h2 a {
    color: #1d4a5e;
    font-size:24px;
    font-weight:bold;
    line-height: 28px;
}

div.sidebar .widget {
    border: 1px solid #e7e7e7;
    width: 300px;
    background: white;
}

div.block div, div.sidebar .xoxo .widget > ul, div.sidebar .xoxo .widget > div {
    padding: 10px;
    background: white;
}

div.sidebar .widget h3 {
    font-size: 18px;
    font-family: Georgia, serif;
    color: #68d1d7;
    height: 32px;
    text-shadow: 1px 1px 0.5px #111;
    padding: 5px 0 0 15px;
    background: url(images/funky-blue/block-header-bg.gif) top left no-repeat;
}

div.sidebar {
    background: url(images/funky-blue/content-bg.png) top left repeat;
}

#optin { border: 1px solid black; color: white; }
#optin div { background: #235368; text-align: center;}
#optin h3 {
    background: url(images/funky-blue/sign-up-header-bg.gif) top left no-repeat;
    height: 32px;
    padding-top: 0;
    margin-top: 0;
}
#optin h2 { color: #68d1d7; font-size: 22px; margin:0 0 7px; }
#optin form {
    margin-top: 5px;
    text-align: center;
    margin-left: 40px;
}
#optin input {
    display: block;
    margin: 5px 0 5px 0;
}
#optin input.text {
    background: url(images/funky-blue/text-field-bg.gif) top left no-repeat;
    border: none;
    font-family: Georgia, serif;
    color: #184053;
    font-style: italic;
    font-size: 14px;
    width: 218px;
    height: 28px;
    padding: 4px 5px 0 5px; 
}

#featured { margin: 19px 0 20px 0; border: 1px solid #E7E7E7; } 
#featured h3 {
    height: 32px;
    background: url(images/funky-blue/featured-post-header-bg.gif) top left no-repeat;
    margin: 0;
    padding-top: 0;
}
#featured h2 a, #recent-posts h2 a { color: #1d4a5e; }
#featured .content { margin-bottom: 0; padding-bottom: 0; }
#featured .content h2, #recent-posts h2 {
    border-bottom: 1px solid #D8D7CC;
    padding-bottom: 5px;
}
#featured .content .links, #recent-posts .links {
    border-top: 1px solid #D8D7CC;
	clear: both;
}
#featured .content .image, #recent-posts .image {
    float: left;
    padding: 0;
    margin: 0;
}
#featured .content .image img, #recent-posts .image img {
    border: 1px solid #e7e7e7;
    padding: 5px;
    margin: 0 20px 10px 0;
    float: left;
    width: 140px;
}

#featured .content .links .more, #recent-posts .links .more { float: right; display: block; padding: 0; margin: -5px 0; }
#featured .content .links .comments, #recent-posts .links .comments {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    color: #666;
    padding-left: 40px;
    height: 22px;
    float: left;
    display: block;
    background: url(images/funky-blue/comment-icon.png) top left no-repeat;
}

#sponsors h3 {
    height: 32px;
    background: url(images/funky-blue/blog-sponsors-header-bg.png) top left no-repeat;
}
#sponsors .content { padding: 21px; }
#sponsors .advertise-with-us { margin: 10px 0 0 30px; display: block; }

#products h3 {
    height: 32px;
    background: url(images/funky-blue/recommended-products-header-bg.png) top left no-repeat;
}
#products .content { padding: 21px; }

#recent-posts {
    width: 366px;
    background-color: white;
    border: 1px solid #D8D7CC;
    float: left;
    padding-bottom: 10px;
}
#recent-posts h3 {
    margin-top: 0;
    height: 32px;
    background: url(images/funky-blue/recent-posts-header-bg.gif) top left no-repeat;
}

#recent-posts .post-excerpt {
    padding: 10px;
	margin-top: 20px;
}

#recent-posts .links {
    padding: 10px 0 10px 0;
}

.blocks { float: right; width: 210px; margin-left: 5px;}
.blocks .product-reviews {
    text-align: center;
    width: 210px;
    background: white;
    border: 1px solid #d8d7cc;
}

.blocks .online-store {
    text-align: center;
    width: 210px;
    background: white;
    border: 1px solid #d8d7cc;
    padding-bottom: 20px;
	margin-top: 20px;
}
.blocks .online-store h3 { margin-top: 0; height: 32px; background: url(images/funky-blue/online-store-header-bg.png) top left no-repeat; }
.blocks .product-reviews h3 { margin-top: 0; height: 32px; background: url(images/funky-blue/product-reviews-header-bg.png) top left no-repeat; }

.blocks .product-reviews  .review  { padding: 10px; margin-bottom: 15px; }
.blocks .product-reviews  .review h2 { text-align: left; padding-bottom: 5px; border-bottom: 1px solid #d8d7cc; }
.blocks .product-reviews  .review span { text-align: left; }
.blocks .product-reviews  .review .links { text-align: right; padding-top: 5px; border-top: 1px solid #d8d7cc; }
.blocks .product-reviews  .review .image, .blocks .product-reviews  .review .image img {
	width: 180px;
}

body.page div.page, body.single div.post {
    padding-top: 45px;
    background: url(images/funky-blue/wide-header-bg.gif) top left no-repeat;
    background-color: white;
    border: 1px solid #d8d7cc;
    padding: 45px 15px 15px 15px;
}

body.page div.page .page-bottom {
    margin-top: 15px;
    height: 30px;
    border-top: 1px solid #d8d7cc;
}

body.page div.page h2, body.single div.post h2 {
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d7cc; 
}

body.single div.post .entry-meta {
    margin-top: 15px;
    height: 30px;
    border-top: 1px solid #d8d7cc;
    font-size: 11px;
    font-style: italic;
    color: #666;
}
body.single div.post .comments {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    color: #666;
    padding-left: 40px;
    height: 22px;
    display: block;
    background: url(images/funky-blue/comment-icon.png) top left no-repeat;
}

div#comments {
    background: white;
    border: 1px solid #d8d7cc;
    padding: 15px;
    margin-top: 20px; 
}

div#comments #respond h3 {
    font-size: 24px;
    color: #1d4a5e;
    font-weight: bold;
    margin: 0;
}
div#comments #respond input, div#comments #respond textarea{
    background: #f9f9f9;
    border: 1px solid #d8d7cc;
}
div#comments #respond input.button {
    background: none;
    border: none;
}

div#comments #respond div.form-label {
    display: block;
    width: 150px;
    float: left;
    margin-top: 10px;
    padding-top: 0;
}
div#comments #respond div.form-input, div#comments #respond div.form-textarea {
    float: left;
    width: 300px;
    margin-top: 10px;
    padding-top: 0;
}
div#comments #respond div.form-input { padding-right: 100px; }
div#comments #respond div.form-input input, div#comments #respond div.form-textarea textarea {
    width: 300px;
}

div#comments #comments-list ol { list-style: none; margin-left: 0; padding-left: 0; }
div#comments #comments-list ol li {
    list-style: none;
    margin-left: 0;
    padding-left: 0; 
}
div#comments #comments-list ol li img {
    float: left;
    padding: 0 10px 10px 0;
}
div#comments #comments-list .comment-author, div#comments #comments-list .comment-author a,
div#comments #comments-list .comment-meta {
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: bold;
    color: #7f7f7f;
    font-size: 13px;
}
div#comments #comments-list .comment-meta  { font-weight: normal; }

.rss-icon { margin-right: 2px;}
.twitter-icon, .facebook-icon { margin-right: 8px; }

blockquote {
    font-style: italic;
    background: url(images/funky-blue/blockquote-top-left.gif) top left no-repeat;
    background-position: 5px 5px;
    background-color: #f4f4f4;
    padding: 3px 5px 5px 35px;
}
blockquote p {
    background: url(images/funky-blue/blockquote-bottom-right.gif) bottom right no-repeat;
    background-color: #f4f4f4;
    padding-right: 35px;
    margin: 0;
}