a img
{
	text-decoration:none;
	border:none;
}

a
{
	text-decoration:none;
	color:#ff870c;
}

html, body
{
	height:100%;
	font-family:Helvetica,Arial;
	background-color:#ddd;
    font-size:14px;
    color:#333;
}

ul
{
    margin:0;
    padding:0;
}

#header
{
	background-color:#333;
	padding:20px;
	/*color:#f09144;*/
	color:#ff870c;
}

#footer
{
	background-color:#333333;
	height:50px;
	margin: 0 auto;
	width:880px;
	color:#f09144;
	padding:10px;
	background-color:#333;
}

#wrapper
{
	width:900px;
	margin: 0 auto;
	/*min-height:100%;*/
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
	/*border: 4px #ff870c dashed;*/
	background-color:#fff;
}

#wrapper .content
{
	padding:20px;
    min-height:500px;
    margin:0 0 50px 0;
}

#wrapper .content h1
{
	font-size:150%;
}

.small
{
	font-size:80%;
}

.smaller
{
	font-size:70%;
}

input.searchInput
{
	border: 2px solid #ff870c;
	padding:5px;
    background-color:#cccccc;
    width:80px;
}

hr.dashed
{
	style:
}

div.mainLink
{
	width:110px;
	text-align:center;
	font-size:130%;
}

div.mainLink a span
{
	padding: 2px 12px;
	margin-top:10px;
}

div.mainLink img
{
    margin-bottom:10px;
}

a.hoverLink
{
    padding:3px;
}

a.hoverLink:hover
{
	color:#333;
	background-color:#ff870c;
    padding:3px;
}

.headerLinks
{
    position:absolute;
    left:600px;
    top:10px;
}

.addABeer
{
    left:603px;
    top:115px;
}

.headerLinks a.hoverLink
{
    line-height:22px;
}

.footerLinks a.hoverLink
{
    margin-right:40px;
}

div.mainLink a:visited span
{
	color:#ff870c;
}

div.mainLink a:hover span
{
	color:#333;
	background-color:#ff870c;
}

div.brewerySummary
{
	padding:5px 0;
	border-bottom:dashed 1px #333;
    margin-left:30px;
}

div.brewerySummary .breweryImage
{
	padding-right:30px;
	float:left;
    width:50px;
}

div.brewerySummary .breweryName
{
	width:250px;
    overflow:hidden;
	float:left;
    padding-top:20px;
    height:30px;
}

div.brewerySummary .beers
{
	width:400px;
    overflow:hidden;
	float:left;
    padding-top:10px;
    height:30px;
}

.brewerySummaryBeer
{
	width:120px;
    overflow:hidden;
	float:left;
}

.ratingBoxHeader, .ratingBoxFooter
{
    text-align:center;
    background-color:#333;
    color:#FF870C;
    padding:3px 0;
    margin-bottom:5px;
}

.ratingBoxFooter
{
    margin-bottom:0px;
}

.leftBeerColumn
{
    width:575px;
    padding-right:10px
}

.rightBeerColumn
{
    width:265px; 
    border:#999 1px solid; 
    overflow:hidden;
}

.advert
{
    text-align:center;
}

.advert p
{
    margin:0;
}

.rightAdvertColumn
{
    width:265px; 
    overflow:hidden;
    text-align:center;
}

.articles .article
{
    margin-top:10px;
    padding:10px;
    border:1px solid #ccc;
}

.beerTitle
{
	float:left;
    width:150px;
	padding-top:30px;
	padding-left:5px;
	font-size:120%;
}

.beerImages
{
	float:right;
	margin-left:50px;
}

.beerSummary
{
    float:left;
    width:230px;
    height:50px;
    padding:3px;
    margin:10px 5px 10px 20px;
    border:1px dashed #ccc;
}

.beerSummary .imageContainer
{
    padding-left:0px;
    padding-right:10px;
    width:50px;
    float:left;
}

.beerSummary .beerDetails
{
    padding-top:0px;
    padding-top:5px;
    width:140px;
    height:50px;
    overflow:hidden;
    float:left;
}

