/*
Theme Name: WordPress Chemeleon
Description: Custom theme developed by Chris Molitor.
Author: THE MOLITOR
Author URI: http://themeforest.net/user/themolitor
Version: 2.0
*/

div#loading {height: 16px; width: 16px; margin: 120px auto;}

* {padding: 0; margin: 0; line-height: 1.5em;}

/* -----BODY STUFF----- */
body {height:auto; width:auto; font-family:'Arial', Sans-Serif; }

/* -----A TAG STUFF----- */
a {text-decoration:none; color:blue;}
a:hover {text-decoration:underline;}

p {font-size: 12px; font-weight:bold;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {font-weight: normal;}
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {text-decoration:underline;}

/* ----TOOL TIP STYLE----- */
.itooltip {
	display:none; 
	font-size: 12px; 
	border-style: solid;
	border-width: 1px;
	z-index: 10000000; 
	position:absolute; 
	padding: 3px 10px;
	background-color: black;
	color: white;
}


/* -----PAGE STUFF----- */
#mainpagewrap{ margin: 0 auto; width:1020px; background: url(images/content_bg.png) repeat-y}
#wrapper {margin: -1px auto 0;  width:100%; min-height: 200px; }
#content {width:850px; margin: 0 auto; padding: 48px 0  60px;}
#main {width:850px;position: relative; z-index: 0;}
#hometabwrap {width: 850px; margin: 0 auto; margin-top:30px; padding-bottom: 40px; border-bottom: 1px solid #333333}
.hometab { width:380px; float:left; margin: 35px 12px 0px 12px; display:block; }

/*---------HEADER STUFF-------15----*/
#headerContainer {width:980px;margin: 0 auto; }
#header {height:242px; width:960px; margin:0 auto; position: relative; }
#logo {margin: 0 20px ; padding-top: 0px;}
#logo a {height: 100%; width: 100%; display: block; text-indent: -9999px; overflow: hidden;}

/*--------FOOTER STUFF--------*/
#panel {position: fixed; width: 100%; left: 0; bottom: 0;  display: none;  z-index: 10000; font-size: 12px;}
#panel #panelBar {position: relative;}
#panel #panelBar #handle {cursor: move; width: 55px; overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -29px;}
#panel #panelBar #handle.active {color: #fff;}
#panel #copyright {font-size: 10px; float: left; padding:0 10px;}
#panel #panelContents {height: 0; overflow: hidden; clear: both;}

#panel #panelHint {display:none; position: absolute; top: -27px; left: 50%; width: 150px; line-height: 20px; height: 20px; margin-left: -75px; text-align: center; font-family: serif;  font-weight: bold; padding: 3px 0;}

a#closePanel {text-align: center;font-size:16px;font-weight:bold; display: block; outline: none;}
a#closePanel:hover {text-decoration: none;}

#bottomOfPage {width: 100%; position: fixed; bottom: 0; left: 0; z-index: 0; height:33px; width: 1px; overflow: hidden;}

/*--------SOCIAL ICONS------*/
div#socialIcons {position: absolute; z-index: 100; top: 7px; right: 0px; width: 110px; padding-right: 3px;}
a.socialicon {height: 18px; background-image: url(images/social-trans.png); background-repeat: no-repeat; float: right; display: block; margin-right: 8px;}
a#rss {background-position: top left; width: 17px;}
a#facebook {background-position: -35px top; width: 17px;}
a#youtube {background-position: top right; width: 18px;}
a#twitter {background-position: -17px top; width: 18px;}

a#rss:hover {background-position: bottom left;}
a#facebook:hover {background-position: -35px bottom;}
a#youtube:hover {background-position: bottom right;}
a#twitter:hover {background-position: -17px bottom;}


#footerWidgets {
	clear:both;   
	margin: 0 auto; 
	width:960px; 
}
#footerWidgets div.footerWidget {
	width: 270px; 
	float: left; 
	margin-right:46px; 
	font-size: 14px; 
	padding: 30px 0 40px;
}
#footerWidgets div.footerWidget h2.footerWidgetTitle {
	padding-bottom: 8px; 
	font-size: 18px;
}
#footerWidgets div.footerWidget ul li {
	padding: 10px 5px; 
	list-style: none;
}
#footerWidgets div.footerWidget ul li ul {border: none}
#footerWidgets div.footerWidget ul li ul li {border: none;padding: 0; list-style-type:disc; list-style-position: inside;}
#footerWidgets div.footerWidget ul li ul li ul {padding-left: 15px;}

#footerWidgets #footerWidgetFour {margin-right: 0;}

