/*
Theme Name: Jonesco
Theme URI: http://www.templecreative.com
Description: Wordpress theme for Jonesco.
Author: Dijon Correia
Author URI: http://www.templecreative.com
version: 1.1
Tags: two-column, widget-ready
*/


/* Basic Structure */

body {
	background: url(images/bg-rpt.png) repeat-x;
	font-family: "Trebuchet MS";
	font-size: 10pt;
	background-color: #445172;
	color: #242b37;
	margin: 0;
	text-align: center;
	}

#container {
	width: 950px;
	margin: 0 auto;
	padding:0;
	}
	
/* header */

#header {
	width: 950px; 
  	height: 206px; 
	}

	#header01{
		float: left;
		width: 275px;
		height: 206px;
		background:url(images/hdr-01.png) no-repeat;	
		}
		
	#header02{
		float: left;
		width: 400px;
		height: 206px;
		background:url(images/hdr-02.png) no-repeat;	
		}
		
	#header03{
		float: left;
		width: 275px;
		height: 206px;
		background:url(images/hdr-03.png) no-repeat;	
		}
	

/* main menu */


div#menu-main {
	float: left;
	width: 950px;
	height: 36px; 
	margin: 0;
	padding:0;
	background:url(images/nav-bg.png) repeat-x;
	}
	
div#menu-main ul#nav {list-style-type: none; float:left; margin: 0 0 0 50px; padding: 0;}	
	
div#menu-main ul#nav li {list-style-type: none; float:left;	margin: 0; padding: 0;}	
		
div#menu-main ul#nav li span {display: none;}
			
	/* nav 01 - Home */
	ul#nav li#nav1 a {width:102px; height:36px; margin: 0; padding: 0; display:block; background-image:url(images/nav-01.png); background-repeat: no-repeat;}
	ul#nav li#nav1 a:hover {background-image:url(images/nav-01-hvr.png); background-repeat: no-repeat;}
	ul#nav li#nav1.current a {background-image:url(images/nav-01-actv.png); background-repeat: no-repeat;}
	
	/* nav 02 - Trailers */
	ul#nav li#nav2 a {width:102px; height:36px; margin: 0; padding: 0; display:block; background-image:url(images/nav-02.png); background-repeat: no-repeat;}
	ul#nav li#nav2 a:hover {background-image:url(images/nav-02-hvr.png); background-repeat: no-repeat;}
	ul#nav li#nav2.current a {background-image:url(images/nav-02-actv.png); background-repeat: no-repeat;}
	
	/* nav 03 - Hiring */
	ul#nav li#nav3 a {width:102px; height:36px; margin: 0; padding: 0; display:block; background-image:url(images/nav-03.png); background-repeat: no-repeat;}
	ul#nav li#nav3 a:hover {background-image:url(images/nav-03-hvr.png); background-repeat: no-repeat;}
	ul#nav li#nav3.current a {background-image:url(images/nav-03-actv.png); background-repeat: no-repeat;}
	
	/* nav 04 - About us */
	ul#nav li#nav4 a {width:102px; height:36px; margin: 0; padding: 0; display:block; background-image:url(images/nav-04.png); background-repeat: no-repeat;}
	ul#nav li#nav4 a:hover {background-image:url(images/nav-04-hvr.png); background-repeat: no-repeat;}
	ul#nav li#nav4.current a {background-image:url(images/nav-04-actv.png); background-repeat: no-repeat;}
	
	/* nav 05 - Contact us */
	ul#nav li#nav5 a {width:102px; height:36px; margin: 0; padding: 0; display:block; background-image:url(images/nav-05.png); background-repeat: no-repeat;}
	ul#nav li#nav5 a:hover {background-image:url(images/nav-05-hvr.png); background-repeat: no-repeat;}
	ul#nav li#nav5.current a {background-image:url(images/nav-05-actv.png); background-repeat: no-repeat;}
				
/* sub menu */


div#menu-sub {
	float: left;
	width: 672px;
	height: 66px; 
	margin: 0 0 0 146px;
	padding:0;
	}
	
div#menu-sub ul#nav-sub {list-style-type: none; float:left; margin: 0; padding: 0;}	
	
div#menu-sub ul#nav-sub li {list-style-type: none; float:left;	margin: 0; padding: 0;}	
		
