/*  
Theme Name: SailingToOblivion
Theme URI: http://www.opticimpulse.com
Description: Theme for Sailing To Oblivion
Author: Optic Impulse
Author URI: http://www.opticimpulse.com/
*/
@import url('css/glide.css');
/* STRUCTURE */
*/
*{margin:0;padding:0;list-style:none}
html,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
h1,.large,.left{font-family: Tahoma,Arial,Helvetica,Geneva,sans-serif;font-size:40px}
h2{font-family: Century gothic,Arial,Tahoma,sans-serif;text-decoration: none;font-size: 20px;color: #323232;clear: both;font-weight: bold;}
/*h2,.box div img{padding:0 0 0 0; color:#e4e4e4;}*/
a{text-decoration:none; outline:none;}
body{
	background:url(img/bg.jpg) repeat-x 0 0;
	overflow:hidden;
	font-family: Tahoma,Arial,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	margin:0;
	color:#566B83;
}
img { outline:none; border:none;}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
.post img{
display: inline;
}
div.welcome{
	padding-right:10px;
	float:right;
	position:absolute;
	top:90%;
	display:inline-block;
	width:90%;
	z-index:10;
	text-align:right;
	font-family: Gill Sans, Verdana;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#FFFFFF;
	outline:none;
}
div.smlWelcome{
	padding:0  0 12px 0;
	float:right;
	font-family: Gill Sans, Verdana;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
div.welcome b{
	font-weight:bold;
}
div.welcome h3{
	float:right;
	font-family: Tahoma,Arial,Helvetica,Geneva,sans-serif;
	font-size:100px;
	font-weight:normal;
	color:#000000;
	border-bottom:none;
	letter-spacing:-8px;
	line-height:32px;
}
#cont{position:absolute;top:0;left:0;z-index:11;overflow:auto;}
#slider {
	position:absolute;
	right:40px;
	width:700px;
	bottom:141px;
	padding-right:15px;
	z-index:102;
}
.mini-post {
	float:left;
	width:476px;
	height:500px;
	/*background:#4a697e;;*/
	padding:9px 7px;
	overflow:hidden;
	z-index:100;
	/*opacity:0.20;
	filter:alpha(opacity=20);*/
}

.odd { margin-right:8px; }


.mini-post .title {
	float:left;
	width:180px;
	font-size:12px;
	height:17px;
	margin-bottom:17px;
	overflow:hidden;
}

.mini-post .title a { color:#4D7CB3; }

.mini-post .title a:hover { color:#555555; }

.mini-post .datepost {
	float:right;
	width:96px;
	text-align:right;
}

.mini-post .thumbnail {
	clear:both;
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom:15px;
}

.mini-post .entry { clear:both; font-family: Tahoma,Arial,Helvetica,Geneva,sans-serif;font-size: 12px;line-height: 1.6em; }

.mini-post .more-link span {
	margin-top:15px;
}

/*  top  */
#top{
	font-family: Tahoma,Arial,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	font-weight:normal;
	color:#999;
	font-size:10px;
	cursor:default;
	display:inline;
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
	width:100%;
	line-height:12px;
}
#top li, ul {
margin-left:0px;
	padding-left:0px;
	/*list-style:none;
	display:inline;
	padding-right:15px;*/
}
#top a{text-decoration:none; color:#7ca0b6;}
#top div a:hover{text-decoration:none; color:#323232;}
#top div .active{text-decoration:none; color:#323232;}
#top .menu{height:16px;background:#2b2e30;padding:2px 0 0 0px; z-index:801;}
/*  bottom bar  */
#menu{
	position:absolute;
	bottom:15px;
	z-index:80;
	width:100%;
	height:64px;
	opacity:0.8;filter:alpha(opacity=80);
	background:#000;
	/*display:inline;
	margin:0 auto;*/
}
#menu a {
	display:inline-block;
	margin:0 auto;
	text-align:center;
}
#menu .icons{
	position:absolute;
	width:908px;
	/*background-color:#3366CC;*/
	margin:0 auto;
}
/*  horizon  */
#logo{
position:absolute;
	bottom:0px;
	left:0px;
	z-index:20;
	width:303px;
	height:341px;
}
#horizon{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:341px;
	background:url(img/horizon.jpg) repeat-x 0 112px;
}
#horizon_overlay{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:13;
	width:100%;
	height:182px;
	background:url(img/horizon.png) repeat-x 0 0;
}
/* expose */
#videoWin, #photoWin, #archives, #tweetWin, #searchWin, #donateWin{
text-align: center; 
position: absolute; 
top: 50%; 
left: 50%; 
height: 420px; 
margin-top: -210px; 
width: 900px; 
margin-left: -450px;
overflow:visible;
background-color:#F6F6F6;
border:solid #000000 1px;
}
#archives div.sociable{
	visibility:hidden;
}
#archives div.ratingblock, div.piclenselink{
	visibility:hidden;
}
#extras_menu{
display:inline-block;
width:920px;
margin-left:-15px;
border:none;
}
#extras{
	width:880px;
	height:420px;
	border:solid #323232 1px;
	margin:6px 10px 0 10px;
	display:inline-block;
}
/*#fragment-1, #fragment-2{
	width:880px;
	height:420px;
	border:solid #323232 1px;
	margin:6px 10px 0 10px;
	display:inline-block;
}*/
a.trackus{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat 0 0;
}
a.trackus:hover{
	background:url(img/icons.png) no-repeat 0 -64px;
}
a.video{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat -100px 0;
}
a.video:hover{
	background:url(img/icons.png) no-repeat -100px -64px;
}
a.photos{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat -200px 0;
}
a.photos:hover{
	background:url(img/icons.png) no-repeat -200px -64px;
}
a.tweet{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat -300px 0;
}
a.tweet:hover{
	background:url(img/icons.png) no-repeat -300px -64px;
}
a.facebook{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat -400px 0;
}
a.facebook:hover{
	background:url(img/icons.png) no-repeat -400px -64px;
}
a.searchIcon{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat -500px 0;
}
a.searchIcon:hover{
	background:url(img/icons.png) no-repeat -500px -64px;
}
a.feedburner{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat -600px 0;
}
a.feedburner:hover{
	background:url(img/icons.png) no-repeat -600px -64px;
}
a.rss{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	border-right:solid #161616 1px;
	background:url(img/icons.png) no-repeat -700px 0;
}
a.rss:hover{
	background:url(img/icons.png) no-repeat -700px -64px;
}
a.donate{
	display:inline-block;
	width:100px;
	height:64px;
	overflow:hidden;
	/*border-right:solid #323232 1px;*/
	background:url(img/icons.png) no-repeat -800px 0;
}
a.donate:hover{
	background:url(img/icons.png) no-repeat -800px -64px;
}

