/*
Theme Name: London Nautical School
Theme URI: http://www.londonnauticlaschool.co.uk
Description: Theme for London Nautical school
Version: 
Author: Andris Feodorovs
Author URI: http://www.fjofjo.net

*/


@charset "UTF-8";


.ddsmoothmenu{
font: lighter 10px Verdana;
background: #ea215a; /*background of menu bar (default state)*/
z-index: 5;
/*width: 100%;*/
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
z-index: 100;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: #6d6d6d;
padding: 4px 10px;
border-right: 1px solid #778;
color: #6d6d6d;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
z-index:100;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #6d6d6d;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: #6d6d6d;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
z-index: 100;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: lighter;
width: 160px; /*width of sub menus*/
padding: 5px;
padding-left: 10px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
z-index: 100;

}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 10px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}


/************************************************ WP-TABLE-RELOADED ********************/


/* Global CSS definitions for WP-Table Reloaded
inspired by "blue" theme of TableSorter 2.0 Plugin */

/* on how to change column widths, see below */

/* general table styles */
table.wp-table-reloaded {
	font-family: "Times New Roman", Times, serif;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 12px;
	width: 100%;
	text-align: left;
	color: #5e5e5e;
	font-weight: lighter; 
}

table.wp-table-reloaded a {
	font-size: 12px;
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #42AECC;
	border: 1px solid #FFF;
	font-size: 12px;
	padding: 4px;
	color: #ffffff;
	font-weight: lighter;
}

table.wp-table-reloaded thead tr .header {
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.wp-table-reloaded tbody td {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	color: #5e5e5e;
	font-weight: lighter;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}


/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#e6e6e6;
}


/**************************************/
/* how to change column widths :
you can access a column with its CSS-class
(that is ".column-" plus the number of the column)
use table.wp-table-reloaded to do your change for every table, or use
table.wp-table-reloaded-id-<id> for just a single table (with ID <id>)

example: this changes the width of the third column of table ID 5 to 25px:


table.wp-table-reloaded-id-5 .column-3
{
	width: 25px;
}

*/


/* Styles for the sorting (if Tablesorter is enabled) */
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #86b230;
}


/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.wp-table-reloaded-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.wp-table-reloaded-table-description {
	font-size: 10px;	
}




/*********************** My CSS *************************************/



#body {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #383838;
	margin-top: 0px;
	background-image: url(img/gradBg.png);
	background-repeat: repeat-x;
	background-color: #b3b3b3;
}
#wraper {
	width: 964px;
	margin: 0 auto;
	overflow: hidden;
	/*position: absolute;*/
}


#header {
	background-image: url(img/header.png);
	background-repeat: no-repeat;
	width: 964px;
	position: relative;
	height: 215px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#navigation {
	margin-top: 0px;
	margin-left: 240px;
	/*position: absolute;*/
	
	
}
#main {
	background-image: url(img/faux.png);
	background-repeat: repeat-y;
	margin-top: -15px;
	padding-top: 0px;
	overflow: auto;
	position: relative;
}
#main2 {
	background-image: url(img/faux2.png);
	background-repeat: repeat-y;
	margin-top: -15px;
	padding-top: 0px;
	overflow: auto;
	position: relative;
}
#left_side {
	margin-top: 15px;
	padding-top: 0px;
	float: left;
	width: 240px;
}
#left_side a:hover {
	color: #86b230;
}
.left_container{
	border-bottom: dotted 1px #CCCCCC;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.left_container h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ffffff;
	padding-top: 3px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	font-weight: lighter;
	letter-spacing: 1px;
	display: block;
	background-color: #86b230;
}
.left_container p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: lighter;
	text-align: justify;
	margin-top: 5px;
	line-height: 22px;
	color: #5e5e5e;
}
.bolder {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #444444;
}
#holder {
	float: left;
	width: 510px;
}
#holder_noside {
	float: left;
	width: 720px;
}
#clear{
	clear: both;
}
.clearFix{
	clear: both;
	font-family: "Times New Roman", Times, serif;
	font-size: 35px;
	font-weight: lighter;
	color: #42AECC;
	padding-bottom: 20px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #98def1;
	padding-top: 30px;
	margin-top: 0px;
}
#right_side {
	float: left;
	width: 210px;
	margin-top: 15px;
	overflow: hidden;
}
a {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: underline;
	color: #42AECC;
}
a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: underline;
	color: #86b230;
}

