/*
THEME NAME: basic 2010
THEME URI: http://oelna.de/
DESCRIPTION: the oelna.de basic theme, now based on sandbox
VERSION: 1.0
AUTHOR: <a href="http://arnorichter.de/">Arno Richter</a>
AUTHOR URI: http://arnorichter.de/
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* YUI RESET 3.1.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html {
	background: #61849a url('images/stripes.png');
	font: 62.5%/1.4 'Lucida Grande', Arial, sans-serif;
}

body {
	/* background: #61849a url('images/stripes.png'); */
}

a {
	color: #000;
	-webkit-transition: all 0.18s ease;
	-moz-transition: all 0.18s ease;
}

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

#wrapper {
	font-size: 1.2em;
	width: 803px;
	margin: 40px 0 60px 100px;
	background: #fff;
	box-shadow: 0 5px 30px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 5px 30px rgba(0,0,0,0.6);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	overflow: hidden;
}

#header, #access, #nav-below, #primary, #secondary, #footer {
	outline: solid 0px #f0f;
}

#header {
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 2px;
	left: 120px;
	width: 310px;
	height: 50px;
	text-transform: uppercase;
	text-indent: -3999px;
	border: solid 0px #f0f;
	cursor: pointer;
	background: url('images/title.png') no-repeat;
}

#header a {
	text-decoration: none;
	color: #fff;
}

#header #blog-description {
	display: none;
}

#access {
	text-align: right;
}

#access #popovers {
	padding: 7px;
}

#access #popovers li {
	display: inline;
}

#access #popovers li a, .black-button, .navigation a {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 2px 5px;
	margin: 0 2px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#999), color-stop(0.5, #555), color-stop(0.51, #000)); */
	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#999));
	background: -moz-linear-gradient(bottom, #000000, #999999);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
}

#access #popovers li a:hover, .black-button:hover, .navigation a:hover {
	/* background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#999), color-stop(0.5, #555), color-stop(0.51, #000)); */
	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#b7b7b7));
	background: -moz-linear-gradient(bottom, #000000, #b7b7b7);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

#container {
	width: 460px;
	padding: 10px 10px 10px 0;
	float: left;
	margin-left: 30px;
}

#container h2.page-title {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}

#container .post {
	margin-bottom: 42px;
}

#container .post .entry-title {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	display: inline;
}

#container .post .entry-title a {
	text-decoration: none;
}

#container .post .entry-date {
	font-size: 10px;
	color: #bbb;
}

#container .post .entry-content {
	margin-top: 14px;
}

#container .post .entry-content p {
	margin-bottom: 7px;
}

#container .post .entry-content strong {
	font-weight: bold;
}

#container .post .entry-content blockquote, #container .post .entry-content em {
	font-style: italic;
}

#container .post .entry-content .content_image {
	border: solid 1px #999;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	max-width: 420px;
	padding: 6px;
	background: #f4f4f4;
	margin: 10px 0;
}

#container .post .entry-meta {
	margin-top: 7px;
	font-size: 10px;
	color: #bbb;
}

#container .post .entry-meta a {
	color: #bbb;
}

.home #container .post .tag-links, .home #container .post .meta-sep {
	display: none;
}

#container .comments .comment {
	margin-bottom: 21px;
}

#container .comments .comment-author {
	font-weight: bold;
	text-transform: uppercase;
}

#container .comments .comment-author a {
	text-decoration: none;
}

#container .comments .comment-meta {
	font-size: 10px;
	color: #bbb;
	margin-left: 32px;
}

#container .comments .comment-meta a {
	color: #bbb;
}

#container .comments h1, #container .comments h2, #container .comments h3, #container .comments p, #container .comments ul {
	margin: 10px 0 0 32px;
}

#container .comments h1, #container .comments h2, #container .comments h3, #container .comments strong {
	font-weight: bold;
}

#container .comments h2, #container .comments h3, #container .comments em {
	font-style: italic;
}

#container .comments h3 {
	color: #bbb;
}

#container .comments .avatar-32 {
	width: 16px;
	height: 16px;
	/*
	padding: 3px;
	margin-right: 7px;
	background: #000;
	-webkit-border-radius: 3px;
	background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#999), color-stop(0.7, #000));
	background: -moz-linear-gradient(bottom, #000000, #999999);
	*/
	border: solid 1px #333;
	margin-right: 9px;
}

