/*  
Theme Name: Lure-of-the-sea.com B/W
Theme URI: http://www.lure-of-the-sea.com/
Description: Wordpress Theme for a Japanese Tackle Blog
Version: 2.0 Underwater B/W
Author: Christian Meinke
Author URI: http://www.christianmeinke.com/
Last edited: 07.01.2009
*/


/* GLOBAL RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr { border:0; }
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-weight: normal; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
a,u { text-decoration:none; }

/* RESTORE SOME SENSIBLE DEFAULTS */

b,strong { 
	font-weight: bold;
	line-height: 1;
}

i,em {
	font-style: italic;
}

ol {
	padding-left: 2.0em;
}

dd {
	margin-left: 2.0em;
}

p {
	margin-bottom: 1.6em;
}

pre {
	margin-bottom: 1.6em;
}

a { }

ul,ol,dl {
	padding-top: 1px;
	margin-bottom: 1.77em;
}

ul ul, dl ul {
	font-size: 1.0em;
}

ul p,ol p,dl p {
	margin-bottom: 0.9em;
}

blockquote {
	margin-left: 0;
}


ul {
	list-style: none;
	height:1%;
}

ul li	{
     font-size: 1.0em;
     line-height: 1.3em;
	color: #888888;	}

ul li span {
	font-size: 0.9em;
}

dl ul li { }	
	
img, a img {
	     border: 0; }

/* Basics */

body {
	background: #121212 url(../lots_v2_underwater_bw/objects/body_bg.jpg) center top no-repeat;
	font: 70%/1.5em Helvetica, Arial, sans-serif;
	color: #ccc;
	text-align: center; }
	
a, a:active { outline: none; }

a:link, a:visited {
	color: #888888;
	text-decoration: none; }

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

.clr {
	     clear: both; 
	     overflow: hidden; 
	     width: 1px; 
	     height: 1px; 
	     margin: 0 -1px -1px 0; 
	     border: 0; 
	     padding: 0; 
	     font-size: 0; 
     	line-height: 0.0em; }

span {
     color: #888888; }

blockquote p {
	background: transparent url(../lots_v2_underwater_bw/objects/bquote-bg.png) left top no-repeat;
	padding: 5px 30px 0px 45px;
	color: #bbbbbb;
	font-style: italic;
	margin-bottom: 2.4em;
	line-height: 1.8em;
}

blockquote p small {
	text-transform: uppercase;
	color: #fff;
}
     
/* Layout */

#container  {
	width: 840px; 
	height: auto; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	}

#top { 
	padding: 60px 0 0 0; 
	height: 100px; 
	width: 840px; 
	}

.but-home {
    float: left;
	display: block;
	margin-top: 8px;
	text-indent: -3030303px; 
	height: 30px; 
    width: 250px; }
.but-home:link, .but-home:visited, .but-home:hover { text-decoration: none; }
.but-home { background: url(../lots_v2_underwater_bw/objects/but_home.png) left top no-repeat; }
.but-home:hover { background-position: 0 -30px; }

.but-link-sticky {
    float: left;
	display: block; 
	margin-left: 125px;
	text-indent: -3030303px; 
	height: 45px; 
    width: 245px; }
.but-link-sticky:link, .but-link-sticky:visited, .but-link-sticky:hover { text-decoration: none; }
.but-link-sticky { background: url(../lots_v2_underwater_bw/objects/but_link-sticky.png) left top no-repeat; }
.but-link-sticky:hover { background-position: 0 -45px; }

.current-date {
	float:  right;
    width: 210px;
	text-align: right;
    color: #999;
    font-size: 0.9em;
    padding: 23px 0 0 0;
    }

#row1, #row2, #row3, #row4 {
	width:  840px;
	padding: 0 0 5px 0;
    background: url(../lots_v2_underwater_bw/objects/dashs.png) left bottom repeat-x;
	height:  auto;
	}

.col1_1-2 {
	float: left; 
	width: 140px;
	/* height: 260px; */
	height: 23.4em;
	position: relative;
	}

#nav a { display:block; height:15px; line-height:15px; }
#nav a span { display:none; }

#nav li { margin-bottom:6px; }