/*---single&Archives--->*/

.box .boxtop{
	height:52px;
	/* background:url(/img/divBGtop.png) no-repeat 0 0;*/
	 overflow:visible;
}
.box {
	line-height:1.5em;
	 position:absolute;
	top:20%;
	right:50px;
	width:614px;
	padding-bottom:50px;
}
/*.box div a{text-decoration:underline}*/
/* POST DETAILS */

.post {
	padding:0 18px 171px 20px;
	overflow:visible;
	min-height:300px;
	font-family: Tahoma,Arial,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	cursor:default;
	color:#375167;
	}
.entry .title:hover{
}
.post img {
	display:inline;
	}
.post .number{
	list-style:decimal;
	font-size:24px
}
.ArchiveEntry{
	width:568px;
	background-color:#EEEEEE;
	margin-bottom:15px;
	border:solid #000000 1px;
	padding:2px;
	
}

.entry .nobord{
	border:1px solid #ffffff;
	border:none;
}

.entry .title{
	font-weight:bold;
	font-size:14px;
	padding:10px 0 10px 0;
}

.posttop {
clear:both;
height:18px;
margin:0 0 0 0;
width:574px;
}

.posttop .dateicon {
display:inline-block;
float:left;
}

.posttop .title {
padding-left:0px;
padding-top:7px;
float:left;
display:inline-block;
}

.posttop .dateicon .day {
visibility:hidden;
font-size:23px;
color:#8a8a8a;
clear:both;
text-align:right;
text-transform:uppercase;
}

.posttop .dateicon .day .apostrophe{
	visibility:hidden;
	background:transparent url('/img/apost.png') no-repeat;
}
.posttop .title .month {
color:#16c1e8;
float:left;
display:inline-block;
}

.posttop .dateicon .month {
visibility:hidden;
display:block;
font-size:12px;
color:#999999;
clear:both;
text-align:right;
text-transform:uppercase;
}

.posttop .thetitle a {
font-family: Century gothic,Arial,Tahoma,sans-serif;
text-decoration:none;
font-size:20px;
color:#323232;
clear:both;
font-weight:bold;
}

.posttop .thetitle a:hover {
text-decoration:none;
color:#375167;
}

.posttop .title .under {
visibility:hidden;
}
.posttop .title .under a{
text-decoration:underline;
}

.postbottom {
clear:both;
float:right;
}

.postbottom a.commentslink {
visibility:hidden;
height:30px;
padding-top:3px;
display:block;
float:left;
padding-right:6px;
}

#commentform{
text-align: left;
}
/* Begin Lists */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
padding-left: 10px;
text-indent: 10px;
} 

