/*
Theme Name: Tossestreger
Theme URI: http://tossestreger.org/
Description: Tossestreger | A dynamic and open association as a background to the creative processes and realisation.
Version: 1.3
Author: Martin Lynge

[Copyright (C) 2008, tossestreger]
*/

@import "css/reset.css";

html { background: #000 url('images/footergraphics.png') repeat-x scroll left bottom; }

body { text-align: center; vertical-align: top; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #ccc; background: transparent url('images/headerimage2.jpg') repeat-x scroll left top; }

#wrapper{ margin: 0 auto; text-align: left; padding: 0; width: 960px;}

/* ------------------------- header ------------------------- */

#header{ width: 960px; height: 219px; }

#navmenu { float: right; height: 170px; text-align:right; }
.float{ margin: -30px 20px 0 0;}
#navmenu ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#navmenu li { display:block; font: 18px "Courier New", Courier, monospace; letter-spacing: -1px; color: #010101; border-bottom: 9px solid transparent; }
#navmenu a { background: #ddd; padding: 2px 230px 2px 6px; text-decoration:none; color: #010101; }
#navmenu .highlight a:hover { background: #eee; color: #000; }
#current a{ color: #b3cbb9; background: #666;  }
#current a:hover{ color: #b3cbb9; background: #555;  }
#navmenu  li.current-cat a, #navmenu  li.current-cat-parent a, #navmenu  li.current_page_item a, #navmenu li.current_page_parent a{ color: #b3cbb9; background: #666; }
#navmenu  li.current-cat a:hover, #navmenu  li.current-cat-parent a:hover, #navmenu  li.current_page_item a:hover, #navmenu li.current_page_parent a:hover{ color: #b3cbb9; background: #555; }

/* ------------------------- content/post ------------------------- */

#content{ float: left; width: 570px; margin: 148px 65px 86px 20px; padding: 0; }
#content.widecolumn{ width: 920px; margin: 148px 20px 86px 20px; padding: 0; }

.entry { margin: 0 0 40px; }

.post { margin: 0 0 100px; border-bottom: 1px dashed #333; }
.post-single { margin: 0 0 100px; border-bottom: none; }

.post h2{ font-size: 20px; margin: 0 0 10px; letter-spacing: -1px; color: #949494; }
.post h2 a:link, .post h2 a:active, .post h2 a:visited{ color: #949494; text-decoration: none; }
.post h2 a:hover{ color: #ccc; text-decoration: none; }
.post h3{ margin: 50px 0 20px; }
.post h4{ margin: 40px 0 15px; }
.post h4 a:link, .post h4 a:active, .post h4 a:visited{ color: #ccc; text-decoration: none; }
.post h4 a:hover{ color: #ddd; text-decoration: none; }
.post h5{ margin: 30px 0 10px; }
.post h5 a:link, .post h5 a:active, .post h5 a:visited{ color: #ccc; text-decoration: none; }
.post h5 a:hover{ color: #ddd; text-decoration: none; }
.post h6{ margin: 0; }
.post h6 a:link, .post h6 a:active, .post h6 a:visited{ color: #ccc; text-decoration: none; }
.post h6 a:hover{ color: #ddd; text-decoration: none; }
.post p { line-height: 22px; margin: 10px 0; }
.post p a:link, .post p a:active, .post p a:visited{ text-decoration: underline; color: #ddd; }
.post p a:hover{ text-decoration: underline; color: #fff; }
.post p.note{ font-size: 8px; line-height: 15px; letter-spacing: 1px; margin: 20px 0 10px;}

.post img{ max-width: 570px; height: auto; margin: 15px 0 20px;}

.interrest{ color: #fff; }

.commentbubble { position:relative; float: right; margin: 5px 20px 0 0; }
.commentbubble a.number .bubble { position: absolute; width: 19px; height: 20px; display:block; background: url('images/bubble.png') 0 1px no-repeat; color: #cccc00; font-size: 10px; text-align:center; }

.post p.postmetadata { display: block; text-decoration:none; text-align: right; padding: 7px; }
.post p.postmetadata a{ text-decoration:none; color: #949494;}

.moretext{ text-align: right; }
.post p .more-link { float:left; margin: 30px 21px 65px 0; }
.post p a.more-link { display: block; text-decoration: none; color: #949494; background: #262626; padding: 7px; }
.post p a.more-link:hover { background: #222; }

#socialshare{ list-style: none; }
#socialshare li { float: left; margin: 20px 21px 59px 0;}
#socialshare a *{ display: none; }
#socialshare a, #socialshare a .hover{ height: 36px; width: 36px; display: block; background: url('images/social-sprite.png') 0 0 no-repeat; }
#socialshare a.facebookshare{ background-position: -180px 0; }
#socialshare .highlight a.facebookshare:hover, #socialshare a.facebookshare .hover{ background-position: -180px -36px; }
#socialshare a.twittershare{ background-position: -216px 0; }
#socialshare .highlight a.twittershare:hover, #socialshare a.twittershare .hover{ background-position: -216px -36px; }

.related-posts { margin: 50px 0 100px; border-bottom: 1px dashed #333; }
.related-posts ul li { margin: 10px 40px; }
.related-posts li { list-style-image: url('images/list.png'); padding: 2px 15px; }

.navigation .alignleft { display: block; font: bold 14px Arial, Helvetica, sans-serif; }
.navigation .alignleft a:link, .navigation .alignleft a:active, .navigation .alignleft a:visited{ text-decoration: none; background: #262626; padding: 5px 7px; color: #ddd; }
.navigation .alignleft a:hover{ background: #222; color: #eee; }

/* ------------------------- content/post list ------------------------- */

.post ul { margin: 20px 0 40px; padding: 0; list-style: none; text-indent: -10px; }
.post li { margin: 10px 0 10px 10px; }
.post li a:link, .post li a:active, .post li a:visited { color: #ccc; text-decoration: none; }
.post li a:hover{ color: #ddd; text-decoration: none; }

.entry ol { padding: 5px 0 15px 65px; }
.entry ol li { margin: 20px 0 10px; list-style-type: none; }

/* ------------------------- various content/post tags & classes ------------------------- */

acronym, abbr, span.caps{ cursor: help; }
acronym, abbr{ border-bottom: 1px dashed #999; }

.post blockquote p { font: 11px Lucida Console, Monaco5, monospace; word-spacing: -3px; line-height: 15px; width: 430px; background: url(images/quote.png) no-repeat 0 10%; margin: 40px 0 40px 10px; padding: 0 0 0 44px; text-align: justify; }

blockquote.right p{ float: right; width: 200px; margin-top: 0; }

.post blockquote cite{ margin: 5px 0 0; display: block; }

strong.search-excerpt { background: yellow; }

embed {margin: 20px 0;}

.piclenselink a { text-decoration: none; color: #ddd; margin: 0 5px; }
.piclenselink p a:hover { text-decoration: underline; color: #fff; }


/* ------------------------- sidebar ------------------------- */

.sidebar{ float: right; width: 285px; margin: 148px 20px 148px 0; display: inline; }
.sidebar ul li{ font: 11px Verdana, Helvetica, Arial, sans-serif; line-height: 22px; }
.sidebar .entry{ width: 280px; margin: 0 0 30px; border-bottom: 1px dashed #333; }
.sidebar h3{ margin: 0 0 30px; font-size: 26px; }
.sidebar h4{ margin: 0 0 18px }
.sidebar ul li a:link, .sidebar ul li a:active, .sidebar ul li a:visited{ color: #ccc; text-decoration: underline; }
.sidebar ul li a:hover{ color: #ddd; text-decoration: underline; }
.sidebar p{ margin: 10px 0 20px; }
.aside { border-bottom: 1px dashed #333; margin: 0 0 30px; }
.sidebarpost img { float: left; padding: 0 8px 0 0; margin: 10px 0 0; }
.sidebarpost ul li a:link, .sidebarpost ul li a:active, .sidebarpost ul li a:visited{ color: #ccc; text-decoration: none; }
.sidebarpost ul li a:hover{ color: #ddd; text-decoration: none; }

.sidebarnav{ margin: 0 0 30px; padding: 0 0 25px; }
.sidebarnav ul{ margin: 0; }
.sidebarnav li{ display:block; font: 14px "Courier New", Courier, monospace; letter-spacing: -1px; color: #ddd; margin: 4px 0; }

.sidebarnav a{ background: #262626; padding: 2px 10px; text-decoration:none; color: #ccc; }
.sidebarnav a:hover{ background: #333; color:#eee; }

#sociallinks{ list-style: none; }
#sociallinks li { float: left; margin: 0 21px 59px 0;}
#sociallinks a *{ display: none; }
#sociallinks a, #sociallinks a .hover{ height: 36px; width: 36px; display: block; background: url('images/social-sprite.png') 0 0 no-repeat; }
#sociallinks a.rss{ background-position: 0 -36px; }
#sociallinks .highlight a.rss:hover, #sociallinks a.rss .hover{ background-position: 0 0; }
#sociallinks a.myspace{ background-position: -36px -36px; }
#sociallinks .highlight a.myspace:hover, #sociallinks a.myspace .hover{ background-position: -36px 0; }
#sociallinks a.twitter{ background-position: -72px -36px; }
#sociallinks .highlight a.twitter:hover, #sociallinks a.twitter .hover{ background-position: -72px 0; }
#sociallinks a.facebook{ background-position: -108px -36px; }
#sociallinks .highlight a.facebook:hover, #sociallinks a.facebook .hover{ background-position: -108px 0; }
#sociallinks a.vimeo{ background-position: -144px -36px; }
#sociallinks .highlight a.vimeo:hover, #sociallinks a.vimeo .hover{ background-position: -144px 0; }

/* ------------------------- footer ------------------------- */

#footer{ clear: both; width: 920px; margin: 0 20px 25px; background: url('images/footerlogo.png') no-repeat scroll 0 0; }
#footercolumns h3{ font: 20px "Courier New", Courier, monospace; letter-spacing: 0.5px; color: #585858; padding: 0 0 11px 4px; margin: 0 0 23px; border-bottom: 1px dashed #333; }
#footercolumns ul li{ font: 11px Verdana, Helvetica, Arial, sans-serif; letter-spacing: -1px; }
#footer #footercolumns ul li a:link, #footer #footercolumns ul li a:active, #footer #footercolumns ul li a:visited{ display: block; color: #949494; text-decoration: none; margin: 0 0 13px; background: #000; padding: 7px 4px; }
#footer #footercolumns ul li a:hover{ display: block; color: #ccc; background: #080808; padding: 7px 4px; }
#footerleft{ float: left; width: 194px; min-height: 363px; margin: 0 48px 0 0; }
#footercenterleft{ float: left; width: 194px; min-height: 363px; margin: 0 48px 0 0; }
#footercenterright{ float: left; width: 194px; min-height: 363px; margin: 0 48px 0 0; }
#footerright{ float: right; width: 194px; min-height: 363px; margin: 0; }

#footer fieldset.search{ border: none; width: 194px; margin: 30px 0 15px; }
.search input, .search button { border: none; float: right; }
.search input.box{ color: #ccc; font-size: 12px; width: 164px; height: 18px; margin: 0 0 0 8px; background: transparent; border: 1px solid #757575; }
.search input.box:focus { border: 1px solid #ccc; }
#search{ list-style: none; }
fieldset.search button.btn, fieldset.search button.btn .hover{ height: 16px; width: 16px; display: block; background: url('images/searchbutton.png') 0 0 no-repeat; text-indent: -9999px; margin: 1px 0 1px 4px; cursor: pointer; }
fieldset.search button.btn{ background-position: 0 0px; }
.highlight fieldset.search button.btn:hover, fieldset.search button.btn .hover{ background-position: 0 0; }

#subfooter { clear: both; width: 920px; height: 45px; list-style: none; }
#subfooter li{ float: left; margin: 59px 0 0; color: #999; background: #000; padding: 5px 4px; }
#subfooter ul li a:link, #subfooter ul li a:active, #subfooter ul li a:visited{ color: #999; text-decoration: none; }
#subfooter ul li a:hover{ color: #ccc; }
.footerfeed a *{ display: none; }
.footerfeed a, .footerfeed a .hover{ height: 12px; width: 12px; display: block; background: url('images/rss-sprite.png') 0 0 no-repeat; }
.footerfeed a.footerrss{ background-position: 0 -12px; margin: 0 5px;}
.footerfeed .highlight a.footerrss:hover, #sociallinks a.footerrss .hover{ background-position: 0 0; }
#subfooter li.footerloginout{ float: right; margin-right: 10px; }
#subfooter li.footercopyright { float: right; }

/* ------------------------- comments ------------------------- */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { background: #141414; border: none; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#b3cbb9; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#ddd; }
ol.commentlist li div.vcard img.avatar { left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#666; }
ol.commentlist li p { margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { cursor:pointer; background: #333; border: none; color:#fff; font: 12px Arial, Helvetica, sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { cursor:pointer; background: #252525; border: none;  }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
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.even { background: #141414; border: none; }
ol.commentlist li ul.children li.odd { background: #161616; border: none; }
ol.commentlist li.thread-even { background: #141414; }
ol.commentlist li.thread-odd { background: #121212; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform input { color: #ccc; width: 92%; margin: 15px 0 20px; padding: 7px 5px; background: #080808; border: 1px solid #262626; }
.comment-input { float: left; width: 50%; }
#commentform textarea { color: #ccc; width: 100%; margin: 15px 0 20px; padding: 7px 5px; background: #080808; border: 1px solid #262626; line-height: 22px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { display: block; float: right; margin: -15px 0 0; cursor:pointer; background: #262626; border: none; color:#797979; font: 12px Arial, Helvetica, sans-serif; padding: 4px; width:56px; height: 30px; }
#commentform #submit:hover{ background: #222; border: none; }

.comments-template a:link, .comments-template a:active, .comments-template a:visited{ text-decoration: none; color: #ddd; }
.comments-template a:hover { color: #eee; }

.required { color: #cccc00; }

#respond .commentguidelines {  }

/* ------------------------- contact form ------------------------- */

#contact-form{ overflow: hidden; position: relative; width: 570px; margin: 59px 0 0; }
#contact-form #main textarea{ width: 558px; background: #080808; border: 1px solid #262626; padding: 7px 5px; margin: 15px 0 20px; }
#contact-form #main #email, #contact-form #main #name{ width: 92%; background: #080808; border: 1px solid #262626; padding: 7px 5px; margin: 15px 0 20px }
#contact-form ul{ text-align: left; color: Red; padding: 0 0 0 1px; }
#contact-form ul li.success{ display:block; margin: 0; color: #cccc00; background: #222; padding: 15px 7px; text-align:center;}
#contact-form #main{ position: relative; float: left; overflow: hidden; text-align: left; }
#contact-form #main textarea, #contact-form #main input{ color: #ddd; }
#contact-form #main p small{ display: block; }
#contact-form #submit { float: right; cursor:pointer; background: #262626; border: none; color:#797979; margin: -18px 0 0; font: 12px Arial, Helvetica, sans-serif; padding: 5px 10px; text-align: center; }
#contact-form #submit:hover{ background: #222; border: none; color: #ccc; }

/* ------------------------- font styling ------------------------- */

h1{ font: 25px "Courier New", Courier, monospace; letter-spacing: -1px; color: #b3cbb9; margin: 0 0 65px; }
h2{ font-size: 20px; letter-spacing: -1px; }
h3{ font-size: 17px; letter-spacing: -1px; }
h4{ font-size: 15px; letter-spacing: -1px; }
h5{ font-size: 13px; letter-spacing: -1px; }
h6{ font-size: 12px; letter-spacing: -1px; }

.mono{ font: 26px "Courier New", Courier, monospace; letter-spacing: -1px; color: #949494; }

/* ------------------------- pages#members ------------------------- */

/*about*/

#members ul{ margin: 20px 0 0; padding: 0; list-style: none; text-indent: -10px; }
#members li{ margin: 7px 0 8px 10px; }
#members ul li a{ text-decoration:none; color: #ccc; } 

/* ------------------------- Utility ------------------------- */

.clearfloat{ clear: both; }
.button{ cursor:pointer; background: #333; border: none; color:#fff; font: 12px Arial, Helvetica, sans-serif; padding: 5px 10px; text-align: center; }
.button:hover{ background: #252525; border: none; color: #fff; }
.opacity{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; }
.offscreen{ font-size: 0; text-indent: -999em; }
.center{ text-align: center; }
.transform{ text-transform: none; }
.hidden{ display: none; }
hr{ display: none; }

/* Default WP alignment */

p img{ padding: 0; max-width: 100%; } 
img.centered{ display: block; margin-left: auto; margin-right: auto; }
img.alignright{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft{ padding: 4px; margin: 0 7px 2px 0; display: inline; }

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

/* Default WP form elements */

.entry form { text-align:center; }

/* ------------------------- Default WP captions ------------------------- */

.aligncenter, div.aligncenter{ display: block; margin-left: auto; margin-right: auto; }

.wp-caption{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img{ margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }