/* CSS Document */

/* 
Name:     Please Feel Free to Copy
Author:   Andrew Krone
URL:      www.smartbrewer.com
Date:     20090222
*/

html, body {
 background-color:  #FFF;
 font-size: 12px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 color:#000;
 height: 100%;
}

body {
 margin: 0;
 padding: 0;
 font: 12px/1.5 verdana, arial, helvetica, sans-serif;
}

textarea {
 margin: 0;
 padding: 0;
 font: 12px/1.5 verdana, arial, helvetica, sans-serif;
}

#logo { 
 position: absolute;
 top: 14px;
 right: 2%;
 width: 300px;
 text-align: center;
}



#rightmenu { 
 position: absolute;
 top: 110px;
 right: 25px;
 width: 150px;
 text-align: center;
  z-index: +1;
 /*border: medium double rgb(0,0,0)  */
}

#catmenu { 
 position: absolute;
 top: 180px;
 right: 25px;
 width: 200px;
 text-align: left;
  z-index: +1;
 /*border: medium double rgb(0,0,0)  */
}

#recipesize{ 
 position: absolute;
 top: 130px;
 right: 25px;
 width: 200px;
 text-align: right;
 border: medium double rgb(0,0,0);
 z-index: +1;
 padding-top:  5px;
 padding-right:  5px;
}

#recipestats{ 
 position: absolute;
 top: 240px;
 right: 25px;
 width: 200px;
 text-align: right;
 border: medium double rgb(0,0,0);
 z-index: +1;
 padding-top:  5px;
 padding-right:  5px;
  padding-bottom:  5px;
}

#menu {
 background-color: #347235;
 border-bottom: medium solid #000;
 color:	#FFF;
 padding: 5px;
 height: 85px;
}

#content {
 position: relative;
 padding: 10px;
 margin-top:  10px;
 padding-left:  25px;
 margin-right:  175px;
 background-color: transparent;
 /*border: medium double rgb(0,0,0)  */
}

#recipecontent {
 position: relative;
 padding: 10px;
 margin-top:  10px;
 padding-left:  25px;
 margin-right:  250px;
 background-color: transparent;
 /*border: medium double rgb(0,0,0)  */
}

#fullcontent {
 position: relative;
 padding: 10px;
 margin-top:  10px;
 padding-left:  25px;
 margin-right:  25px;
 background-color: transparent;
 /*border: medium double rgb(0,0,0)  */
}

#comment {
 padding: 10px;
 margin-top:  10px;
 margin-left:  25px;
 padding-left:  25px;
 padding-top:  5px;
 margin-right:  175px;
 background-color: transparent;
 border: medium double rgb(52,114,53)  
}

#GrainParent,
#AdjunctParent,
#HopParent,
#YeastParent {
 margin: 0px 0px 0px 40px;
 }
 

#AliasParent {
 margin: 0px 0px 0px 105px;
 }

div.wrapper {
 margin-left:  25px;
 width: 950px;
 height: 435px;
 position: relative;
 clear: both;
 /*border: medium double rgb(0,0,0) */
}

div.left {
 width: 70%;
 height: 435px;
 position: relative;
 background-color: transparent;
 float: left;
}

div.right {
 width: 30%;
 height: 435px;
 position: relative;
 background-color: transparent;
 float: right;
} 

#feedback {
 padding: 10px;
 margin-top:  10px;
 margin-left:  25px;
 margin-right:  40%;
 margin-bottom: 0px;
 background-color: transparent;
 border: medium double rgb(255,0,0)  
}
li{
 margin: 0px 0px 0px 10px;
} 
			
#footer {
 position: relative;
 padding: 5px;
 clear: both;
 color:	#FFF;
 margin-top: 5px;
 background-color: #347235;
 border-bottom: medium solid #000;
 top: 50px;
}

.y {
 text-decoration:none; 
 color:yellow;
}
 .y:link {color:yellow}
 .y:visited {color:yellow}
 .y:active {color:yellow}
 .y:hover {text-decoration:underline;color:yellow} 

.ys {
 text-decoration:none; 
 color:yellow;
 font-size: 10px; 
}
 .ys:link {color:yellow}
 .ys:visited {color:yellow}
 .ys:active {color:yellow}
 .ys:hover {text-decoration:underline;color:yellow}  
 
.bs {
 text-decoration:none; 
 color:black;
 font-size: 10px; 
}
   
r{
 text-decoration:none; 
 color: red;
 font-weight: bold; 
}
		
h1{
 font-weight: bold; 
 color:	#347235;
}

h2{
 font-weight: bold; 
 color:	#347235;
 padding: 0px;
 margin: 0px;
}

h3{
 font-weight: bold; 
 color:	#347235;
 padding: 0px;
 margin: 0px;
 text-align: center;
}

h4{
 font-weight: bold; 
 color:	#347235;
 padding: 0px;
 margin: 0px;
 text-align: left;
}

h7{
 font-size: 16px; 
 font-weight: bold; 
 color:	#347235;
 padding: 0px;
 margin: 0px;
}

h8{
 font-size: 10px; 
}

h9{
 font-size: 14px; 
 font-weight: bold; 
 color:	#347235;
 padding: 0px;
 margin: 0px;
 text-align: center;
}

.f9{
 font-size: 20px; 
 font-weight: italic; 
 color:	#347235;
 padding: 0px;
 margin: 0px;
 text-align: center;
}


/* links - menu */
	

a#home, 
a#resume,
a#blog,
a#contact,
a#videos,
a#surf,
a#tutorials,
a#weather {
  padding-left: 5px;
  padding-right: 5px;
}


p#recipes ,
table#recipes{
 margin: 0px 0px 0px 40px;
} 

table#simplemashschedule {
 margin: 0px 0px 0px 40px;
} 

table#mashschedule {
 margin: 0px 0px 0px 40px;
} 


p#rate{
 margin: 20px 20px 20px 0px;
} 

p#print ,
table#recipes{
 margin: 0px 0px 0px 40px;
 text-align: right;
} 
  </blockquote> 
/* links - global */

abbr, acronym {
 cursor: help;
 font-style: normal;
 border-bottom: 1px dotted;
  }

code {
 color: #996666;
  }

img {
 border: none;
}
  

/* unordered list style */


#topmenu {
  position: absolute;
  left: 2%;
  right: 2%;
  height: 100px;
  width: 96%;
  top: 55px;
  background-color: transparent;
  overflow: auto;
}

#left {
  position: absolute;
  left: 2%;
  width: 18%;
  top: 104px;
  background-color: transparent;
  overflow: auto;
}


@media handheld {
  #wrap {
    width: 90%;
    background: none;
    }


  #main-content {
    float: none;
    width: 100%;
    }

  #sidebar {
    margin: 0 2% 0 0%;
    }
  }


/* --- ALL --- */
  
b#hops{
 font-weight: bold; 
 color:	#5EFB6E;
}


/* --- Registration Page ---*/
.input{border: 1px solid #347235; background: #e4ebeb url(../images/input_stripe.gif);font: 11px verdana, sans-serif;color:#443;padding:3px;outline:none;}
.input:focus{border:1px solid #347235;background: #e4ebeb;}
.inputbottom{border:0px;  vertical-align:bottom;}
.submit-btn{width: 54px;height: 20px;background:url(../images/submit.gif) no-repeat;outline: none;vertical-align:top;border:0;margin:5px 0 0 0;float:right}
.submit-btn{margin:1px 0 0 0;#}
.submit-btn:hover{background: url(../images/submit.gif) no-repeat 0 -20px;}