div#menu-sub ul#nav-sub li span {display: none;}
			
	/* nav 01 - Commercial */
	ul#nav-sub li#nav-sub1 a {width:90px; height:66px; margin: 0; padding: 0; display:block; background-image:url(images/nav-sub-01.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub1 a:hover {background-image:url(images/nav-sub-01-hvr.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub1.current a {background-image:url(images/nav-sub-01-actv.png); background-repeat: no-repeat;}
	
	/* nav 02 - Leisure */
	ul#nav-sub li#nav-sub2 a {width:65px; height:66px; margin: 0; padding: 0; display:block; background-image:url(images/nav-sub-02.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub2 a:hover {background-image:url(images/nav-sub-02-hvr.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub2.current a {background-image:url(images/nav-sub-02-actv.png); background-repeat: no-repeat;}
	
	/* nav 03 - Advertising */
	ul#nav-sub li#nav-sub3 a {width:88px; height:66px; margin: 0; padding: 0; display:block; background-image:url(images/nav-sub-03.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub3 a:hover {background-image:url(images/nav-sub-03-hvr.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub3.current a {background-image:url(images/nav-sub-03-actv.png); background-repeat: no-repeat;}
	
	/* nav 04 - Tanker */
	ul#nav-sub li#nav-sub4 a {width:108px; height:66px; margin: 0; padding: 0; display:block; background-image:url(images/nav-sub-04.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub4 a:hover {background-image:url(images/nav-sub-04-hvr.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub4.current a {background-image:url(images/nav-sub-04-actv.png); background-repeat: no-repeat;}
	
	/* nav 05 - Custom */
	ul#nav-sub li#nav-sub5 a {width:107px; height:66px; margin: 0; padding: 0; display:block; background-image:url(images/nav-sub-05.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub5 a:hover {background-image:url(images/nav-sub-05-hvr.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub5.current a {background-image:url(images/nav-sub-05-actv.png); background-repeat: no-repeat;}
	
	/* nav 06 - Hire */
	ul#nav-sub li#nav-sub6 a {width:87px; height:66px; margin: 0; padding: 0; display:block; background-image:url(images/nav-sub-06.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub6 a:hover {background-image:url(images/nav-sub-06-hvr.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub6.current a {background-image:url(images/nav-sub-06-actv.png); background-repeat: no-repeat;}
	
	/* nav 07 - Components */
	ul#nav-sub li#nav-sub7 a {width:127px; height:66px; margin: 0; padding: 0; display:block; background-image:url(images/nav-sub-07.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub7 a:hover {background-image:url(images/nav-sub-07-hvr.png); background-repeat: no-repeat;}
	ul#nav-sub li#nav-sub7.current a {background-image:url(images/nav-sub-07-actv.png); background-repeat: no-repeat;}				

#page-head {
	float: left;
	width: 700px; 
	margin: 0 0 15px 0;
	border-bottom: 1px solid #DDDDDD;	
	}
		#page-title-left {
			float: left;
			width: 330px;
		}
		
		#page-title-right {
			float: left;
			width: 370px;
		}
	
	div#page-title{width:330px;}
	h1.page-title{width:330px; font-size: 12pt; font-size: 20px; color:#222733; padding: 0; text-shadow:0 1px 0 #ffffff;}
			
/* header breadcrumbs */
	#breadcrumbs {
		width:320px;
		text-align: right;
	}	
	
	div.breadcrumb {
		margin: 5px 0 0 0; 
		font-style:italic; 
		font-weight: bold; 
		}
		
	div.breadcrumb small {color:#231f20; text-decoration: none;}
	a#breadcrumb-home {color:#606060; text-decoration: none;}
	#breadcrumb-page {color:#cc3536; text-decoration: none;}				

#main {
	float: left;
	width: 950px;
	background:url(images/main-bg-rpt.png) repeat-y;
	text-align: left;
	}

#main-top {
	float: left;
	width: 950px;
	height: 66px;
	background:url(images/main-top.png) no-repeat;
	}
	
#main-container {
	float: left;
	width:950px;
	background:url(images/main-bg.png) no-repeat;
}		
	
#main-text {
	float: left;
	width:706px;
}

#content-container {
	width:666px;
	overflow: hidden;
	margin: 0px 20px 20px 20px;
	}
	
#main-footer {
	float: left;
	width: 950px;
	height: 77px;
	background:url(images/main-ftr-icons.png) no-repeat;
	}	
	
#main-bot {
	float: left;
	width: 950px;
	height: 7px;
	background:url(images/main-bot.png) no-repeat;
	background-position: bottom;
	}	
	
