/*
Theme Name: Ely Minnesota
Theme URI: http://elyminnesota.com
Description: The default WordPress theme for elyminnesota.com
Author URI: http://elyminnesota.com
Tags: fixed width, two columns, widgets
*/


/**********************
HTML Tags & General Classes
***********************/

body#ely {
	font:12px Arial,Verdana,Sans-serif;
	margin:0px;
	background:#000000;
}
a img {
	border:0px;
}
h1,h2,h3,h4,h5,h6,h7 {
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none;
	color:#AD6300;
}
a:hover {
	text-decoration:underline;
}
td {
	
}


.clear {
	clear:both;
}
.button {
	background:#D2BC93;
	border-width:1px;
	border-style:solid;
	border-color:#FFEFC6 #9F8960 #9F8960 #FFEFC6;
	color:#532B00;
	cursor:pointer;
	
}
.inputbox {
	border: 1px solid #DBC299;
}
select.inputbox, input.inputbox {
	height: 20px;
}

#mainbody td,
#mainbody p,
#module_content td,
#module_content p,
#leftcol_interior td,
#leftcol_interior p {
	line-height:17px;
	color:#333333;
}

hr {
	display: block;
	width: 665px;
	background-color:#DBC29A;
	border-bottom:#DBC29A;
	border: none;
	clear: both;
	margin-top: 30px;
}

#right_banner hr {
	width: 233px !important;	
}


/**********************
MAIN LAYOUT 
***********************/

#container {
	width:100%;
	margin:0px auto;
	text-align:left;
	position:relative;
}

#menu {
	height:37px;
	width:100%;
	position:relative;
	background:transparent url("images/bg_menu.gif") repeat-x top left;
	z-index:50;
}

/** Footer **/
#footer_menu .mainlevel {
	font:bold 12px Arial,Verdana,Sans-serif;
	color:#874629;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0px 7px; 
	letter-spacing: 0;
}

#footer_menu li {
	font:bolder 13px/13px Arial,Verdana,Sans-serif;
	color:#534232;
	letter-spacing: 0.01em;
	text-transform:uppercase;
	text-decoration:none;
	display:inline;
	padding: 1px 10px 0 10px; 
	vertical-align: bottom;
}
#footer_menu li a {
	color:#534232;
}
#footer_menu li.item68 {
	border-right:1px solid #874629;
}
#footer_menu {
	margin:10px 0px;
	margin-top:20px;
	text-align:center !important;
}
#footer_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer_menu table {text-align:center;}
#footer_info {
	line-height:16px;
	font-size:11px;
}

#footer_info a { color:#813237; }
#footer a:hover {
	text-decoration:underline;
}



/**********************
HOMEPAGE LAYOUT
***********************/
/** Header **/
#image {
	position:relative;
}

#header_image {
	position:absolute;
	width:256px;
	height:170px;
	top:51px;
	right:54px !important;
	right:44px;
}

#header {
	position:relative;
	top:0;
	left:0;
	height:275px;
}

#leftcol {
	position:relative;
	float:left;
	left:10px;
	top:10px;
	width:228px;
	margin:0 10px 0 0;
}

#rightcol {
	position:relative;
	float:right;
	width:225px;
	top:20px;
	right:15px;
	z-index:1;
	
}

#rightcol iframe {
	background:#000;
	margin-bottom:30px;
	border:4px solid #CFB07C;
}

#centercol {
	position:relative;
	float:left;
	width:460px;
	top:20px;
	margin:0 0 0 5px;
}

/** Content Layout **/
#bg_content_top {
	background:transparent url("images/bg_content_top.jpg") no-repeat top center;
	position:absolute;
	top:-7px;
	left:0px;
	height:356px;
	width:100%;
	z-index:0;
}
#bg_content_bottom {
	background:transparent url("images/bg_content_bottom.jpg") no-repeat top center;
	position:absolute;
	bottom:0px;
	left:0px;
	height:356px;
	width:100%;
	z-index:0;

}

