/*
Theme Name: Mad4U Based on 960 Base
Theme URI: http://www.almostanything.com.au
Description: A generic starting point.
        Fixed width content, although parts are fluid.
        Home page has 3 Calls to Action.
        Main content with right sidebar.
        Horizontal Nav, requiring WP built-in menu management.
        Inbuilt homepage CTA management.
        @media queries for mobile device display.
Version: 2011b
Author: Stuart Harcourt - Original Ground work by Jason, Jylan & Michael, Almost Anything Web and Graphic Design
Author URI: http://www.almostanything.com.au
*/

/*
 *
 * based on 960 12 col grid
 * columns 60px
 * column gaps 20px
 * 10px left/right, usable width in content area 940px
 *

IMPORTANT - 2 Settings in #Package need to change when an advert is sold to the prices & packages page 

*/




/***************************************************************
 *
 * Let's play Tetris!
 * (Block-level layout only)
 *
 ***************************************************************/

body {
    margin: 0;
    padding: 0;
    font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6d6e71;
}

.outer {
    width: 100%;
    background: #fff url(images/Mad4u_main_bg.jpg) 50% 0 no-repeat;
    margin:0 auto;
}

.widthlimiter {
    width:940px;
    margin:0 auto;
    position:relative;
}

#header {
    height: 189px;
    position: relative;
}

#sidebar { /* 4 cols = 300 */
    width: 280px;
    float: right;
    padding: 10px;
}

#content.narrow { /* 8 cols = 620 */
    width: 620px;
    float: left;
}
#content.wide { /* 12 cols = 940 */
    width: 940px;
    margin: auto;
    margin-bottom:10px;
}

#content.wide.home {text-align:center}

.page-id-7 #content.wide {
    width:90%;	
}

#footer {
    clear: both;
    width: 100%;
}

.mainlogo{
    margin-top:5px;
    width:255px;
    height:175px;
    border:none;
    position:relative;
}

#promo {
    margin:0 auto;
    background:transparent url(images/HotFM-logo.jpg) no-repeat left center;
    width:600px;
    clear:both;
    margin-bottom:10px;
}

#promo a:link, #promo a:visited, #promo a:active {
    padding:20px;
    display:block;
    width:100%;
    height:100%;
    text-align:left;
    padding-left:170px;
    font-size:18px;
    font-weight:lighter;
    text-decoration:none;
    color: #6d6e71;
}

#promo a:hover {
    text-decoration:underline;
}

#14daypromo {margin-bottom:50px:}

#page97 #content a, #page86 #content a {
    border:none;
    background:transparent;
    color: #6d6e71;
    text-decoration:underline;	
    padding:0;	
    font-size:1em;
}

#page97 #content a:hover, #page86 #content a:hover {
    color:#ca0000;
}



/**********************
* Advertising / Quote Features
**********************/

#announcement {margin:30px 0px 30px; position:relative;border: 2px solid #ca0000; padding:20px; border-top-right-radius: 2em; background:#FFF; width:67%;}

#quote_outer {border: 2px solid #ca0000; border-top-right-radius: 2em; padding:10px; margin-bottom:30px; background:#FFF}

.quote_heading h3 {margin-bottom:10px; margin-top:3px; padding-bottom:10px;}

.quote_open {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:5em; color:#CCC; margin:0; padding:0; display:block; margin-top:12px;}

.quote_text {font-size:0.9em; padding:5px 50px 5px; display:block; margin-top:-40px}

.quote_close {display:none}

.advert-profile-listing img {width:100%; max-width:850px; margin:10px 0px 10px;}

.advert-packages {margin-bottom:10px;}

.advert-bty img {width:100%}

/***************************************************************
 *
 * Search Box
 *
 ***************************************************************/


#SearchOuter{
    border:2px solid #ef1416; 
    border-top-right-radius:2em;
    background-color: #ef1416;
    color:#FFF;
    width:80%;
    height:30px;
    margin-top:5px;
    text-align:left;
    font-style:italic;
    padding:5px 20px 5px 10px;
}

#SearchOuter form {width:auto; float:left; margin-botton:0px; height:20px}

.browselink {float:left; width:auto; margin-top:4px;}

#SearchField {
    border:none;
    padding:5px 20px 5px;
    font-size:14px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width:350px;
    font-style:italic;
}

.browse_button, .search-submit input[type="submit"] {
    color: #FFF;
    padding:5px 10px;
    cursor:pointer;
    text-align:left;
    background: #ca0000;
    border:1px solid #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    text-decoration:none;
    font-size:14px;
}

.browse_button:hover, .search-submit input[type="submit"]:hover {
    background:#6d6e71;
    color:#FFF;
}

.browse_button:active, .search-submit input[type="submit"]:active {
    color: #000;
    background: #fff;
}


/***************************************************************
 *
 * registration and forms
 *
 ***************************************************************/
#loginform {margin-top:-5px; padding-top:0px}

form ul li {
    list-style:none;
    line-height:2.5em;
    margin-left:-25px;
}

#loginWrapper{
    position: absolute;	
    width:90%;
    text-align:right;
    color:#FFF;
    padding:5px;
    font-size:12px;
    margin-top:5px;
}


.input, input[type="text"], input[type="password"] {
    border:none;
    padding:5px 5px;
    font-size:13px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-style:italic;
    border:1px solid #ca0000;
    width:150px;
}

form ul li input[type="text"]{
    width:300px;
}

form ul li input[type="text"], form ul li input[type="password"], #m4u_data_title, #m4u_data_state {
    margin-left:20px;
    padding:8px 12px;
}

#wp-submit {	
    color: #FFF;
    padding:5px 10px;
    cursor:pointer;
    text-align:left;
    background: #ca0000;
    border:1px solid #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* useful if you don't want a bg color from leaking outside the border: 
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
    text-decoration:none;
    font-size:14px;
    font-style:normal;
}

#wp-submit:hover {
    background:#6d6e71;
    color:#FFF;
}

#content p a, input[type="submit"], input[type="file"], .mad4u-upload-profile-photo a, #mad4u_login_fail a {
    color: #FFF;
    padding:5px 10px;
    cursor:pointer;
    text-align:left;
    background: #ca0000;
    border:none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* useful if you don't want a bg color from leaking outside the border: 
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
    text-decoration:none;
    font-size:14px;
    font-style:normal;	
}

#content p a:hover, input[type="submit"]:hover, input[type="file"]:hover, .mad4u-upload-profile-photo a:hover, #mad4u_login_fail a:hover {
    background:#6d6e71;
    color:#FFF;
}

.mad4u-upload-profile-photo{margin-bottom:20px;}

input[type="submit"] {
    margin-bottom:15px;	
}

#m4u_data_title, #m4u_data_state, #m4u_data_gender, #m4u_data_orientation,  .region_select{
    font-size:13px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-style:italic;
    border:1px solid #ca0000;
}

form ul li .input_select select {
    font-size:13px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-style:italic;
    border:1px solid #ca0000;
    margin-left:10px;
}


form ul li .input_textarea textarea {
    font-size:13px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-style:italic;
    border:1px solid #ca0000;
    float:left;
    clear:both;
    padding:5px 10px;
    width:99%;
}

#m4u_data_relationship_status{clear:both}

.input_check_array label {display:list-item; width:100%}

.input_error {
    color:#000;
    padding:5px;
    border:1px solid #ca0000;
    margin-bottom:10px;
    background:#FFF url(images/TableBG.jpg) repeat-x center;
}

.form_errors {
    color:#000;
    padding:5px;
    border:1px solid #ca0000;
    margin-bottom:10px;
    background:#FFF url(images/TableBG.jpg) repeat-x bottom;
}

.form_errors p {
    font-size:20px;
    font-weight:bold;
    padding-left:10px;
    color:#ca0000;
}

.form_errors ul li {
    line-height:1.5em;
    list-style:none;
    background: transparent url(images/bullet-arrow.png) 0 3px no-repeat;
    padding-left: 15px;
    margin: 12px 0;	
}

input[type="checkbox"] {
    float:left;
    margin:12px;
}

#m4u_data_postcode {width:45px}
#m4u_data_birthday {width:15%}

.mad4u-profile-header-image{border:1px solid #ca0000}

a.t-c-link {color:#6d6e71}
a.t-c-link:hover {color:#ca0000}


/***************************************************************
 *
 * Dashboard
 *
 ***************************************************************/

/* 
    Document   : styles
    Created on : 06/11/2012, 10:59:27 AM
    Author     : Rhys
    Description:
*/

/* dashboard start */
#dashboard-heading{
    width: 100%;
}
#dashboard-heading h1, #dashboard-heading #search {
    display: inline;
    margin-left: 5px;
}
#dashboard-top {
    width: 100%;
}
#dashboard-photos {
    width: 20%;
    float: left;
    margin-bottom:20px;
}
#dashboard-photos img {
    width: 100%;
    border:3px solid #ca0000;
    border-radius:10px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    margin:10px;
}
#dashboard-photos select {
    width: 100%
}
#dashboard-top-right {
    width: 50%;
    float: left;
    margin:30px;
}

.dashboard-messages{
    margin:20px 0px 20px;
    padding:20px;
    border:1px solid #ca0000;
    background:#FFF url(images/TableBG.jpg) repeat-x bottom;	
}


#dashboard-roses {
    margin-bottom:10px;	
}

#dashboard-status form input.status-text {
    border:none;
    padding:5px 5px;
    font-size:13px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-style:italic;
    border:1px solid #ca0000;
    width:100%;	
}

