<!--
/*
Theme Name:					Johnnies
Description:				A Wordpress theme for Johnnies Inc
Author:						Cermak Technologies
Last Edit:					11/23/2015
*/


dd {
height: 20px;
border-bottom: 1px dashed #ddd;
}

/* ------------|Defaults------------ */
body {  
	background-color:		#fff;
	font-family:			Arial,Helvetica,san-serif;
	font-size:				13px; 
	color:					#666;
	margin:					0;
	padding:				0;
	line-height:			17px;
}


a:link, a:hover, a:visited, a:active {  
	font-size:				14px; 
	color:					#0066cc; 
	text-decoration:		none;
}

#shop-cat-list a {
	line-height:25px;
	font-size: 16px;
}

#shop-cat-list a:hover {
	background-color: #FBEC6D;
	font-weight: Bold;
}


h2 {
	font:					bold 26px 'Arial';
	color:					#3a519a;
	margin:					0;
}


h3 {
	font:					bold 22px 'Arial';
	color:					#a8b9e0;
	margin-right:			28px;
	padding-top:			10px;
	text-align:				right;
}


img {
	border:					0;
	display:				block;
}

/* ------------|Structure------------ */

.page {
	width:					962px;
	margin:					0 auto;
}

#mid-sec {
	background-color:		#e2e2e2;
}

#content-area {
	background-color:		#fff;
	width:					934px;
}

/* ------------|Misc Classes------------ */

.nomarg {
	margin:					0;
}

.clear {
	clear:					both;
}
.cl {
	clear:					left;
}
.cr {
	clear:					right;
}
.alignright {
	float:					right;
}

.alignleft {
	float:					left;
}

.aligncenter {
	margin:					0 auto;
}

.size-full {
	border: 3px solid #3C5399;
	margin: 10px;
}

/* ------------|Header------------ */

#header {
	height:					112px;
}

a#logo {
	float:					left;
	display:				block;
	margin-left:			20px;
}
a#logo span {
	display:				none;
}

#slogan {
	float:					right;
	margin:					26px 28px 0 0;
}

/* ------------|Menus------------ */

#menus, #bottom-bar {
	background:				#fff url(./images/bg-bluebar.jpg) repeat-x 0px 9px;
	width:					100%;
	height:					64px;
}

#menus .page {
	background:				transparent url(./images/bg-menu.jpg) no-repeat;
	height:					64px;
}

#menus ul {
	display:				inline;
	float:					right;
	margin:					-14px 30px 0 0;
	padding:				0;
	list-style:				none;
	clear:					right;
}
#menus ul#bottom {
	margin-top:				17px;
	width:					354px;
}
#menus ul li {
	display:				inline;
	float:					left;
	position:				relative;
	background:				transparent url(./images/menu-item.png) no-repeat;
	width:					132px;
	height:					34px;
	margin-right:			-14px;
}
#menus ul#bottom li {
	background-position:	0 -34px;
}
#menus ul a {
	float:					left;
	display:				block;
	color:					#fff;
	width:					110px;
	height:					25px;
	font-size:				13px;
	font-family:			'Arial';
	font-weight: bolder;
	text-align:				center;
	margin:					5px 0 0 19px;
	line-height:			22px;
}

/* ------------|Content Etc------------ */

#mid-img {
	margin-left:			30px;
	padding-top:			20px;
}

#content {
	display:				inline;
	float:					left;
	width:					540px;
	margin-left:			40px;
	padding:				50px 0;
}
#content p {
	width:					536px;
	margin-left:			15px;
}

#browse {
	height:					170px;
}
#browse #boc {
	margin:					15px auto 6px;
}
#browse .button {
	display:				inline;
	float:					left;
	margin:					0 0 0 11px;
}

#bottom-bar {
	background-position:	0 0;
}
#bottom-bar .page {
	background:				transparent url(./images/bg-footer.jpg) no-repeat;
	height:					64px;
}

/* ------------|Sidebar------------ */

#sidebar {
	display:				inline;
	float:					left;
	width:					345px;
	margin-top:				10px;
}
#sidebar .button {
	background:				#fff url(./images/bg-button.jpg) no-repeat 0 100%;
	width:					295px;
	height:					64px;
	margin:					0 0 5px 40px;
}
#sidebar .button a {
	display:				block;
	width:					289px;
	height:					59px;
	margin:					0 0 7px 6px;
}

/* ------------|Footer------------ */

#footer {
	height:					105px;
}
#footer #ct {
	float:					left;
	margin:					12px 0 0 20px;
}
#footer p {
	float:					left;
	color:					#849acc;
	width:					400px;
	margin:					17px 0 0 7px;
}
#footer #numbers {
	float:					right;
	margin:					25px 20px 0 0;
}

//-->