/** Weather Forcast **/
#forecast {
	background:transparent url("images/bg_forecast.gif") no-repeat top left;
	width:235px;
	height:334px;
	margin:20px 0px;
	position:relative;
}
#forecast_content {
	position:absolute;
	bottom:30px;
	width:190px;
	height:125px;
	left:23px;
	text-align:center;
	overflow: auto;	/* scroll vertiacally only */
}


/** Featured Products **/
#phpshop {
	background:transparent url("images/bg_border.gif") repeat-y top left;
	width:235px;
	border-bottom:1px solid #874629;
	margin-bottom:40px;
	padding-bottom:20px;
}

#phpshop img {
	display:block;
	width: auto;
	text-align: center;
}


#phpshop td {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
#phpshop a.cart {
	color:#874629 !important;
	font-weight:bold;
	background:transparent url("images/phpshop_cart.gif") no-repeat top left;
	display: block;
	height: 35px;
	padding-left: 30px;
	padding-top: 7px;
}

#phpshop strike {
	color:#874629;
}
#bg_phpshop_title {
	width:235px;
	height:36px;
	position:relative;
	background:transparent url("images/bg_futured.gif") no-repeat top left;
}

/** Ely Theater **/
#theater {
	background:transparent url("images/bg_border.gif") repeat-y top left;
	width:235px;
	border-bottom:1px solid #874629;
	margin-bottom:20px;
	position:relative;
	padding-bottom:20px;
	text-align:center;
	/*padding-left: 60px;*/
}
a.link_theater {
	display:block;
	width:160px;
	height:69px;
	position:absolute;
	top:-20px;
	left:38px;
}
#theater img {
	text-align:center;
}
#bg_theater_title {
	width:235px;
	height:76px;
	position:absolute;
	left:0px;
	top:-20px;
	background:transparent url("images/bg_theater_title.gif") no-repeat top left;
}

/** Center column **/
#banner {
	position:relative;
	height:70px;
	margin-bottom:20px;
}


/** Content on the top **/
#content_top {
	width:457px;
	position:relative;
	left:10px;
}
#content_top h1 {
	color:#534232;
	margin:0px;
	margin-bottom:5px;
	font:bold 17px Verdana,Arial,Sans-serif;
}
.top_content {
	background:#FDF9EC;
	border:1px solid #C6A48A;
	line-height:18px !important;
	padding:8px 12px;
	color:#616235;
	text-align:justify;
	font:12px Verdana,Arial,Sans-serif;
	
}

/** Content Bottom **/
#content_bottom {
	background:transparent url("images/bg_devided.gif") repeat-y center;
	width:480px;
	position:relative;
	left:12px;
	margin-top:20px;
}
#mainbody {
	position:relative;
	float:left;
	width:225px !important;
	left:8px;
	background:transparent url("images/bg_mainbody.jpg") no-repeat top left;
	padding-top:100px;
	text-align: justify;
}

#mainbody table {
	width:225px !important;
	
}
#module_content {
	float:right;
	width:225px;
	position:relative;
	right:5px;
	line-height:17px;
	background:transparent url("images/bg_module_content.jpg") no-repeat top left;
	padding-top:100px;
	text-align: justify;
}


/* Rigth Column */
#search {

	z-index: 0;
}

#search .inputbox {
	background:transparent url("images/bg_search.gif") no-repeat top left;
	width:235px;
	height:26px;
	border:0px;
	padding: 4px 3px 5px 6px;
	color:#FFFFFF;
	font:12px Verdana,Arial,Sans-serif;
}

#search_directory{
	background:#906C54 url("images/bg_search.gif") no-repeat top left;
	width:235px;
	height:26px;
	border:0px;
	display: block;
	margin: 0 !important;
	margin-top: -10px;
	z-index: 0;
	position:relative;
}

