/*   
Theme Name: Eclogite Skincare
Theme URI: http://www.eclogiteskincare.com
Description: Eclogite's CSS for main site and blog
Author: Mojito Solutions
Author URI: http://www.mojitosolutions.com.au
Version: 1.0
*/

/* Key styles for: Eclogite V2*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 27 January 2009 */

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-size: 62.5%; font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; background: #475c7a; color: #444;}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
.wrapper {margin-left: auto; margin-right: auto; width: 960px;}
#banner{background: url(images/banner-shadow.png) repeat-x bottom #475c7a; padding-top: 20px; height: 169px; }
#navigation{}
#main-container{background: #fff;}
#home-feature{margin-bottom: 20px;  }

#logo-small {clear: both;float: right;}

#content {background-color: #fff; width: 960px;  overflow: hidden;}
#content .col {position: relative; float: left;  }
#col1{width: 300px; margin-right: 20px;}
#col2 {width: 300px; margin-right: 10px; margin-left: 10px;}
#col3 {width: 300px; margin-left: 20px}
#side-bar { width: 230px; margin-right: 50px; padding: 40px 0px;}
#main { width: 660px; padding: 40px 0px 20px 0;}
#content-top{ padding: 40px 0px 10px 0;}

#footer{background: url(images/footer-shadow.png) repeat-x top #475c7a;  padding-top: 10px; min-height: 100px;}
#footer-content{float: left; width: 600px;}
#webdeveloper {float: right; width: 300px;  text-align: right;}


/*Sub-Navigation Styles*/
#sub-navigation ul {margin-left: 0px !important;} 
#sub-navigation li {margin: 0;  list-style: none;  border-bottom: 1px dotted #999; }
#sub-navigation li a{line-height: 14px; text-decoration: none; color: #475c7a; font-size: 16px ;  display: block; padding: 10px 0}
#sub-navigation li a:hover {color: #9db86c;  border-bottom: none;}

#sub-navigation ul ul {margin-bottom: -5px;}
#sub-navigation ul ul li{border-bottom: none;}
#sub-navigation ul ul li a{padding: 2px 0; color: #555 !important; font-size: 14px; }
#sub-navigation ul ul li a:hover {color: #475c7a !important}

