/*  
Theme Name: vascmo blog
Description: vascmo blog theme
Theme URI: http://blog.vascmo.de
Version: 0.2
Author: Jan C. Portz / Frank Wittmann
Author URI: http://www.jancportz.com
*/

body {
	margin:0;
	padding:0;
	font-family:'Lucida Grande', 'Bitstream Vera Sans', Calibri, Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#333;
	background:url(images/v_bkg_pageBody.png) repeat top left;
}

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

a:hover {
	color:#036;
	text-decoration:underline;
}

img	 {
	border:none;
}

img a {
	border:none;
}

#wrap {
	margin:0 auto;
	width:940px;
}

#header {
	margin:0 0 1em 0;
	padding:10px 20px;
/*	background:#fff;*/
	position:relative;
}

#header h1 {
	margin:0;
	padding:0;
	text-align:center;
}

#header #homebase {
	position:absolute;
	top:25px;
	left:0px;
	font-size:120%;
}

#header h1 img {
	vertical-align:middle;
}

/*#header #logo {
	width:106px;
	height:104px;
	position:absolute;
	top:15px;
	right:0px;
	background:url(images/v_i_travelbook.png) no-repeat top left;
}
*/
#main {
	float:left;
	width:700px;
	background:#fff;
	box-shadow:2px 2px 3px #ccc;
	-webkit-box-shadow:2px 2px 3px #ccc;
	-moz-box-shadow:2px 2px 3px #ccc;
}

#sidebar {
	float:right;
	width:230px;
	font-size:90%;
/*	background:#fff;*/
}

div.post {
	margin:1em;
	padding:10px 0 0 0;
	border-bottom:#eee 1px solid;
}

div.post div.meta {
	float:left;
	width:130px;
	text-align:right;
	font-size:95%;
	line-height:1.3em;
}

div.meta h3 {
	margin:5px 0 0 0;
	padding:0;
	color:#666;
	font-size:100%;
	font-weight:normal;
}

div.meta small {
	font-size:90%;
	color:#999;	
}

div.post div.body {
	margin-right:50px;
	float:right;
	width:460px;
}

div.body h2 {
	margin:0 0 .5em 0;
	padding:0;
	font-family:Helvetica, sans-serif;
	font-size:150%;
}

div.body h3 {
	margin:0 0 .5em 0;
	padding:0 0 5px 0;
	border-bottom:#ccc 1px dotted;
	font-size:130%;
}

div.body h4 {
	margin:0 0 .5em 0;
	padding:0;
	font-size:120%;
}

div.body h5 {
	margin:0 0 .3em 0;
	padding:0;
	font-size:100%;
	font-style:italic;
	color:#336;
}

div.body p {
	margin:0 0 1em 0;
	font-size:13px;
	line-height:19px;
}

div.body blockquote {
	margin:1em 0;
	padding:0 0 0 10px;
	font-size:13px;
	line-height:19px;
	border-left:#eee 2px solid;
	color:#666;
}

div.body ul {
	margin:1em 0;
	padding:0;
}

div.body ul li {
	padding-left:14px;
	font-size:13px;
	line-height:19px;
	list-style:none;
	background:url(images/bullet_li.png) no-repeat 0 5px;
}

div.body a.more-link {
	padding:3px 8px;
	font-weight:bold;;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;

	box-shadow:1px 1px 2px #ccc;
	-webkit-box-shadow:1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
}

div.body a.more-link:link,
div.body a.more-link:visited {
	background:#369;
	color:#fff;
}

div.body a.more-link:hover {
	background:#69c;
	text-decoration:none;
}

div.comments {
	margin:1em;
	padding:10px 0 0 0;
}

div.comments h3 {
}

div.comments p {
	margin:0 0 1em 0;
	font-size:13px;
	line-height:19px;
}

div.comments ol {
	margin:0;
	padding:0;
	list-style:none;
}