#dashboard-roses a:link, #dashboard-contacts a:link, .upgrade-request a:link, #dashboard-roses a, #dashboard-roses a:visited, #dashboard-contacts a:visited, .upgrade-request a:visited, #dashboard-photos a:link, #dashboard-photos a:visited, #dashboard-info fieldset legend a:link, #dashboard-info fieldset legend a:visited, #normal-user a:link, #normal-user a:visited, input.status-submit[type="submit"], .image-actions a, .contact-actions a, a.paginate-button:link, a.paginate-button:visited {
    color: #FFF;
    padding:5px 10px;
    cursor:pointer;
    text-align:left;
    background: #ca0000;
    border:none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* useful if you don't want a bg color from leaking outside the border: 
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
    text-decoration:none;
    font-size:14px;
    font-style:normal;
    width:auto;	
}

#dashboard-roses a:hover, .upgrade-request a:hover, #dashboard-contacts a:hover, #dashboard-photos a:hover, #dashboard-info fieldset legend a:hover, #normal-user a:hover, input.status-submit[type="submit"]:hover, .image-actions a:hover, .contact-actions a:hover, a.paginate-button:hover {
    background:#6d6e71;
    color:#FFF;
    text-decoration:none;
}

#profile-browse-footer {max-width:850px;}

.paginate-next {float:right;}

.paginate-prev {float:left;}

a.paginate-next:after {content:" »";}

a.paginate-prev:before {content:"« ";}

.paginate-button-disabled {display:none}

.manage-photos-button {margin-left:30px}	

.dash-message.welcome-message {
    margin-bottom:5px;
    font-weight:bold;
}

.dash-message.approval-message {
    margin-bottom:5px;
    color:#ca0000;
}

.dash-message.status-update {
    color:#ca0000;
}

#dashboard-photos a span {
    margin-left:17%;
    text-decoration:none;	
}

.item-show a {
    text-indent:-9999px;
    background:transparent url(images/on-off-button-new.png) no-repeat;
    background-position:top left;
    transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    width:72px;
    height:27px;
    border:1px #999 solid;
    border-radius:2px;
    display:block;
    margin-bottom:4px;
}


.item-hide a {
    text-indent:-9999px;
    background:transparent url(images/on-off-button-new.png) no-repeat;
    background-position:top right;
    transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    width:72px;
    height:27px;
    border:1px #999 solid;
    border-radius:2px;
    display:block;
    margin-bottom:4px;
}


dl.item {
    list-style: none;  
}
dl.item dd {
    float:left;
}
#dashboard-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#dashboard-info li {
    clear: both;
    margin: 0;
    padding: 0;
}

#dashboard-info {
    width: 100%;
    clear: both;
    margin:20px 0px;
}

#dashboard-info fieldset{
    background:#FFF url(images/TableBG.jpg) repeat-x center bottom;
}

ul.ui-sortable {
    list-style:none;
    min-height:600px;
    max-height:600px;
}

ul.ui-sortable li{
    float:left;
    margin:0px 10px 10px;
    min-height:290px;
    max-height:290px;
    overflow:hidden;
}

ul.ui-sortable li img{
    width:250px;
    height:250px;
    border:3px solid #ca0000;
    border-radius:10px;
    padding:0px;
    overflow:hidden;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.image-actions {display:block; margin-bottom:10px;}

.image-actions a {width:auto;}

li.main-photo span.image-actions a.image-main {display:none}

/* dashboard end */

/* profile start */
#profile-top {
    width: 100%;
}
#profile-top-left {
    width: 25%;
    float: left;
}
#profile-top-right {
    width: 75%;
    float: right;
}
#profile-main-photo img {
    width: 100%;
}
#profile-activity div {
    float: left;
    margin-left: 5px;
}
#profile-info {
    clear: both;
}
#profile-info ul {
    list-style: none;
}
#profile-info li {
    clear: both;
}

.item .item-name {
    width: 40%;
    font-weight: bold;
}
.item .item-value {
    width: 40%;
}

.item .item-value {
    width: 20%;
}

/* profile end */

/* roses */
.rose {
    width: 100%;
    height:123px;
    border:2px solid #C0C0C0; background: #fff url(images/TableBG.jpg) repeat-x bottom;
    clear:both;
    position:relative;
    margin-bottom:10px;
}
.send-rose {
    width: 100%;
}
a.rose-sent {
    color: #BBBBBB;
    pointer-events: none;
    cursor: default;
}
.rose-new {

}
.rose-left {
    float:left;
    width: 110px;
    clear: both;
}

.rose-left img {
    width:100px;
    height:100px;
    border:3px solid #ca0000;
    border-radius:10px;
    padding:0px;
    overflow:hidden;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
    margin:10px;
}