#sub-navigation .current-page a{color: #9db86c}
/*Link Styles*/
a {color: #475c7a; text-decoration: none;}
a:link{color: #475c7a;}
a:visited {color: #475c7a; }
a:hover {color: #9db86c; border-bottom: 1px dotted #475c7a;}

h2 a:hover {border-bottom: none;}
#sidebar a:hover{border-bottom: none;}

#footer a{color: #fff; border-bottom: 1px dotted #bbcde7;}
#footer a:hover {color: #bbcde7; border-bottom: 1px dotted #fff;}


/*Paragraph Styles*/
h1 {font-size: 2.2em; color: #475c7a; padding-bottom: 10px; font-weight: normal;}
h2 {font-size: 1.8em; color: #9db86c; padding-bottom: 5px; font-weight: normal;}
h3 {font-size: 1.6em; color: #475c7a; padding-bottom: 5px; font-weight: normal;}
h4 {font-size: 1.4em; color: #475c7a; padding-bottom: 5px; font-weight: normal;}
p {font-size: 1.3em; padding-bottom: 10px;}
.col p{font-size: 1.3em;}
#footer p{font-size: 1.2em; color: #fff;}
.col h2{color: #475c7a; border-bottom: 2px solid #9db86c; margin-bottom: 10px; }
#side-bar h2{ width: 230px;}
#sidebar h2{background: #9db86c; color: #fff;  padding: 5px; margin-bottom: 10px; width: 230px; border-bottom: none; margin-top: 15px; }
/*Table Styles*/
table {background: #475c7a; border: 1px solid #fff; margin-bottom: 10px;}
table td{padding: 5px; background: #475c7a; color: #fff; border: 1px solid #fff; font-size: 1.3em;}

/*List Styles*/
#main-container ul, #main-container ol {font-size: 1.3em; margin-left: 30px; padding-bottom: 10px;}
#main-container li {padding-bottom: 2px;}

/*Image Styles*/
img {padding: 0px;}
#content img {padding: 5px;}
#content img.left {padding: 10px 10px 10px 0;}
#content img.right {padding: 10px 0px 10px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {border-bottom: 1px solid #9db86c; padding-bottom: 20px; margin-bottom: 20px;}
.highlight {color: #475c7a;}

/*Newsletter Sign Up Form*/
#form {width: 270px;}
#form label{font-size: 1.6em; color: #475c7a; width: 100px;}
#form input {float: right; margin-top: -19px; width: 200px;}
#form #subscribe input{margin-top: 0; width: 100px;}

/*Products*/
/*Home Page Feature Product*/
.product-snippet {margin-top: -15px}
.product-snippet a:hover{border-bottom: none;}
.productimage {float: right; padding-right: 10px;}
.productimage a:hover{border-bottom: none;}
.product{clear:both;  padding-top: 20px;}
.addtocart{float:left; padding-top: 10px;}
.product h2 {border-bottom: none; margin-bottom: 0;}
.horizontalrule { height: 1; border:none; border-top: #9db86c solid 1px;}
.product-add a:hover {border-bottom: none;}
.read-more{margin-top: -5px; float: right;}


/*Navigation*/
/*Top Level Navigation Styles*/
.menu {width: 960px; position:relative; font-size: 14px; z-index: 100; padding-top: 20px; text-align: center;}
@media only screen and (max-device-width: 480px){.menu { font-size: 12px;}}
.menu ul {padding:0; margin:0; list-style-type: none; text-align: center; float: left; }
.menu ul li {float:left; position:relative; width: 95px;}
.menu ul li a, .menu ul li a:visited {text-decoration: none; color: #fff; padding: 10px; display: block; height: 35px; background: #647893; margin-right: 5px; }
.menu ul li ul {display: none;}
.menu table {margin: 0px; border-collapse: collapse; border: 0 !important;}

/*Font Size of the list items in the drop down menu*/
.menu table td{padding: 0px; border: 0 !important; font-size: 12px;}

/*Styles for the last list item and the current list item*/
.menu ul li.last a{border-right: none;}
.menu ul li.current a, .menu ul li a.current{color: #fff; background: #9db86c !important; height: 35px;}
.menu ul li table ul li.current a{color: #fff; background: #9db86c !important; height: 35px;}

/*Hover effect for the top level navigation*/
.menu ul li:hover a,.menu ul li a:hover {color: #fff; border-bottom: none; background: #9db86c;}
.menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; top: 55px; left:0; width: 90px;}
.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}

 /*Background colour of the drop down list*/
.menu ul ul li a {height: auto;}
.menu ul li:hover ul, .menu ul li a:hover ul {background: #555; text-align: left;  border-top: 2px solid #fff; }
.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background: none; color: #fff; height:auto;  }

/*Styles for the hover effect of the drop down item*/
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background: #647893; color: #fff; width: 70px;}


/*Shopping Cart*/
#shopping-cart {margin-top: 30px;}
.cartlink {clear: both; font-size: 1.4em;}
.tc_view{border-right: 1px solid #2583be; padding-right: 10px; margin-right: 10px}
.tc_cart_view_text{margin-right: 5px;}
.tc_cart_empty {}
#shopping-cart h2{background: #9db86c; color: #fff;  padding: 5px; margin-bottom: 10px; width: auto; border-bottom: none; }
#shopping-cart img{margin-top: -5px;}
#shopping-cart a{color: #475c7a;}
#shopping-cart a:hover{color: #9db86c; border-bottom: none;}
#shopping-cart p{font-size: 1.2em;}
#TB_closeAjaxWindow a:hover {border-bottom: none;}
*html div#TB_window {position: absolute; top: 300px;}


/*Wordpress Styles*/
.date {background:url(img/icons.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; background-position:0 -48px; margin-bottom: 10px; float: left;}
.comments {background:url(img/icons.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; background-position:0 -96px; float: right; margin-right: 10px;}
.categories {background:url(img/icons.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; background-position:0 -32px; margin-right: 10px;}
.edit {background:url(img/icons.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; background-position:0 -64px; float: right;}
.tags {background:url(img/tags-icon.gif) no-repeat; padding-left:22px; height:16px; line-height:16px; display:block; font-size:11px; margin-right: 10px; margin-top: 10px;}
.post-information{margin-bottom: 50px;}
*html #sidebar {margin-top: 30px;}
textarea#comment { width: 550px; padding: 5px; }
.commentmetadata { font-size: 11px; }
.commentlist li p{font-size: 13px;}
@media only screen and (max-device-width: 480px){#nav-buttons { padding-top: 20px;}}


/*Google Translator*/
#google-translator {width: 170px; float: right; margin-top: 15px;}
#google-translator div {color: #fff;}
#google-translator div a{border-bottom: none;}
#google-translator div a:hover {border-bottom: none;}
#google-translator select{width: 170px; margin-bottom: 5px;}