/*
Theme Name: Meeks Mixed Media
Theme URI: http://meeksmixedmedia.com/
Description: Custom theme for Meeks Mixed Media
Version: 1.5
Author: Bill Meeks
Tags: mantle color, variable width, two columns, widgets

Meeks Mixed Media by Bill Meeks || http://meeksmixedmedia.com
It's only for me
*/

body, form,
h1, h2, h3, h4, h5, h6,
p,
img
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}


body
{
	background:#626262;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
}

h1, h2, h3, h4, h5, h6, p
{
	padding:6px 0;
}
a
{
	color:#5a8ec4;
	text-decoration:none;
}
a:hover
{
	color:#3d6ea0;
}
h1
{
	font-size:2.1em;
	font-weight:normal;
}
h2
{
	font-size:1.5em;
	color:#f60;
}
h3
{
	font-size:1.3em;
	color:#5a8ec4;
	font-weight:normal;
}
h4
{
	font-size:1.1em;
}
h5, h6
{
	font-size:1em;
}

hr
{
	color:#fff;
	background-color:#fff;
	border:2px dotted #ccc;
	border-style:none none dotted; 
}

.contentwidth
{
	width:844px;
	margin:0 auto;
}
.contentpad
{
	padding:0 52px;
}

#header
{
	background:url(images/background-header-repeat.gif) repeat-x;
	height:110px;
}
#header .contentwidth
{
	background:url(images/background-header.gif) no-repeat;
	height:110px;
}
#header #logo
{
	float:left;
	width:280px;
}
#header #menu
{
	float:right;
}
#header #menu UL
{
	margin:0;
	padding:0;
}
#header #menu UL LI
{
	display:inline;
	list-style-type:none;
}
#header #menu a
{
	color:#fff;
	text-decoration:none;
	line-height:90px;
	padding:5px 12px;
	font-weight:bold;
	font-size:0.8em;
}
#header #menu a:hover, #header #menu a.active
{
	background:#7a7a7a;
}

#promo
{
	background:#3d6ea0 url(images/background-promo-outer-rep.jpg) repeat-x;
}
#promo .contentwidth
{
	background:url(images/background-promo-repeat.gif) repeat-y;
}


#stripe
{
	background:url(images/background-stripe-repeat.gif) repeat-x;
}
#stripe .contentwidth
{
	background:url(images/background-stripe.gif) no-repeat;
	height:62px;
}




#main
{
	background:#eaeaea;
}
#main .contentwidth
{
	background:url(images/background-body-main.gif) repeat-y;
	padding:15px 0;
}

/* if 2 column layout is used... */
.leftColumn
{
	float:left;
	width:476px;
}
.rightColumn
{
	float:left;
	width:234px;
	margin-left:29px;
}

.column
{
	width:48%;
	float:left;
	margin-right:8px;
}


#footer
{
	background:#626262 url(images/background-footer-repeat.jpg) repeat-x;
}
#footer .contentwidth
{
	background:url(images/background-footer.gif) no-repeat;
	min-height:100px;
	padding-top:30px;
	color:#eaeaea;
	font-size:0.75em;
}
#footer a.spaced, #footer a
{
	color:#eaeaea;
}
#footer a.spaced
{
	padding-left:20px;
}
#footer a:hover
{
	color:#fff;
}
#footer a.rss
{
	color:#f90;
}


.promo-home-height
{
	height:256px;
}	
.promo-inside-pages-height
{
	height:100px;
}	
.promo-item-default
{
}
.promo-item
{
	display:none;
}

#promo-controls
{
	float:left;
	width:504px;

}
/* since IE6 doesn't like the div padding, we need 
to add 21px padding to align the fields vertically */
#promo-controls img, #searchbox form
{
	padding-top:21px;
}
#searchbox
{
	float:left;
	/*margin-top:21px;*/
	height:62px;
	width:233px;
}
#searchbox .textbox, #searchbox .submit
{
	color:#fff;
	font-weight:bold;
	font-size:0.7em;
}
#searchbox .textbox, #searchbox .submit
{
	border:0px;
	background:#3c70a6;
	float:left;
	display:block;
}
#searchbox .textbox
{
	width:176px;
	height:15px;
	padding:4px 5px;
}
#searchbox .submit
{
	width:40px;
	height:23px;
	margin-left:7px;
}


.standardForm
{
	margin-bottom:15px;
}
.standardForm .textbox, .standardForm .textarea
{
	width:300px;
	padding:5px;
}
.standardForm .textbox, .standardForm .textarea,  .standardForm .submit
{
	border:1px solid #ccc;
	background:#efefef;
}
.standardForm .field
{
	padding:5px 0;
}
.standardForm label
{
	font-weight:bold;
	display:block;
}
.standardForm .textbox
{
	display:block;
}
.standardForm .textarea
{
	height:60px;
}
.standardForm .submit
{
	font-weight:bold;
}




#submenu
{
	background:url(images/background-submenu-footer.gif) repeat-x bottom;
	padding:0 0 4px 0;
	margin-bottom:30px;
}
#submenu h3
{
	background:url(images/background-submenu-heading.jpg) repeat-x;
	line-height:39px;
	padding:1px 0 0 10px;
	margin:0 0 1px 0;
	color:#636363;
}
#submenu UL
{
	margin:0;
	padding:0;
}
#submenu UL LI
{
	list-style-type:none;
	background:url(images/background-submenu-item.gif) repeat-x;
	padding-left:10px;
}
#submenu UL LI a
{
	display:block;
	margin:0 0 1px 0;
	padding:0 0 0 15px;
	line-height:29px;
	height:29px;
	background:url(images/icon-arrow.gif) no-repeat left;
	color:#909090;
	font-weight:bold;
	text-decoration:none;
}
#submenu UL LI a:hover, #submenu UL LI a.active
{
	background:url(images/icon-arrow-highlight.gif) no-repeat left;
	color:#636363;
}
/* sub menu, smaller font */
#submenu UL LI UL
{
	display:none;
}
#submenu UL LI UL LI a
{
	font-size:0.8em;
}


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
  margin-left: auto ;
  margin-right: auto ;

/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
font-weight:bold;
padding: 0 4px 5px;
margin: 0;
}







.table-style-clean
{
	border:1px solid #e2e1e1;
	padding:1px;
	margin-bottom:10px;
}
.table-style-clean th
{
	background:#e2e1e1;
}
.table-style-clean td.shaded
{
	background:#f4f4f4;
}

div.ad
{
	padding:0 0 15px 0;
}


/* used for jQuery hide and show, hide by default by using alternate*/
.more
{
	display:none;
}
.showmore
{
}
.choices
{
	cursor:hand;
}
.alternate 
{
	display:none;
}


.lightbox .enlarge img
{
	border:1px solid #ccc;
	padding:1px;
}
.lightbox .enlarge
{
	padding:0 5px 0 0;
}


/* clearfix start */ 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* clearfix end */ 

#port_wrapper {
	width: 476px;
	margin-left: auto;
	margin-right: auto;
margin-bottom: 50px;
	}
 
.accordionButton {	
	width: 476px;
	float: left;
	background: #3d6ea0;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	text-transform: uppercase; 
	font-size: 12px;
	font-weight: bold;
	padding-left: 4px;
	
	}
 
.accordionContent {	
	width: 476px;
	float: left;
	background: #6b9ac9;
	display: none;
	}