#nav li.journal a { background: transparent url(../lots_v2_underwater_bw/objects/nav-journal.png) left top no-repeat; }
#nav li.archive a { background: transparent url(../lots_v2_underwater_bw/objects/nav-archive.png) left top no-repeat; }
#nav li.gallery a { background: transparent url(../lots_v2_underwater_bw/objects/nav-gallery.png) left top no-repeat; }
#nav li.contact a { background: transparent url(../lots_v2_underwater_bw/objects/nav-contact.png) left top no-repeat; }

#nav li.journal a:hover { background: transparent url(../lots_v2_underwater_bw/objects/nav-journal.png) left -15px no-repeat; }
#nav li.archive a:hover { background: transparent url(../lots_v2_underwater_bw/objects/nav-archive.png) left -15px no-repeat; }
#nav li.gallery a:hover { background: transparent url(../lots_v2_underwater_bw/objects/nav-gallery.png) left -15px no-repeat; }
#nav li.contact a:hover { background: transparent url(../lots_v2_underwater_bw/objects/nav-contact.png) left -15px no-repeat; }

#nav { list-style:none; }
#nav a { text-decoration:none; }

#journal #nav li.journal a { background: transparent url(../lots_v2_underwater_bw/objects/nav-journal.png) left -15px no-repeat; }
#archive #nav li.archive a { background: transparent url(../lots_v2_underwater_bw/objects/nav-archive.png) left -15px no-repeat; }
#gallery #nav li.gallery a { background: transparent url(../lots_v2_underwater_bw/objects/nav-gallery.png) left -15px no-repeat; }
#contact #nav li.contact a { background: transparent url(../lots_v2_underwater_bw/objects/nav-contact.png) left -15px no-repeat; }

	
#rss-holder {
	position: absolute;
	left: 0;
	bottom: 0;
}

.rss-link {
	font-size: 0.9em;
    line-height: 1.5em;
	padding: 0 0 0 14px;
	background: url(../lots_v2_underwater_bw/objects/rss-icon.png) left top no-repeat;
	background-position: 0 2px;
	display: block;
	}
	
.col1_2-2_photo {
	float: left; 
	width: 180px;
	}	
	
.col1_2-6_photo {
	float: right; 
	width: 520px;
	}	
	
.col1_2-3 {
	float: left; 
	width: 280px;
	}

.col1_3-6 {
	float: right;
	height: auto;
	width: 420px; 
	padding: 0 0 43px 0;
	}
	
.col1_2-6 {
	float: right; 
	height: auto;
	width: 700px;
	}

.col2_1-3 {
	float: left; 
	width: 400px; /* 420px */
	padding: 0 20px 0 0;
	text-align: right;
	}

.col2_1-2 {
	float: left; 
	width: 240px; /* 240px */
	padding: 0 0 0 0;
	text-align: left;
	background: #222;
	}

.col2_3-3 {
	float: left; 
	width: 160px; /* 200px */
	padding: 0 20px 0 0;
	text-align: right;
	}
	
	
#row2 { position: relative; }
	
.col2_sidebar {
	position: absolute;
	top:0px; 
	left:0px; 
	width: 220px; /*176*/
	height: auto;
	background: url(../lots_v2_underwater_bw/objects/head-flickr-frontpage.png) left top no-repeat;
	
	/*padding: 28px 0 0 0;*/
	
	}
	
.col2_1-3-archive {
	float: left; 
	width: 400px; /* 420px */
	padding: 0 20px 0 0;
	}
	
.col2_3-6 {
	float: right; 
	width: 325px; /* 400px */
	padding:  0 95px 0 0;
	}

#row3 { position: relative; }

.col3_sidebar {
	position: absolute;
	top:0px; 
	left:0px; 
	width: 220px; /*176*/
	height: auto;
	}

.col3_1-3 {
	float: left; 
	width: 400px; /* 420px */
	padding: 0 20px 0 0;
	text-align: right;
	}
	
.col3_3-6 {
	float: right; 
	width: 325px; /* 420px */
	padding:  0 95px 0 0;
	}
	
.col3_3-6_mini {
	float: right; 
	width: 375px; /* 420px */
	padding:  0 45px 0 0;
	}

.col4_1-3 {
	float: left; 
	width: 400px; /* 420px */
	padding: 0 20px 0 0;
	text-align: right;
	}
	
