/*
Theme Name: visiblexposure
Theme URI: http://www.visiblexposure.com/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured img (thumbnails for gallery posts and custom header img for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the visiblexposure team
Version: 1.0
License: Commercial
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/
*{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial;
	font-size:12px;
}
a{
	color: #333;
}
blockquote{
	background-image: url(img/blockquote.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #e0e0e0;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	padding: 15px 25px 10px 40px;
	margin: 0 0 15px 0px;
}
blockquote p{
//	color: #24356F;
	color: #666;
	font-family: Arial Narrow;
	font-size: 18px;
	line-height: 22px;
}
body{
	background-color:#fff;
	background-image:url(img/background.gif);
	background-repeat: repeat-x;
}
input, textarea{
	padding: 3px 0;
	color: #333;
//	background-color:#000;
	border: 1px solid #ccc;
	line-height:18px;
	width: 100%;
}
h1, h2, h3, h4 {
	font-weight:normal;
}
h1{
//	width:120px;
}
h2{
	font-size:24px;
	margin-bottom:20px;
	color: #20467F;
	line-height: 30px;
}
h3{
	font-size:12px;
	font-weight: bold;
	padding-bottom:5px;
//	padding-left: 30px;
	margin-bottom:10px;
	color: #666;
	line-height: 24px;
	border-bottom: 3px solid #ccc;
}
li{
	list-style-type:none;
	color:#666;
	line-height: 18px;
}
p{
	margin-bottom: 12px;
	color:#4a4a4a;
	line-height: 18px;
}
.right{
	float:right;
}
.left{
	float:left;
}
.clear{
	clear:both;
}
.clear-right{
	clear:right;
}
.center{
	margin-left: auto;
	margin-right: auto;
}
.img-right{
	float: right;
	margin-left: 15px;
}
.img-left{
	float: left;
	margin-right: 15px;
}


/* Layout
-------------------------------------------------------------- */
#container{
	width: 530px;
}
#content{
//	padding-top: 15px;
//	padding-right: 20px;
//	padding-bottom: 25px;
//	padding-left: 20px;
}
#content h1{
	width:100%;	
	font-size:30px;
	margin-bottom:10px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
}

#header{
	background-image:url(img/header.gif);
	background-position:top center;
}
#wrapper{
	width: 770px;
}
#wrapper-header{
	width: 770px;
	height: 130px;
//	background-image:url(img/header.gif);
}
#wrapper-header a{
	color: #909090;
	text-decoration:none;
}
#wrapper-header h1{
	width: 100px;
}
#wrapper-header p{
	margin-top: 6px;
//	width: 170px;
	font-weight: bold;
	color: #909090;
}
#wrapper-header mark{
	color: #666666;
}
#wrapper-header ul{
//	width: 310px;
//	height: 60px;
	margin-top:34px;
}
#wrapper-header li{
//	height: 60px;
	float:left;
}
a.construction{
	width: 160px;
	height: 60px;
	display: block;
}
a.construction:hover{
	background:url(img/construction.gif);
}
a.fl{
	width: 100px;
	height: 60px;
	display: block;
}
a.fl:hover{
	background-image: url(img/fl.gif);
}
a.nj{
	width: 150px;
	height: 60px;
	display: block;
}
a.nj:hover{
	background:url(img/nj.gif);
}
.wrapper-footer{
	background-image:url(img/sidebar-footer.gif);
	background-repeat:repeat-y;
}
.gutter{
	margin-right:40px;
}
.third{
	width:245px;
}
.principal{
	width: 387px;
	margin-bottom:24px;
}


/* Post
-------------------------------------------------------------- */
#post ul{
	margin-bottom: 12px;
}
#post li{
	background-image:url(img/marker.png);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
}


/* Footer
-------------------------------------------------------------- */
#footer{
	background-image: url(img/footer.gif);
	margin-top:120px;
	height:120px;
}
#footer-wrapper{
	width: 770px;
	padding-top: 20px;
//	padding-bottom: 25px;
}
#footer a{
	color:#fff;
	font-weight: bold;
}
#footer p{
	color:#878787;
	font-size: 11px;
	line-height: 14px;
}

/* Contact
-------------------------------------------------------------- */
.contact{
	width:60px;
}

/* Forms
-------------------------------------------------------------- */
.entry-content input, .entry-content textarea{
	width: 100%;
}
.half{
	width: 326px;
}
.wpcf7-submit{
	background: #24356F;
	border: 0;
	color:#7AD8FF;
	padding: 5px 0;
	width: 60px !important;
	margin-left: 5px;
	font-weight:bold;
}
.wpcf7-submit:hover {
	background: #204580;
	color:#fff;
}

/* Menu
-------------------------------------------------------------- */
#menu {
	width: 900px;
	height: 35px;
	margin-bottom:30px;
}
#menu a{
	padding-left: 24px;
	background-image:url(img/menu.gif);
//	width: 120px;
	text-align:center;
	text-decoration: none;
	display: block;
	color: #24356F;
	font-size:12px;
	font-weight: bold;