p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #5e5e5e;
	font-weight: lighter;
	line-height: 22px;
}
.noBack a {
	background-color: #ffffff;
	color: #ffffff;
	text-decoration: none;
	border: none;
}
.noBack img{
	border: 0px;
}

#left_side  .noBack a:hover {
	color: #FFFFFF;
	background-color: #FFFFFF;
}
.nav h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 35px;
	font-weight: lighter;
	color: #42AECC;
	padding-bottom: 20px;
	/*margin-bottom: 60px;*/
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #98def1;
}
.content {
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-color: #42AECC;
	padding-bottom: 30px;
}

.content2 {
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-color: #42AECC;
	padding-bottom: 0px;
	margin-bottom: 50px;
}
.content2 p{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: justify;
	line-height: 22px;
}
.content p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: justify;
	line-height: 22px;
}
.content  h2 a {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: lighter;
	color: #333333;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}
.content h2 a:hover{
	color: #86b230;
}

.date    {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #990000;
}
.nav {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 25px;
}
#footer {
	background-image: url(img/fauxFooter.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	padding-top: 50px;
	overflow: auto;
}
.one {
	float: left;
	margin-right: 80px;
	margin-left: 130px;
	display: inline;
}
.two {
	float: left;
	margin-right: 80px;
}
.three {
	float: left;
	margin-right: 80px;
}
.four {
	float: left;
}
#footFaux {
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-image: url(img/fauxLastFooter.png);
	height: 24px;
}

.rightCol {
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.rightCol h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: lighter;
	color: #ffffff;
	background-color: #86b230;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	letter-spacing: 1px;
}
.rightCol ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 10px;
}
.rightCol li {
	margin-top: 0px;
	padding-top: 0px;
}
.rightCol a{
	font-size: 14px;
	color: #86B230;
}
.rightCol a:hover{
	color: #42AECC;
}
.rope {
	margin-right: 7px;
}
#gap{
	padding-top: 174px;
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#flashDiv{
	position: relative;	
}
.green a{
	color: #86b230;
}
.green a:hover{
	color: #42AECC;
}
.nav ul{
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}
.nav li{
	display: inline;
	margin-right: 10px;
	border-right: solid;
	border-right-color: #7e7e7e;
	border-right-width: 1px;
	padding-right: 10px;
}
.nav li a{
	color: #86b230;
}
.nav li a:hover{
	color: #42AECC;
}
.nav a{
	color: #86b230;
}
.nav a:hover{
	color: #42AECC;
}
.entry{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #5e5e5e;
	font-weight: lighter;
	line-height: 22px;
	clear: both;
}
.entry h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: lighter;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 30px;
}
.entry h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	
}
.entry h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: lighter;
	color: #ffffff;
	background-color: #42AECC;
	display: block;
	padding-left: 5px;
}

.title{
	font-family: "Times New Roman", Times, serif;
	font-size: 35px;
	font-weight: lighter;
	color: #42AECC;
	padding-bottom: 20px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #98def1;
	padding-top: 30px;
	float:none;
}

.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(img/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	margin-top: 0px;
}

.prevNext {
	margin-left: 10px;
	margin-right: 10px;
	/*padding-top: 60px;*/
}

.prev {
	float: left;
	size: 16px;
}
.prev a {
	color: #86b230;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.prev a:hover {
	font-size: 16px;
	color: #42AECC;
	font-style: italic;
	font-weight: normal;
}

.next {
	float: right;
}
.next a{
	color: #86b230;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.next a:hover{
	font-size: 16px;
	color: #42AECC;
	font-style: italic;
	font-weight: normal;
}


.clearDiv {
	clear: both;
}

.content2 h1 {
	padding-left: 70px;
	color: #42AECC;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
}

.gapper {
	height:25px;
}

.entryNav{
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.older {
	float: left;
	font-style: italic;
}

.newer{
	float: right;
	font-style: italic;
}