/*
Theme Name: Brownoverload
Theme URI: http://cagedmoneky.co.uk/
Description: Just another wordpress theme but overloaded with brown.
Version: 1.0.0
Author: Anthonyec
Author URI: http://cagedmonkey.co.uk/
Tags: brown, caged, monkey, overload, custom
Text Domain: CME
*/

body,
h1, h2, h3,
ul, li,
form {
	border:0;
	margin:0px;
	padding:0px;
	height:100%;
}

body {
	/*	background:#4f4039 url(images/background.jpg) top center; */
	font-family: Helvetica, Arial, sans-serif;
	background:#8fcfc9 url(images/background_fellas.jpg) top center;
	background-repeat: no-repeat;
	font-size:14px;
	color:#383838;
}

p {
	color:#383838;
	font-size: 1.1em;
	text-align:justify;
	line-height: 1.5;
}

h1, h2, h3 {
	text-transform: uppercase;
}

h1 {
	color:#5eafa9;
	font-size: 21px;
	font-weight:bold;
}

h2 {
	color:#5eafa9;
	font-size: 14px;
	font-weight:bold;
}

h3 {
	font-size: 20px;
}

hr {
	border: 0;
	width: 100%;
	background-color:#4f4039;
	height: 3px;
}

a:link {
	color:#966e5e;
	text-decoration:none;
}

a:visited {
	color:#966e5e;
	text-decoration:none;
}


h1 a:link {
	color:#5eafa9;
	text-decoration:none;
}

h1 a:visited {
	color:#5eafa9;
	text-decoration:none;
}

#post-content li {
	border-bottom:solid 1px #e2e2e2;
	text-transform: uppercase;
	font-size: 21px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}

#post-content ol{
	list-style-type: decimal;
}

ul#list-nav {
	margin-left:194px;
	list-style:none;
	padding:0;
	width:705px;
}

ul#list-nav li {
	display:inline;
}

ul#list-nav li a {
	text-transform: uppercase;
	font-weight:bold;
	font-size:19px;
	text-decoration:none;
	padding:16px 0px;
	width:121px;
	height:24px;
	float:left;
	text-align:center;
	
	///-webkit-transition-property: color, background;
	///-webkit-transition-duration: 0.2s, 0.2s;
 	///-webkit-transition-timing-function: linear, ease-in;
}

#selected-nav {
	background:#ffffff;
	color:#473b35;
}

#normal-nav1, #normal-nav2, #normal-nav3, #normal-nav4, #normal-nav5{
	color:#ffffff;
}

ul#list-nav li a:hover {
	background:#ffffff;
	color:#473b35;
}

#header {
	height:222px;
}

#footer {
	background:#24201f;
	height:135px;
	margin-bottom:20px;
	padding:10px;
}

#footer-nav {
	margin-top:48px;
	margin-left:10px;
	list-style:none;
	width:705px;
	float:left;
}

#fbframe{
	position:absolute;
	background:#ffffff;
	width:310px;
	margin-top:38px;	
	margin-left:654px;	
}

#header-logo {
	background:url(images/CME-LOGO@2x.png) no-repeat;
	background-position-y: 2px;
	background-size: 203px 215px;
	width:205px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#john-logo {
	background:url(images/john_logo.png);
	width:200px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#old-logo {
	background:url(images/header_logo.png);
	width:200px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#test2-logo {
	background:url(images/header_logo_test3.png);
	width:200px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#steve-logo {
	background:url(images/steve_logo.png);
	width:400px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}


#header-logo a{
	width:100%;
	height:100%;
	display:block;
}

#header-logo-link {
	position:absolute;
	width:20px;
	height:20px;
	margin-left:90px;
	top:70px;
}

#header-logo-link a:link{
	width:100%;
	height:100%;
	display:block;
}

#header-login {
	//position:absolute;
	margin-top:-200px;	
	margin-left:874px;	
}