div.comments ol li {
	margin:0 0 1em 0;
	padding:10px 0;
	font-size:13px;
	line-height:19px;
}

div.comments ol li.alt {
	background:#f5f7f6;
}

div.comment-meta {
	float:left;
	width:130px;
	text-align:right;
	font-size:90%;
	color:#666;
}

div.comment-body {
	margin-left:30px;
	float:left;
	width:460px;
}

#sidebar h3 {
	margin:0 0 .5em 0;
	padding:4px 10px;
	background:#000;
	color:#fff;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

#sidebar ul {
	margin:0;
	padding:0 10px;
}

#sidebar li {
	font-size:13px;
	line-height:20px;
	list-style:none;
}

#footer {
	margin:1em 0 0 0;
	padding:10px;
/*	background:#fff;*/
	font-size:90%;
	border-top:#ccc 1px solid;
}

#footer p {
	margin:0;
	text-align:center;
/*	color:#666;*/
}

/* forms */

form {
    margin:0 0 2em 0;
    padding:0;
}

form ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}

form li {
	margin:0;
	padding:0;
	display:block;
	clear:both;
}

form li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

form label.desc {
	margin:0 0 4px 0;
	display:block;
	line-height:1.5em;
	font-weight:bold;
}

form li div,
form li span {
	margin:0;
	padding:0 0 8px 0;
	float:left;
}

form li span label {
	padding:2px 0 0 0;
	clear:both;
	display:block;
	font-size:84%;
	color:#666;
}

span.pad {
	margin-left:5px;
}

span.empty {
    width:136px;
}

select {
	margin:0;
	font-family:'Lucida Grande', 'Bitstream Vera Sans', Calibri, Helvetica, Arial, sans-serif;
	font-size:120%;
	color:#333;
}

select.medium {
	width:138px;
}

select.large {
	width:206px;
}

select.full {
	width:276px;
}

input.checkbox {
    margin:0;
}

input.text {
	margin:0;
	padding:2px;
	font-size:100%;
	color:#000;
	border-left:#999 1px solid;
	border-top:#666 1px solid;
	border-right:#999 1px solid;
	border-bottom:#ccc 1px solid;
}

input.small {
	width:60px;
}

input.medium {
	width:130px;
}

input.large {
	width:200px;
}

input.full {
	width:270px;
}

div.form-action {
	margin:.5em 0 0 0;
}

input.button,
a.button-like {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    cursor:pointer;
    font-family:'Lucida Grande', Calibri, 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
    font-size:13px !important;
    padding:3px 10px;
    text-decoration:none;
    background:#f0f0f0;
    color:#333;
    border:#999 1px solid;
    text-shadow:0 1px 0 #fff;
}

input.button:hover,
a.button-like:hover {
    color:#000;
    border-color:#666;
}

/* social bookmarks */

div.social {
	margin:10px 0;	
}

div.social a:link, div.social a:visited {
	margin-left:1px;	
}

/* widgets */

#sidebar div.widget {
	margin:0 0 10px 0;
	background:#fff;
	box-shadow:2px 2px 3px #ccc;
	-webkit-box-shadow:2px 2px 3px #ccc;
	-moz-box-shadow:2px 2px 3px #ccc;

	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}

#sidebar div.widget > ul {
	padding-bottom:10px;
}

/* twitter widget */

#twitter_div h3 {
	padding-left:30px;
	background:#000 url(images/vascmo_tweet.png) no-repeat 6px 5px;
}

ul#twitter_update_list {
	font-size:90%;
	color:#666;
}

ul#twitter_update_list li {
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom:#e6e6e6 1px solid;
}

ul#twitter_update_list li > a {
	text-align:right;
	display:block;
}

/* image alignment */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* self-clearing floats */

.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ie hackety */

/* hasLayout ie5+6/win */

* html .clear {
	height:1%;
}
	
/* hasLayout ie7/win */

*:first-child+html .clear {
	min-height:1px;
}