.col4_3-6 {
	float: right; 
	width: 325px; /* 420px */
	padding:  0 95px 0 0;
	}

#footer {
     height: auto;
     font-size: 0.888888em;
     color: #666666;
     padding: 5px 0 35px 0; 
     }

#footer span {
     color: #666666; 
     }
     
.nav-archive {
	padding: 10px 5px 15px 5px;
	}

.nav-archive a, .nav-archive a:visited {
	text-decoration: none;
	background: transparent;
	color:  #666666;
	}

.nav-archive a:hover {
	text-decoration: none;
	padding: 0 0 1px 0;
	background: #030303 url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x;
	}

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

/* paragraphs & headlines*/

p {
	font-size: 1.0em;
	line-height: 1.66em;
	clear: both; 
	}

h1 {
     color: #fff;
     font-size: 1.5em;
     font-weight: normal;
     margin: 0 0 12px 0; 
     }

h1 a:link, h1 a:visited {
     color: #fff;
     }

h1 a:hover {
     color: #fff;
     background: #030303 url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x;

     }
     
h2 {
     color: #888888;
     font-size: 1.1em;
     text-transform: uppercase;
     font-weight: normal;
     margin: 0 0 10px 0; 
     }
     
h3 {
     color: #888888;
     font-size: 0.9em;
     line-height: 1.4em;
     text-transform: uppercase; 
     font-weight: normal; 
     margin: 0 0 9px 0; 
     }

h4 {
    color: #888888;
    font-size: 1.2em;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 5px 0;  }

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited  {
     color: #ddd;
     }

h2 a:hover, h3 a:hover, h4 a:hover {
     color: #fff;
     background: #030303 url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x;

     }


h5 { text-indent: -2030303px; height: 18px; margin: 0 0 38px 420px; }

#head-recent-posts { background: url(../lots_v2_underwater_bw/objects/head-recent-posts.png) left top no-repeat; }
#head-recent-comments { background: url(../lots_v2_underwater_bw/objects/head-recent-comments.png) left top no-repeat; }
#head-archived-posts { background: url(../lots_v2_underwater_bw/objects/head-archived-posts.png) left top no-repeat; }
#head-delicious { background: url(../lots_v2_underwater_bw/objects/head-delicious.png) left top no-repeat; }
#head-search-results { background: url(../lots_v2_underwater_bw/objects/head-search-results.png) left top no-repeat; }
#head-more-albums { background: url(../lots_v2_underwater_bw/objects/head-more-albums.png) left top no-repeat; }
#head-photos-in-set { background: url(../lots_v2_underwater_bw/objects/head-photos-in-set.png) left top no-repeat; }
#subhead-syndication { 
	background: url(../lots_v2_underwater_bw/objects/subhead-syndication.png) left top no-repeat; 
	height: 10px;
	margin: 0 0 10px 0; }

h6 {
     color: #888888;
     font-size: 1.0em;
     margin: 0 0 7px 0;
     text-transform: uppercase; 
     font-weight: normal; 
     }

h6 a:link, h6 a:visited  {
     color: #ddd;
     text-transform: uppercase; 
     font-weight: bold; 
     padding: 0 0 1px 0;
     background: #030303 url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x;
     }

h6 a:hover {
     color: #fff;
     text-transform: uppercase; 
     font-weight: bold; 
     background: none;
     }
     

.small {
	font-size: 0.9em; 
	}

/* POST FORMATTING */

.flvPlayer {
	padding: 10px 0 15px 0;
}

.tsr-latest  { padding: 0 20px 0 0; }
     
.tsr-recent  { padding: 0 0 6px 0; }
     
.tsr-latest img  { width: 254px; height: 254px; }
.tsr-recent img { width: 49px; height: 49px; margin: 0 0 2px 0; }
.tsr-mini img { width: 24px; height: 24px; }
     
.tsr-latest a img, .tsr-recent a img, .tsr-mini a img {
     padding: 2px;
     background: #030303;
     border: 1px solid #444444; 
     }

.tsr-latest a:hover img, .tsr-recent a:hover img, .tsr-mini a:hover img  {
     background: #030303;
     border: 1px solid #888888; 
     }
     