#navbar {
	background:#5b4a42 url(images/nav_background.jpg);
	width:100%;
	height:56px;
}

.navbar-hidden { 
	background:#5b4a42 url(images/nav_background.jpg);
	width:994px;
	height:56px;
    position: fixed; 
    top: 0;
    z-index:900;
    border-style:solid;
    border-left:0px;
    border-right:0px;
    border-top:0px;
	border-bottom:2px solid #000000;
    display: none; 
}

#navbar-upbutton {
	background: url(images/uparrow_icon.png);
	position:absolute;
	width:17px;
	height:17px;
	top:20px;
	left:20px;
}

#navbar-upbutton a {
	width:100%;
	height:100%;
	display:block;	
}


#featured {
	background:#000000;
	width:962px;
	height:254px;
	margin-bottom:16px;
}

#page {
	width:994px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	overflow: hidden;
	background:#ffffff;
	font-align:justify;
	padding:16px;
	height:100%;
	margin-bottom:0px;
}

#content-left {
	float:left;
	background:#ffffff;
	width:660px;
	height:auto;
	min-height:500px;
}

#content-left-wide {
	float:left;
	width:808px;
	height:auto;
	min-height:500px;
}

#content-right {
	float:left;
	background:#ffffff;
	height:auto;
	width:262px;
	padding-left:37px;
}

#content-right-small {
	float:left;
	background:#ffffff;
	height:auto;
	width:148px;
	padding-left:6px;
	padding-top:8px;
}

#side-subtext {
	color:#ffffff;
	font-size:12px;
	line-height:0.5px;
	margin-bottom:5px;
}

#side-container {
	background:#5c4b43 url(images/background.jpg) center bottom no-repeat;
	padding:10px;
	padding-bottom:20px;
}

#side-container h1{
	color:#ffffff;
}

#side-container a{
	color:#ffffff;
	display:block;
}

#side-comment {
	///background:#000000;
	border-bottom:1px #d1bfb5 dotted;
	padding-bottom:5px;
	margin-top:-5px;
}

#side-comment-forum {
	///background:#000000;
	border-bottom:1px #d1bfb5 dotted;
	padding-bottom:5px;
	margin-top:10px;
}

#side-forum-link {
	font-weight:bold;
	text-transform: uppercase;
}

#side-container p{
	color:#d1bfb5;
}

#post {
	overflow: hidden;
	margin-bottom:10px;	
}

#post-info {
	color:#8b8b8b;
	padding-top:3px;
	padding-bottom:19px;
}

#post-left{
	float:left;
	width:63px;
	margin-right:15px;
	
}

#post-date {
	color:#5eafa9;
	font-size:58px;
	font-weight:bold;
	line-height:48px;
}

#post-date-month {
	color:#5eafa9;
	font-size:19px;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
}

#post-date-month, #post-date, #post-info {
	border:0;
	margin:0px;
	padding:0px;
	height:100%;	
}

#post-share {
	background:#ffffff;
	width:600px;
	height:60px;
	border-top:1px #e2e2e2 solid;
	margin-top:26px;
	margin-bottom:5px;
	padding-top:16px;
}

#post-share-button{
	float:left;
	margin-right:10px;
}

#post-comments {
	background:url(images/comments_background.jpg);
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	width:64px;
	height:50px;
	text-align:center;
	margin-top:10px;
	padding-top:11px;
}

#post-comments-link {
	display:block;
	width:100%;
	height:100%;
	color:#ffffff;	
}

#post-content {
	float:left;
	width:582px;
	min-height:200px;
}

#page-content {
	float:left;
	width:582px;
	min-height:0px;
}

#post img {
	background:#4f4039;
}

#post-nav {
}


#comment-submit {
	position:absolute;
	height:29px;
}

#search-right {
	position:absolute;
	margin-left:393px;	
}