.beerSummary .beerRating
{
    height:30px;
    width:30px;
    float:right;
    padding-top:10px;
}

.beerComment
{
/*    padding:5px;
    border:1px dashed #ccc;
    margin:5px 0; */
}

.oddComment
{
    padding:5px;
    background-color:#eee;
    margin:5px 0;
}

.evenComment
{
    padding:5px;
    background-color:#fff;
    margin:5px 0;
}

.home .latestComments
{
    width:550px;
    border: 1px dashed #ccc;
    margin-right:20px;
    padding:5px;
    float:left;
}

.home .latestRatings
{
    float:left;
    width:250px;
    border: 1px dashed #ccc;
    padding:5px;
}

.home .latestTweets
{
    width:550px;
    border: 1px dashed #ccc;
    margin-right:20px;
    padding:5px;
    float:left;
}

.home .latestArticles
{
    float:left;
    width:250px;
    /*border: 1px dashed #ccc; */
    padding:5px;
    padding-top:10px;
}

.home .latestRatings li
{
    width:200px;
    border: 1px dashed #ccc;
}

form.beerForm
{
    margin-left:50px;
    margin-top:20px;
}

form.beerForm label
{
    display:block;
    font-weight:bold;
}

.orangeHr
{
    border:0;
    border-top: 1px #ff870c dashed;
    margin:10px 0;
    color: #ffffff;
    display:block;
}

.homeHeading
{
    font-size:200%;
    text-align:center;
    margin-top:20px;
}

.home .topBeers
{

}

.home .topBeers .beer
{
    float:left;
    width:200px;
    border: 1px dashed #ccc;
    margin:5px;
    text-align:center;
    padding:5px 0;
    overflow:hidden;
}

.home .topBeers .beer .imageContainer
{
    width:100px;
    height:100px;
    margin: 0 auto;
}  

.home .topBeers .beer .imageContainer img
{
    margin: 0 auto;
    text-align:center;
}  

.home .latestBeers
{
    width:550px;
    border: 1px dashed #ccc;
    margin-right:20px;
    padding:5px;
    float:left;
}

.home .latestBeers .beerSummary
{
    margin-bottom:5px;
    margin-top:5px;
}

.home .latestBreweries
{
    float:left;
    width:250px;
    border: 1px dashed #ccc;
    padding:5px;
}

.home div.brewerySummary
{
	padding:5px 0;
	border-bottom:none;
    margin-left:5px;
}

.home div.brewerySummary .breweryImage
{
	padding-right:10px;
	float:left;
    width:50px;
}

.home div.brewerySummary .breweryName
{
	width:180px;
    overflow:hidden;
	float:left;
    padding-top:20px;
    height:30px;
}

div.userBeerComments
{
    float:left;
    width:400px;
    padding-right:10px;
    padding-bottom:15px;
}

div.userBeerRatings
{
    float:left;
    width:400px;
    list-style:none;
    padding-bottom:15px;
}

ul.userRatings
{
    list-style:none;
}

ul.userRatings li
{
    float:left;
    padding:10px;
    border:1px dashed #ddd;
    margin:10px;
    width:150px;
    overflow:hidden;
}

div.userPictures
{
    float:left;
    width:400px;
    padding-bottom:15px;
}

div.mediaList
{
    height:100px;
    width:100px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px;
    border:1px #ddd dashed;
}

.error
{
    color:red;
    font-size:80%;
    list-style-type:none;
}

ul.errorList
{
    color:red;
    font-size:80%;
    list-style-type:none;
}

.darker
{
	color:#501124;
}

.fleft
{
	float:left;
}

.fright
{
	float:right;
}

h1
{
    font-size:160%;
    margin:10px 0;
}

h2
{
    font-size:140%;
    margin:10px 0;
}

h3
{
    font-size:130%;
    margin:10px 0;
}

h4
{
    font-size:120%;
    margin:10px 0;
}

h5
{
    font-size:110%;
    margin:10px 0;
}