.rose-top-right a {
    color: #FFF;
    padding:5px 10px;
    cursor:pointer;
    text-align:left;
    background: #ca0000;
    border:none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* useful if you don't want a bg color from leaking outside the border: 
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
    text-decoration:none;
    font-size:14px;
    font-style:normal;
    width:auto;		
}

.rose-top-right a:hover {
    background:#6d6e71;
    color:#FFF;
    text-decoration:none;
}

.rose-top-right span {
    width:30px;
    height:30px;
    background: transparent url(images/new.png) no-repeat;
    background-size:100%;
    text-indent:-9999px;
    display:block;
    float:left;
    margin-right:5px;
    margin-top:-3px;
}	

.rose-right {
    float: left;
    margin:20px;
    width:70%;
}

.rose-message-outer {
    margin-top:10px;
    width:100%;

}
.rose-action-outer {


}
/* roses end */

/* contacts start */
a.contact-request-sent {
    color: #BBBBBB;
    pointer-events: none;
    cursor: default;
}
.contacts-left {
    width: 66%;
    float: left;
}
.contacts-right {
    width: 30%;
    float: right;
    border:2px solid #C0C0C0; background: #fff url(images/TableBG.jpg) repeat-x bottom;
    border-bottom:20px;
    padding:10px;
}
.contact {
    width: 100%;
    clear:both;
}
.contact-left {
    width: 25%;
    float: left;
}
.contact-right {
    width: 75%;
    float: right;
    margin-bottom:20px;
}
.contact-left img {
    width: 75%;
    border:3px solid #ca0000;
    border-radius:10px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    margin-right:10px;

}
.messages-right {
    float: right;
    width: 20%;
    border:2px solid #C0C0C0; background: #fff url(images/TableBG.jpg) repeat-x bottom;
    text-indent:5px;
    padding:10px;
    height:auto;
}

.messages-right h1 {font-size:1.2em}

.messages-left {
    float: left;
    width: 75%;
    margin-bottom:20px;
}
.message {
    clear: both;
    margin-top: 5px;
    background-color: #000;
}
.sentByMe {
    /*background-color: #42caff;*/
    margin-left: 20px;
    padding:20px;
    border:2px solid #C0C0C0; background: #fff url(images/TableBG.jpg) repeat-x bottom;
}
.sentToMe {
    margin-right: 20px;
    padding:20px;
    border:2px solid #C0C0C0; background: #fff url(images/TableBGalt.jpg) repeat-x bottom;
    /*background-color: #9f9;*/
}
.message-sender-name {
    color: #0f0f0f;
    font-weight: bold;
}
.message-time {
    color: #000;
    font-style: italic;
}
.new-message {
    width: 100%;
    clear: both;
}
.message-sender-name {
    display: block;
}
.sentByMe .message-text .message-sender-name {
    display: block;
}
.left-quote, .right-quote {
    font-size: 1.8em;
    line-height: 22pt;
    color: #000;
}

.where-to-now a {/*position:absolute;*/
}

.where-to-now a a{margin-left:250px;}


textarea.new-message-textarea {
    width:90%;
    font-size:13px;
    border-radius:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-style:italic;
    border:1px solid #ca0000;
    float:left;
    clear:both;
    padding:5px 10px;
    min-height:60px;
    overflow:hidden;
}

.contact-top-right span {display:block}	

.contact-remove, .contact-messages { white-space:nowrap }

/* contacts end */

/***************************************************************
 *
 * Browse Profiles
 *
 ***************************************************************/

.profile-browse-box {
    width:20%;
    border:2px solid #ca0000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin:5px;
    padding:5px;
    background:#FFF url(images/TableBG.jpg) repeat-x bottom;
    min-height:290px;
    max-height:290px;
    float:left;
    text-align:center;
    position:relative;
}

#profile-browse-photo {
    border:2px solid #ca0000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin:10px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.profile-browse-ox-content {
    font-size:12px;
    color:#000;	
}

h3.user-login {
    margin:0px 0px 5px;
    padding-top:0px 0px 5px;
    line-height:none;
}

.profile-browse-box a {
    width:auto;
    position:absolute;
    color: #FFF;
    padding:5px 10px;
    cursor:pointer;
    background: #ca0000;
    border:none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* useful if you don't want a bg color from leaking outside the border: 
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
    border-bottom-right-radius:0px;
    border-top-left-radius:0px;
    border-bottom-left-radius:3px;
    text-decoration:none;
    font-size:14px;
    font-style:normal;
    bottom:0;
    left:0;
}

.profile-browse-box a:hover {
    background:#6d6e71;
    color:#FFF;
    text-decoration:none;
}

.report-user-button	{float:right; margin-top:-40px}

.SponsoredLink {width:100%; clear:both; text-align:center; font-size:1em}

/***************************************************************
 *
 * View Profile
 *
 ***************************************************************/

.profile-main-photo {
    border:2px solid #ca0000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    float:left;
    margin:10px 10px 10px 0px;	
}

.profile-meta-box {clear:both; padding:30px; border:2px solid #C0C0C0; background: #fff url(images/TableBG.jpg) repeat-x bottom;}

.field_value {display:inline-block}

strong.field_label {color:#ca0000;}

.profile-overview {position:relative}

.profile-member-since {postion:absolute; padding-top:40px}

.user-member-since, .user-last-login {display:block}

.profile-message {padding:20px 0px 20px}


/* Ghosted whilst testing - may remove

em.user-message {color:#ca0000;}
.profile-overview em.user-message {display:inline-block; color:#ca0000; font-size:18px; margin-top:60px;}*/

a.profile-button{
    color: #FFF;
    padding:5px 10px;
    cursor:pointer;
    text-align:left;
    background: #ca0000;
    border:none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* useful if you don't want a bg color from leaking outside the border: 
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
    text-decoration:none;
    font-size:14px;
    font-style:normal;
    width:auto;
}

a.profile-button:hover {
    background:#6d6e71;
    color:#FFF;
    text-decoration:none;
}

.profile-meta-box h5 {
    font-size:24px;
    color:#6D6E71;
    margin:0;
    padding-bottom:10px;	
}

.user-photos-box {clear:both; padding:10px; margin-top:10px; border:2px solid #C0C0C0; background: #fff url(images/TableBG.jpg) repeat-x bottom; height:150px}

.user-photos-box ul {list-style:none; text-indent:0; margin:0; padding:0}

.user-photos-box ul li {
    float:left; 
    margin:0px 10px 10px 0px; 
    border:2px solid #ca0000;
    width:100px;
    height:100px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}

/***************************************************************
 *
 * Header
 *
 ***************************************************************/

#header h1 {
    margin: 0;
    font: normal bold 30px/100px sans-serif;
    text-align: center;
}

#header h1 a {
    color: #fff;
    border:none;
}

/* Skip links */
#skiplinks {
    position: absolute;
    left: -9999px;
}


/***************************************************************
 *
 * Navigation
 *
 ***************************************************************/
/*** ESSENTIAL STYLES ***/
/* don't change these guys too much - unless you've got a really good reason! */
.nav, .nav ul, .nav li {margin:0;padding:0;list-style:none;float:left; background-color:#ed1b24;
}
.nav li {position:relative;}
/*.nav ul {position:absolute;top:-9999px;left:0;}
.nav ul, .nav ul li {display:block;}
.nav ul li {width:210px;}
.nav li:hover ul, .nav li.sfHover ul {top:35px;z-index:100;}*/

/*** NAVIGATION SKIN ***/
/* customise this as much as you like... */

#menu {
    height: 59px;
    line-height:48px;
    font-style:italic;
}


.nav a {
    color: #FFF;
    padding:0 1em;
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    display:block;
    text-decoration: none;
}

/*    .nav li li a {
        line-height:25px;
        padding:5px 1em;
    } */

.nav a:focus, .nav a:hover, .nav a:active, .nav li.sfHover a, .nav li.sfHover li a:hover {
    background:#6d6e71;
    color: #fff;
}

/*    .nav li.sfHover li a {
        background:#ccc;
        color:#000;
    }
*/
.nav li.current_page_item>a {
    background:#ca0000;
    color:#fff;
}

.nav li.current_page_item>a:hover {
    background:#6d6e71;
    color:#fff;
}


/***************************************************************
 *
 * Main Content
 *
 ***************************************************************/

#content {
    line-height:1.5em;
    margin-bottom:20px;
}

#content h1, h2, h3, h4, h5 {
    color: #ca0000;
    line-height: 1.2em;
    font-style:italic;
}

.aboutus-insert {
    width:395px;
    height:620px;
    background:transparent url(images/cutout.jpg) no-repeat;
    float:right;
    margin-left:10px;
}

h1 a {
    text-decoration: none;
}

#content img {

}

#content img.plain {
    border:none;
    padding:0;
}

/* the next 3 rules are for the way WP sets its image floats */

#content .alignleft {
    float:left;
    margin:0 1em 1em 0;
}

#content .alignright {
    float:right;
    margin:0 0 1em 1em;
}

#content .aligncenter {
    text-align:center;
    margin:0 auto;
}

/* These 2 will make image captions look a bit like polaroids */

.wp-caption {
    background:#ccc;
}
.wp-caption p{
    line-height: 0.8em;
}
.wp-caption-text {
    font-size:.8em;
    text-align:center;
    padding:0;
    margin:0;
}

/* Content Boxes */

.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
}

.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}

.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}

.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}

.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}

.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}

.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}

/* Colour Buttons */

.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-yellow {
    color: #fff;
    padding: 5px 10px;
    text-decoration:none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.button-blue:hover,
.button-gray:hover,
.button-green:hover,
.button-purple:hover,
.button-red:hover,
.button-yellow:hover {
    text-decoration: none;
}

.button-blue {
    background-color: #afcde3;
    border: 1px solid #afcde3;
}

.button-blue:hover {
    background-color: #83a2be;
    border: 1px solid #83a2be;
}

.button-gray {
    background-color: #bdbdbd;
    border: 1px solid #bdbdbd;
}

.button-gray:hover {
    background-color: #919191;
    border: 1px solid #919191;
}

.button-green {
    background-color: #b2ce96;
    border: 1px solid #b2ce96;
}

.button-green:hover {
    background-color: #86a36e;
    border: 1px solid #86a36e;
}

.button-purple {
    background-color: #bebde9;
    border: 1px solid #bebde9;
}

.button-purple:hover {
    background-color: #9291c7;
    border: 1px solid #9291c7;
}

.button-red {
    background-color: #ca0000;
    border: 1px solid #ca0000;
}

.button-red:hover {
    background-color: #6d6e71;
    border: 1px solid #6d6e71;
}

.button-yellow {
    background-color: #fadf98;
    border: 1px solid #fadf98;
}

.button-yellow:hover {
    background-color: #ecb870;
    border: 1px solid #ecb870;
}

#advertising-pp {
    width:300px;
    float:left;
    border-radius: 10px;
    margin-bottom:20px;
}

#package {
    width:300px;
    float:left; 
    border:2px solid #ca0000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding:10px 20px 10px;
    margin-bottom:20px;
    background:#FFF url(images/TableBG.jpg) repeat-x center bottom;
	margin-right:20px; /* WHEN ADVERT IS SOLD - CHANGE TO 230px */
}

#loginpackage {
    width:300px;
    float:right;
    border:2px solid #ca0000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding:10px 20px 10px;
    margin-bottom:20px;
    background:#FFF url(images/TableBG.jpg) repeat-x center bottom;
    margin-top:-270px;
    margin-right:200px
}


#package h2 {
    margin-top:0px;
    padding-top:0px;	
}

#package ul {
    padding-left:10px;
}

#package ul li {
    list-style:none;
    background: transparent url(images/bullet-arrow.png) 0 3px no-repeat;
    padding-left: 15px;
    margin: 12px 0;	
}

#loginpackage ul {
    padding-left:10px;
}

#loginpackage ul li {
    list-style:none;
    background: transparent url(images/bullet-arrow.png) 0 3px no-repeat;
    padding-left: 15px;
    margin: 12px 0;	
}

#payment {
    width:298px;
    height:75px;
    background:url(images/Payment.png) no-repeat;
}




/***************************************************************
 *
 * Sidebar
 *
 ***************************************************************/

#sidebar {
    list-style: none;
    background: #ddd;
}

#sidebar ul, #sidebar li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#sidebar li ul { /* a nested list, so this should actually be displayed as a list */
    padding-left: 20px;
}

#sidebar li li {
    list-style-type: disc;
}

/* Sidebar menus (auto child pages)*/
#sidebar ul.child_pages, #sidebar ul.child_pages li, #sidebar ul.child_pages ul{
    padding:0;
    margin:0;
    list-style:none;
}
#sidebar ul.child_pages li a{
    display:block;
    line-height:2em;
    background:#aaa;
    text-align:center;
    color:#000;
    border-bottom:2px solid #000;
    text-decoration: none;
}
#sidebar ul.child_pages li li a{
    font-size:0.8em;
    color:#666;
}
#sidebar ul.child_pages li a:hover{
    color: #ccc;
    background: #000;
}

/* Sidebar menus (the built-in WP ones)*/
#sidebar ul.sidebar_menu, #sidebar ul.sidebar_menu li, #sidebar ul.sidebar_menu ul{
    padding:0;
    margin:0;
    list-style:none;
}
#sidebar ul.sidebar_menu li a{
    display:block;
    line-height:2em;
    background:#aaa;
    text-align:center;
    color:#000;
    border-bottom:2px solid #000;
}
#sidebar ul.sidebar_menu li li a{
    font-size:0.8em;
    color:#666;
}

/***************************************************************
 *
 * News and/or blog
 *
 ***************************************************************/
.postdate, .postmetadata {
    font-size:0.8em;
    font-style:italic;
}
.news_post_excerpt{
    width: 300px;
    height: 290px;
    float: left;
    margin: 0 10px 0 0;
}

/* If commenting is turned on, these are a start
 *  Prefix defs with .single-post to make sure they don't bleed into other things

.single-post #comments ol, single-post #comments li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-post .highlighted {
    background: #ccc;
}

.single-post .comment {
    border-bottom: 1px solid #999;
}

.single-post blockquote {
    margin: 0 60px;
}

.single-post blockquote blockquote {
    background: #999;
    margin: 0 20px;
    padding: 5px 20px;
}

#commentform textarea {
    width: 75%;
}

img.avatar {
    float: left;
}

*/

/***************************************************************
 *
 * Homepage
 *
 ***************************************************************/

.cta {
    width: 296px;
    float: left;
    height: 200px;
    margin-bottom: 20px;
    background: #FFF url(images/cta.jpg) no-repeat bottom right; 
    color: #6d6e71;
    border:2px solid #ca0000;
    text-align:left;
    font-size:24px;
    font-weight:lighter;
    border-top-right-radius:2em;
}

#cta2, #cta3 {
    margin-left:20px;
}

.ctainner {

}

.ctainner a {
    color: #6d6e71;
    text-decoration:none;
    display:block;
    height:50px;
    padding-top:150px;
    padding-left:20px;
}

.ctainner a:hover {
    color:#fff;
    background:transparent;
}

.cta:hover {
    background: #6d6e71 url(images/cta_alt.jpg) no-repeat bottom right;	
}



/***************************************************************
 *
 * Contact Page
 *
 ***************************************************************/

#google_map{ /* The outer div */
    margin: 20px 0;
}
#google_map #map_canvas{ /* the inner container that defines the actual map size */
    width: 600px;
    height: 300px;
    margin: auto;
    border: 1px solid #000;
    /* x offset, y offset, blur radius, colour */
    -webkit-box-shadow: 5px 5px 5px #999;
    -moz-box-shadow: 5px 5px 5px #999;
    box-shadow: 5px 5px 5px #999;
}

/***************************************************************
 *
 * Forms
 *
 ***************************************************************/

.gform_wrapper input[type="text"] {margin-left:0px}
.gform_wrapper textarea {
    margin:0;
    padding:20px;
    border:1px solid #ca0000;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    width:auto;
}

#input_1_1_3_container label, #input_1_1_6_container label {display:block;margin-top:-5px; font-size:12px;}

.validation_error, .gfield_required, .validation_message {color:#ca0000;}

.gfield_error {border:1px solid #ca0000; padding:10px; margin-bottom:10px; background:#FFF url(images/TableBG.jpg) repeat-x bottom; width:500px}

/***************************************************************
 *
 * Footer
 *
 ***************************************************************/

#footer {
    background: #6d6e71;
    padding:1em 0;
    font-size:.8em;
    text-align:center;
    color:#fff;
    margin-bottom:20px;
}

#footer p a {
    font-size:12px;
    font-style:normal;
}

#footer .vcard {
    clear: both;
    padding: 2em 0 0 0;
}

#footer .vcard a {
    font-size:12px;
    font-style:normal;
}

#footer a {
    color: #FFF;
    text-decoration: none;
    font-size:14px;
    font-style:italic;
}

#footer a:hover {
    color:#FFF;
    border-bottom:#ca0000 1px solid;
    background-color:transparent;
}

.footernav {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align:center;
}

.footernav ul {
    margin: 0;
    padding: 0 0 0 2em;
}

.footernav li {
    display:inline-block;
    margin: 0 2em 0 0;
}

.footernav li li {
    font-weight: normal;
    margin:0;
}

.rssfeed {
    display: none;
}

.socialmedia {width:110px;height:50px; margin:0 auto; margin-bottom:20px; text-align:center}

.twitter, .facebook {width:50px; height:50px;border:none; display:inline-block}

/*************
Slide Show
**************/
.slideshow_container { Margin-bottom:20px; border:2px solid #ca0000; position:relative;}

/*.slideshow_container:after {content: ' '; display:block; position:absolute; width:95px; height:154px; background:transparent url(images/slideshowclipNew.png); top:-3px; right:-2px; z-index:9999;}*/

.slideshow_container .slideshow { }

.slideshow_container img { }

.slideshow_container .slide {
    margin-right: 2px;
}

.slideshow_container .transparent {
    filter: alpha(opacity = 50);
    opacity: 0.5;
}

.slideshow_container .transparent:hover {
    filter: alpha(opacity = 80);
    opacity: 0.8;
}

.slideshow_container .description {
    background: #000;
}

.slideshow_container .controlPanel {
    width: 21px;
    height: 21px;
    background: #000;
    border-radius: 2px;
    -moz-border-radius: 10px;
}

.slideshow_container .controlPanel ul { }

.slideshow_container .controlPanel ul li {
    margin: 3px;
    width: 15px;
    height: 15px;
}

.slideshow_container .controlPanel ul li:hover { }

.slideshow_container .play {
    background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') 0 0 no-repeat;
}

.slideshow_container .pause {
    background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') -15px 0 no-repeat;
}

.slideshow_container .button {
    margin-top: -20px;
    height: 40px;
    width: 19px;
    background: url('%plugin-url%/images/SlideshowPlugin/light-arrows.png') no-repeat;
}

.slideshow_container .previous { }

.slideshow_container .next {
    background-position: -19px 0;
}

.slideshow_container a {
    text-decoration: none;
    color: #fff;
    text-align: center;
}

.slideshow_container .description h2,
.slideshow_container .description p {
    color: #fff;
}

.slideshow_container h2 {
    margin: 5px;
    font-size: 25px;
}

.slideshow_container p {
    margin: 7px;
    font-size: 15px;
}


/***************************************************************
 *
 * For skinny screens XD
 *
 ***************************************************************/

@media only screen and (max-width: 1000px), only screen and (max-device-width: 480px) {


    body {
        background: #fff;
        font-size:1.2em}

    .outer {width:90%;
            background-image:none;}

    .mainlogo {left:50%; margin-left:-122px; margin-top:0px;}		

    #menu{
        width: 100%;
        height:auto;
        line-height:31px;
        float:left;
        position:static;
        padding: 0;
        margin: 160px 0 23px 0;
    }

    .page-id-20 #menu{
        margin: 260px 0 23px 0;
    }			

    .widthlimiter {
        width: 100%;
        padding: 0;
        margin: 0;
        clear:both;
    }		

    .menu, .nav, .nav li {
        float:none;
        text-align:center;
        border:none;
    }

    .menu {
        height:auto;
        padding:0 7.5%;
        margin:1.5em 0 0;
    }

    .nav>li {
        line-height:1.8em;
        display:block;
    }

    .nav a:after, .nav a:before {
        display:none !important;
    }

    .nav li a {border:none;}


    #content.wide {clear:both; width:100%}	

    #loginWrapper {width:100%; text-align:center; line-height:1em; position:absolute; margin-top:200px; padding:0; color:#999;}

    #loginform {width:100%; text-align:center}

    .browse_button {display:block; margin:0 auto; width:90%; text-align:center; margin-top:10px; margin-bottom:-20px; padding:10px; font-size:1.6em; font-style:italic}

    input[type="text"], input[type="password"] {
        display:block;
        margin:0 auto;
        width:90%;
    }

    #package {width:90%; margin:0 auto; float:none;}
	
	#advertising-pp {float:none; margin:0 auto;}

    #package.enhanced {margin-left:0px; margin-top:20px}

    #payment {width:90%; background-size:contain;}


    /*THIS IS THE STUFF WE'RE NOT SHOWING TO MOBILE VISITORS*/

    #promo {display:none}

    .slideshow_container {display:none}

    .cta {display:none}

    #SearchOuter {
        width:90%;
        height:30px;
        background-color:transparent;
        border:none;
        color:#999;
        text-align:center;
        /*position:absolute;
        margin-top:-330px;
        padding-top:15px;*/
		margin-bottom:100px;
    }



    .browselink {display:none}

    .search-submit input {width:90%; text-align:center; padding:10px; font-size:1.6em}

    #input_1_4 {width:80%}

    #dashboard-photos {float:none}

    .item .item-name {
        width: 30%;
        font-weight: bold;
        padding-bottom:10px;
    }
    .item .item-value {
        display:none;
    }

    .item .item-value {
        width: 30%;
        float:left;
        padding-bottom:10px;
    }

    #dashboard-info fieldset legend a {display:block; width:100%; margin-bottom:10px}

    #dashboard-photos {float:none; width:100%}

    #dashboard-main-photo {max-width:250px}

    .profile-browse-box {width:90%}

    .where-to-now a {display:block;margin-bottom:20px}

    .contacts-left, .contacts-right {float:none; width:90%}	

    #dashboard-top-right {float:none; width:100%; margin:0}

    #dashboard-contacts a {float:none;}

    #dashboard-roses {text-wrap:none;}

    #dashboard-roses a { white-space:nowrap;}

    .upgrade-request a {display:block; text-align:center}

    .where-to-now a {position:relative}

    .messages-left {width:100%}
    .messages-right {display:none;}	

    .contacts-right, .rose {background-image:none; border:none}

    #loginpackage {
        width:auto;
        float:none;
        border:2px solid #ca0000;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding:10px 20px 10px;
        margin-bottom:20px;
        background:#FFF url(images/TableBG.jpg) repeat-x center bottom;
        margin-top:0;
        margin-right:0;
    }

    .report-user-button {display:block; float:none; margin:10px 0px;}

    #14daypromo {width:100%; text-align:center;}


.mad4u-pagination {
    height:2.5em;
    clear:both;
    width:90%;
}
.browse_button_next {
    float:right;
}
.browse_button_previous {
    float:left;
}

.quote_text {padding:5px 10px 5px;}

#announcement {width:90%}

}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {




}