/*  
Theme Name: World in motion
Theme URI: http://wordpress.org/
Description: Creative coolness, and personal blog theme of <a href="http://nocreativity.com">Ronny Welter</a>.
Version: 1
Author: Ronny Welter
Author URI: http://nocreativity.com

	Wolrd in Motion
	 http://nocreativity.com/blog

	This theme was designed and built by Ronny Welter,
	whose blog you will find at http://nocreativity.com/blog

	This theme is copyrighted, and should not be copied, reused or redistributed in any way without written permission of the owner. In this case: Ronny Welter

*/








/* CSS Document */


/*/
#blogcontent{
	background-color:#F06;
}
#blogsidebar{
	background-color:#0C3;
}
/**/


*{
	margin:0;
	padding:0;
}

html, body,h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}

.blogpost h1, .blogpost h2, .blogpost h3, .blogpost h4, .blogpost h5, .blogpost h6{
	text-align:left;
	color:#000;
	clear:both;
}

body{
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
}


#headercontainer{
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:center -50px;
	
}

a:link, a:active, a:visited{
	background-color:#FF0;
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
}
#blogsidebar a{
	background:none;
}
#footercontainer{
	padding-bottom:450px;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	
}
#bgcontainer{
	background-image:url(images/repeat.jpg);
	background-repeat:repeat-y;
	background-position:center -58px; 
}

#content{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-top:355px;
	
}
#header h1 a{
	position:absolute;
	display:block;
	top:15px;
	left:50%;
	margin-left:-490px;
	width:950px;
	height:330px;
	background:none;
}
#header h1 a:hover {
	text-decoration:none;
}
#header h1 span{
	display:none;
}

#header h2{
	display:none;
}
#mainnav{
	margin-bottom:5px;
	margin-left:150px;
}
#mainnav ul li{
	float:left;
	margin-right:5px;
	list-style-type:none;
}
#mainnav ul li a{
	display:inline-block;
	background-color:#000;
	text-transform:uppercase;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFF;
}
#mainnav ul li a:hover{
	background-color:#FF0;
	color:#000;
}

#blogcontentholder{
	clear:both;
}
#blogcontent{
	
	float:left;
	width:580px;
	padding-right:20px;
}
#blogsidebar{
	margin-left:30px;
	width:280px;
	float:left;
	height:100%;
}
#footerdefloater{
	clear:both;
}
.blogpost{
	color:#444;
	padding-bottom:15px;
}
.blogpost p {
	margin-bottom:15px;
}
.blogpost .postdetails{
	margin-top:8px;
	font-size:10px;
	display:inline-block;
	margin-bottom:15px;
	line-height:18px;
	
}
.blogpost .postdetails .comments, .blogpost .postdetails .postauthor, .blogpost .postdetails .postcats a, .blogpost .postdetails .posttags a{
	background:none;
}
.blogpost .postdetails .posttags{
	margin-left:5px;
	padding-left:20px;
	background-image:url(images/tags.png);
	background-repeat:no-repeat;
	background-position:-2px -6px;
}
.blogpost .postdetails .comments:hover{
	background-position:-2px -31px;
}

.blogpost .postdetails .posttags:hover{
	background-position:-2px -32px;
}
.blogpost .postdetails .comments{
	margin-left:5px;
	padding-left:15px;
	background-image:url(images/hearts.png);
	background-repeat:no-repeat;
	background-position:-2px -6px;
}

.blogpost ul, .blogpost ol{
	margin-bottom:10px;
	margin-left:20px;
}
.blogpost ul li {
	list-style-type:square;
	list-style-image:url(images/ul_list_image_level_1.png);
}
.blogpost{
	line-height:20px;
	text-align:justify;
}
.blogpost h1{
	font-family:"Arial Black", Gadget, sans-serif;
	color:#000;
	font-size:25px;
	line-height:25px;
	margin-top:30px;
	text-transform:uppercase;
	text-align:left;
}
.blogpost h2{
	font-family:"Arial Black", Gadget, sans-serif;
	color:#000;
	font-size:20px;
	line-height:25px;
	margin-top:30px;
	text-transform:uppercase;
}
.blogpost h3{
	font-size:16px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#000;
	text-transform:uppercase;
	margin-top:15px;
	margin-bottom:10px;
}
.blogpost h4{
	font-size:12px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#000;
	margin-top:15px;
	margin-bottom:10px;
}
.blogpost a{
	text-decoration:none;
	background-color:#FF0;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	color:#000;
}
.blogpost a:hover{
	text-decoration:underline;
	
}