.comment-body {
	background:#fbfbfb;
	border:1px #e2e2e2 solid;
	margin-top:10px;
	margin-left:-40px;
	padding:8px;
	word-wrap:break-word;
}

ol {
	list-style-type: none;	
}

.children {
	margin-left:20px;
	margin-top:10px;
}

.children .comment-author{
	margin-left:0px;
}

.comment-author {
	//margin-left:-43px;
	//border:1px #ff0000 solid;
}

.reply a{
	color:#5eafa9;
	font-size:10px;
}

.fn {
	margin-left:5px;
	font-weight:bold;
	color:#5eafa9;
}

.says {
	margin-left:5px;
	color:#fbfbfb;
}

.comment-meta {
	//border:1px #ff0000 solid;
	width:300px;
	margin-left:190px;
	margin-top:-16px;
}

.post-hr {
	width: 100%;
	background-color:#e2e2e2;
	height: 3px;
}

.span-link a:hover {
	background:#826c60;
	color:#ffffff;
}

.button-expand a{
	background:#605046 url(images/button_background.jpg) no-repeat right;
	text-transform: uppercase;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	padding-bottom:7px;
	padding-left:36px;
	padding-right:36px;
}

.button a{
	background:#605046 url(images/button_background.jpg) no-repeat right;
	text-transform: uppercase;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	padding-bottom:7px;
	padding-left:32px;
	padding-right:32px;
}

.button a:hover{
	background:#ffffff;
	border:0px #4f4039 solid;
	color:#4f4039;
}

.submit-button {
	font-family: Helvetica, Arial, sans-serif;
	background:#605046 url(images/button_background.jpg) no-repeat right;
	text-transform: uppercase;
	color:#ffffff;
	font-weight:bold;
	text-size:14px;
	text-align:center;
	padding-top:9px;
	padding-bottom:7px;
	padding-left:22px;
	padding-right:22px;
	border:0px;
	margin-top:10px;
	margin-left:0px;
}

input[type=text] {
	color:#383838;
	outline:none;
	border: 1px solid #acacac;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	height:25px;
}

textarea {
	color:#383838;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;	
}

textarea:focus {
    height:100px; 
} 

#comment-input:focus {
	 height:105px;
}

#comment-input {
	 border: 1px solid #acacac;
	 width:648px;
	 font-family: Helvetica, Arial, sans-serif;
	 font-size:14px;
	 height:25px;
	 padding:5px;
}

#content-right, ul {
	list-style-type:none;
}

#stuff-item {
	float:left;
	width:192px;
	height:194px;
	margin-right:10px;
	margin-bottom:10px;
	padding-top:5px;
}

#stuff-link {
	display:block;
	width:100%;
	height:100%;
}

#stuff-item span a{
	background:#605046 url(images/button_background.jpg) no-repeat right;
	color:#ffffff;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}

#stuff-title {
	background:#605046;
	color:#ffffff;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
	text-transform: uppercase;
}

#stuff-title a{
	color:#ffffff;
}

#stuff-desc {
	position:absolute;
	background:#000000;
	color:#ffffff;
	padding:5px;
	width:182px;
	height:182px;
	margin-top:-5px;
}

#store-title {
	background:#605046;
	color:#ffffff;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
	text-transform: uppercase;	
}

#store-title  a{
	color:#ffffff;
}


#store-items {
	border-collapse:collapse;
	border:none;
	width:799px;;
	padding: 0px;
}

#store-items  td {
	text-align:left;
	padding: 5px;
	border-bottom:1px #e2e2e2 solid;	
}

#store-items tr:hover{
}

#soldoutIcon {
	top:inherit; 
	position:absolute;
	background:url(images/soldout.png); 
	width:80px; 
	height:70px;
}

#priceTag {
	text-align:center;
	font-size:25px;
	font-weight:bold;
}
#priceTagFree {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#0C3;
}

#store-icon {
	width:100px;
	height:100px;
}