/* Dragonmyth Designs Main Style page
Date: 20110512
Author: Dami
Purpose: main style sheet.
 */
 
 body { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #154b5b; }
/* div{ border: 1px red solid; }*/
 p {margin:1em 0; line-height: 1.5; }
 h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", serif; color: #3bb1d2; margin: .25em 0 .5em 0; line-height: 1; background-color: transparent;}
 	h1 { font-size: 30px; }
	h2 { font-size: 25px; }
	h3 { font-size: 20px; }
	h4 { font-size: 15px; }
#wrapper { width: 950px; height: auto; margin: 10px auto; } 
#header { width: 49%; float: left; }
#menu { width: 49%; float: right; }
#nav { float: right; }
/* Links */
	#menu a {display: block; width: 165px; font: inherit; text-align: right; margin: 1px 0; border-radius: 6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius: 6px; border:none; }
	#menu a:link,#menu a:visited {border-right: 8px solid #9cd43b; padding: 3px; background-color:#3bb1d2; color: #154b5b; }
	#menu a:hover {border-right: 8px solid #3bb1d2; padding:3px; background-color: #9cd43b; color: white;}
	a:link {text-decoration: none; border-bottom:1px #fd4f47 dotted; color: #fd4f47; background-color: transparent; }
	a:visited { text-decoration: none; border-bottom:1px #37c43f dotted; color: #37c43f; background-color: transparent; }
	a:hover { text-decoration: none; border-bottom:1px #3bb1d2 dotted; color: #3bb1d2; background-color: transparent; }
	a:active {  }
em { font-style: italic; }
.bold { font-weight: bold; }
ol li, ul li { padding: 3px 0; }
.clr { clear: both; }

#content { text-align: left; border-top: 5px solid #3bb1d2; overflow: hidden;  }

/*#col1 {float: left; margin-bottom: -2000px; padding-bottom: 2000px;  }*/

#col2 {float: left; width: 74%; margin-right: 1%;  border-right: 1px dashed #9cd43b; height: auto; padding-right: 5px; margin-bottom: -2000px; padding-bottom: 2000px; }
	#col2 li { list-style-type: square; color: #154b5b; }
	#search { width: 100%; margin: 100px auto; }
    #search button {  background:#3bb1d2; color: #154b5b; border-right: 8px solid #9cd43b; border-radius: 6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius: 6px;  }
	#search button:hover {background:#9cd43b; color: #ffffff; border-right: 8px solid #3bb1d2;}


#col3 {float: left; width: 23%; padding: 5px; margin-bottom: -2000px; padding-bottom: 2000px; }
	#col3 li { list-style-type: square; color: #154b5b; }
	#col3 li ul li { list-style-type: disc; color: #154b5b; margin-left: -12px; }
	
/* For two column content design. Currently, Links and RTU pages.*/
.col-l { float: left; width: 48%; margin-right:10px;  margin: 15px 10px 15px 0; }
.col-r { float: left; width: 48%; }
    #col2 .col-l li.none, #col2 .col-r li.none {list-style-type: none; margin-left: -25px;}

.colp { width: 100%;  }
 /* For two-column content design for PHOTOGRAPHY pages */   
.colp-l { float: left; width: 220px; margin: 15px 10px 15px 0;}    
.colp-r { float:left; width:720px; margin: 15px 0; }
    .colp-r img { border: #154b5b 9px solid; }
    
#footer { text-align: center; border-top: 5px solid #3bb1d2; margin-top: 10px; }

/* Used with code directly below to capitialize the first letter on the page. */
.initial { text-indent: 0; }
/* Used to capitalize the first letter on the page. */
#col2 p.initial:first-letter, #colp p.initial:first-letter { float:left; color:#3bb1d2; font-size:300%; line-height:30px; padding-top:3px; margin-right: 1px; font-family: Georgia, "Times New Roman", serif ; background-color: transparent; }

/* Border for images on Portfolio page */
img.portfolio { border: 2px solid #9cd43b; }

#toTop {
	 position: fixed;
	 bottom: 5px;
	 right: 50px;
	 background: url(../images/totop.png) no-repeat;
	 margin:0px;
	 height:48px;
	 cursor:pointer;
	 width: 35px;
}

/* For Contact Us form */
	#contactus {}
		#contactus input, #contactus #message, #contactus button {float: left;}
		#contactus ol { padding: 0; margin: 0; list-style: none; }
   	    #contactus ol li { padding: 5px 0; clear: both; margin: 0 0 10px 0; list-style: none; }
   	    #contactus label { width: 100px; float: left; margin-right:10px; text-align: right; vertical-align: top;}
   	    #contactus #message {width: 435px; height: 100px; }  
		#contactus .submit { background:#3bb1d2; color: #154b5b; border-right: 8px solid #9cd43b; -webkit-border-radius:6px; -moz-border-radius:6px; }  
		#contactus .submit:hover  { background:#9cd43b; color: #ffffff; border-right: 8px solid #3bb1d2; }  
        #contactus li.myrecaptcha {margin-left: 111px;}
    

.bladepromenu a { margin:0 3px; font: 13px Verdana, Arial, Helvetica, sans-serif; }

/* Thumbnail images on RTU pages*/
.tn1 { float: left; margin-right: 50px; }
.tn2 { float: left; }

/* Recipes forms */
table#recipe { border-collapse: separate !important; border-spacing: 3px 8px; }
table#recipeCount { border-collapse: separate !important; border-spacing: 0px 3px; }
table#recipe td.top { vertical-align: top !important; }
table#recipe td.onesixty {width: 160px;}
table#recipe td.type {width: 80px;}
table#recipe td textarea, table#recipe td input, table#recipe td select { font: 12px Verdana, Arial, Helvetica, sans-serif; }
hr { border-top: 2px solid #3BB1D2; }
table#recipe td.collabel { font-weight: bold; border-bottom: 1px solid #3bb1d2; text-align: bottom !important;}
#sidebarimage {width:245px;}
table#recipeCount td { text-align: center;}
table#recipeCount td.labLeft { text-align: left; width: 175px;}
table#recipeCount td.labRight { text-align: right;}
#recipeList {margin-top: 20px;}
#recipeimage {border: 2px solid #3BB1D2;}
#ingredients {font-family: Verdana, Arial, Helvetica, sans-serif;}
table.recipesearch {margin: 10px;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/* Color Palette */ 
.ltgreen   { color: #9CD43B; background-color: transparent; }
.medgreen  { color: #37C43F; background-color: transparent; }
.medblue   { color: #3BB1D2; background-color: transparent; }
.darkblue  { color: #154B5B; background-color: transparent; }
.medmelon  { color: #FD4F47; background-color: transparent; }
.darkmelon { color: #6E0601; background-color: transparent; }