/*
Theme Name: Weirdoo theme
Theme URI: http://gummesson.net/
Description: Initial layout
Version: 1.0
Author: Nicklas Gummesson
Author URI: http://gummesson.net/
Tags: fixed-width, two-columns, white, theme-options
*/

/* Preload
*/
@import url("css/960gs/reset.css");
@import url("css/960gs/960.css");
@import url("css/960gs/text.css");

@font-face {
	font-family: 'MidoRegular';
	src: url("css/fontfaces/Mido.eot");
	src: local('☺'), url("css/fontfaces/Mido.ttf") format('truetype'), url("css/fontfaces/Mido.svg#MidoRegular") format('svg');
}
.ffc { font-family: 'MidoRegular'; }

/* General
-------------------------------------------------------------- */

body, input, textarea { font-family: 'Lucida Grande','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; color: #555; line-height: 24px; }
a { color: #85C285; font-weight: normal; }
a:hover { color: #66E066; }
a:active { position: relative; top: 1px; left: 1px; }
h1, h2, h3, h4, h5 { font-family: 'MidoRegular', 'Georgia', 'Helvetica Neue','Lucida Grande','Helvetica','Arial','sans-serif'; color: #aaa; font-weight: normal; letter-spacing: 0px; text-shadow: 1px 2px #ddd; }
h1 { font-size: 56px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; text-shadow: none; }
h4 { font-size: 20px; text-shadow: none; }
h5 { font-size: 14px; text-shadow: none; }
h6 { font-size: 10px; text-shadow: none; }
ul { list-style-type: circle; }
li { list-style-type: circle; margin: 0; padding-left: 2px; }
small { font-size: 11px; color: #aaa; }

/* Layout & placements, Defaults
-------------------------------------------------------------- */
.topAnchor { background: transparent; width: 0; height: 0; }
.container_12, .container_16 { margin-left: 0; margin-right: 0; }
.right { text-align: right; }
.clearFloats { clear: both; }

.imageOverlay { position: fixed; top: 10px; right: 10px; z-index: 9999; background: #fff; background: #fff url("images/wait.gif") no-repeat 10px 10px; }
	.imageOverlay img { margin: 0; }

.about { }
	.about p { margin-bottom: 10px; }
	.about .avatar { float: left; }
	.about .avatar img, 
	.imageOverlay { border: 10px #ddd solid; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }

.wrapper { margin-top: 25px; }
	.post { margin-bottom: 75px; border-top: 1px #ccc dashed; position: relative; }
		.first { border: 0; }
		.post .flickr { position: absolute; left: -70px; top: 3.4em; width: 40px; height: 40px; background: url("images/flickr.jpg"); }
		.first .flickr { top: 2.5em; }
		.post .title,
		.page .title { border-bottom: 0px #ccc solid; padding: 0 0 10px 0; }
		.post .title a,
		.page .title a { color: #444; text-decoration: none; }
		.post .meta,
		.page .meta { color: #aaa; margin: 10px 0 15px 0; }
		.post .commentsPopup { text-decoration: none; font-weight: bold; color: #aaa; padding: 6px; background-color: #eee; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);
								-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; }
		.post .commentsPopup:hover { background-color: #ddd; color: #555; }
			.post .comments .avatar img { border: 5px #ddd solid; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; }
			.post .comments li { border-bottom: 1px #ccc solid; padding: 5px 0 10px 0; list-style-type: none; }
				.post .comments li .avatar { margin: 5px 10px 0 0; float: left; }
				.post .comments li .meta { margin: 10px 10px 0 10px; }
				.post .comments li .meta h5 { display: inline; }
				.post .comments li .meta small { color: #ccc; }
			.post .comments form .extras { float: left; margin-right: 25px; height: 200px; }
			.post .comments input { background-color: #eee; border: 0; border-bottom: 1px #ccc solid; padding: 5px; width: 200px; }
				.post .comments .private input { width: auto; background-color: none; }
			.post .comments textarea { background-color: #eee; border: 0; border-bottom: 1px #ccc solid; padding: 5px; height: 20px; width: 350px; }
			.post .comments .error { background-color: #ffc3c5; }
			.post .comments .success { background-color: #CCFFCC; }
			.post .comments p { margin-bottom: 10px; }
		.flickr {}
			.flickr .item { float: left; width: 120px; height: 120px; }
	.page {}
		.page li { list-style-type: disc; margin-left: 20px; }

	.rss { position: fixed; top: 20px; right: 20px; }
		.rss a { font-family: Arial; font-weight: bold; font-size: 20px; color: #fff; vertical-align: text-top; text-decoration: none; }
		.rss a:hover { color: #bbb; }
		.rss a span { background: url("images/rss.jpg") no-repeat top right; display: inline-block; margin-left: 7px; width: 29px; height: 26px; opacity: 0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); }

.iComments span { display: block; float:left; opacity: 0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); width: 25px; height: 20px; background-image: url("images/icons/mini-icons/chat.png"); background-repeat: no-repeat; background-position: 0 2px; }
.iComment span { display: block; float:left; opacity: 0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); width: 25px; height: 20px; background: url("images/icons/mini-icons/plus.png") no-repeat 0 2px; }
/*.iPost span { display: block; position: absolute; left: -40px; top: 6px; opacity: 0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); width: 50px; height: 50px; background: url("images/icons/icons/77-ekg.png") no-repeat 0 0px; }*/
		
/* Overrides, specifics
-------------------------------------------------------------- */
.home .wrapper { }
.home .post .comments { display: none; }
.home .post .commentsPopup { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }