Solved

adding background image

Posted on 2014-04-13
3
669 Views
Last Modified: 2014-04-13
Hi Guys,

I am trying to add this background image to my site here http://www.thedancingsoul.ie by editing the style.css

i have put this in the body

background: url("http://soul.greatlocks.ie/soul.jpg") repeat scroll left top #E8E8E8;


put it hasnt changed?

any ideas?

here is the style.css

/*
Theme Name: Wellness
Theme URI: http://bwthemes.com/themes/wellness/
Description: Wellness Wordpress Theme
Version: 1.60
Author: BWThemes
Author URI: - http://themeforest.net/user/BWThemes
License: Commercial
License URI: http://bwthemes.com/themes/wellness/
Tags: one-column, two-columns, featured-images, sticky-post, theme-options
*/


/* CSS Reset */

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: url("http://soul.greatlocks.ie/soul.jpg") repeat scroll left top #E8E8E8;

}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main Body CSS */

body 
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-weight: 300;
font-size: 12px;
line-height:18px;
color:#000000;
margin:0;
padding:0;
border:0;

}

hr{border: 0; margin: 36px 0 36px 0; background:url('images/hr-bg.jpg') repeat-x center; padding:2px; }


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky{ padding: 20px;
background: #fff;
border: 1px solid #CECECE;
margin-bottom: 12px;
box-shadow: 0px 2px 4px silver;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.bypostauthor { }

/* TYPOGRAPHY */

a{text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin:0 0 18px 0; color: #363636; font-family: 'Signika', sans-serif; line-height: 18px; font-weight:400; background: url('images/hr-bg.jpg') center repeat-x;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{background: url('images/retina_dust.png');padding-right:10px; }

h1{font-size:28px; line-height:36px; }
h2{font-size:20px; line-height:36px;}
h3{font-size:18px; }
h4{font-size:16px; }
h5{font-size:14px; }
h6{font-size:12px; }

p{margin:0 0 18px 0; }
.entry img {-moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); margin-bottom:20px; border-top-left-radius: 5px;
border-top-right-radius: 5px; }
/*
p img.alignleft{margin: 7px 13px 10px 0; float:left;}
p img.alignright{margin: 7px 0 10px 13px; float:right;}
p img.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto; }
*/

.contentleft ul, .contentfull ul
{
list-style: disc;
margin-left: 20px;
margin-bottom: 20px;
}


div.homebullet {}
div.homebullet p{}

img.attachment-medium{ border: 1px solid #C0C0C0; padding: 7px; background:#FFF; margin: 7px 13px 10px 0; float:left; }
.contentwrapper a img{opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.contentwrapper a img:hover{opacity:0.5; }
strong{font-weight:bold; }


.contentwrapper {color:#666; }
.contentwrapper a{-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease; -o-transition: color 0.3s ease;  }
.contentwrapper a:hover{color:#000;}



.footercontent {color:#a5a5a5; }
.copyright{}
.copyright a:hover{color:#FFF}

.footercontent h2{color:#FFF; background: url('images/footer-hr-bg.jpg')center repeat-x; margin: 15px 0 10px 0 ; font-size:18px; text-shadow: 2px 2px 3px #2C2C2C;  }
.footercontent h2 span{background:url('images/darkdenim3.png'); padding-right:10px; }
.mainmenu {font-size:12px; }

.pagetitle h1{margin: 20px 0 25px 0; line-height: 32px; background: none; }

.postwrapper1 h2{color:#333; }
.postwrapper1 h2 a{color:#333; text-decoration:none;} 


/* Heading Icons */

.icon {padding: 5px 0 5px 40px; }

.cargo {background:url('images/icons/icon_cargo.png') no-repeat; }
.iphone {background:url('images/icons/icon_iphone.png') no-repeat; }
.sort {background:url('images/icons/icon_sort.png') no-repeat; }
.folder {background:url('images/icons/icon_folder.png') no-repeat; }
.group {background:url('images/icons/icon_group.png') no-repeat; }
.nameplate {background:url('images/icons/icon_nameplate.png') no-repeat; }
.ok {background:url('images/icons/icon_ok.png') no-repeat; }
.sampler {background:url('images/icons/icon_sampler.png') no-repeat; }
.option {background:url('images/icons/icon_option.png') no-repeat; }
.embed {background:url('images/icons/icon_embed.png') no-repeat; }
.web_browser {background:url('images/icons/icon_web_browser.png') no-repeat; }
.roundabout {background:url('images/icons/icon_roundabout.png') no-repeat; }
.imac {background:url('images/icons/icon_imac.png') no-repeat; }




pre {font-family:"Courier New",Courier,mono; margin:10px 0 30px 0; padding: 20px 20px 20px 20px;  border: 1px solid #C0C0C0; word-wrap: break-word; background:#FFF; -moz-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1);
white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */

 }
code {font-family:"Courier New",Courier,mono;}

/* Blockquotes */

blockquote, blockquote p {color: #555; font-style: italic; font-family:Georgia, serif; }
blockquote { margin: 0 0 20px; padding: 15px 20px 10px 80px; background:url('images/blockquote.png') 15px 20px no-repeat; margin: 10px;}
blockquote cite { display: block; font-size: 11px; color: #777; }
blockquote cite:before { content: "\2014 \0020"; }

blockquote.alignleft{float: left; width:40%; line-height:inherit; }
blockquote.alignright{float: right; width:40%; line-height:inherit; }

/*FORMS*/

.contentwrapper input[type="submit"]{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease; font-size: 1em; text-transform: uppercase;}
.contentwrapper input[type="submit"]:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}
.contentwrapper1 input[type="submit"]{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease; font-size: 1em; text-transform: uppercase;}
.contentwrapper1 input[type="submit"]:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}
.footercontent input[type="submit"]{border:1px solid; border-color: #515151; border-bottom-color: #000; border-right-color: #000;  padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#C0C0C0; background-color:#272727; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;  font-size: 1em; text-transform: uppercase;}
.footercontent input[type="submit"]:hover{border-top-color: #000; border-left-color: #000; border-bottom-color: #515151; border-right-color: #515151; background-color:#272727;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="number"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
textarea, select
{border:0; 
border-color: #F1F1F1; 
background: #fff; 
color: #000; 
border-radius:3px;
padding: 6px;  
-moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3); 
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}


.bookingform input[type="text"], 
.bookingform input[type="password"], 
.bookingform input[type="email"], 
.bookingform input[type="url"], 
.bookingform input[type="search"], 
.bookingform input[type="number"], 
.bookingform input[type="date"], 
.bookingform input[type="month"], 
.bookingform input[type="week"], 
.bookingform input[type="time"], 
.bookingform input[type="datetime"], 
.bookingform input[type="datetime-local"], 
.bookingform textarea, .bookingform select
{width:95%;
}



textarea{width:95%; }


.footercontent input[type="text"], 
.footercontent input[type="password"], 
.footercontent input[type="email"], 
.footercontent input[type="url"], 
.footercontent input[type="search"], 
.footercontent input[type="number"], 
.footercontent input[type="date"], 
.footercontent input[type="month"], 
.footercontent input[type="week"], 
.footercontent input[type="time"], 
.footercontent input[type="datetime"], 
.footercontent input[type="datetime-local"], 
.footercontent textarea, .footercontent select
{border:1px solid; border-color: #515151; border-top-color: #000; border-left-color: #000; background: #272727; color: #515151; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; }

textarea:focus, input:focus{
    outline: none;
}

textarea{width:95%; }

input.headersearch{border:1px solid #e5e5e5; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; cursor: pointer;color: white;width: 28px;height: 28px;background-image: url('images/search.png'); background-position:center; background-repeat:no-repeat; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; transition: background-color .3s ease; -moz-transition: background-color .3s ease; -webkit-transition: background-color .3s ease; }


.wpcf7 p{margin:0 0 5px 0; color: #686868; font-size: 11px; }
.footercontent .wpcf7 p {color:#A5A5A5; }
div.wpcf7-validation-errors {border: 2px solid #A0A0A0 !important; border-radius: 5px;}
span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 0% !important;
z-index: 100;
background: #555 !important;
border: 1px solid #B1B1B1 !important;
font-size: 10pt;
width: 280px;
padding: 2px;
border-radius:5px;
}

div.wpcf7-mail-sent-ok {
border: 1px solid #A0A0A0 !important; border-radius: 5px;
}
/* LINKS */

.footercontent a{color:#d1d1d1; font-weight:bold; -webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease; -o-transition: color 0.3s ease;  }
.footercontent h1 a, 
.footercontent h2 a, 
.footercontent h3 a, 
.footercontent h4 a, 
.footercontent h5 a, 
.footercontent h6 a{color:#FFFFFF !important; font-weight:600 !important; }

/* ACCORDIAN */

.accordion .ui-accordion{}
.accordion .ui-state-active{border:1px solid #e5e5e5; padding:10px; background-image:url('images/arrow-down.png'), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background-position:right; background-repeat:no-repeat; background-image:url('images/arrow-down.png'), -moz-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-down.png'), -ms-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-down.png'), -o-linear-gradient(top, #fff, #eee); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0); }
.accordion .ui-state-default{border:1px solid #e5e5e5; padding:10px; background-image:url('images/arrow-right.png'), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background-position:right; background-repeat:no-repeat; background-image:url('images/arrow-right.png'), -moz-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-right.png'), -ms-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-right.png'), -o-linear-gradient(top, #fff, #eee); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0); }
.accordion .ui-accordion-content p{padding:5px; }
.accordion h5 a{color:#808080; }
.accordion h5 span{background:none; padding-right:0; }
.accordion h5:hover{cursor:pointer; }
.accordion p{ }
/* TABS */

.tabs{padding-top:10px;}
.tabs p{margin:0; clear:both; width:inherit;}
.tabs .ui-tabs-nav{list-style:none; display:inline-block; margin-left: 0px; margin-bottom: 0px; }
.tabs .ui-tabs-nav li{float:left; margin-bottom: 8px; }
.tabs .ui-tabs-nav li a{ border: 1px solid #e5e5e5; color:#000; padding:10px; background:#eee; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;  }
.tabs  li.ui-state-active a{background:#fff; color:#000; }
.tabs .ui-tabs-nav li a:hover{cursor:pointer; background:#fff;}
.tabs .ui-tabs-nav li a:active{background:#fff; }
.tabs .ui-tabs-panel{padding:20px; background:#fff; border:1px solid #e5e5e5; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); overflow:hidden;}
.tabs h1, .tabs h2, .tabs h3, .tabs h4, .tabs h5, .tabs h6, {background:none; }
.tabs h1 span, .tabs h2 span, .tabs h3 span, .tabs h4 span, .tabs h5 span, .tabs h6 span, {background:none; padding: 0; }

/* NIVO STYLES*/

.nivo-prevNav {
	left:20px !important;
    background:url('images/l-arrow.png');
    background-position:center;
    background-repeat:no-repeat;
    padding:15px;
    text-indent: -9999px;
    opacity:0.6;
    -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease;
}
.nivo-nextNav {
	right:20px !important;
    background:url('images/r-arrow.png');
    background-position:center;
    background-repeat:no-repeat;
    padding:15px;
    text-indent: -9999px;
    opacity:0.6;
    -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease;
}

.nivo-prevNav:hover {opacity:1.0; } 
.nivo-nextNav:hover {opacity:1.0; }


.slider-wrapper{position:relative; }
.nivo-controlNav{position:absolute;width: 100%;bottom: 20px;z-index: 201}
.nivo-controlNav a{opacity:0.6; color:#9E9E9E; text-indent: -9999px; background:#FFF; padding:4px 8px 4px 8px; margin:0 0 0 5px; border-radius: 3px; -moz-border-radius: 3px; font-size:11px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.nivo-controlNav a.active{color:#000; opacity:1.0; font-weight:bold; }
.nivo-controlNav a:hover{color:#000; opacity:1.0 ; font-weight:bold;}

.nivo-caption{position:absolute; left:auto !important; right: 0 !important; top:0 !important; padding: 10px 20px 10px 20px !important; width: auto !important; bottom:auto !important; height: auto !important; font-size:14px; border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px;}

/* LISTS */

ul.list1,ul.list2,ul.list3,
ul.list4,ul.list5,ul.list6,
ul.list7,ul.list8, ul.list9, ul.list10{margin: 0px 0 12px 10px; position: relative; overflow: hidden; }

ul.list1 li{background: transparent url('images/ico_add.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list2 li{background: transparent url('images/ico_check.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list3 li{background: transparent url('images/ico_next.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list4 li{background: transparent url('images/ico_maximize.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list5 li{background: transparent url('images/ico_delete.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list6 li{background: transparent url('images/ico_bw_add.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list7 li{background: transparent url('images/ico_bw_check.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list8 li{background: transparent url('images/ico_bw_next.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list9 li{background: transparent url('images/ico_bw_maximize.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list10 li{background: transparent url('images/ico_bw_delete.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}

ol{margin: 5px 0 5px 30px; }
ol li{padding: 3px 0 3px 0; }

/* IMAGES */




.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
 
.fade:hover {
      opacity: 0.5;
      }
      
div.homepageservice{ }     
div.homepageservice img{padding:0 0 12px 0; background:url('images/shadow-homeservice.png'); box-shadow:none; background-position:bottom; background-repeat:no-repeat; border:0; border-top-left-radius: 10px; border-top-right-radius: 10px;}
div.homepageservice .alignnone{margin:0; }
div.homepageservice .alignleft{margin:5px 20px 0 0; }
div.homepageservice .alignright{margin:5px 0 0 20px;; }
div.homepageservice h3{ font-weight: normal;font-size: 18px;text-transform: uppercase; background: url('images/hr-bg.jpg') center repeat-x;}
div.homepageservice h3 a{background: url('images/retina_dust.png');}


.attachment-featured-image{width:100%; height:auto; }


/* gallery */

#gallery img { transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
#gallery img:hover {opacity:0.5; }
#gallery .gallery-item {float: left; text-align: center; margin: 15px; }
#gallery dl {
margin: 0;
}
.gallery-caption{font-size:0.8em; padding: 0px 6px 0 6px;
margin: 0px 0px 12px 0px;}




/* THEME STYLE */

div.divider{margin:9px 0px 9px 0px; padding:10px; }
div.clear {clear: both;}
div.wrapper{}

div.header-wrapper{margin:auto;  }
div.header{width:960px; height:100px; margin:auto; }


div.maincontainer{width:960px; height:100%; background: url('images/retina_dust.png'); margin:auto; }
div.mainmenu{width:950px; height: 50px; margin:auto; padding-left:10px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; }
div.slider{border-top:5px solid #CCC; }
div.sliderbottom{height:59px;background:url('images/slidercover.png'); margin-top: -59px; position:relative; z-index: 5;}

div.contentwrapper{padding:0px 0px 10px 0px; }
div.contentwrapper1{padding:0px 0px 10px 0px; overflow:hidden; }

div.contentleft{float:left; width:630px; padding:20px 10px 0 30px;}
div.contentfull{padding:20px 30px 0 30px; }
div.contentright{float:right;  width:239px; padding:20px 20px 145px 20px; border-left: solid 1px #e5e5e5; background:url('images/sidebar-bg.jpg');}
div.contentright:after{content:'';
    background: url('images/sidebar-bottom.jpg') 0 0 no-repeat; 
    height: 151px; 
    position: absolute; 
    width: 279px; 
    margin-left: -21px;}
div.footerwrapper{}
div.footertop{height:70px; background:url('images/footer-top.jpg'); }
div.footercontent{overflow:hidden; font-size:11px; background: url('images/darkdenim3.png'); padding:10px 30px 40px 30px; }
div.footerbottom{height:40px; background-color:#151515; color:#a5a5a5; font-size:11px; line-height:18px; }

div.tagline{width:100%; border-bottom:1px solid #e5e5e5; margin: 12px 0 36px 0; overflow:hidden;}
div.taglinetext{float:left; color:#a1a1a1; margin-bottom:36px; margin-top: 0px; }
div.taglinebutton{float:right; margin-left:5%; text-align:right; margin-top: 0px; margin-right:4px;  }
div.tagline h1{margin-bottom:0px; font-style:normal; background: none;}



#sidebar a{color:#333; text-decoration:none; font-weight:bold; -webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; }


#sidebar .widget {
padding-bottom:10px;
}
#sidebar .widget .recentcomments {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #E1E1E1;
background-image: url('images/comment-icon.png');
background-position: 12px 14px;
background-repeat: no-repeat;
line-height: 1.2em;

}

.footercontent .recentcomments {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #4b4b4b;
background-image: url('images/comment-icon.png');
background-position: 12px 14px;
background-repeat: no-repeat;
line-height: 1.2em;

}



#sidebar .widget h3{text-shadow: none; margin:0; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; color: #fff; font-size:14px; font-weight:bold; padding: 8px 12px 17px 12px; background-image:url('images/widget-shadow.jpg'); background-position:bottom; background-repeat:no-repeat;}
#sidebar .widget h3 a{color:#FFF; }
div.menu-mobile-container{display:none; }

.homepageservice p{margin: 0 0 10px 0; }


/* 3d Booking Form */

.booktitle {background:url('images/big-calendar.png') no-repeat; } 
div.bookingform{position: relative; color: #fff; margin: 0 -54px 19px 0px; padding: 24px; border-radius:5px;}
.bookingform:before{content: url('images/bookingform-bg.png');display: block;width: 19px;height: 19px;position: absolute;float: right;right: 4px;bottom: -19px; }
.bookingform:after{content: url('images/reservation-shadow.png');display: block;width: 12px;height: 285px;position: absolute;float: left; left: -12px; top:4px; }
div.bookingform h3{background: url('images/big-calendar.png')0px -1px no-repeat; font-size: 20px; color: #FFF;border-bottom: 1px solid #E5E5E5; padding: 6px 0 12px 41px; text-shadow: 2px 3px 5px #292929; }
div.bookingform h3 span{background:none;}
.bookform_date{float: left; width: 47% !important; margin-right: 4px !important; }
.bookform_time{float: left; width: 42% !important; }
.bookform_hour{ float: left; width: 20% !important; margin-right: 4px !important; }
.bookform_minute{ float: left; width: 20% !important; margin-right: 4px !important;}
.bookform_ampm{float: left; width: 20% !important; margin-right: 4px !important;}
.bookingform .wpcf7 p {
margin: 0 0 5px 0;
color: white;
font-size: 11px;
text-shadow: 1px 1px 3px black;}

/* CALENDAR */

#sidebar #wp-calendar{font-size:11px; width:100%; margin: 0 0 10px 0; background-color:#fff; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
#sidebar #wp-calendar caption{background-color:#2C2C2C; color:#D6D6D6; font-weight:bold; padding: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2C2C2C), to(#555)); -webkit-linear-gradient(top, #2C2C2C, #555); -moz-linear-gradient(top, #2C2C2C, #555); -ms-linear-gradient(top, #2C2C2C, #555); -o-linear-gradient(top, #2C2C2C, #555); }
#sidebar #wp-calendar td{text-align:center; padding: 5px;}
#sidebar #wp-calendar a{}
#sidebar #wp-calendar tbody{background-color:#fff;}
#sidebar #wp-calendar tbody td:hover{background-color:#e5e5e5;}
#sidebar #wp-calendar tbody tr{border-top:1px solid #e5e5e5; }
#sidebar #wp-calendar th{padding: 5px; }
#sidebar #wp-calendar thead{font-weight:bold; }
#sidebar #wp-calendar tfoot tr{padding:10px; }
#sidebar #wp-calendar td.first, th.first{text-align:center !important; }

.footercontent #wp-calendar{font-size:11px; width:100%; padding-bottom:9px;}
.footercontent #wp-calendar caption{background-color:#2C2C2C; color:#D6D6D6; font-weight:bold; padding: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2C2C2C), to(#555)); -webkit-linear-gradient(top, #2C2C2C, #555); -moz-linear-gradient(top, #2C2C2C, #555); -ms-linear-gradient(top, #2C2C2C, #555); -o-linear-gradient(top, #2C2C2C, #555); }
.footercontent #wp-calendar td{text-align:center; padding: 5px;}
.footercontent #wp-calendar a{}
.footercontent #wp-calendar tbody td:hover{background-color:#4b4b4b;}
.footercontent #wp-calendar tbody tr{border-top:1px solid #4b4b4b; }
.footercontent #wp-calendar th{padding: 5px; }
.footercontent #wp-calendar thead{font-weight:bold; }
.footercontent #wp-calendar td.first, th.first{text-align:center !important; }

/*TAGCLOUD*/
#sidebar .tagcloud{padding-top:10px; text-align:center;  line-height:40px; }
#sidebar .tagcloud a{background-color:#707070; padding: 5px; color:#fff; text-decoration:none; -webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease;}


.footercontent .tagcloud{padding-top:10px; text-align:center;  line-height:40px; }
.footercontent .tagcloud a{background-color:#707070; padding: 5px; color:#fff; text-decoration:none; -webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; }


/*ARCHIVES*/

#sidebar li{padding: 12px 12px 12px 24px; border-bottom:1px solid #e1e1e1; line-height:1.2em; background-image:url('images/bullet-arrow.png'); background-position:10px 15px; background-repeat:no-repeat;}
#sidebar li ul{padding-top:5px; }
#sidebar li li{padding:8px 0px 6px 24px; border-bottom: 0; background-image:url('images/bullet-arrow.png'); background-position:10px 11px; background-repeat:no-repeat; border-right: 1px solid #E5E5E5;}
#sidebar li li a{font-weight:300; }
#sidebar li li li{border-right:0;}

.footercontent li{padding: 12px 12px 12px 24px; border-bottom:1px solid #4B4B4B; line-height:1.2em; background-image:url('images/bullet-arrow-light.png'); background-position:10px 14px; background-repeat:no-repeat; font-weight:300; }
.footercontent li ul{padding-top:5px; }
.footercontent li li{padding:8px 0px 6px 24px; border-bottom: 0; background-image:url('images/bullet-arrow-light.png'); background-position:10px 11px; background-repeat:no-repeat; border-right: 1px solid #4B4B4B;}
.footercontent li li a{font-weight:300; }
.footercontent li li li{border-right:0;}


/*RECENT POSTS WIDGET*/
.bw_recent_posts img{float:left; margin-right:10px; width:60px; height: 60px; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.bw_recent_posts img:hover{opacity: 0.5; }
.bw_recent_posts li{padding: 10px 0 10px 0 !important; border-bottom:1px solid #e5e5e5 !important; background-image:none !important;}
.bw_recent_posts .widget_meta{font-size:11px;}

.footercontent .bw_recent_posts li{padding: 10px 0 10px 0 !important; border-bottom:1px solid #4B4B4B !important; background-image:none !important;}

.footercontent .bw_recent_posts li{border-bottom:1px solid #4b4b4b;}



/*BLOG*/
div.pagetitle{padding: 0 0 0 30px; border-bottom:1px solid #e5e5e5; border-top: 5px solid #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e8e8), to(#fff)); background: -webkit-linear-gradient(top, #e9e8e8, #fff); background: -moz-linear-gradient(top, #e9e8e8, #fff); background: -ms-linear-gradient(top, #e9e8e8, #fff); background: -o-linear-gradient(top, #e9e8e8, #fff);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e8e8', endColorstr='#ffffff',GradientType=0 ) }
div.postwrapper1{margin: 0 0 36px 0;}
.postwrapper1 h2{background:none; }
.postwrapper1 h2 span{background:none; padding-right:0; }
div.post-image{float:left; margin:0 12px 8px 2px; width: 160px; }
div.post{overflow:hidden;  }

div.meta-auth{float:left; }
.postwrapper1 img{-moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.postwrapper1 img:hover{opacity:0.5; }
.postwrapper1 .meta{overflow: hidden; margin-top: 10px; font-size:11px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; background-color:#f1f1f1; padding: 10px 0px 10px 10px; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
.meta .comments-link{float: right; padding:0 10px 0 25px; background-image:url('images/comment-icon-new.png'); background-position:left; background-repeat:no-repeat;  opacity:0.4;  -webkit-transition:opacity 0.125s ease-in; -moz-transition:opacity 0.125s ease-in; -o-transition:opacity 0.125s ease-in; transition:opacity 0.125s ease-in;  }
.comments-link:hover{opacity:0.7;}
.meta .readmore{float: right; padding:0 10px 0 25px; background-image:url('images/readmore.png'); background-position:left; background-repeat:no-repeat;  opacity:0.4;  -webkit-transition:opacity 0.125s ease-in; -moz-transition:opacity 0.125s ease-in; -o-transition:opacity 0.125s ease-in; transition:opacity 0.125s ease-in;  }
.readmore:hover{opacity:0.7;}

#comments h2{background:none; }
#respond h3{background:none; }



/*COMMENTS 

ol.commentlist{list-style:none; margin: 0 0 0 0; border:0; }
.comment, .pingback{ padding: 20px; border: 1px solid #e5e5e5; margin:0 0 20px 0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff)); -webkit-linear-gradient(top, #f5f5f5, #fff); -moz-linear-gradient(top, #f5f5f5, #fff); -ms-linear-gradient(top, #f5f5f5, #fff); -o-linear-gradient(top, #f5f5f5, #fff); -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
.comment_avatar_left {float: left; width: 20%; }
.comment_avatar_left img{padding: 5px; background: #FFF; }
.comment_right {float: left; width: 80%; margin-top: 20px;}
.comment_right strong{font-size:16px;}
ul.children{list-style:none; margin: 10px 0 0 30px; }
ul.children .comment{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#f5f5f5)); -webkit-linear-gradient(top, #e9e9e9, #f5f5f5); -moz-linear-gradient(top, #e9e9e9, #f5f5f5); -ms-linear-gradient(top, #e9e9e9, #f5f5f5); -o-linear-gradient(top, #e9e9e9, #f5f5f5); }
.comment_date{font-size:11px; color:#808080; }
.cancel-comment-reply{margin:15px 0 15px 0; }

a.comment-reply-link{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

a#cancel-comment-reply-link{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a#cancel-comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}


/*COMMENT FORM

#respond{padding:20px 0 20px 0; margin:20px 0 0 0; border-top:1px solid #e5e5e5; }
#respond textarea{width:95%; margin: 0 0 20px 0; }
#respond input{  }
#respond label{  }
#respond div.commentforminfo{margin-bottom:20px;  }
#respond div.commentforminput{float:left; }
#respond div.commentformlabel{float:left; width: 15%; line-height:2.75em; }

*/

/* BLOG COMMENTS */

#comments-title{margin: 0 auto; width: 68.9%; color: #666;
font-size: 10px;
font-weight: 500;
line-height: 2.6em;
padding: 0 0 2.6em;
text-transform: uppercase; }

.commentlist {
list-style: none;
margin: 0 auto;
width: 68.9%;}

.commentlist > li.comment {
background: #FFFFFF;
border: 1px solid #DDD;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 1.625em;
padding: 1.625em;
position: relative;
box-shadow: -1px 3px 10px #E0E0E0;
}

.comment-meta {
color: #666;
font-size: 12px;
line-height: 2.2em;}

.commentlist .avatar {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #CCC;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #CCC;
left: -102px;
padding: 0;
position: absolute;
top: 0;}

.commentlist .children {
list-style: none;
margin: 0;}

.commentlist .children li.comment {
background: white;
border-left: 1px solid #DDD;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin: 1.625em 0 0;
padding: 1.625em;
position: relative;}

a.comment-reply-link{background:#FFF; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}
a#cancel-comment-reply-link{background:#FFF; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease; font-size: 0.5em;
text-transform: uppercase;
float: right;}
a#cancel-comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

a.post-edit-link{background:#FFF; margin-bottom:12px; float: right; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.post-edit-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}


.commentlist > li::before {
content: url('images/comment-bg.png');
left: -20px;
position: absolute;}

.commentlist .children li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}

.commentlist .children .avatar {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: 2.2em;
padding: 0;
top: 2.2em;}

.commentlist .children li.comment .fn {
display: block;}

.comment-meta a {
font-weight: bold;}

.commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;}

.edit-link{float:right; }
a.comment-edit-link{background:#FFF; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.comment-edit-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

.commentlist #respond {
margin: 1.625em 0 0;
width: auto;}

#respond {
background: #fDfDfD;
border: 1px solid lightGrey;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 auto 1.625em;
padding: 1.625em;
position: relative;
box-shadow: 0px 5px 13px #DBDBDB;
width: 63%;
}

#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
position: relative;
}

#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
background: #EEE;
color: #555;
display: inline-block;
font-size: 13px;
left: 2px;
min-width: 60px;
padding: 7px 5px;
position: relative;
top: 35px;
z-index: 1;}

#respond .comment-form-author .required, #respond .comment-form-email .required {
color: #BD3500;
font-size: 18px;
font-weight: bold;
z-index: 1;
}

#respond input[type="text"] {
display: block;
height: 24px;
width: 75%;}

#respond input[type="text"], #respond textarea {
background: white;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
text-indent: 75px;
}

.nav-next{float:right; }
.nav-previous{float:left; }

#comment-nav-below{
overflow: hidden;
margin-bottom: 24px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 12px;
 }
 
 .blog-meta{padding: 0 0 12px 0;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 12px;
font-size: 0.8em; }


.post-meta{list-style: none;
background-color: #ffffff;
display: inline-block;
padding: 7px;
min-width: 97.5%; 
font-size: 0.8em;
margin-bottom: 18px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #E4E4E4;
border-bottom: 1px solid #CECECE;
border-left: 1px solid #CCC;
color: #8B8B8B;
margin-top: 16px;
margin-left: 0px !important;}

.post-meta li{display:inline-block; padding-right: 15px; margin-left: 2px;}

.post-meta-date{background:url('images/ico-blog-calendar.png') 0px 3px no-repeat; padding-left: 15px; }
.post-meta-auth{background:url('images/ico-blog-author.png') 0px 3px no-repeat;padding-left: 17px; }
.post-comments-link{background:url('images/ico-blog-comment.png') 0px 4px no-repeat; padding-left: 19px; }
.post-category{background:url('images/ico-blog-category.png') 0px 3px no-repeat; padding-left: 19px; }
.post-tags{background:url('images/ico-blog-tags.png') 0px 3px no-repeat; padding-left: 18px; }

.post-meta-readmore{float:right; padding-right:0px !important; }
.post-meta-readmore a{background:#FFF; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
.post-meta-readmore a:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

.pingback{font-style:italic; border-bottom:1px solid #e5e5e5; margin-top: 18px;}

/* columns */

.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}



/* header */

div.logowrapper{float:left;margin-left: 13px;
height: 81px;
padding: 0 25px 0 25px;
margin-top: 19px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;

}

div.nologowrapper{float:left;margin-left: 13px;
height: 81px;
padding: 0 25px 0 25px;
margin-top: 19px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;

}
div.logowrapper a{display: block; margin-top: 15px; }
div.nologowrapper a{display: block; margin-top: 15px; }
div.phonenumber{background:url('images/phone.png'); background-repeat:no-repeat; background-position: 3px 18px; color:#FFF; float:right; padding:16px 20px 0 20px; font-size:14px; font-family: 'Signika', sans-serif;}
div.socialicons{float:right; margin:42px 6px 0 0;}
.sitesearch{float:right; margin-top: 36px;}
input.s {width:130px; margin:0; float: left; border-top-right-radius: 0px; border-bottom-right-radius:0px; font-size: 11px;height: 16px;color: #A3A3A3;}
.footercontent input.s{margin:0; float:left; }

/* SOCIAL ICONS */
.socialicons_ul{list-style:none; }
.socialicons_ul li{display:inline-block; }
.socialicons_ul li a{opacity:0.7; padding:10px 15px 10px 15px; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out;  }
.socialicons_ul li a:hover{opacity:1.0; }

.social_twitter{background:url('images/social/social_tw.png'); background-position:center; background-repeat:no-repeat;}
.social_facebook{background:url('images/social/social_fb.png'); background-position:center; background-repeat:no-repeat; }
.social_linkedin{background:url('images/social/social_li.png'); background-position:center; background-repeat:no-repeat; }
.social_youtube{background:url('images/social/social_yt.png'); background-position:center; background-repeat:no-repeat; }
.social_googleplus{background:url('images/social/social_gplus.png'); background-position:center; background-repeat:no-repeat; }
.social_pinterest{background:url('images/social/social_pin.png'); background-position:center; background-repeat:no-repeat; }
.social_rss{background:url('images/social/social_rss.png'); background-position:center; background-repeat:no-repeat; }



/* BXSLIDER CONTENT */

.bx-prev{background:url('images/bxslider-prev.png') no-repeat center; float:left; padding: 12px; text-indent:-9999px; margin-left: 10px; opacity:0.5;}
.bx-next{background:url('images/bxslider-next.png') no-repeat center; float:right; padding: 12px; text-indent:-9999px; margin-right: 10px;  opacity:0.5; }
.bx-wrapper{background:#fff; border:1px solid #e5e5e5; overflow:hidden; moz-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
.bx-wrapper p{margin:15px; }

/* STAFF MEMBERS */

div.staffmember{width:100%; margin: 0 0 40px 0; overflow: hidden; }
div.staffmemberphoto{float:left; margin: 0 20px 5px 5px;}
div.staffmembertext{ }
.staffmembertext h2{margin-bottom:0px; background:none; }
.staffmembertext hr{margin: 10px 0 10px 0; }
.staffmembertext hr{margin: 10px 0 10px 0; }
.staffdesc{font-size:11px; color:#989898; margin: 0px 0 10px 0;}
ul.staffcontact{list-style:none; overflow:hidden; }
ul.staffcontact li{float:left;  }
ul.staffcontact li.phone{background:url('images/icon-dark-phone.png'); background-position:left; background-repeat:no-repeat; padding-left: 20px; padding-right: 10px; }
ul.staffcontact li.fax{background:url('images/icon-dark-fax.png'); background-position:left; background-repeat:no-repeat; padding-left: 25px; padding-right: 10px; }
ul.staffcontact li.email{background:url('images/icon-dark-email.png'); background-position:left; background-repeat:no-repeat; padding-left: 25px; padding-right: 10px; }

/*footer*/
div.copyright{padding:12px 0 0px 30px; float:left; }
div.copyrighttext{padding:12px 30px 0px 0px; float:right;}

/* CLASSES */
.ui-tabs-hide {display:none;}
.googlemap{ -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); margin-bottom:20px; border-top-left-radius: 10px;
border-top-right-radius: 10px;}
div.prev-posts{float:right; }
div.next-posts{float: left; }

/* TABLE STYLE */

.entry table {
    overflow:hidden;
    background:#fefefe;
    width:99%;
    margin: 0 0 40px 4px;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.entry th, td {padding:12px 20px 12px; text-align:center; }
.entry th {padding-top:18px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; font-weight: bold;}
.entry td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.entry tr.odd-row td {background:#f6f6f6;}
.entry td.first, th.first {text-align:left}
.entry td.last {border-right:none;}

.entry td {
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
    background: -moz-linear-gradient(top, #fefefe, #f9f9f9);
    background: -ms-linear-gradient(top, #fefefe, #f9f9f9); 
    background: -o-linear-gradient(top, #fefefe, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fefefe',GradientType=0);  
    
}
.entry tr.odd-row td {
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
    background: -ms-linear-gradient(top, #f6f6f6, #f1f1f1); 
    background: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f6f6f6',GradientType=0); 
    
}
.entry th {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E5E5E5));
    background: -moz-linear-gradient(top, #fff, #E5E5E5);
    background: -ms-linear-gradient(top, #fff, #E5E5E5); 
    background: -o-linear-gradient(top, #fff, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0); 
    
}



tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -ms-border-radius-topleft:5px;
    -o-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}
tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -ms-border-radius-topright:5px;
    -o-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}
tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -ms-border-radius-bottomleft:5px;
    -o-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}
tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -ms-border-radius-bottomright:5px;
    -o-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}
 /* HOMEPAGE TABLE */

.contentfull table {
overflow:hidden;
background:#fefefe;
width:99%;
margin: 0 0 40px 4px;
-moz-border-radius:5px; /* FF1+ */
-webkit-border-radius:5px; /* Saf3-4 */
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;

-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.contentfull th, td {padding:12px 20px 12px; text-align:center; }
.contentfull th {padding-top:18px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; font-weight: bold;}
.contentfull td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.contentfull tr.odd-row td {background:#f6f6f6;}
.contentfull td.first, th.first {text-align:left}
.contentfull td.last {border-right:none;}

.contentfull td {
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
background: -moz-linear-gradient(top, #fefefe, #f9f9f9);
background: -ms-linear-gradient(top, #fefefe, #f9f9f9);
background: -o-linear-gradient(top, #fefefe, #f9f9f9);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fefefe',GradientType=0);

}
.contentfull tr.odd-row td {
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
background: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
background: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
background: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f6f6f6',GradientType=0);

}
.contentfull th {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E5E5E5));
background: -moz-linear-gradient(top, #fff, #E5E5E5);
background: -ms-linear-gradient(top, #fff, #E5E5E5);
background: -o-linear-gradient(top, #fff, #E5E5E5);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0);

}


/* MESSAGE BOXES */


div.messagebox{border: 1px solid; border-radius: 5px; padding: 24px 24px 24px 52px; margin-bottom:20px; -moz-box-shadow:-1px 3px 8px #D1CDCD, inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow:-1px 3px 8px #D1CDCD, inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow:-1px 3px 8px #D1CDCD, inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); }

div.messagebox.red{background: #FFD2D2 url('images/alert-bad.png') no-repeat 15px; border-color:#6B1212; color:#6B1212; }

div.messagebox.green{background:#D7FFC4 url('images/alert-good.png') no-repeat 15px; border-color:#365F1B; color:#365F1B; }

div.messagebox.blue{background:#C6E6FF url('images/alert-arrow.png') no-repeat 15px; border-color:#002D59; color:#002D59; }

div.messagebox.yellow{background:#FFF8BF url('images/alert-warning.png') no-repeat 15px; border-color:#4E460E; color:#4E460E; }



p.nocomments{ border-radius: 5px; border: 1px solid #BBBABA; padding: 12px 12px 12px 12px; margin-bottom:20px; -moz-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); }

dt {
	font-weight: bold;
}
dd {
	background:none no-repeat left top;
	padding-left: 12px;
    margin:6px 0 12px 0 ;
}


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 0px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    border-radius: 5px;
    background:#FFF;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	color: #FFF;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #555;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
		background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
    background-image: url('images/calendar-arrow-prev.png');
	background-position: center 5px;
}
.ui-datepicker-next {
	float: right;
    background-image: url('images/calendar-arrow-next.png');
	background-position: center 5px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #7C7C7C;;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #303030;
	filter: dropshadow(color=#303030, offx=0, offy=1);
	border: 1px solid ##494949;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/*timepicker*/

.ui-timepicker-container{position:absolute;overflow:hidden}.ui-timepicker{display:block;height:200px;text-align:center;list-style:none outside none;overflow:auto;overflow-x:hidden;margin:0;padding:0 0 0 1px}.ui-timepicker-standard{font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{color:#222}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:normal;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-standard .ui-menu-item a{display:block;padding:0.2em 0.4em;line-height:1.5;text-decoration:none}.ui-timepicker-standard .ui-menu-item a.ui-state-hover{font-weight:normal;margin:-1px -1px -1px -1px} .ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px}.ui-timepicker-hidden{display:none}

/*404*/

span.forohfor{display: block; text-align: center; color: #DBDBDB ; text-shadow: #707070 -1px -1px 2px, white 2px 1px 0px;
letter-spacing: -11px;padding:90px; font-size:190px; border-bottom: 1px solid #CCC; font-weight: bold; }
span.notfound{display: block; text-align: center; font-family: 'Signika', sans-serif; color: silver;text-shadow: #707070 -1px -1px 1px, white 2px 1px 0px;
font-size: 38px;
margin-top: 20px;
 }

Open in new window

0
Comment
Question by:jonathanduane2010
  • 2
3 Comments
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 39997553
It works when you add it directly to the <body> tag, so it's probably being overwritten somewhere in the css.

You need to change it in the same css with the colors:

http://www.thedancingsoul.ie/wp-content/themes/wellness/skins/skin1.css?ver=3.8.2

Line 4, you have:
body {background: #F5CF66 url('../images/skin1-bg.jpg') no-repeat center 5px;}

change it to
body {background: url("http://soul.greatlocks.ie/soul.jpg") repeat scroll left top #E8E8E8;}

LE: you're sure it's a good idea hot linking to that image? The admin at greatlocks.ie might get upset with you.

HTH,
Dan
0
 

Author Comment

by:jonathanduane2010
ID: 39997560
thanks Dan, (again)

There is a slight hint of maroon at nav bar and its not fully green, any idea how to get rid of that??
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
ID: 39997567
You have a gradient there (line 14):
div.mainmenu{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6da92e), to(#603545)); background: -webkit-linear-gradient(top, #6da92e, #603545); background: -moz-linear-gradient(top, #6da92e, #603545); background: -ms-linear-gradient(top, #6da92e, #603545); background: -o-linear-gradient(top, #6da92e, #603545);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6da92e', endColorstr='#603545',GradientType=0 )}

603545 is some kind of purple. Change it to your favorite shade of green

Or simply replace that line with
div.mainmenu{background-color:#6da92e;}
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
JavaScript/CSS: Detect if hue-rotate supported by browser 1 35
Edit a page at wix.com 8 49
move widget title down 4 18
CSS: Making Pure CSS read more boxes thinner 5 30
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to count occurrences of each item in an array.

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question