/* 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;
}

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



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

#recipesize{ 
 position: absolute;
 top: 170px;
 right: 275px;
 width: 175px;
 text-align: right;
 border: medium double rgb(0,0,0);
 z-index: +1;
 padding: 5px;
 display: none;
}

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


#recipestats{ 
display: none;
}

#backpage {
 position: relative;
 padding: 10px;
 margin-top:  10px;
 padding-left:  25px;
 margin-right:  100px;
 background-color: transparent;
 display: none;
}


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

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


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

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

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

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

.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}  
  
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;
}

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;
}


/* 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#recipes{
 margin: 0px 40px 0px 40px;
 text-align: right;
} 

p#print{
 margin: 0px 40px 0px 40px;
 text-align: right;
  display: none;
} 


/* 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;}
.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;}