.nostyle {
     padding: 0;
     margin: 0;
     background: #222;
     border: none; 
     }


.post-latest {
     float: left;
     width: 360px;
     margin: 0 30px 0 0;
     /* height: 260px; */
     height: 23.4em;
     position: relative; 
     }

.post, .post-mini {
     font-size: 1.0em;
     padding: 0 0 35px 0;
     }
     
.post-single {
	font-size: 1.0em;
	}

.post-mini {
     padding: 0;
     }

p a:link, p a:visited {
	color: #bbbbbb;
	text-decoration: underline;
	padding: 0 0 1px 0;
	/* background: transparent url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x; */
	}

p a:hover {
    color: #fff;
	text-decoration: none; 
	background: transparent;
	}

p img {
     padding: 2px;
     background: #030303;
     border: 1px solid #444444; 
	margin: 10px 20px 10px 0;
     }

p a:link img, p a:visited img {
     padding: 2px;
     background: transparent;
     border: 1px solid #444444; 
     }

p a:hover img  {
     background: #030303;
     border: 1px solid #888888; 
     }

	
.post-single ul {
	margin: 0 50px 20px 20px;
}

.archive ul {
	margin: 0 50px 0 20px;
}

.post-single ul li, .post-single li, .archive ul li, .archive li  {	
	padding:  0 0 7px 17px;
	line-height: 1.6em;
	background: transparent url(../lots_v2_underwater_bw/objects/link-icon.png) top left no-repeat;
	list-style-type: none;
}

.post-single ul li a, .post-single ul li a:visited, .post-single li a, .post-single li a:visited,
.archive ul li a, .archive ul li a:visited {
	color: #eee;
	padding: 0 0 1px 0;
	background: transparent url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x;
	}
	
.post-single ul li a:hover, .post-single li a:hover, .archive ul li a:hover  { color: #fff; background: transparent; }

.more {
	/*color: #666666;*/
	text-transform: uppercase; 
 }

.post-meta-latest {
     position: absolute; 
     left: 0; 
     bottom: 0; }
     
.post-meta-latest span, .post-meta  span, .post-meta-mini span {
     color: #444444; }

.post-meta, .post-meta-latest  {
     font-size: 0.9em;
     line-height: 1.5em;
     color: #666666; }

.post-meta  {
     padding: 3px 0 38px 0; }
     
.border-frame {
	padding:  7px 5px 7px 5px;
	border-top: #666666 1px dotted;
	border-bottom: #666666 1px dotted;
	}
     
.post-meta-mini  {
     font-size: 0.9em;
     line-height: 1.0em;
     padding: 0px 0 20px 0;
     color: #666666; 
     }
     
.post-meta-latest a:link, .post-meta-latest a:visited,
.post-meta a:link, .post-meta a:visited,
.post-meta-mini a:link, .post-meta-mini a:visited  {
	color: #ddd;
	text-decoration: none;
	background: transparent;
    font-weight: bold; 
    }

.post-meta a:link, .post-meta a:visited,
.post-meta-mini a:link, .post-meta-mini a:visited {
	font-weight: normal;
	}

.post-meta a:hover, .post-meta-latest a:hover, .post-meta-mini a:hover {
	color: #fff;
	text-decoration: none; 
	padding: 0 0 1px 0;
	background: #030303 url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x;
	}

.grey-button a, .grey-button a:visited {
     padding: 1px 3px 1px 3px;
     border: 1px solid #666666;
     background: #030303;
     font-size: 0.9em; 
     text-transform: uppercase;
     text-decoration: none; 
     text-align: center;
     }

.grey-button a:hover {
     border: 1px solid #888888;
     background: #333;
     }

/* COMMENTS + FORMS*/

.tsr-commenter  { padding: 0 0 0px 0; width: 40px; float: left; }

.tsr-commenter img { 
	margin: 0 0 2px 0; 
     	padding: 1px;
     	background: #030303;
     	border: 1px solid #444444; 
     }

.solo-subscribe-to-comments { margin:0; padding: 0; }

.subscribe-to-comments {
	font-size: 0.9em;
	color: #666666; 
	}

#solo-subscribe-email {
	font: 100%/1.5 Helvetica, Arial, sans-serif;
	margin: 0 4px 0 12px;
	}


input, textarea	{
	border: 1px solid #666666;
	background: #111;
	font: 11px verdana, sans-serif;
	color: #eee;
	padding: 2px;
	outline: none;
	}
	
input:hover, textarea:hover, input:focus, textarea:focus { 
	border: 1px solid #888888; 
	}

ol {
	height:  1%;
	margin: 0 0 25px 0;
	color: #666666;
	}

.commentlist li, #commentform input, #commentform textarea {
	margin: 0 10px 3px 0;
	}

#commentform input, #commentform textarea {
	font: 100%/1.5 Helvetica, Arial, sans-serif;
	}

