/* Start of CMSMS style sheet 'layout' */
* {margin: 0;padding: 0}

body {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
background-color: #C4480C;
background-image: url(uploads/images/css/gradient.gif);
background-repeat: repeat-x;
background-attachment: fixed
}

.separator {display:none}

body#vendor {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
background: #fff
}

#vendor-wrapper {
background:#fff;
text-align:center;
padding:35px;
}

#vendor-wrapper  h2 {
font-family: Georgia, Times, sans-serif;
border-bottom: 3px double #ccc;
font-size: 28px;
padding: 0 0 6px 0;
margin: 0 0 15px 0;
color: #a82f00 
}

img {border: 0}

/* ---------------  Links  --------------- */

a,
a:link 
a:active {
text-decoration: none;
background-color: inherit
}

a:visited {
text-decoration: none;
background-color: inherit;
color: #18507C
}

a:hover {
text-decoration: underline;
color: #385C72
}

/* ---------------  Layout  --------------- */

div#pagewrapper {
margin: 0 auto; 
background-image: url(uploads/images/css/contentbg.gif);
width: 750px
}

div#header {
height: 80px;
padding: 0 0 4px 0;
background: #4B1900
}

div#header h1 a {
background: url(uploads/images/css/logo.gif) no-repeat 0; 
display: block; 
height: 80px;      
text-indent: -999em; 
text-decoration: none
}

div#content {
margin: 22px auto
}

div#main {
margin-right: 210px;
padding: 0 25px
}

/* ---------------  Sidebar  --------------- */

div#sidebar {
float: right; 
width: 210px;   
display: inline
}

.rightbox {
border-top: 1px solid #ea7100;
border-left: 1px solid #ccc;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
margin: 0 16px 16px 0;
padding: 0 10px 12px 10px;
background: #fff url(uploads/images/css/rightboxbg.gif) repeat-x top left
}

.rightbox p {font-family: Arial, Verdana, Helvetica, sans-serif}
.rightbox b {font-size: 115%}
.rightbox img {vertical-align: middle}

div#sidebar.hascontent {
padding: 0;
width: 210px
}

/* ---------------  Footer  --------------- */

div#footer {
clear: both;  
height: 20px;
padding: 20px 0;
color: #fff;
background: url(uploads/images/css/footerbg.gif)
}

div#footer p {
font-size: 90%;
text-align: center
}

div#footer p a {color: #fff}

div.hr {
height: 1px;
margin: 1em;
border-bottom: 1px dotted #000
}

div.left49 {
float: left;
width: 49%
}

div.right49 {
float: right;
width: 49%;
text-align: right
}

/* ---------------  Headings  --------------- */

div#content h1 {
font-size: 2em;  
line-height: 1em;
margin: 0
}

#content h2 {
font-family: Georgia, Times, sans-serif;
color: #a82f00;
font-size: 24px;
padding: 10px 0 4px 0;
border-bottom: 1px solid #999;
margin: 0 0 15px 0
}

div#content h3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 1.3em;
margin: 0
}

div#content h4 {
color: #294B5F; 
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0
}

.rightbox h5 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
color: #fff;
border: none;
text-align: center;
margin: 6px 0 0 0;
padding: 0 0 14px 0;
background: none
}

h6 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0
}

/* ---------------  Text  --------------- */

p {
font-size: 1em;
margin: 0 0 1.5em 0;
line-height:1.4em;
padding: 0
}

blockquote {
border-left: 10px solid #ddd;
margin-left: 10px
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

/* --------------- Twitter --------------- */

#twitter_div {
border:1px solid #EFD286;
padding:6px 6px 0px 6px;
margin:0 0 15px 0;
background-color:#FFF6DF
}

.twitter-title {
font-size:15px;
color:blue;
border-bottom:none
}

/* ---------------  Flash Player  --------------- */

#FLVPlayer {
margin: 0 0 25px 9px;
display: block
}

/* ---------------  Forms  --------------- */

/* ---------------  Contact  --------------- */

#required {color: #ff0000}

form input {
margin: 3px 0 13px 0;
display:block;
border:1px solid #666
}

form textarea {
height: 100px;
width: 350px;
margin: 3px 0 13px 0;
display:block;
border:1px solid #666
}

form select {margin: 3px 0 10px 0}

#contact #checkbox {
width: auto;
vertical-align: middle;
margin: 0 4px 0 0
}

form #phone {
width: 140px;
margin: 0 10px 0 0
}

form #during {
vertical-align: middle;
margin: 0 0 0 4px
}

form #cntnt01fbrp_submit {
width: auto;
height: auto;
margin: 12px 0 25px 0;
padding: 6px;
border:1px solid #666
}

.req {background: #FFFBCF}

/* ---------------  Sidebar Search  --------------- */

.rightbox input {
margin: 2px 0 8px 0;
width: 165px;
height: 18px
}

.rightbox .button_form {
height: 30px;
margin: -13px 0 10px 0
}

.rightbox select {
margin: 0 0 -5px 0;
width: 100%
}

#searchbox {
border: 2px solid #EFDCB3;
width: 100%;
padding: 10px;
background: #FEFBF4
}

p#privacy {  
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color: #efefef;
padding: 12px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
font-size: 12px; 
line-height: 15px; 
color: #000
}

/* ---------------  Lists  --------------- */

div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

.buybox {
width: 100%;
font-size: 13px;
border-spacing: 0;
border-top: 1px solid #ea7100;
border-left: 1px solid #ccc;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
}

.buybox_head {
background:  url(uploads/images/css/rightboxbg.gif) repeat-x;
padding: 6px
}

.buybox_row {
padding: 6px 0 6px 6px
}

.slogan {
display: block;
font-family: Georgia, Times, serif;
border-width: 1px 0 1px 0;
border-style: solid;
border-color: #ccc;
font-size: 21px;
background:  url(uploads/images/css/finish.gif) repeat-y;
text-align: center;
margin: 15px 0;
padding: 8px;
color: #000
}

/* ---------------  Misc Graphics  --------------- */

#box_allgrain {
float: right;
margin: 0 0 0 15px
}

#box_basicbrew {
float: left;
margin: 0 15px 0 0
}

#frappr {
float: left;
margin: 5px 10px 0 0
}

#archive {
border: 2px solid #EFDFB3;
padding: 10px;
font-size: 17px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
margin: 35px 0 15px 0;
background: #FFFBEF
}

.episodes {
border: 2px solid #EFDFB3;
padding: 10px;
margin: 15px 0 15px 0;
background: #FFFBEF
}

#uk_box {
border: 1px solid;
padding: 10px;
margin: 0 0 15px 0
}

#uk_box p {margin: 0}

#uk_box img {
float: left;
margin: 3px 10px 0 0
}
/* End of 'layout' */