/*-------MAIN NAVIGATION STUFF--------*/
#navigation {text-align: center; width:960px; position: absolute; bottom: 0; left: 0; z-index: 1000;}
#dropmenu {list-style:none; position:relative; width:960px; z-index: 900; height: 55px;}
#dropmenu li {list-style:none;   position:relative;  z-index: 800; display: inline-block; line-height: 55px; z-index: 9; /*THIS IS AN IE7 FIX --> */zoom: 1;*display:inline;}
#dropmenu li.back {
	height: 55px;
	z-index: 8;
	position: absolute;
	top: 0px;
	float: left;
	list-style: none;
	width: 95px;
	overflow: visible !important;
}
#dropmenu li a {
	display: inline-block; 
	font-size: 14px; 
	text-transform: uppercase; 
	padding: 0 20px; 
	position: relative; 
	outline: none; 
	line-height: 55px;
	text-align: center;
	z-index: 10;
	overflow: hidden;
}
#dropmenu > li > a:hover, 
#dropmenu > li > a:active, 
#dropmenu > li > a:visited {
	border: none;
    outline: none;
}
#dropmenu li a span {line-height: 39px;}
#dropmenu li a:hover {text-decoration: none;}
#dropmenu li ul {list-style:none; display:none; position:absolute; width:200px; z-index:700; top:54px; left: 0; border-width: 1px 1px 0; border-style: solid;}
#dropmenu li ul li {position:relative;z-index:600;width:200px;}
#dropmenu li ul li a {text-align:left; line-height: 40px; font-size: 12px; display: block; width: 160px; padding: 0 20px;border: 1px solid #000; border-width: 1px 0;}
#dropmenu li ul li ul {position:absolute;top:-1px; left:200px;}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}

                   
/* -----SEARCH STUFF----- */
#searchform #s {width:200px; padding: 5px;}
#searchform #searchsubmit {cursor: pointer; padding:5px;} 
#searchform #searchsubmit:hover {text-decoration: none;}

/* -----POST AND ENTRY STUFF----- */
.listing .post {margin: 0 0 20px; padding: 0 15px 16px;}
.post h2.posttitle, .entrytitle {font-size: 18px;}
 .entrytitle {padding-bottom: 10px;}
.entry{font-size: 12px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}
p.postMetaInfo {padding-bottom: 10px;}

div.gallery dl.gallery-item {margin-top: 0px !important; margin-bottom: 18px;}

/*--- POST THUMBNAIL STUFF ---*/
div.post .thumb {float: left; display: block;  margin:0 20px 0 0; height: 102px;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {float:left; font-size:12px; width: 100%;}
.navigation .pagenav a {display: block;}
.navigation .pagenav a:hover {text-decoration: underline;}

/* -----COMMENT STUFF----- */
#commentsection {width:100%;   font-size: 12px;}
.commentlist {width: 100%; list-style:none; }
h3.comments {margin:40px auto 20px;}
.commentlist li,#commentform input,#commentform textarea {font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold;list-style:none; padding:15px 0; font-size:12px;}
.commentlist li img.avatar {float:left;border:1px solid #999;background:#bbb;margin-right:15px;padding:3px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 5px 10px 83px; font-size: 12px;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:5px 0;}
.commentmetadata {font-weight:normal;display:block; font-size:10px; color:#333; padding:3px 0 0; text-transform:uppercase;}
cite.fn {text-transform:uppercase;}
.commentlist {padding:0 0 40px;}
.nocomments {text-align:center;}
#recentcomments li {}
.alt {}

/*---FORM STUFF---*/
input[type="text"],input[type="password"] {padding: 5px; width:170px; margin:0 0 5px 0;}
textarea {padding: 4px; width:90%; font-family: Arial; font-size: 12px;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 13px 13px;}
img.alignleft {display:inline;margin:0 13px 13px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;width:100%;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover {background-color:#fff;}

/*-----SLIDER STUFF----*/
#slider {
 	height: 220px; 
 	width: 850px;
	display: none;
}
.nivoSlider {position:relative; z-index: 1;}
.nivoSlider img { position:absolute; top:0px; left:0px;z-index: 1;}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
.nivo-slice { display:block; position:absolute; z-index:50; height:100%;}
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:89;
}
.nivo-caption p { padding:10px; margin:0;}

div.nivo-directionNav a {
	position:absolute;
	top:40%;
	z-index:99;
	cursor:pointer;
	display: block;
	text-indent: -999px;
	overflow: hidden;
}
div.nivo-directionNav a:hover {text-decoration: none;}

.nivo-controlNav a { cursor:pointer;  display: inline-block;  overflow: hidden; font-size: 0px; line-height: 0px;}