/*
Theme Name: Lammas Zine / 2011
Theme URI: http://www.lammaszine.fi/
Description: Lammas Zine -teema
Author: Sangre Helsinki
Version: 1.1
*/

@import url("css/grid.css");
@import url("css/fancybox.css");

/* Body & links
------------------- */

body {
	font: 14px/1.4 'Droid Sans',Helvetica,Arial,sans-serif;color:#222;text-shadow:1px 1px 0px #fff;
	background:#f1f3eb url(images/bg.jpg);
}

a {color:#111;}
a:hover {color:#000;}

/* Follow */
a.follow {width:18px;height:18px;display:inline-block;margin-left:4px;
	background:url(images/ico-social.png) no-repeat;text-align:left;}

a.follow.facebook {background-position:left top;}
a:hover.follow.facebook {background-position:-18px top;}
a.follow.twitter {background-position:left -18px;}
a:hover.follow.twitter {background-position:-18px -18px;}
a.follow.spotify {background-position: left -36px;}
a:hover.follow.spotify {background-position: -18px -36px;}
a.follow.flickr {background-position: left -54px;}
a:hover.follow.flickr {background-position: -18px -54px;}
a.follow.rss {background-position:left -72px;}
a:hover.follow.rss {background-position:-18px -72px;}
a.follow.tumblr {background-position:left -90px;}
a:hover.follow.tumblr {background-position:-18px -90px;}

a.follow span, a.share span, a.buylisten span {margin-left:-9999px !important;}

/* Navi
------------------- */

.menu_arrow {position:absolute;top:-11px;}
.ddContainer.categories .menu_arrow {left:275px;}
.ddContainer.network .menu_arrow {left:585px;}

.navi.main ul {margin:0;padding:0;list-style: none;}

.navi.main ul li {list-style-type:none;float:left;position:relative;font-size:14px;font-weight:bold;}
.navi.main ul li li {float:none;font-size:12px;}

.navi.main a {color:#000;display:block;text-decoration:none;line-height:50px;padding:0px 15px;text-shadow:#fff 1px 1px 1px;}
.cat-item-0 a {padding-left:4px;}
.cat-item-2177 a {padding-right:4px;}

.navi.main a:hover {color:#999;}
.navi.main ul li:hover>a{color:#999;text-decoration:none;}
.navi.main ul li li a {height:auto;background:none;border:0;margin:0;padding:0;text-align:left;line-height:24px;}
.navi.main ul li:hover .ddContainer {display:block;}

.ddContainer {position:absolute;left:-10100px;top:50px;z-index:9999;background:url(../lammaszine/images/b75.png);padding:10px;line-height:22px;
	border-radius:4px;-moz-border-radius:4px;}
.ddContainer_wrap {overflow:hidden;border:10px solid #fff;background:#fff;}

.ddContainer.categories {width:940px;}
	.navi.main ul li:hover .ddContainer.categories {left:-250px;}
.ddContainer.categories .ddContainer_wrap {width:auto;}

.ddContainer.network {width:940px;}
	.navi.main ul li:hover .ddContainer.network {left:-552px;}
.ddContainer.network .ddContainer_wrap {width:auto;}

.navi.main .ddContainer a {font-weight:bold;color:#000;text-decoration:none;width:auto !important;text-shadow:none;}
.navi.main .ddContainer a:hover,
.navi.main .ddContainer ul.ddc li:hover>a{color: #0298ff;}
.navi.main .ddContainer .ddc {float:left;border-right:1px solid #ddd;padding:0 10px 0 0;margin-right:12px;padding-bottom:32767px;margin-bottom:-32767px;}
	.navi.main .ddContainer .ddc.last {border-right:none;padding:0 10px 0 0;margin-right:0;}

.navi.main .ddContainer.categories .ddc {width:200px;}
.navi.main .ddContainer.network .ddc {width:200px;}

.navi.main .ddContainer .ddc ul {}
.navi.main .ddContainer .ddc ul li a {background: url(../lammaszine/images/dd_arrow.png) left center no-repeat;padding-left:10px;}

.navi.main ul li li.nostyle {font-weight:normal !important;}
.navi.main ul li li.nostyle a {display:inline !important;font-weight:normal !important;padding:0 !important;}

/* Structure
------------------- */

.top {border-bottom: 1px solid #919195;padding:10px 0;font-size:11px;}
.header {padding:10px 0 0;height:50px;}
	.header .logo a {display:block;width:220px;height:50px;background:url(images/logo.png);text-indent:-999em;/*text-decoration:none;font-size:32px;letter-spacing:0.01em;font-weight:bold;*/}
.feature {width:940px;height:380px;background:#000;margin-bottom:30px;position:relative;}
.content {border-top: 3px solid #333;border-bottom:3px solid #333;padding:20px 0 10px;margin-top:10px;margin-bottom:10px;}
.footer {/*border-top: 3px solid #333;*/padding:10px 0;font-size:11px;}

/* Post & entry styles
------------------- */

.content-title {position:relative;padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #D9D9D9;
	line-height:18px;font-size:18px;text-transform:uppercase;}

	.content-title a {text-decoration:none;}
	.content-title span {color:#aaa;}

	a.switch_thumb {
		display:block;position:absolute;
		top:2px;right:0;
		height:14px;width:37px;
	    background: url(images/mode.png) no-repeat;text-indent: -9999px;
	}
	a.swap {background-position: left bottom;}

/* Entry */

.entry {padding:20px 0;}
.entry .post-data {border-bottom: 1px solid #D9D9D9;
	padding-bottom:20px;}
.entry .post-image {position:relative;}
	.post-image.review {float:left;width:200px;margin:0 20px 20px 0;}
	.entry .post-image .caption, .fancybox_caption {font-size:12px;color:#ddd;text-shadow:none;background:url(images/b75.png);}
	.entry .post-image .caption {display:block;width:592px;padding:10px;position:absolute;left:4px;bottom:4px;}

.entry .post-meta {border-bottom:1px solid #D9D9D9;
	color:#AAA9A9;font-size:11px;font-style:italic;
	padding:15px 0px;position:relative;}
	.entry .post-meta h1 {color:#333;font-style:normal;margin-bottom:10px;}
	.entry .post-meta span.details, .entry .post-meta .meta span, .entry .post-meta a {color:black;font-family: 'Droid Sans',Helvetica, Arial, sans-serif;font-style:normal;text-decoration:none;}
.entry .meta {clear:both;color:#666;font-size:10px;line-height:16px;margin:5px 0 10px;text-transform:uppercase;}
	.entry .meta.info {clear:none;}
.entry .post-content {padding:20px 0px 0px;}
.entry .post-footer {padding:20px 0 0;}
.entry .share {position:relative;width:auto;margin-left:0px;height:20px;}
.entry .post-navigation {padding:0;width:620px;overflow:hidden;}

.entry .post-navigation a {color:black;display:block;text-decoration:none;}
.post-navigation a em {color:#AAA9A9;display:block;font:italic normal normal 11px/normal Georgia, Geneva, 'Times New Roman', times;}

.post-prev {background: url(images/post_prev.png) no-repeat 0px 50%;
	float: left;min-height:40px;padding-left:30px;text-align:left;width:250px;
}
.post-next {background: url(images/post_next.png) no-repeat 100% 50%;
	float: right;min-height:40px;padding-right:30px;text-align:right;width:250px;
}

.post-ads {width:620px;overflow:hidden;margin-bottom:30px;}

.comments {margin-bottom:30px;}

/* Loop */
#loop {overflow:hidden;}

/* Post */

ul.display li.post {padding:20px 0;border-bottom:1px solid #D9D9D9;height:200px;
display:inline-block;width:620px;position:relative;overflow:hidden;}
	ul.display li.post a {text-decoration:none;}

li.post .text-box, li.post .the-time, li.post .share {z-index:60;position:absolute;}

.post .the-time, .post .more {font-size:11px;font-weight:bold;color:#aaa;}
.post .the-time {text-transform:capitalize;top:20px;left:0;margin-left:220px;}
  .post .the-time a, .post .more a { color:#aaa; }
  .post .the-time a:hover, .post .more a:hover { color:#000; }

.post .text-box { width:372px;top:40px;left:0;margin-left:220px;}
.post .share { width:372px;bottom:22px;left:0;margin-left:220px;height:20px;}
	.scrollable .share { width:280px;overflow:hidden;}

	.share_button {float:left;margin-right:10px;height:20px;}
	.share_button.twitter {}
	.scrollable .share_button.facebook {width:106px;}

.post .frontimg {position:absolute;top:20px;left:0;
	width:200px;height:200px;background:#FFEA97;overflow:hidden;}

	.post .frontimg img {opacity:1;}
	.post .frontimg img:hover {opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=85); /* IE lt 8 */
		-ms-filter: "alpha(opacity=85)"; /* IE 8 */
		-khtml-opacity: .85; /* Safari 1.x */
		-moz-opacity: .85; /* FF lt 1.5, Netscape */}

/* Thumb view */
ul.thumb_view {padding:10px 0;border-bottom:1px solid #D9D9D9;}
ul.thumb_view li.post {float:left;width:200px;height:200px;border-bottom:none;margin:10px 10px 10px 0;padding:0;}
	ul.thumb_view li.post:nth-child(3n) {margin-right:0;}

ul.thumb_view li.post {background:#FFEA97;}
ul.thumb_view li.post .frontimg {z-index:70;margin-top:0px;top:0;}
ul.thumb_view li.post .text-box, 
ul.thumb_view li.post .the-time, 
ul.thumb_view li.post .share {margin-left:0;width:160px;padding:0 20px;}
ul.thumb_view li.post .the-time {top:20px;}
ul.thumb_view li.post .text-box {top:40px;}
ul.thumb_view li.post .share {bottom:20px;}
ul.thumb_view li.post .text-box p {display:none;}
ul.thumb_view li.post:hover .frontimg {display:none;}

/* Feature text */
.feature .the-text {position:relative;height:280px;width:280px;padding:40px 20px 20px 0;color:#fff;text-shadow:none;}
.feature .the-text a {color:#fff;text-decoration:none;}
.feature .the-text a:hover {color:#eee;}
.feature .the-time, .feature .more, .feature .text-box {margin-left:0px;width:280px;position:static;}
	.feature .the-time, .feature .more {font-size:11px;font-weight:bold;}
	.feature .the-time {text-transform:capitalize;}

#pagination a {clear:both;display:block;background:#FFEA97;margin:20px 0;
line-height:24px;font-size:12px;text-align:center;color:#000;text-decoration:none;text-shadow:none;}

/* Text
------------------- */

.serif {font-family: 'Droid Serif';}
.sans {font-family: 'Droid Sans';}

h1,h2,h3,.content-title {font-family: 'Droid Serif', serif;}
h1,h2,h3,h4,h5,p,ul,ol {margin-bottom:20px;}
.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar p,.sidebar ul,.sidebar ol {margin-bottom:10px;}

h1 {font-size:28px;line-height:34px;/*font-weight:normal;*/letter-spacing:-0.02em;}
	h1 em {font-style:italic;}
	h1 span.details {font-size:14px;font-weight:normal;color:#666;}
h2 {font-size:18px;font-weight:normal;text-transform:uppercase;}
	.post h2, .feature h2, .post p, .feature p {text-transform:none;margin-bottom:10px;}
h3 {font-size:16px;}
	.widget h3 {/*border-bottom: 1px solid #D9D9D9;
color: #1F2122;
font-size: 14px;
font-weight: normal;
margin-bottom: 20px;
padding-bottom: 15px;
text-transform: uppercase;*/

/*background:#222;color:#fff;
font-size:13px;font-weight:bold;text-shadow:1px 1px 0 #000;padding:0 10px;margin-bottom:20px;height:28px;line-height:30px;border-bottom:1px solid #000;*/

font-size:13px;font-weight:bold;border-top:2px solid #222;line-height:28px;text-transform: uppercase;}
	.footer h3 {font-size:13px;font-weight:bold;border-top:none;line-height:normal;text-transform:none;font-family:'Droid Sans',Helvetica,Arial,sans-serif;margin-bottom:10px;}

h4 {font-size:15px;}
h5 {font-size:14px;}

.excerpt {font-size:18px;font-style:normal;}
.sidebar {font-size:13px;}
small {font-size:11px;}

blockquote {padding:20px 20px 0;margin-bottom:20px;border:1px solid #ddd;background:#fff;}

/* Lists
------------------- */

.list {margin:0;padding:0;list-type:none;}

/*.list.bookmarks {width:100%;overflow:hidden;}
.list.bookmarks li {float:left;width:150px;height:24px;line-height:24px;margin-bottom:4px;}
.list.bookmarks li a {display:block;background:url(images/bg_icofollow.png) left top no-repeat;padding:0 20px 0 30px;text-decoration:none;}
	.list.bookmarks li.bookmark-53 a {background-position:0 0;}
	.list.bookmarks li.bookmark-302 a {background-position:0 -24px;}
	.list.bookmarks li.bookmark-705 a {background-position:0 -48px;}
	.list.bookmarks li.bookmark-16 a {background-position:0 -72px;}
	.list.bookmarks li.bookmark-728 a {background-position:0 -96px;}
	.list.bookmarks li.bookmark-706 a {background-position:0 -120px;}
	.list.bookmarks li.bookmark-56 a {background-position:0 -144px;}
	.list.bookmarks li.bookmark-2 a {background-position:0 -168px;}
	.list.bookmarks li.bookmark-rss a {background-position:0 -192px;}
	.list.bookmarks li.bookmark-feedb a {background-position:0 -216px;}
.list.bookmarks li a:hover {background-color:#e2e2e2;}*/

dl.listing {width:100%;overflow:hidden;}
	.navi.main .ddContainer .ddc ul li dl.listing {padding:20px 0;line-height:16px;}
	.navi.main .ddContainer .ddc ul li dl.listing a {padding:0;background:none;line-height:16px;}

dl.listing dt {float:left;clear:both;width:58px;margin-top:10px;}
dl.listing dd {float:right;width:242px;margin-top:10px;}
	.navi.main .ddContainer .ddc ul li dl.listing dd {width:142px;}
dl.listing dd span {color:#999;font-size:11px;}
dl.listing dd span a {color:#999;}
dl.listing dt:first-of-type, dl.listing dd:first-of-type {margin-top:0;}

dl.listing.tags dt {clear:both;background:#000;margin:10px 0 10px;padding:0 10px;width:600px;
	font-weight:bold;color:#fff;font-size:12px;line-height:30px;text-shadow:none;}
dl.listing.tags dd {float:left;width:200px;margin:10px 0;padding:0 5px 0 0;}
dl.listing.tags dd.clear {clear:both;width:620px;font-size:0px;height:1px;padding:0;margin:0;border-bottom:1px solid #eaeaea;}

/* Misc images etc
------------------- */

.widget {clear:both;width:300px;margin-bottom:20px;}
div.wpcf7 {background:#111;color:#fff;text-shadow:1px 1px 0px #000;padding:20px !important;margin-bottom:20px;}
.embed-player {margin-bottom:20px;}
/*.fb_edge_widget_with_comment {height:24px;overflow:hidden;}*/
.youtube-player {margin-bottom:20px;}
.twitfeed {background:#fff;padding:10px;border-radius:10px;-moz-border-radius:10px;margin:0;}


.sitemap {width:940px;overflow:hidden;margin:20px 0 0;padding:15px 0;border-top:1px solid #333;font-size:11px;}

img.wp-post-image {display:block;border:1px solid #ccc;padding:3px;background:#fff;}
img.attachment-feature.wp-post-image {border:none;padding:0px;width:620px;}
img.attachment-single.wp-post-image {width:612px;}
	.review img.attachment-single.wp-post-image {width:192px;}
#loop img.wp-post-image {width:192px;height:192px;}

.alignleft {margin-right:15px;float:left;}
.alignright {margin-left:15px;float:right;}
.fc, .aligncenter, div.aligncenter { display: block; margin: 0 auto !important; }

/* Ratings */
span.rating {display:block;background:url(images/stars.gif) no-repeat;
	width:144px;height:28px;line-height:28px;text-indent:-9999px;margin-left:220px;}

span.zero-full {background-position:0 0;}
span.zero-half {background-position:0 -28px;}
span.one-full {background-position:0 -56px;}
span.one-half {background-position:0 -84px;}
span.two-full {background-position:0 -112px;}
span.two-half {background-position:0 -140px;}
span.three-full {background-position:0 -168px;}
span.three-half {background-position:0 -196px;}
span.four-full {background-position:0 -224px;}
span.four-half {background-position:0 -252px;}
span.five-full {background-position:0 -280px;}

/* Forms
------------------- */

/* Search */
div.search {height:26px;margin-top:14px;background:url(images/bg_search.png) left top no-repeat;}
.search #s {float:left;width:184px;height:16px;margin:1px;padding:4px;font-size:0.86em;color:#000;background:none;border:none;}
.search #go {float:right;margin:0;border:none;background:none;text-indent:-999em;width:26px;height:26px;cursor:pointer;}

input, textarea, select {border: 1px solid #ddd; padding:4px;font-size: 1.2em;}
.submit {background:#000;color:#fff;padding:4px 8px;text-align:center;font-size:12px;cursor:pointer;border:none;}
.submit:hover { background:#0298ff; text-decoration: none; }

/* Comments */
textarea#comment {width:540px;padding:4px;}

/* Newsletter */
form.newsletter {margin-bottom:10px;}

/* Feature
------------------ */

.feature-navi {position:absolute;z-index:12;right:20px;top:20px;}

.feature a, .feature a:visited {color:#fff;}
.feature a:hover {color:#0298ff;}

.feature .scrollable {position:relative;overflow:hidden;width:940px;height:380px;background:#000;}
.feature .scrollable .items {width:20000em;position:absolute;/*clear:both;overflow:hidden;*/}
.feature .scrollable .items div.row {float:left;height:380px;}

/* Navi */

.feature .navi {position:relative;z-index:8;float:left;height:14px;width:74px;margin:0;}

.feature .navi li {
	float:left;width:14px;height:14px;float:left;margin:0 0 0 4px;cursor:pointer;
	background:url("images/navigator.png") 0 0 no-repeat;
	display:block;color:#333;font-size:10px;text-align:center;line-height:14px;
}

.feature .navi li:hover {background-position:0 -14px;}
.feature .navi li.active {background-position:0 -14px;}

/* Comments
------------------ */

#disqus_thread {background:#e2e2e2;padding:20px 20px 10px;position:relative;}
	#disqus_thread #dsq-global-toolbar, #disqus_thread #dsq-like-tooltip, .dsq-tooltip {text-shadow:none !important;}
	#disqus_thread #dsq-global-toolbar {position:absolute;right:20px;top:10px;}
	#dsq-content #dsq-toolbar-dropdown #dsq-toolbar-dropdown-wrap ul{width:150px !important;}
	#disqus_thread .dsq-trackback-url {display:none;}
	#disqus_thread #dsq-footer {display:none;}
	select#dsq-sort-select {font-size:12px;}


ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { height:1%; margin:0 0 14px; padding:6px 0px 4px 80px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment .comment-body {background:#fff;}

ol.commentlist li div.comment-author {
	padding:10px 170px 10px 25px;
	margin-left: -15px;
	background: url(images/bg_comment_bubble.png) left top no-repeat;
}
ol.commentlist li div.vcard { }
ol.commentlist li div.vcard cite.fn { font-weight: bold; font-style: normal; }
/*ol.commentlist li div.vcard cite.fn a.url { color:#364f73; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }*/
ol.commentlist li div.vcard .avatar { position:absolute; top:8px; left:0; padding: 2px; background: #fff; border:1px solid #ddd; }
ol.commentlist li div.vcard .avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta {font-size:0.76em;position:absolute;top:16px;right:10px;text-align:right;}
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p {margin:0;padding:10px;}
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply {padding:10px;}
ol.commentlist li div.reply a { display:block;background:#000;color:#fff;font-size:0.9em;padding:2px 8px;text-align:center;width:40px;
	text-decoration:none;text-shadow:none;}
ol.commentlist li div.reply a:hover { background:#0298ff; text-decoration: none; }

ol.commentlist li ul.children { /*border-left: 2px solid #f2f2f2;*/ list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}