html>body .entry li {
margin: 7px 0 8px 10px;
}

.cont ul {
	left:100px;
	float:left;
	padding-left:10px;
}
.entry ul li:before, #sidebar ul ul li:before, #subfooter ul ul li:before {
content: "";
}
#sidebar{
	width:860px;
	padding-left:10px;
}

.entry ol li {
margin: 0;
padding: 0;
}
p{ margin-bottom:10px; text-align:left;}
  
/* ----------------- Sociable ----------------- */
div.sociable { margin: 8px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

li a{
height: 12px;
padding-top: 0pt;
padding-right: 2px;
padding-bottom: 0pt;
padding-left: 2px;
font-weight: bold;
color: #999999;
}

/* -----------Comments --------------*/
#comments_title_container {
	position:absolute;
	float:right;
	right:15px;
	bottom:79px;
	background-repeat:no-repeat;
	background-image:url(images/commentlinkbg.png);
	z-index:207
}
#comments_title {
	float:right;
	padding-right:10px;
	padding-top:1px;
	padding-left:18px;
	font-weight:bold;
	cursor:pointer;
	height:16px;
	background:url(/img/comment_sml.gif) no-repeat 0 0;
}
#comments_title a {
	color:#323232;
	display:block;
}
#comments_title a:hover {
	color:#375167;
	display:block;
}

#commentWin {
	text-align: center; 
position: absolute; 
top: 50%; 
left: 50%; 
height: 500px; 
margin-top: -250px; 
width: 900px; 
margin-left: -450px;
background-color:#F6F6F6;
border:solid #000000 1px;
}
#comments_content .tablecontainer {
	height:600px;
}
#comments_content {
	color:#FFFFFF;
	position:relative;
	width:880px;
	height:480px;
	padding:10px;
	text-align:left;
	overflow:auto;
}
.commentlist{ display:inline-block; margin-left:0; padding-left:0;}
.commentbody{
float: right;
width: 810px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
border-bottom:dotted #cccccc 1px;
padding-top:0px;
}
li.gravatar{background:url(/img/comment.gif) no-repeat;}
.gravatar {
	float: left;
	margin: 0 0 0 0;
	padding-right:10px;
	position:inherit;
}
#comment_form{ margin-bottom:2px;}
#comments_content h3, #comments_content h4, #comments_content p, #comments_content a, #comments_content label, #comments_content small, #comments_content strong {
	color:#323232;
}
#comments_content h3{ padding-bottom:0; margin-bottom:0;}
#comments_content input[text], #comments_content textarea {
	background-color:#eeeeee;
	color:#333333;
	border:1px solid #444444;
}
#comments_content p {
	padding-bottom:0px;
	/*margin-left:10px;*/
	margin-bottom:0px;
	margin-top:0;
	padding-top:0;
}
#comments_write {
	display:none;
}
#comments_navigation {
	margin-bottom:30px;
}

#comments_navigation a {
	position:relative;
	width:250px;
	line-height:35px;
	background-color:#222222;
	cursor: pointer;
	padding: 8px 10px;
	color: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
}


#comments_navigation a:hover {
	background-color:#666666;
}
#comments_navigation a.active {
	background-color:#444444;
}
#comments_view td.altrow1 {
	background-color:#FFFFFF;
	padding:10px;
	vertical-align:top;
}
#comments_view td.altrow2 {
	background-color:#FFFFFF;
	padding:10px;
	vertical-align:top;
}
#comments_view h4 {
	margin-bottom:10px;
}
#comments_view table {
	margin:0px;
	padding:0px;
}
#comments_close {
	position:absolute;
	top:15px;
	left:670px;
}
#comments_scroll_outside {
	position: relative;
	width: 672px;
	height: 370px;
	overflow: auto;
	z-index: 231;
}
#comments_scroll_inside {
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	z-index: 232;
}
#comments_view div.track {
	position: relative;
	float:right;
	top: 0;
	width: 11px;
	height: 100%;
	font-size: 0;
	z-index: 233;
	background:#111111;
}
#comments_view div.drag_bar {
	position: absolute;
	width: 100%;
	height: 14px;
	cursor: pointer;
	z-index: 234;
	background:#333333;
}
#tweetlinks{
	width:260px;
	height:420px;
	border-left: 1px solid #ccc;
	float:right;
}
a.twit_crad{
	display:inline-block;
	width:200px;
	height:20px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(img/twitlinks.png) no-repeat -200px 0;
}
a.twit_crad:hover{
	background:url(img/twitlinks.png) no-repeat -200px -20px;
}
a.twit_oblivion{
	display:inline-block;
	width:200px;
	height:20px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(img/twitlinks.png) no-repeat 0px 0;
}
a.twit_oblivion:hover{
	background:url(img/twitlinks.png) no-repeat 0px -20px;
}
a.twit_nanc{
	display:inline-block;
	width:200px;
	height:20px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(img/twitlinks.png) no-repeat -400px 0;
}
a.twit_nanc:hover{
	background:url(img/twitlinks.png) no-repeat -400px -20px;
}
#easyTooltip{
	padding:10px;
	font-size:12px;
	color:#375167;
	/*border:1px solid #d9e7f4;*/
	/*background:#375167;*/
	z-index:588;
	width:157px;
	height:57px;
	padding-top:18px;
	background:url(img/hover.png) no-repeat 0 0;
}
.clock{ color:#999999;}
#OIDesigned a{
	position:absolute;
	right:5px;
	bottom:1px;
	width:51px;
	height:10px;
	z-index:999;
	background:url(img/OIDesigned.gif) no-repeat 0 0;
	opacity:0.60;
	filter:alpha(opacity=60);
}
#OIDesigned a:hover{
	opacity:1;
	filter:alpha(opacity=100);
}
.navigation a{
	color: #323232;
	font-weight:bold;
}
.navigation a:hover{
	color: #375167;
	font-weight:bold;
}
.alignleft{
	position:absolute;
	float:right;
	right:570px;
	bottom:75px;
	z-index:511
}
.alignright{
	position:absolute;
	float:right;
	right:75px;
	bottom:75px;
	z-index:510
}

