/* 
Theme Name: Sea The Truth
Version: 1.0
Author: Alex Romijn - Treehugger.nl 
Author URI: http://www.treehugger.nl
*/
@charset "utf-8";

/* default settings */
html { background-color: #000; }
body { font-family: Arial, Helvetica, sans-serif; background-color: #000; margin: 0px; font-size: 11pt; line-height: 18px;}

/* containers */
#container { position: relative; width: auto; background: #000; }
#mainContainer { position: relative; width: 960px; min-height: 850px; margin-left: 110px; background: url(images/middle_bg.png) top center repeat-x;background-color:#FFF;  }
#fish { position: absolute; left: 0px; top: 148px; width: 402px; }
#logo { position: absolute; left: 132px; top: 95px; }
img { border:0px; }

/* header area */
#topbar { position:relative; width: 100%; padding: 3px 0px; height: 33px; }
#topbar #flags { position: relative; width: 480px;; margin-left: 10px; z-index: 20000;  }
#topbar #socialmedia { position: relative; width: 480px; float: right; text-align: right; margin-right: 10px; padding: 7px; }
#topbar #socialmedia div { display: inline; font-size: 10px; }
#topbar #socialmedia img {border:0px; vertical-align:middle; margin-left: 4px;}

#menu { position: relative; margin-left: 28px; width: 100%; }
#menu a { margin-right: 13px; }

.submenu { position: absolute; top: 35px; padding: 5px 2px 5px 2px; background-color: #ff3333; width: 114px; z-index: 1000;  }
.submenu li { width: 100%; margin-left: 8px; padding-top: 5px; padding-bottom: 5px; list-style:none;  text-align:center; }
.submenu li a { font-size: 9pt; color: #fff; text-decoration: none;  }

#nav {position: relative;  width: 100%;}
#nav ul { margin:0px; padding:0px;}
#nav li { margin:0px; padding:0px; list-style:none; display: inline;  margin:0px;}
#nav li a { padding: 5px; text-align: center; margin: 0px;margin-right: 6px; width: 118px; background-color:#000; color: #FFF; font-family: 'Molengo', arial, serif; font-size: 17px;  text-decoration:none;  margin-top: 10px; margin-bottom: 10px; padding-left: 13px; padding-right: 13px;font-weight: bold;} 
#nav li a:hover { color: #F00; text-align: center; font-weight: bold; padding-left: 19px; padding-right: 19px;}

/* content */ 
#content, #contentpage { position: relative; width: 405px; background-color: #ffffff; margin: 74px 0px 0px 342px ; margin min-height: 600px; padding: 12px; font-size: 11px; }

/* Post style */
.frontpagepost {  }
h1 a { color: #000000; font-weight: bold; font-size: 19px; text-decoration:none }
h1 { color: #000000; font-weight: bold; font-size: 19px; margin: 0px; margin-bottom: 4px;  }
h2 a { color: #000000; font-weight: bold; font-size: 17px; text-decoration:none }
h2 { color: #000000; font-weight: bold; font-size: 17px; margin: 0px; margin-bottom: 4px;  }
p { margin:0px; margin-bottom: 5px; font-size: 11px; line-height: 18px;}
a {font-size: 11px;} 
.options { font-size: 11px; color:#ff3333;  }
.options a { color:#ff3333; text-decoration: none;}
.options a:hover { text-decoration:underline; }

#contentpage a {color: #ff3333; }
#contentpage em {color: #000000;  }
#contentpage strong { color: #000000;   }
#contentpage p { margin-bottom: 15px; }

#contentpage p:first-child { font-family: 'Driod Sans', arial, serif;  line-height: 18px;  }

#contentpage li {font-size: 11px; line-height: 18px;} 

table, tr, td { font-size: 11px; }
td { vertical-align: top; }

.calitem { clear: both; font-size: 11px;}
.calitem .caldate { width: 25%; float: left;  }
.calitem .caltitle { width: 74%; padding-left: 25%;  }

.alignright { float: right; margin: 5px;}

/* sidebar */
#sidebar { position: absolute; right: 28px; top: 114px; width: 118px; min-height: 700px; background: url(images/sidebar_bg.png) top center no-repeat;  }
#sidebar #banners { padding: 10px; }
#sidebar #banners .textwidget { text-align: center; font-family: 'Arial', arial, serif; font-size: 14px; font-weight: bold; color: #FFF;  }
#sidebar #banners .textwidget a {text-align: center; font-family: 'Arial', arial, serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration:none;}
#sidebar #banners .textwidget a:hover {color: #F00; text-decoration:none;}
.redtext { color: #F00 !important; }
.redtext a{ color: #F00  !important; } 
/* widgets */

.attachment-post-thumbnail { float: left; margin-right: 4px; border: 0px;}

.addthis_toolbox addthis_default_style { display: inline; width: 50px;}

#banners img { border:0px; margin-bottom: 10px;}


/* new nav */
#suckerfishnav {
	position:relative;
    font-size:13px;
font-family: 'Molengo', arial, serif; 
    width:100%;
	z-index: 15000;

    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    padding:0;

    margin:0;
    width:100%;
}


#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
	 text-align: center;  

	background-color:#000; color: #FFF; font-family: 'Driod Sans', arial, serif; 
	font-size: 14px;  text-decoration:none;  
	padding-left: 2px; padding-right: 2px;
	font-weight: bold;
	padding-top: 9px; padding-bottom: 9px;
}

#suckerfishnav li li a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
	 text-align: center;  

	background-color:#FF0000; color: #FFF; font-family: 'Driod Sans', arial, serif; 
	font-size: 13px;  text-decoration:none;  
	padding-left: 4px; padding-right: 4px;
	font-weight: bold;
	padding-top: 9px; padding-bottom: 9px;
}




	
#suckerfishnav li {
	width: 115px;
    float:left;
    padding:0;
	list-style:none;  text-align:center;
	

	margin-left: 3px;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;

    }
#suckerfishnav li li {
    width:115px;
	
    font-weight:bold;
    font-family:verdana,sans-serif;
	border: 0px;
	height: auto;


	padding:0px;margin:0px;
	
    }
#suckerfishnav li li a {
	display: block;
    padding:4px 4px;

    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {

    }
#suckerfishnav li li:hover {

}
	
#suckerfishnav ul li ul {
	
}
	
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color: #FF0000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;

    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
		
    }
	
#suckerfishnav li li a:hover {
	color: #FFFFFF !important;
	background-color:#000;
}

#suckerfishnav  {
	margin-left: 5px;	
}

#suckerfishnav a:hover {
	color: #F00 !important;
}
#content {
	z-index:12222;
}
#content #frontpagevideo {
	z-index: 12222;
}

li.current_page_item a {
	 color: #FF0000 !important;
}

li.current_page_item ul li a {
	 color: #ffffff !important;
}

.fullwidth {
	width: 580px !important;
}


.postnav {
	color: #000;
	text-align:center;
	padding: 8px;
}
.postnav a { text-decoration:none; color: #000; font-weight:bold; padding: 5px; }
.postnav a:hover {text-decoration:underline; }