label {
	font-size: 0.9em;
	color: #666666;
	padding: 0 0 0 2px;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0 0 0 20px;
	}
	
.commentlist cite {
	color: #666666;
	}

.commentlist cite a {
	color: #bbbbbb;
	}

.commentlist cite a:hover {
	color: #fff;
	}

.commentlist li {
	margin: 15px 0 10px 0;
	padding: 1px 35px 0 0;
	list-style-type: lower-roman;
	font-weight: normal;
}

.commentlist p {
	color: #bbbbbb;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.5em;
	text-transform: none;
	margin: 7px 5px 0px 0;
	margin-bottom: 1.4em;
	}

.commentlist p span {
	color: #666666;
	}


#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	font-size: 0.9em;
	color: #666666;
	padding: 0 0 5px 0;
	}


/* sIFR */

.sIFR-flash {
     visibility: visible !important;
     margin: 0;
     padding: 0; }

.sIFR-replaced {
     visibility: visible !important; }

.sIFR-alternate {
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 0;
     display: block;
     overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
     display: none !important; }

/*---- Header styling ---*/
.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash h3,
.sIFR-hasFlash h4,
.sIFR-hasFlash h5#pullquote {
     visibility: hidden;
     font-family: Verdana;
     line-height: 1em; }


.sIFR-hasFlash h1 {
     font-size: 20px;
    margin: 0 0 4px 0; }

.sIFR-hasFlash h2 {
     font-size: 14px;
     margin: 0 0 10px 0; }

.sIFR-hasFlash h3 {
     font-size: 12px;
     margin: 0 0 5px 0; }

.sIFR-hasFlash h4 {
     font-size: 14px;
     margin: 0; }

.sIFR-hasFlash h5#pullquote {
	font-size: 24px;
}

/* Flickr Badge */

#flickr_badge_wrapper { padding: 34px 0 15px 0;  width: 176px; }
.flickr_badge_image { padding: 0; margin: 0 ; }
.flickr_badge_image img { margin: 12px 12px 0 0; width: 48px; height: 48px; float: left; }

.flickr_badge_image a { display: block; }

.flickr_badge_image a img {
    padding: 2px;
    background: #030303;
    border: 1px solid #444444;
     }

.flickr_badge_image a:hover img {
     background: #030303;
     border: 1px solid #888888; 
     }

.widget-wrapper {
	padding: 10px 0 20px 0;
    /*background: url(../lots_v2_underwater_bw/objects/dashs.png) left bottom repeat-x;*/
	height:  auto;
	}



li.recent-comments {
	color: #eee;
	font-size: 1.0em;
	padding: 10px 0 7px 0;
	line-height: 1.2em;
}

li.recent-comments span {
	color: #666666;
	font-size: 0.9em;
}

li.recent-comments small {
	color: #444444;
	font-size: 0.9em;
}

.widget-wrapper ul li a {
	color: #eee;
	font-size: 1.0em;
	line-height: 1.8em;
	font-weight: normal;
	padding: 0 0 1px 0;
	background: #030303 url(../lots_v2_underwater_bw/objects/dots.png) bottom left repeat-x;

}

.widget-wrapper ul li a:hover {
	color: #fff;
	background: none;
}

ul.twitter {}				/*the main ul - if list is activated*/
li.twitter-item { padding: 10px 0 10px 0; color: #bbbbbb; }  	/*the ul items - if list is activated*/
p.twitter-message {}			/*each one of the paragraphs (if msgs > 1)*/
.twitter-timestamp { color: #444444; } 
a.twitter-link { color: #fff; }			/*the tweet link class*/