/* Basic Elements */

*{margin:0; padding:0;}

h1  {font-size: 14.5pt; font-size: 20px; color:#e30808; margin:2px 0; padding:2px 0; clear: both;}
	h1  a {color:#e30808;}
	h1  a:hover {color:#e30808;}
h2  {font-size: 13.5pt; font-size: 18px; color:#e30808; margin:2px 0; padding:2px 0; clear: both;}
	h2  a {color:#e30808;}
	h2  a:hover {color:#e30808;}
h3  {font-size: 12pt; font-size: 16px; color:#e30808; margin:2px 0; padding:2px 0; clear: both;}
	h3  a {color:#e30808;}
	h3  a:hover {color:#e30808;}
h4 {font-size: 10.5pt; font-size: 14px; color:#e30808; margin:2px 0; padding:2px 0; clear: both;}
	h4 a {color:#e30808;}
	h4 a:hover {color:#e30808;}
h5  {font-size: 9pt; font-size: 12px; color:#e30808; margin:2px 0; padding:2px 0; clear: both;}
	h5  a {color:#e30808;}
	h5  a:hover {color:#e30808;}
h6  {font-size: 12pt; font-size: 14px; color:#e30808; margin:2px 0; padding:2px 0; clear: both;}
	h6  a {color:#e30808;}
	h6  a:hover {color:#e30808;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}
	
p {
	margin: 0 0 10px 0;
}	


/* links */

a{
	color:#0d6eab;
	text-decoration:none;
	font-weight:600;
	}

a:hover{color: #458ebc; text-decoration: none;}

/* lists */

#content ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: square;
	list-style-image:url(images/bullet.png);
}

#content ul li {
	margin: 0px 0px 5px 15px;
	padding: 0px;
	list-style:url(images/bullet.png);
}

#content ul ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: square;
	list-style-image:url(images/bullet-sub.png);
}

#content ul ul li {
	margin: 5px 0px 5px 15px;
	padding: 0px;
	list-style:url(images/bullet-sub.png);
}

	.left-block ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style-type: square;
	list-style-image:url(images/bullet.png);
}

	.left-block ul li {
		margin: 0px 0px 5px 15px;
		padding: 0px;
		list-style:url(images/bullet.png);
	}

	.left-block ul ul {
		margin: 0px 0px 0px 15px;
		padding: 0px;
		list-style-type: square;
		list-style-image:url(images/bullet-sub.png);
	}

	.left-block ul ul li {
		margin: 5px 0px 5px 15px;
		padding: 0px;
		list-style:url(images/bullet-sub.png);
	}

.red {color:#e30808;}
.blue {color:#0D6EA2;}
.black {color:#0a0a0a;}
.grey {color:#606060;}

.small {font-size: 8pt;}

.uppercase {text-transform: uppercase;}

.left {float: left;}
.right {float: right;}

.left-block {float: left; width: 570px; border:1px dashed #e4e4e4; background:#fafafa; margin: 0 5px 10px 0; padding: 5px;}
.right-block {float: right; border:1px dashed #e4e4e4; background:#fafafa; margin: 0 0 0 5px; padding: 5px;}

/* buttons */
a#print-website {
	display: block;
	width: 160px;
	height: 30px;
	background: url(images/butt-print-website.png) no-repeat;
	cursor: pointer;
}

a:hover#print-website {
	background: url(images/butt-print-website-hvr.png) no-repeat;
	cursor: pointer;
}	


/* content */	

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	}
	
.post h2 a{
	}
	
.post h2 a:hover{
	}

.post ul {}

.post li {}

.post-edit-link {display: none;}

.entry p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#sidebar-container {
	font-size:8pt;
	width:230px;
	float:left;
	margin:0;
	padding: 0;
	border-right: 1px solid #ddd;
	}

#sidebar h2{
	color: #000;	
	margin: 0;
	padding: 0;
	display: none;
}

#sidebar label{
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding:0;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:0;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#sidebar ul ul {
	margin:14px 0;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* widgets */
/* text */
.textwidget {
	margin:15px;
}

/* Mailpress */
#mp-container {
	width: 200px;
	height: 125px;
	margin: 15px;
	padding: 0;
	background: url(images/banners/side-bnr-newsletter.png) no-repeat;
	background-position: top;
	text-align: center;
}

	#mp-formdiv {
		float: left;
		width: 180px;
		height: 60px;
		margin:65px 10px 0 10px;
	}
		
		.MailPressFormEmail {
			border: 1px solid #E7E7E7;
			color: #424242;
			padding: 3px 0;
		}

		#mp_submit {
			width: 105px;
			height: 26px;
			border: 0;
			margin: 2px 0;
			font-size: 0pt;
			text-indent: -999px;
			background: url(images/butt-subscribe.png) no-repeat;
			cursor: pointer;
		}
		
		#mp_submit:hover {
			background: url(images/butt-subscribe-hvr.png) no-repeat;
		}
	
/* panels */
/* standard */
#panel {
	float: left;
	width: 200px;
	margin: 15px;
}

#panel-top {
	width: 650px;
	height: 33px;
	background:url(images/pnl-trlr-top.png) no-repeat;
}

#panel-title {
	color: #ffffff;
	font-weight: bold;
	font-size: 14pt;
	line-height: 33px;
	text-indent: 15px;
}

#panel-label {
	color: #ffffff;
	background:#212631;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	margin: 0;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}

#panel-mid {
	width: 650px;
	background:url(images/pnl-trlr-mid.png) repeat-y;
}

#panel-content {
	display: table-cell;
	padding: 5px;
	width: 640px;	
}

#panel-bot {
	width: 650px;
	height: 7px;
	background:url(images/pnl-trlr-bot.png) no-repeat;
}

/* treailer */
#panel-trailer-single {
	float: left;
	margin: 15px;
}

#panel-trailer-main {
	float: left;
	margin: 15px;
}

#panel-trailer {
	float: left;
	width: 200px;
	margin: 2px;
}

#panel-trailer-top {
	width: 650px;
	height: 33px;
	background:url(images/pnl-trlr-top.png) no-repeat;
}

#panel-trailer-key {
	width: 650px;
	height: 24px;
	background:url(images/pnl-trlr-key.png) no-repeat;
}

