/*
Theme Name: The Reel Tech
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* ######################################################################
		COLOR SCHEME
   ###################################################################### */
body {
	/*background-color: #FFF;*/
	background-color: #DBCCBA;
}

a {
	/*color: #85B6D0;*/
	color: #2A3692;
}

a:hover {
	color: #59B483;
}

.call-me, p.quote {
	/*color: #5487A2;*/
	color: #2A3692;
}

h1 {
	/*color: #FFC47D;*/
	color: #F68B11;
}

h2 {
	/*color:#FFD39E;*/
	color: #FBA94C;
}

h3 {
	color: #FFDEB8;
}

#content, table, #side-bar {
	color:#FFF;
	/*color: #000;*/
}

#footer {
	color:#FFF;
	/*color: #000;*/
}

.quiet {
	color:#FBBF7A;
}

#social-bar {
	/*background-color: #44331D;*/
	background-color: #D4D4D4;
}
/* ######################################################################
		HTML CORE TAGS
   ###################################################################### */
html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

body {
	/*background-image:url(/common/img/background-v5.png);*/
	background-image:url(/common/img/background-v4.jpg);
	background-repeat:no-repeat;
	background-position:center top; 
	background-attachment:fixed;
	margin:0px auto;
	text-align:center;
}

p, div, form {
	/*font-family: Helvetica, Verdana, Arial, sans-serif;*/
	font-family: sans-serif
}

p, form, li {
	font-size:1em;
}

ul {
	list-style-type: none;	
}

img {
	border:none;
}

form {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

h1, h2, h3, .entry-title {
	font-family: sans-serif;
}

h1 {
	font-size:2.0em;
	text-align:center;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1em;
}

input, textarea {
	border:solid 1px black;
}

#main {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width: 800px;
	margin:0px auto;
}

#page {
	background-image:url(/blog/wp-content/themes/thereeltech/inc/images/semitransparent.png);
	border:solid 3px red;
	width: 800px;
	border: solid 2px #666;
}

#content {
	width: 75%;
	float:left;
}

#side-bar {
	width: 20%;
	float: right;
	padding: 10px;
}

#side-bar ul {
	font-size: .8em;
}

#side-bar li {
	margin-left:-20px;
	margin-bottom:5px;	
}

#social-bar {
	width:100%;
	height: 35px;	
	border-bottom:solid 2px #666;
	margin-bottom:20px;
}

#social-bar img {
	vertical-align: bottom;
	border:0px;
	float:right;
	margin:5px 5px 0px 0px;	
}

.call-me {
	font-size:1.75em;
	float:left;
	font-family: 'Coda', sans-serif;
	vertical-align: middle;
	/*width:400px;*/
	margin:0px 0px 0px 5px !important;
	font-weight:bold;
}

/* ######################################################################
		HEAD
   ###################################################################### */

#pageTop, #header {
	width:800px;
	height: 225px;
	margin-top:10px;
	margin-bottom:20px;
	border: solid 2px #333333;
	background-image:url(/common/img/semitransparent.png);
}

/* ######################################################################
		MENU
   ###################################################################### */

#menu {
	-moz-box-sizing:border-box;box-sizing:border-box;
	width: 800px;
	margin:0px auto 20px;
	padding:0px 0px 0px 0px;
	border:2px solid #333333;
}

#menu a {
	text-decoration:none;
}

.jimgMenu {
	-moz-box-sizing:border-box;box-sizing:border-box;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:800px;
	height:150px;
	overflow: hidden;
}
.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height:150px;
	position: relative;
	}	
.jimgMenu ul li {
	width: 88.88px;
	float: left;
	display: block;
	overflow: hidden;
}
.jimgMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 2px solid #333333;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 150px;
}
.jimgMenu ul li#home a {
	background: url(/common/img/menu-home.jpg) repeat scroll 0%;
}
.jimgMenu ul li#reel-service a {
	background: url(/common/img/menu-reel-service.jpg) repeat scroll 0%;
}
.jimgMenu ul li#rod-service a {
	background: url(/common/img/menu-rod-service.jpg) repeat scroll 0%;
}
.jimgMenu ul li#fishing-jigs-flys a {
	background: url(/common/img/menu-fishing-jig-fly.jpg) repeat scroll 0%;
	/*border-right-style: none;*/
}
.jimgMenu ul li#testimonials a {
	background: url(/common/img/menu-testimonials.jpg) repeat scroll 0%; 
}
.jimgMenu ul li#contact a {
	background: url(/common/img/menu-contact.jpg) repeat scroll 0%;
}
.jimgMenu ul li#blog a {
	background: url(/common/img/menu-blog.jpg) repeat scroll 0%;
}
.jimgMenu ul li#about-me a {
	background: url(/common/img/menu-about-me.jpg) repeat scroll 0%;
}
.jimgMenu ul li#fishing-pros a {
	background: url(/common/img/menu-fishing-pros.jpg) repeat scroll 0%;
	/*border-right-style: none;*/
}
/* ######################################################################
		Blog Entry
   ###################################################################### */

.blog-entry {
	background-color: #999;
	border-right: solid 2px #666;
	border-top: solid 2px #666;
	border-bottom: solid 2px #666;
	padding: 10px;	
	text-align:left;
	margin-top: -2px;
	margin-bottom:20px;
}

.entry-header {
	
}

.entry-title {
	
}

.entry-format {
	
}

.entry-meta {
	text-align:center;
	font-size: .80em;	
}

.entry-summary {
	
}

.entry-content {
	
}

/* ######################################################################
		FOOTER
   ###################################################################### */

#footer {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:800px;
	font-size:smaller;
		background-image:url(/blog/wp-content/themes/thereeltech/inc/images/semitransparent.png);
	margin-top:20px;
	padding:10px;
	/*height:75px;*/
	border: solid 2px #666;
	text-align:center;
}

/* ######################################################################
		IMAGES
   ###################################################################### */

}
a img {border: none; }
.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}
img.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
img.aligncenter {
	margin: 10px auto 10px;
	text-align: center;
	display: block;
}
img.alignnone {
	display: block;
	margin: 10px 0 10px;	
}
.wp-caption {
	background: url(images/blacktrans.png);
	margin: 5px;
	padding:5px;
	text-align: center;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: url(images/blacktrans.png);
}
.wp-caption-text{
	color:#FFF;
	font-weight:bold;
}
.size-thumbnail {
	margin: 0 15px 10px 0;
}
.gallery {
	background: url(images/blacktrans.png);
	margin: 10px;
	padding: 0 5px 0 5px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.gallery-caption{
	color:#FFF;
	font-weight:bold;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {float: left;}
.textleft {text-align: left;}
.right {float: right;}
.textright {text-align: right;}
.clear {clear: both;}
.block{display: block;}
.border{display: none; visibility: hidden;}
.hidden {display: none; visibility: hidden;}