#search_directory .inputbox_select{
	background-color:#906C54;
	padding: 4px 3px 2px 4px !important;
	padding: 0px;
	margin: 2px 2px 1px 2px !important;
	margin: 4px 2px 1px 2px;
	color:#FFFFFF;
	font:12px Verdana,Arial,Sans-serif;
	line-height: 50px;
	width:232px;
	height:22px;
	border:none !important;
	display: block;
	z-index: 0;
	position:static;
}
#right_banner {
	background:#EEE0C0;
	width:225px;
	border:1px solid #874629;
	padding:40px 0px;
	text-align:center;
	margin-bottom:30px;
}
#right_banner img {
	margin-bottom:30px;
	border:4px solid #CFB07C;
}





/**********************
INTERIOR LAYOUT
***********************/
/** Left Col **/
#space {
	clear:both;
	margin-top:30px;
	height:50px;
	width:800px;
	position:relative;
}

#leftcol_interior h1 {
	color:#B67A16;
	font:bold 18px Arial,Verdana,Sans-serif;
}
#leftcol_interior h1.title span{ display:none; }
#leftcol_interior h1.title {
	background:transparent url("images/bg_h1_interior.gif") no-repeat top left;
	width:470px;
	height:26px;
}
#leftcol_interior .logo {
	position:absolute;
	right:10px;
	top:-50px;
}

#header_interior {
	position:relative;
	height:146px;
}

#content,
#content_interior {
	background:transparent url("images/bg_content.jpg") repeat-y top center;
	position:relative;
	padding-bottom:70px;
	clear:both;
	z-index:3;
	
}
#content_interior {
	background:transparent url("images/bg_content_int.jpg") repeat-y top center;
	padding-bottom:0px !important;
	padding-bottom:40px;
	position:relative;
	
}
#footer {
	position:relative !important;
	top:60px;
	left:0;
	z-index:10;
	color:#813237;
	font:11px Arial,Verdana,Sans-serif;
	text-align:center;
}
#footer_interior {
	margin-top:90px !important;
	width:100%;
	text-align:center;
	position:absolute;
	color:#813237;
	bottom:20px;
}




#bg_content_int_top {
	background:transparent url("images/bg_content_int_top.jpg") no-repeat top center;
	position:absolute;
	top:-7px;
	left:0px;
	height:356px;
	width:100%;
	z-index:0;
}
#bg_content_int_bottom {
	background:transparent url("images/bg_content_int_bottom.jpg") no-repeat top center;
	position:absolute;
	bottom:0px;
	left:0px;
	height:430px;
	width:100%;
	z-index:0;
}

#leftcol_interior {
	position:relative;
	float:left;
	left:25px;
	top:60px;
	width:670px;	
	padding-bottom:100px;
	min-height:400px;
}

#rightcol_interior {
	position:relative;
	float:right;
	width:235px;
	top:10px;
	right:5px;
	padding-bottom:100px !important;
}




/* Mambo Layout */

.wrapper {
	background: transparent;	
}

.small {
	color: #CA9F60;
	font-size: 11px;
}
.readon {
	display:block;
	color:#AC771D;
	text-transform:lowercase;
	text-align:right;
	font:12px/30px Verdana,Sans-serif;
	text-decoration:none;
	padding-right:30px;
	background:transparent url("images/bg_readon.gif") no-repeat top right;
}
.readon:hover {
	display:block;
	color:#59672A;
	text-transform:lowercase;
	text-align:right;
	font:12px/30px Verdana,Sans-serif;
	text-decoration:none;
	padding-right:30px;
	background:transparent url("images/bg_readon_hover.gif") no-repeat top right;
}
#content_top p { margin-top:0px;}


/** Menu **/
#menu a.mainlevel{
	font:bold 11px/37px Verdana,Arial,Sans-serif;
	display:block;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	height:auto !important;
	height:37px;
	text-align:center;
	float:left;
	padding:0px 15px;
	position:relative;
	top:-1px;
}
#menu a.mainlevel:hover {
	background:transparent url("images/bg_menu_hover.gif") no-repeat top center;
}

/* Heading */
.contentheading , .thumbsup-title {
	color:#636363 !important;
	font:bold 14px Verdana,Sans-serif !important;
}