.blogpost a img{
	background-color:none;
	border:0;
}

#blogsidebar h2{
	background-color:#000;
	color:#FFF;
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	display:inline-block;
	margin-top:5px;
	margin-bottom:8px;
}


#blogsidebar .widget_search {
	margin-bottom:5px;
}

#blogsidebar a {
	color:#000;
	text-decoration:none;
}
#blogsidebar a:hover{
	background-color:#FF0;
	color:#000;
}

#blogsidebar ul li {
	list-style-type:none;
	margin-bottom:5px;
	color:#777;
	font-size:11px;
}
#blogsidebar ul, div#mainnav ul{
	padding-left:0;
}
#blogsidebar > ul{
	padding-top:30px;
	}
img.alignleft{
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.blogpost a.more-link{
	background:none;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:24px;
	display:inline-block;
	margin-left:0px;
	display:block;
	margin-top:10px;
}
.blogpost a.more-link:hover{
	background-position:0px -19px;
}

li#search{
	margin-top:32px;
	padding-bottom:0px;
}




li#search input,input#s, input#searchsubmit{
	background-color:#000;
	color:#FFF;
	border:none;
	
}
li#search input#s, input#s{
	width:180px;
	padding:5px;
}


li#search input#searchsubmit, input#searchsubmit{
	padding:4px;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
}
table.timeline{
	width:220px;
}
table.timeline thead tr td{
	font-weight:bold;
	text-align:center;
}
table.timeline td{
	height:18px;
	text-align:center;
}
#blogsidebar table.timeline tbody tr td a {
	background-color:#FF0;
	padding:3px;
}
#blogsidebar table.timeline tbody tr td a:hover{
	background:#000;
	color:#FF0;
}
.blogpost h1 a {
	background:none;
	color:#000;
	text-decoration:none;
}
.blogpost h1 a:hover {
	text-decoration:none;
}



#comments {
	
	margin-top:40px;
	
}
#comments h5{
	font-size:16px;
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
	
	
}
#comments h5 span{
	font-size:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:none;
	font-weight:normal;
	color:#999;
}
#comments h5 span a{
	background:none;
	color:#666;
}
#comments .articlecomment p {
	margin-left:25px;
}
#commentwriter{
	margin-top:45px;
}
#commentwriter ul li {
	list-style-type:none;
	margin-bottom:10px;
}
#commentwriter input[type=text], #commentwriter textarea{
	background-color:#000;
	border:none;
	color:#fff;
	padding:3px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width:250px;
	font-size:11px;
}
#commentwriter li#buttons input{
	background-color:#000;
	border:none;
	color:#fff;
	padding:5px;
	margin-left:5px;
}
#commentwriter li#buttons input:hover{
	background-color:#FF0;
	color:#000;
	cursor:pointer;
}
#commentwriter li#buttons{
	display:inline-block;
	padding-left:80px;
}
#commentwriter textarea{
	height:120px;
	width:420px;
}
#commentwriter label {
	display:inline-block;
	width:80px;
	color:#666;
}
li#messageHolder label{
	vertical-align:top;
}
#comments h3,#commentwriter h3{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:22px;
	text-transform:uppercase;
}
#comments p.info{
	font-size:10px;
	text-transform:none;
	color:#666;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	margin-bottom:25px;
	line-height:12px;
	margin-top:-5px;
}
#comments p.info a {
	background-color:#FF0;
	padding:0;
	color:#000;
	text-decoration:none;
}
#comments p.info a:hover{
	text-decoration:underline;
}
#commentwriter p{
	color:#444;
	margin-bottom:15px;
	text-align:justify;
	line-height:12px;
	font-size:10px;
	margin-top:-5px;
}
#commentwriter p span.highlight{
	padding:0px;
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
}
#comments h5 a {
	color:#000;
	background-color:#FF0;
	text-decoration:none;
}
#comments h5 a:hover {
	text-decoration:underline;	
}
.articlecomment{
	margin-bottom:25px;
}
.articlecomment.admincomment h5{
	background:none;
}
#comments .articlecomment.admincomment h5 a{
	background-color:#000;
	color:#FF0;
	display:inline-block;
}
.articlecomment.admincomment h5 span{
	background:none;
}
.articlecomment p {
	line-height:20px;
	color:#444;
}