#panel-trailer-title {
	color: #ffffff;
	font-weight: bold;
	font-size: 14pt;
	line-height: 33px;
	text-indent: 15px;
}

#panel-trailer-label {
	color: #ffffff;
	background:#212631;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	margin: 0;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
}

#panel-trailer-mid {
	width: 650px;
	background:url(images/pnl-trlr-mid.png) repeat-y;
}

#panel-trailer-content {
	display: table-cell;
	padding: 15px;
	width: 620px;	
}

#panel-trailer-content .thumbnail {
	border-right: 2px solid #ffffff;	
	border-left: 2px solid #ffffff;		
}

#panel-trailer-bot {
	width: 650px;
	height: 7px;
	background:url(images/pnl-trlr-bot.png) no-repeat;
}

#trailer-toolbar {
	width: 200px;
	height: 23px;
	background:url(images/pnl-trlr-toolbar-bg.png) no-repeat;
	text-align: right;
}

#trailer-toolbar-butt1 {
	float: right;
	display: inline-block;
	width: 21px;
	height: 21px;
	background:url(/wp-content/themes/jonesco/images/pnl-trlr-toolbar-zoom.png) no-repeat;
	margin:0 5px 0 0;
}

#trailer-toolbar-butt2 {
	float: right;
	display: inline-block;
	width: 21px;
	height: 21px;
	background:url(/wp-content/themes/jonesco/images/pnl-trlr-toolbar-spec.png) no-repeat;
	margin:0 13px 0 5px;
}


.trailer-spec {
	display:none;
	background: #272D3C;
}

/* tickbox */

#thickbox-main {
	background: #272D3C;
}


/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}



/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

	
	
/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* 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;
   padding: 0 4px 5px;
   margin: 0;
}




/* footer */

#footer {
	height: 40px;
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 8pt;
	color: #bed1db;
	}
	
div#menu-footer {float: left; width: 650px; height: 40px; line-height: 40px; margin:0; text-align: left;} 

ul#nav-footer {margin:auto; height: 16px; vertical-align:middle;}

ul#nav-footer li {list-style-type: none; float:left; margin: 0; padding: 2px;}
		
ul#nav-footer li a {margin: 0; padding: 0; display:block; color: #55b8f6;}
ul#nav-footer li a:hover {color: #0d6eab;}
ul#nav-footer li.current a {color: #f2f2f2;}
	
ul#nav-footer li a span#seperator {margin:0 2px; color: #55b8f6;}
ul#nav-footer li a:hover span#seperator {color: #55b8f6;}

div#footer-credits {
	float: right;
	width: 245px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	text-align: right;
	}