a.contentpagetitle,
.contentpagetitle {
	color:#636363 !important;
	font:bold 14px Verdana,Sans-serif !important;
	border-bottom: 1px solid #636363;
	display: block;
	width: 665px;
	text-decoration: none;
	padding-top: 30px;
}

a.contentpagetitle:hover {
	text-decoration: none !important;
}

#leftcol_interior .componentheading,
#leftcol_interior .contentheading {
	font:bold 17px Verdana,Arial,Sans-serif;
	color:#534232;
}

/* Table Display */
tr.sectiontableentry1 {
	background-color: #F6ECD1;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
}

tr.sectiontableentry2 {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
}

/* Image Class */
#content_top img {
	border:4px solid #ECE9D8;
	float:left;
	margin-right:8px;
	margin-bottom:3px;
}


#theater_img {
	border:1px solid #DADADA;
	background:#FFFFFF;
	display: block;
	float: left;
	margin-right: 10px;
	height: auto;
	text-align: center;
	vertical-align: middle;
	position:relative;
	left:60px;
	padding: 5px;
}

#theater_img img.border {
	width: 101px !important;
	height: 150px;

}

#theater_img-content {
	border:1px solid #DADADA;
	background:#FFFFFF;
	display: block;
	float: left;
	margin-right: 10px;
	height: auto;
	text-align: center;
	vertical-align: middle;
	position:relative;
	padding: 5px;
}

#theater_img-content img.border {
	width: 101px !important;
	height: 150px;

}

#img_border,
img.img_border {
	background:#FFFFFF;
	/*border:1px solid #ADADAD;*/
	padding:5px;
	margin: 0;
}

#imgleft_border {
	background:#FFFFFF;
	border:1px solid #874629;
	/*padding:5px;*/
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
}

#imgleft_border img.border {
	width: 128px !important;
	height: 96px;
	margin: 5px;
}


/* Futured product */
div.title {
	font:bold 13px Verdana,Arial,Sans-serif;
	margin:10px 0px;
}
div.price {
	margin:5px 0px;
	color:#00A751;
	font:bold 12px Verdana,Arial,Sans-serif;
}

#mainbody ul,
#leftcol_interior ul {
	margin:0px;
	padding:0px;
	margin:5px 0px 5px 15px;
}
#mainbody ul li,
#leftcol_interior ul li {
	list-style:none;
	background:transparent url("images/bg_li.gif") no-repeat 0px 2px;
	display:block;
	padding-left:15px;
}

.blog_more li {
	background:none !important;
	padding:0px;
}
.blog_more li a {
	background:transparent url("images/bg_li.gif") no-repeat 0px 2px;
	padding-left:15px;
	color:#616235;
}
.blog_more li a:hover {
	background:transparent url("images/bg_li_over.gif") no-repeat 0px 2px;
	padding-left:15px;
	color:#AC771D;
}

/* List Menu in the right column */
#right_banner li{
	list-style: none;
}

#right_banner li a {
	background:transparent url("images/bg_li.gif") no-repeat 0px 2px;
	padding-left:15px;
	color:#616235;
}

#right_banner li a:hover {
	background:transparent url("images/bg_li_over.gif") no-repeat 0px 2px;
	padding-left:15px;
	color:#AC771D;
	text-decoration: none;
}

/** Pathway **/
div.pathway {
	background:transparent url("images/bg_pathway.gif") repeat-x top left;
	height:25px;
	font:bold 10px Verdana,Arial,Sans-serif;
	margin-top:50px;
	margin-bottom:15px;
	color:#9E9978;
	clear:both;
	padding:5px 0 0 0;
}
div.pathway span {
	position:relative;
	top:2px;
}
div.pathway a {
	font:bold 10px Verdana,Arial,Sans-serif;
	color:#9E9978;
	text-decoration:none;
}
div.pathway a:hover {
	color:#B67A16;
}
div.pathway img {
	position:relative;

}


