@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@media screen and (max-device-width: 480px) {
  #logo { width:112px; height:46px; }
}
body {
 /*font-family: Georgia, "Times New Roman", Times, serif;
 font-family: 'Delius', cursive;*/
 font-family: 'PT Sans', sans-serif;
 color: #999;
 font-size: 18px;
 padding: 0; margin: 0;
 background: #fff;
 text-align:center;
}
#wrapper {
 width: 770px;
 margin: 0 auto;
 background: url(images/flower_bg.png) repeat-x bottom;
}

a:link {color: #6794cc;}
a:active {color: #6794cc;}
a:visited {color: #999;}
a:hover {color: #ea6121;}
img {max-width:100%;}

@media screen and (max-device-width:320px) { img{max-width:50%;}}

/* Begin Parent Left Column --------------------------------------------------------------------- */
#leftcolumn { 
 padding: 10px;
 display: inline; /* IE Fix */
 float: left;
 border-left: 1px dashed #ccc;
 border-right: 1px dashed #ccc;
 border-bottom: 1px dashed #ccc;
 border-right: 1px dashed #ccc;
 background-color: #fff;
}
#leftcolumn .logo {
 margin: 0px 0px 10px 0px;
 width: 180px;
 border: 1px dashed #ccc;
 background-color: #F9F7E8;
}
#leftcolumn .logo img { display: block; }
#leftcolumn .leftbox2 { /* Generic Box */
 margin: 0px 0px 10px 0px;
 border-top: 1px dashed #ccc;
}
/* Begin Left Navigation */
#leftcolumn ul.mainnav { 
 margin: 0px;
 padding: 0;
 list-style: none;
}
#leftcolumn ul.mainnav .heading {
 background-color: #BDD5DA;
 padding: 5px;
 color: #fff;
 font-size: 14px;
}
#leftcolumn ul.mainnav li { 
 border-bottom: 1px dashed #ccc;
 border-right: 1px dashed #ccc;
 border-left: 1px dashed #ccc;
}
#leftcolumn ul.mainnav li a:link, #leftcolumn ul.mainnav li a:visited{ 
 color: #333;
 background-color: #F9F9F9;
 text-decoration: none;
 padding: 5px;
 display: block;
}
#leftcolumn ul.mainnav li a:hover{ 
 display: block;
 background-color: #D3E5EA;
 text-decoration: none;
 padding: 5px;
}
/* End Left Navigation */
/* End Parent Left Column ----------------------------------------------------------------------- */


/* Begin Parent Right Column ----------------------------------------------------------------------- */
#rightcolumn {
 border-left: 1px dashed #ccc;
 border-right: 1px dashed #ccc;
 margin: 0 0 0 10px;
 display: inline; /* IE Fix */
 width: 514px;
 float: left;
 background-color: #fff;
}
#rightcolumn p.content {
 border: 1px solid #fff;
 margin: 10px;
 text-align: justify;
}
#rightcolumn p.content img {
 float: left;
 margin: 0px 10px 10px 0px;
}
#rightcolumn h1 {
 margin: 10px;
 padding: 3px 10px;
 border: 1px dashed #ccc;
 font-size: 20px;
 background: #FFE1D2;
}
#rightcolumn .banner {
 margin: 10px;
 border: 1px dashed #ccc;
 background-color: #D3E5EA;
}
#rightcolumn .banner img { display: block; }

.delicious {
 line-height: 1;
 text-align: left;
 border: 1px solid #fff;
 margin-left:40px;
 margin-right: 10px;
}

/* End Parent Right Column ----------------------------------------------------------------------- */
.clear {
 clear: left;
}
#footer {
 background: #D3E5EA;
 border: 1px dashed #ccc;
 margin:10px;
}

#footer .text {
padding: 5px;
 margin: 10px auto;
}
#footer .text a:link, #footer .text a:visited { color: #333; text-decoration: none; }
#footer .text a:hover {  color: #333; text-decoration: underline; }
#footer .text img { border: none ; }





/****************
*** Flower list ****
*************** */

#rightcolumn li {
list-style-image: url(images/bullet.png);
margin-left: 30px;
padding: 5px;
}


/****************
 *** Comments ***
 ****************/

#comments{
	font-size:  1.1em;
	text-align: left;
	}



/**************
*** Message ***
**************/

#message {
	clear:both;
	background-color:#F6EBE5;
	border: 1px dashed #7F7554;
	padding:8px 8px 6px 8px;	
	width:80%;
	margin:0 auto;
}

#message div.title {
	font-size:1.2em;
	color:#900;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}


/*exemple of use
<div id="message">
	<div class="title">This is my title for the message or warning </div>
	<p>This is a message, this could be a warning, include all your text here.</p><br />
</div>
*/

.imageborder {
border:1px solid #ADADAE;
padding:5px;
background-color:#ffffff;
margin:5px 5px 5px 5px;
}

.softpink {
	color:#ffe1d2;
}

.grey {
	color:#666666;
}

.lightgrey {
	color:#cccccc;
}

.lightblue {
	color:#bdd5da;
}
.darkblue {
	color:#67b6cc;
}
.methods{
 padding:10px;
 margin:20px;
 border:1px dashed #ccc;
 background:#d3e5ea;
 }
 
 .tools{
 padding:10px;
 margin:20px;
 border:1px dashed #ccc;
 background:#e5e6b0;
 }
 
 
 .security{
 padding:10px;
 margin:20px;
 border:1px dashed #ccc;
 background:#ffe1d2;
 }
 
.masters{
 padding:10px;
 margin:20px;
 border:1px dashed #ccc;
 background:#e2e2e2;
 }
 
 .imageLeft {
	float: left; 
	margin: 10px;
}

.imageRight {
	float: right; 
	margin: 10px;
}

.niceorange{color: #f2691b;}