/*---------- DROPDOWN ------------*/
#drop{ margin:0px; padding:1px 0 0 0; list-style:none; color:#fff; /*line-height:15px;*/ display:inline-block; float:left; z-index:1000; }
#drop a { color:#7ca0b6; text-decoration:none; padding:0 0 3px 0; }
#drop > li { cursor:pointer; float:left; position:relative;padding:0px 10px;}
#drop > li a:hover {color:#fff;}
/* sub-drops*/
#drop ul { padding:0px; margin:0px; display:block; display:inline;}
#drop li ul { position:absolute; left:-10px; top:0px; margin-top:15px; width:120px; line-height:16px; background-color:#2b2e30; color:#0395CC; /* for IE */ display:none; }
#drop li:hover ul { display:block;}
#drop li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
#drop li ul li:first-child { border-top: none; }
#drop li ul li a { display:block; color:#7ca0b6;}
#drop li ul li a:hover { color:#fff; }
/* main subdrop */
#drop #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
/* search */
.searchContainer div { background-color:#fff; display:inline; padding:5px;}
.searchContainer input[type="text"] {border:none;}
.searchContainer img { vertical-align:middle;}
/* corners*/
#drop .corner_inset_left { position:absolute; top:0px; left:-12px;}
#drop .corner_inset_right { position:absolute; top:0px; left:120px;}
#drop .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#drop .corner_left { position:absolute; left:0px; top:0px;}
#drop .corner_right { position:absolute; left:102px; top:0px;}
#drop .middle { position:absolute; background-color:#2b2e30; left:18px; height: 20px; width: 85px; top:0px;}
#nav a{ padding:0 20px 0 0;}
#sbsl0_1{ float:left; width:536px; background-color:#000;}
#sidebar3{ width:536px; height:420px; float:left; padding-left:10px;}
#sidebar4{ width:320px; height:420px; float:right; overflow: auto;}
#tcf_msg{ width:300px; margin-bottom:15px;}
#tcf_sender, #tcf_subject, #tcf_email { width:290px;}
#tcf_captcha{ width:25px;}
.entry { display:inline-block; width:576px; padding-top:0; margin-top:0;}
.entry a{
text-decoration:none;
color: #323232;
}
.entry a:hover{
color:#000000;
text-decoration:underline;
}
.entry p{padding-top:0; margin-top:0;}
#contactform{ width:300px; height:275px; float:left; padding:10px 27px 0 0; border-right:dotted #777777 1px;}
#contactsubmit{ float:right;}
/*---------- Archives ------------*/
#userbox{
	width:150px;
	position:absolute;
	right:670px;
	margin-top:0px;
	padding-top:0px;
	top:20%;
	z-index:300;
	color:#7ca0b6;
	font-weight:normal;
}
#userbox ul.container{margin:0 5px 0 5px; background-color:#00FFFF;}
#userbox li ul { line-height:14px; color:#0395CC; padding-top:0; }
#userbox li.copy{ margin-left:5px; float:right;}
#userbox h3{ margin:0; padding:0;font-family: Century gothic,Arial,Tahoma,sans-serif; font-weight:bold; font-size: 16px;}
#userbox .widgettitle{ margin:0; padding:0font-family: Century gothic,Arial,Tahoma,sans-serif; font-weight:bold; font-size: 16px; color:#7ca0b6;}