/* ------ Image Threatment ------ */
div.img_preview {
	width:210px;
	float:left;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	padding-bottom:10px;
	padding-right:0px !important;
	padding-right:3px;
	text-align:center;
	margin:0 10px 20px 5px;
}
div.img_preview img {
	width:200px !important;
	position:relative;
	top:5px;
	left:0px !important;
	left:2px;
}
div.img_preview a {
	position:relative;
	top:6px !important;
	top:3px;
}

/* post */
.post {
	clear:both;
	padding:0 0 20px 0;
}
h2.title {
	margin:0 0 7px 0;
}
.entry-summary p {
	margin-top:0;
}
.entry-meta {
	font-size:11px;
}
#rightcol .widget-title, #leftcol .widget-title  {
	font-size:16px;
	text-transform:uppercase;
	color:#AD6300;
}
#rightcol .widget-container  {
	clear:both;
	margin:0 0 25px 0;
}

#rightcol .widget-container ul, #leftcol .widget-container ul   {
	margin:0;
	padding:0;
	list-style-type:none;
}
#rightcol .widget-container li, #leftcol .widget-container li    {
	font-size:13px;
}
#rightcol .widget-container li a, #leftcol .widget-container li a  {
	padding:5px 0 5px 0;
	border-bottom:1px dotted #9E9978;
	display:block;
}
#rightcol .widget-container li a.wpsc_category_image_link, #leftcol .widget-container li a.wpsc_category_image_link {
	display:none;
}
#rightcol .widget-container li ul, #leftcol .widget-container li ul  {
	margin:0 0 0 10px;
}
#rightcol .widget-container li li, #leftcol .widget-container li li   {
	font-size:11px;
}

/* WP e-commerce */
div.product_grid_display div.product_grid_item {
	width:30%;
}
div.product_grid_display div.product_grid_item img, div.productdisplay div.imagecol img {
	padding:5px;
	background:#FFF;
	border:2px solid #DFC89F;
}
div.product_grid_display div.product_grid_item img:hover, div.productdisplay div.imagecol img:hover {
	padding:5px;
	background:#DFC89F;
	border:2px solid #DFC89F;
}
div.grid_product_info div.product_text {
	font-size:12px!important;
}
div.producttext {
	margin:0 0 0 15px;
}

/* calendar press */
dl.cp-boxes dd {
    border: solid 1px #FFF!important;
}
span.cp-month-numeral {
    border-right: none!important;
    border-bottom: none!important;
}
dl.cp-list-dow dt {
    border: solid 1px #FFF!important;
	background:#DBC299;
	padding:5px 0;
	color:#FFF;
}
div.cp-prev-month a, div.cp-next-month a {
   color:#FFF;
   padding:0 5px;
}
div.cp-prev-month {
   padding:6px 0;
   color:#FFF;
   background:#755E35;
}
div.cp-curr-month {
   padding:5px 0;
   color:#FFF;
   background:#834700;
   margin-bottom:2px;
}
div.cp-next-month {
   padding:6px 0;
   color:#FFF;
   background:#755E35;
}
.cp-navigation {
	clear:both;
	padding:5px 0;
}
span.event-title-month {
	white-space:normal!important;
	border-bottom:1px solid #000;
}

.webcam-title, .edit-link {
	display:block;
	clear:both;
}
.webcam-title {
	font-size:14px;
	color:#636363;
	border-bottom:1px solid #636363;
	margin:10px 0 5px 0;
	padding:0 0 5px 0;
}

.product_grid_item {
	min-height: 360px;
}
@media screen and (max-width:984px) {
	#header_interior {
		height: fit-content;
	}
	#header-image {
		width: 100%;
		height: auto;
	}
	#content_interior,
	#bg_content_int_top,
	#bg_content_int_bottom,
	#leftcol_interior {
		background: #f2c993 !important;		
	}
	#leftcol_interior {
		min-height: 600px;
		width: 100%;
		max-width: 100%;
		left: 0;
		padding: 20px;
	}
	#rightcol {
		float: none;
		min-height: 400px;
		padding: 20px;
	}
	#footer_interior {
		position: relative;
	}
}