//	background-color: #000;
	text-transform:uppercase;
}
#menu a:hover{
	color: #D74803;
	background-image:url(img/menu-hover.gif);
}
#menu ul li:hover > ul{
	display: block;
}
#menu li{
	float: left;
	line-height:35px;
	position: relative;
}
#menu ul ul {
	display: none;
	position: absolute;
	top: 75px;
	left: 0;
	float: left;
//	width: 300px;
	z-index: 99999;
}
#menu ul ul a{
	padding: 0 25px;
	text-align:left;
	letter-spacing: 0;
	width: 180px;
	display: block;
	color: #fff;
	font-size:12px;
	font-weight: normal;
	background-color: #111;
	text-transform:none;
}
#menu ul ul li{
	line-height:40px;
}
#menu .menu-item-home a{
	background-image:url(img/menu-item-home.gif);
	padding: 0;
}
#menu .menu-item-home a:hover{
	background-image:url(img/menu-item-home-hover.gif);
	color: #D74803;
}


/* Slider
-------------------------------------------------------------- */
#slides{
	position:relative;
	margin-left: 50px;
	height:145px;
}
.slides_container {
//	position:absolute;
//	width:670px;
//	height:145px;
//	margin-bottom: 15px;
//	background-color: #ccc;
}
.slides_container div{
	position:absolute;
	width:670px;
	height:145px;
//	display:block;
}
#slides h2{
	font-family: Arial Narrow;
	font-weight: lighter;
	color:#7AD8FF;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 18px;
}
#slides p{
	color:#fff;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:45px;
	left:-50px;
	width:25px;
	height:25px;
	display:block;
	z-index:101;
}

#slides .next {
	left:695px;
}

/*
	Pagination
*/

.pagination {
	position:absolute;
	bottom: 30px;
	left: 50%;
	margin-left:-50px;
	width:100px;
	z-index:999;
}

.pagination li {
	float:left;
	margin-right:5px;
}

.pagination li a {
	display:block;
	width:15px;
	height:15px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	color:transparent;
}

.pagination li.current a {
	background-position:0 -15px;
}

/* Slider Fancy Transitions
-------------------------------------------------------------- */
#slider{
	margin-bottom:40px;
	position: relative;
}
#slideshowHolder{
}
#ft-prev-slideshowHolder, #ft-next-slideshowHolder {
	display:none;
}
#ft-buttons-slideshowHolder {
	position:absolute;
	left:25px;
	bottom:20px;
	width:auto !important;
//	text-align:center !important;
}
.ft-button-slideshowHolder {
	float:left;
	width:10px;
	height:10px;
	padding:0 !important;
	margin-left:5px;
	background:url(img/pagination-2.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
	text-decoration:none;
	overflow:hidden;
	color:transparent;
}
.ft-button-slideshowHolder:hover, .ft-button-slideshowHolder-active {
	background-position:0 -10px;
	color:#000;
}



/* Widget
-------------------------------------------------------------- */
#widget-area{
	background-color: #ccc;
	width:230px;
	padding-bottom:25px;
	border-left: 1px solid #e4e2d5;
}
#widget-area li{
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 30px;
	margin-bottom:10px;
}
#widget-area p{
	color:#666;
	line-height: 18px;
}
#widget-area mark{
	color:#fff;
}
#widget-area a{
//	color:#fff;
}
#widget-area ul ul{
//	margin-top: 20px;
//	padding-bottom: 18px;
}
#widget-area ul ul li{
//	line-height: 30px;
	line-height: 18px;
	padding: 0;
	margin:0;
}
#widget-area ul ul li a{
	color:#666;
	text-decoration: none;
	font-weight: bold;
}
#widget-area ul ul li a:hover{
	color:#333;
}
.continue-reading{
	font-weight:bold;
	color: #ff3300 !important;
	text-decoration:none;
}
.continue-reading:hover{
	color: #cc0000 !important;
}
.post-date{
	font-weight:bold;
}

#widget-area-menu{
//	width:190px;
//	margin-bottom:80px;
}
#widget-area-menu a{
	padding: 0px 20px;
	width:160px;
//	margin-bottom:4px;
	display:block;
	color: #24356F;
	background-color: #e0e0e0;	
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#widget-area-menu a:hover{
//	color: #fff;
	color: #D74803;
	background-color: #c0c0c0;	
}
#widget-area-menu li{
	line-height:24px;
	border-bottom: 3px solid #fff;
}
#widget-area-menu ul{
	margin-bottom:40px;
}

/* CTA
-------------------------------------------------------------- */
.cta {
	background:url(img/cta.gif);
	background-repeat: no-repeat;
	width:310px;
}
#widget-area-cta li{
	padding-top: 120px;
	height: 160px;
}
#widget-area-cta p {
	width: 250px;
	margin-left: 30px;
	color: #fff;
}
#widget-area-cta input, #cta textarea {
	background-color:#f07857;
	border: 1px solid #f0967b;
}
#widget-area-cta-submit input{
	background:url(img/cta-submit.gif);
	display: block;
	width: 310px;
	height: 60px;
	border: 0;
	color:transparent;
}
#widget-area-cta-submit input:hover{
	background:url(img/cta-submit-hover.gif);
}