#container #respond {
	margin-left: 32px;
}

#container #respond h3 {
	font-weight: bold;
	text-transform: uppercase;
}

#container #respond #login {
	margin-bottom: 14px;
}

#container #respond .form-submit {
	margin: 14px 0;
}

#container #respond .form-option {
	
}

.navigation {
	position: relative;
	left: -2px;
	margin-bottom: 35px;
}

.navigation .nav-previous {
	display: inline;
	margin-bottom: 10px;
}

.navigation .nav-next {
	display: inline;
}

#archives-2, #linkcat-4, #meta-2, #rss-links {
	border: solid 6px #000;
	border: solid 6px rgba(0,0,0,0.8);
	background: #fff;
	background: rgba(255,255,255,0.96);
	padding: 14px 3px 3px 3px;
	width: 200px;
	position: absolute;
	top: 62px;
	left: 676px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 4px 10px rgba(0,0,0,0.7);
	display: none;
}

.sidebar {
	float: left;
	width: 260px;
	padding: 10px 10px 10px 0;
	margin-left: 10px;
	
}
.sidebar#secondary {
	display: none;
}

.sidebar .widget {
	outline: solid 0px #f0f;
	text-overflow: ellipsis;
	margin-bottom: 21px;
}

.sidebar .widgettitle {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
}

.sidebar .widget #twitter_update_list li, .sidebar .widget .aktt_tweets li {
	margin-bottom: 14px;
}

.sidebar .widget #twitter_update_list a, .sidebar .widget .aktt_tweets a.aktt_tweet_time {
	color: #ddd; /* the dates */
	display: block;
}

.sidebar .widget #twitter_update_list span {
	text-overflow: ellipsis;
}

.sidebar .widget #twitter_update_list span a {
	color: #000;
	display: inline;
}

.sidebar .widget .aktt_more_updates {
	display: none;
}

.sidebar .widget #social-icons {
	margin-left: 2px;
	width: 180px;
}

.sidebar .widget #social-icons li {
	display: inline;
}

.sidebar .widget #social-icons li img {
	width: 16px;
	height: 16px;
	border: 0;
}

.sidebar .widget #social-icons .sprite-16 {
	width: 16px;
	height: 16px;
	border: solid 0px #f0f;
	display: inline-block;
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
}

.sprite-16.aim {
	background-position: 0 0;
}

.sprite-16.amazon {
	background-position: -32px 0;
}

.sprite-16.dribbble {
	background-position: -64px 0;
}

.sprite-16.email {
	background-position: -96px 0;
}

.sprite-16.facebook {
	background-position: -128px 0;
}

.sprite-16.ffffound {
	background-position: -160px 0;
}

.sprite-16.google {
	background-position: -192px 0;
}

.sprite-16.gtalk {
	background-position: -224px 0;
}

.sprite-16.lastfm {
	background-position: 0 -32px;
}

.sprite-16.nikeplus {
	background-position: -32px -32px;
}

.sprite-16.skype {
	background-position: -96px -32px;
}

.sprite-16.twitter {
	background-position: -160px -32px;
}

.sprite-16.url {
	background-position: -224px -32px;
}

.sprite-16.zootool {
	background-position: -32px -64px;
}

/* ads */
.sidebar .ad {
	width: 130px;
	padding: 6px 8px 10px 8px;
	border: solid 1px #ddd;
}

.sidebar .ad .ad-image {
	display: inline-block;
	margin: 2px 0 8px 0;
}

.sidebar .ad .ad-image img {
	height: 100px;
	border: 0;
}

.sidebar .ad .ad-text {
	width: 130px;
	text-align: left;
}

.sidebar .ad .ad-endorsement, .sidebar .ad .ad-endorsement a {
	color: #bbb;
	margin-top: 8px;
	text-decoration: none;
	font-size: 9px;
}

#footer {
	clear: both;
	margin: 0 30px 20px 30px;
	padding-top: 49px;
	color: #bbb;
	font-size: 10px;
}

#footer a {
	color: #bbb;
	text-decoration: none;
}
