/*







Theme Name: Choclovers



Theme URI: http://choclovers.co.nz



Description: Choclovers.co.nz



Version: 2.0



Author: The Online Circle



Author URI: http://theonlinecircle.com



Copyright © The Online Circle







*/







html {







}







body {



font-family: Tahoma, Geneva, Helvetica, sans-serif;



font-size: 62.5%;



color: #000000;



text-align: left;



margin: 0 0 25px 0;



padding: 0 100px;



background-color: #3da047;



background-image: url(background.jpg);



background-repeat: no-repeat;



min-height: 620px;



min-width: 1100px;



}







/* Wordpress Image Classes */







img.centered {



display: block;



margin-left: auto;



margin-right: auto;



}







img.alignright {



padding: 4px;



margin: 0 0 2px 7px;



display: inline;



}







img.alignleft {



padding: 4px;



margin: 0 7px 2px 0;



display: inline;



}







.alignright {



float: right;



}







.alignleft {



float: left;



}







.aligncenter {



margin: auto;



text-align: center;



display: block;



}







/* Text */







p {



font-size: 1.2em;



line-height: 1.2;



padding-bottom: 15px;



color: #412E8E;



}







a {



color: #9159A4;



text-decoration: none;



font-weight: bolder;



}







a:visited {



color: #9159A4;



text-decoration: none;



font-weight: bolder;



}







a:hover {



color: #412E8E;



text-decoration: none;



font-weight: bolder;



}







h1 {



font-size: 2.5em;



font-weight: bold;



padding-bottom: 15px;



color: #9159A4;



}







h2 {



font-size: 1.8em;



color: #9159A4;



}







h3 {



font-size: 1.2em;



color: #9159A4;



}







h4 {



font-size: 1.1em;



color: #9159A4;



}







ul {



list-style-position: inside;



list-style-type: disc;



margin-bottom: 15px;



font-size: 1.2em;



}



ul ul {



margin-left: 15px;



font-size: 1em;



}





li {



line-height: 1.2;



color: #412E8E;



}







/* DIVS */







#header {



width: 950px;



height: 80px;



margin: 0;



padding: 0;



}







#logo {



float: left;



}







/* START NAVBAR */







#navbar {



background-image: url(menu-background.png);



background-repeat: no-repeat;



width: 649px;



height: 62px;



margin: 15px 0 0 265px;



padding: 0;



}







#navbar ul {



list-style-type: none;



padding: 20px 0 0 30px;



margin: 0;



}







#navbar li {



list-style-position: outside;



display: inline-block;



margin: 6px 80px 0 0;



float: left;



}







#navbar li a {



height: 13px;



}







#navbar li.last {



margin-right: 0;



}







#navhome, #navpromotions, #navfairtrade, #navfaq, #navnews, #navletschat



{



  display: block;



  height: 28px;



}







#navhome {background: url("menu-home.png") no-repeat 0 0; width: 46px;}



#navpromotions {background: url("menu-promotions.png") no-repeat 0 0; width: 95px;}



#navfairtrade {background: url("heading-blocks.png") no-repeat 0 0; width: 54px;}



#navfaq {background: url("menu-faq.png") no-repeat 0 -1px; width: 34px; height: 30px;}



#navnews {background: url("menu-news.png") no-repeat 0 0; width: 46px;}



#navletschat {background: url("menu-letschat.png") no-repeat 0 0; width: 79px;}



#navmoro {background: url("menu-moro.gif") no-repeat 0 0; width: 42px;}





#navhome:hover, #navpromotions:hover, #navfairtrade:hover, #navnews:hover, #navletschat:hover, #navmoro:hover



{ 



  background-position: 0 -13px;



}







#navfaq:hover {



background-position: 0 -15px;



}







#navhome span, #navpromotions span, #navfairtrade span, #navfaq span, #navnews span, #navletschat span, #navmoro span



{



  display: none;



}







/* END NAVBAR */







#sidebar {



float: left;



width: 260px;



margin: 0 0 10px 5px;



min-height: 450px;



}







#maincol {



float: left;



width: 654px;



margin: 0;



padding: 0 0 0 5px;



}







#maincoltop {



background-image: url(text-background-top.png);



background-repeat: no-repeat;



width: 649px;