.blogpost #commentwriter form ul{
	margin-left:0;
}
.blogpost #commentwriter form ul li{
	list-style-type:none;
	list-style-image:none;
}
p.contactmsn span.highlight {
	background-color:#FF0;
	color:#000;
	padding:2px;
}
.black{
	color:#000;
}
.bold{
	font-weight:bold;
}


div.archivediv{
	
	width:230px;
	float:left;
	
}
div.archivetagdiv{
	float:none;
	clear:both;
}
div.archivediv h3, div.archivetagdiv h3{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	color:#000;
	text-align:left;
	margin-bottom:5px;
}
div.archivediv ul{
	margin-left:0;
}
div.archivediv ul li{
	list-style-type:none;
	list-style-image:none;
}
#commentform ul p a {
	color:#000;
	background-color:#FF0;
	padding:2px;
	text-decoration:none;
}
#commentform ul p a:hover {
	text-decoration:underline;	
}
div.navigation{
	
	margin-top:50px;
	
}
div.navigation div.alignright{
	float:right;
	margin-top:-15px;
}
div.navigation div.alignleft a, div.navigation div.alignright a{
	background-color:#000;
	color:#FFF;
	padding:5px;
	text-decoration:none;
}
div.navigation div.alignleft a:hover, div.navigation div.alignright a:hover{
	color:#000;
	background-color:#FF0;
}
h1.pagetitle{
	font-family:"Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
}
h1.search{
	margin-top:25px;
}
h1.pagetitle span{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color:#FF0;
	color:#000;
	padding:0px;
}
p.sresultsinfo{
	
}
p.sresultsinfo .query{
	font-weight:bold;
	font-style:italic;
}

p.anothertry{
	padding-top:15px;
}
.giant{
	font-size:24px;
}
.upper{
	text-transform:uppercase;
}
.yellowMode{
	color:#000;
	background-color:#ff0;
}
.arialBlack{
	font-family:"Arial Black", Gadget, sans-serif;
}
p.aligncenter{
	text-align:center;	
	}
.ultraspace{
	margin:30px;
}
.spacebottom{
	padding-bottom:10px;
}
.bigger{
	font-size:16px;
}
.blogpost ul ul li {
	list-style-image:none;
	list-style-type:square;
	}
	
#blogsidebar img{
	border:0;
}
#mainnav ul li ul{
	display:none;
	position:absolute;
	
}
#mainnav ul li ul li{
	/*position:absolute;*/
	float:none;
}
#mainnav ul li ul li a {
	text-align:left;
}
#mainnav ul li:hover ul{
	display:block;
}
#blogcontent .blogpost .alignright{
	float:right;
	margin:10px;
	margin-right:0;
}

.blogpost blockquote{
	padding-left:15px;
	margin-left:10px;
	
	margin-right:25px;
	margin-top:25px;
	margin-bottom:25px;
	
	font-style:italic;
	
	border-left-width:5px;
	border-left-color:#bbb;
	border-left-style:solid;
}
.blogpost p:hover, ul:hover, ol:hover{
	color:#000;
}

::-moz-selection{
	background:#FF0;
	color:#000;
}
#mainnav .current_page_item a, #mainnav .current_page_item{
	background-color:#FF0;
	color:#000;
}

#tag_cloud h2{
	display:block;
	width:50px;
}
.blogpost .alignleft{
	float:left;
	margin-right:10px;
}
.blogpost .wp-caption{
	margin-bottom:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#DDD;
	color:#000;
	text-align:center;
	padding:3px;
	padding-top:6px;
	border-style:solid;
	border-width:2px;
	border-color:#CCC;
}
div.sociable a:link, div.sociable a:active, div.sociable a:visited, div.sociable a:hover, div.ldcode a{
	background:none;
}
#blogcontent h1.pagetitle{
	margin-top:25px;
}
#subscribeToComments label{
	width:auto;
}
#subscribeToComments{
	padding-left:85px;
}
.blogpost .post-edit-link{
	background-color:#000000;
	color:#FFF;
}
div.flickr img{
	/*width:120px;*/
}
li.sideblog p a{
	font-weight:bold;
}