height: 42px;



}







#maincolbtn {
background-image: url(text-background-bottom.png);
background-repeat: no-repeat;
width: 649px;
height: 44px;
padding-top: 6px;
}







#maincolcontent {



background-image: url(text-background-1px.png);



background-repeat: repeat-y;



width: 569px;



padding: 0 40px;



}







#footer {







}







#footerlogo {



margin: 5px 0 0 15px;



}







#footer span {



float: left;



color: #FFFFFF;



padding: 2px 0 0 15px;



font-size: 0.9em;



}







#footer a, #footer a:visited {



color: #FFFFFF;



font-weight: bold;



text-decoration: none;



}







#footernav {



float: left;



padding: 0 0 0 120px;



}







#footernav ul {



list-style-type: none;



}







#footernav li {



list-style-position: outside;



display: inline-block;



border-right: 2px solid #fff;



height: 15px;



line-height: 1;



padding: 0 3px 0 0;



margin-right: 2px;



float: left;



}







#footernav li.last {



border-right: none;



}







.clearall {



clear: both;



}







.mywidgets {







}







.navid {



margin: 0;



padding: 0;



height: 1px;



}







div#post3 li.navhome,



{







}







#contentpane {



width: 670px;



padding: 45px 0 0 290px;



text-align: left;



margin: 0;



}







#social {



margin-top: 10px;



margin-right: 20px;



}







#socialf {



position: absolute;



margin-top: 40px;



margin-left: 5px;



}







#pageicon {



position: absolute;



top: 85px;



left: 910px;



}







/* COMMENTS */







#commentform div.npt {



	width: 500px;



	height: 20px;



	padding: 0;



	margin: 20px 0;



	background-image: url(comments-small-background.png);



	background-repeat: no-repeat;



	background-color: #D8ECDA;



	background-position: top left;



	}







#commentform input {



	float: left;



	width: 180px;



	height: 20px;



	padding: 0 5px 0 5px;



	margin: 0 5px 1px 0;



	border: none;



	color: #9159A4;



	background-color: transparent;



}







#commentform {



	margin: 5px 10px 0 0;



	}



	



#commenttxt {



	width: 100%;



	padding: 0;



	background-image: url(comments-large-background.png);



	background-repeat: no-repeat;



	background-color: #D8ECDA;



	background-position: top left;



}







#commentform textarea {



	width: 100%;



	padding: 2px 5px;



	border: none;



	color: #9159A4;	



	background-color: transparent;



}



	



#commentform span {



	font-size: 1.3em;



	font-weight: bold;



	color: #9159A4;



	float: left;



	margin-left: 20px;



	padding-top: 2px;



}







#commentform input.npt1 {



background-color: #FFFFFF;



}







#captchaInputDiv small {



	font-weight: bold;



	color: #9159A4;



	padding-top: 7px;	



}







#respond:after {



		content: "."; 



	    display: block; 



	    height: 0; 



	    clear: both; 



	    visibility: hidden;



	}







#commentform #submit {



	margin: 80px 0 5px auto;



	float: right;



	background-image: url(submit.png);



	background-repeat: no-repeat;



	background-color: none;



	width: 70px;



	height: 21px;



	border: none;



	}







div.commenttop { height: 30px; }



div.commentbtn { height: 47px; }







.thread-even div.commenttop { background-color: #C2D4EE; margin: 0 30px 0 25px;}



.thread-even .cmtitem, .thread-even .reply { background-color: #C2D4EE; }



.thread-alt div.commenttop { background-color: #E5C5DE; margin: 0 30px 0 25px; }



.thread-alt .cmtitem, .thread-alt .reply { background-color: #E5C5DE; }







.thread-even .commenttoplft {



        background-image: url(blue-corner-TL.png);



        background-repeat: no-repeat;



		float: left;



		height: 30px;



		width: 30px;



}







.commenttoplft7 {



		height: 1px;



		width: 1px;



}







.thread-even .commenttoprgt {



        background-image: url(blue-corner-TR.png);



        background-repeat: no-repeat;



		float: right;



		height: 30px;



		width: 30px;



}







.thread-even div.commentbtn {



        background-image: url(blue-corner-comments-1px.png);



        background-repeat: repeat;



		margin: 0 30px 0 25px;



}







.thread-even .commentbtnlft {



        background-image: url(blue-corner-comments-BL.png);



        background-repeat: no-repeat;



        height: 48px;



        width: 73px;



		float:left;



}







.thread-even .commentbtnlft1 {



        background-image: url(blue-corner-BL.png);



        background-repeat: no-repeat;



        height: 48px;



        width: 30px;



		float:left;



}







.thread-alt .commentbtnlft1 {



        background-image: url(pink-corner-BL.png);



        background-repeat: no-repeat;



        height: 48px;



        width: 30px;



		float:left;



}







.thread-even .commentbtnrgt {



		background-image: url(blue-corner-comments-BR.png);



        background-repeat: no-repeat;



		height: 48px;



		width: 30px;



		float: right;



}







.thread-alt .commenttoplft {



        background-image: url(pink-corner-TL.png);



        background-repeat: no-repeat;



		float: left;



		height: 30px;



		width: 30px;



}







.thread-alt .commenttoprgt {



        background-image: url(pink-corner-TR.png);



        background-repeat: no-repeat;



		float: right;



		height: 30px;



		width: 30px;



}







.thread-alt div.commentbtn {



        background-image: url(pink-corner-comments-1px.png);



        background-repeat: repeat;



		margin: 0 30px 0 25px;



}







.thread-alt .commentbtnlft {



        background-image: url(pink-corner-comments-BL.png);



        background-repeat: no-repeat;



        height: 48px;



        width: 73px;



		float:left;



}







.thread-alt .commentbtnrgt {



        background-image: url(pink-corner-comments-BR.png);



        background-repeat: no-repeat;



		height: 48px;



		width: 30px;



		float: right;



}







.depth-1 {



border: none;



}







.even, .alt {



	border-left: none;



}







.alt {



	margin: 0;



	padding: 10px;



	}







.commentlist {



	padding: 0;



	text-align: justify;



	}







.commentlist li {



	margin: 15px 0 10px;



	padding: 0;



	list-style: none;



	}







.commentlist li ul li { 



	margin-right: -5px;



	margin-left: 60px;



    margin-top: 15px;



}







.commentlist p {



	margin: 10px 5px 10px 0;



}







#commentform p {



	margin: 5px 0;



}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



}







.commentmetadata {



	margin: 0;



	display: block;



	}







.cmtitem p {



margin: 0 20px 0 80px;

font-size:1.1em;

padding-bottom: 7px;



}













.comment {



}







#commentsign {

clear: both;

font-size: 0.9em;

float: left;

margin: 0;

}







#commentsign p {



font-size: 1.2em;



color: #473a96;



}







.ratingblock {



position: relative;



top: 40px;



margin-left: 80px;



}







#avtr{



float: left;



margin: 0 0 0 20px;



}







.reply {



margin: 0 0 0 80px;



height: 25px;



}







.ratecmm {



float: left;



}







.children { 



	padding: 0; 



	margin-top:15px; 



	font-size: 1em;



}







.post {



margin: 0;



padding: 0 20px;



}







.thread-even .post {



background-color: #C2D4EE;



}







.thread-alt .post {



background-color: #E5C5DE;



}











#newssidecol {



width: 120px;



float: right;



margin-top: 0;



}







#newsmaincol {



width: 420px;



}







small.newsdate {



font-size: 1.2em;



color: #9159A4;



padding-top: 5px;



}







#categories-3 h3, #archives-3 h3 {



visibility: hidden;



}







#categories-3 li, #archives-3 li {



color: #9159A4;



list-style-type: none;



list-style-image: none;



list-style-position: outside;



font-size: 1.2em;



}







#faqsidebar {



width: 120px;



float: right;



margin-left: 25px;



margin-top: 0;



text-align: left;

}



#faqsidebar p {



line-height: 1.5;



}



#faqsidebar img {

margin-bottom: 15px;

}



td {

font-size: 1em;

line-height: 1;

color: #412E8E;

padding: 5px;

}

#sharepane {
width: 102px;
height: 25px;
background-image: url(share-this-background.png);
background-repeat: no-repeat;
margin: 0 0 0 500px;
padding: 5px 0 0 54px;
}

#sharepane img {
float: left;
margin-left: 2px;
}