/*

Theme Name: Out of Space

Theme URI: http://www.anetagorka.com/

Description: Wordpress Theme designed by Aneta Gorka

Version: 1.0

Author: Aneta Gorka

Author URL: http://www.anetagorka.com/

Theme Licence: All Rights Reserved

*/


body {
background:#000 url(images/bg.jpg) center top no-repeat;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:76.1%;
}

#container{
width:960px;
margin:0 auto;
}

/***** HEADER **************************************/

#wrapper-header {
height:250px;
overflow:hidden;
}

#logo{
width:900px;
height:210px;
margin:0 30px;
background:url(images/logo.png) bottom left no-repeat; 
}

#nav{
/*position:relative;
top:-190px;
left:300px;*/
width:400px;
height:40px;
background:url(images/nav-bg.png) top left no-repeat;
float:right;
margin-right:31px;
display:inline;
padding-top:10px;
}



	#nav ul {

 		list-style:none;

		margin:0 0 0 15px;

		padding:0;

		}

	#nav ul li {

		margin-right:20px;

		display:inline;

		}

	#nav ul li a {

		font-size:150%;

		color:#FFFFFF;

		text-decoration:none;

		}

	#nav ul li a:hover {

		font-size:150%;

		color:#a2d84c;

		text-decoration:none;

		}

		

			

/***** CONTENT *********************************/



#wrapper-content {

background: url(images/content-black.png) top left no-repeat;

width:960px;

overflow:hidden;

}



#content-white {
width:860px;
min-height:400px;
background:url(images/content-white.png) top center no-repeat;
margin:20px 50px 20px 50px;
overflow:hidden;

}

#content{
padding: 10px 10px 10px 10px;
width:530px;
overflow:hidden;
}

	.sidebar2 #content {width:620px !important; }

/***** SIDEBAR *********************************/

#sidebar-right { 
width:289px;
float:right;
padding: 10px 10px 10px 10px;
border-left: #ccc 1px dotted;
}

 .sidebar2 #sidebar-right {width:199px !important;}
	
	#sidebar-right a {color:#000!important;}
	#sidebar-right h2 {color:#d75573;}
 

/***** FOOTER *********************************/

#wrapper-footer{

width:960px;

height:205px;

background:url(images/footer-bg.png) bottom left no-repeat;

}

#bottom-modules{

width:860px;

margin:0 50px 20px 50px;
display:inline;
float:left;

}

	#bottom-modules p {margin:5px 0 0 0; }

	

#module1 {

width:210px;

float:left;

}

#module2 { 

width:210px;

float:left;

margin-left:20px;
display:inline;

} 

#module3 {

width:405px;

float:left;

margin-left:15px;
display:inline;

}



#footer{

}

#footer-links{

}

#copyright{

}



/***** LISTS *********************************/

.entry ul {
	list-style:none; 
	margin:10px 0 20px 0; 
	display:block; }

	.entry ul li {
		list-style:none; 
		margin:0 0 0 0px; 
		padding:3px 0 3px 30px; 
		background:url(images/arrow_small_right.png) left center no-repeat; }


ul.content-list {
	list-style:none; 
	margin:10px 0 20px 0; 
	display:block; }

	.content-list li {
		list-style:none; 
		border-bottom:#cccccc 1px dotted; 
		margin:0 110px 0 60px; 
		padding:3px 0 3px 30px; 
		background:url(images/arrow_small_right.png) left center no-repeat; }

#bottom-modules ul {list-style:none; margin:5px 0 0 0;padding:0; }
#bottom-modules li {color:#FFFFFF; border-bottom:#666666 1px dotted; padding: 3px 0 3px 0; }
 
#sidebar-right ul {list-style:none; margin:0 0 20px 0; padding:0; }

#sidebar-right li {list-style:none; padding:5px 0 5px 0; margin:0; }

#sidebar-right li.cat-item {border-bottom:#CCCCCC 1px dotted;}

	.homepage #sidebar-right li {list-style:none; padding:0; }

.foliolist {
	margin-top:30px; 	
	overflow:hidden;
	}	 

	.foliolist img {float:left; margin:0 10px 0 0!important; display:inline;}
	.foliolist p {margin:0}


ul.postmetadata {margin:30px 0 0 0; padding:0; list-style:none; clear:both; } 
	.postmetadata li { padding:0 0 0 20px;  display:inline; }
	.posttags {background:url(images/star.png) left center no-repeat; }
	.postcomments {background:url(images/comments.png) left center no-repeat; }
	.postcategory {background:url(images/folder_opened.png) left center no-repeat; }

	
ul.PortfolioCategoryList {
	margin:0;
	padding:0;
	list-style:none;
}

	.PortfolioCategoryList li {
		padding:10px 0 10px 0;
		}

	.PortfolioCategoryList li a {color:#a2d84c; font-weight:bold; }

	#categoryweb {background:url(images/circles2.png) top left no-repeat; width:462px; height:138px; padding:153px 0 0 300px; font-size:150%; margin-left:60px;}	

	#catgorygraphic {background:url(images/circles.png) top left no-repeat; width:218px;height:105px;margin: -100px 0 10px 250px; padding:95px 0 0 20px; }

		

ol.commentlist {list-style:none; margin:0;padding:0;} 
ol.commentlist li {list-style:none; padding:10px; margin-top:15px; background-color:#fff;} 


/***** OTHER *********************************/

h1{font-size:200%;color:#8d1b70; margin:0; font-weight:normal; letter-spacing:-1px;}
h2{font-size:180%;color:#8d1b70;margin:0; font-weight:normal;}
h3{font-size:130%;color:#8d1b70;margin:0; line-height:100%;}

	h1 a, h2 a {color:#8d1b70!important;}
	h1 a:hover, h2 a:hover {color:#d75573!important;}

.green {color:#a2d84c;}
.black {color:#000000;}
.white {color:#FFFFFF;}
.bold {font-weight:bold;}
.comments {color:#CCCCCC;}

.homepage p {margin:0; padding:0; }

.category h1 {
margin-bottom:10px;
color:#A2D84C;}


img, img a {
	border: 8px #fff solid;
	margin:8px 8px 8px 0;
	}

	.thumb {float:left; margin:0 10px 10px 0; display:inline}
	.lead {margin:10px 0 10px 0; }
	.entry img {float:left;}
	
a:link, a:visited {color:#d75573;text-decoration:none;}
a:hover {text-decoration:underline;}

a.more-link {
	background:url(images/readmore.png) top left no-repeat;
	width:80px;
	height:27px;
	display:block;
	padding:2px;
	color:#52a720!important;
	float:right;
	margin:10px 30px 0 0;
	}
	a.more-link:hover {text-decoration:none; color:#a2d84c!important;}

a.buttonwide {
	background:url(images/button_wide.png) top left no-repeat;
	width:141px;
	height:30px;
	display:block;
	padding:2px 0 0 0;
	text-align:center;
	color:#fff!important;
	font-weight:bold;
	float:right;
	margin:10px 0 10px 0;
	}

	a.buttonwide:hover,

	a.buttonshort:hover {text-decoration:none; color:#FFFF00!important;}

a.buttonshort{
	background:url(images/button_short.png) top left no-repeat;
	width:97px;
	height:30px;
	display:block;
	padding:11px 0 0 0;
	margin-right:5px;
	text-align:center;
	color:#000!important;
	font-weight:bold;
	float:right;
	}

blockquote {
	background:#F2F2F2 url(images/quotes.png) no-repeat scroll 5px 5px;
	border:1px solid #52A720;
	color:#666666;
	margin:0;
	padding:15px;
	width:260px;
	text-indent:20px;
}

.nocss {
	display:none;}
	
.clear {clear:both;}

.wp-caption {
	background-color:#FFFFFF;
	}

.wp-caption-text {
	text-align:center;
	background-color:#FFFFFF;
	color:#999999;
	margin:0;
	display:block;
	}

#commentform textarea {
	width:610px;
	}

#wpsf_contact_form {
	margin-left:80px;
	}

.date {
margin:0 0 5px 0;
padding:0 0 0 20px;
background:url(images/calendar_month.png) left center no-repeat;
color:#999999;
}

.smallprint {
font-size:90%;
color:#999999;
}

.entry { 
overflow:hidden;
border-bottom:1px dotted #fff;}

.post {
margin-bottom:20px;
}

.stripe {background-color:#fff;}

code, .code {font-size:110%; background-color:#dfdfdf;}
.code {padding:15px;}

.avatar {float:left}
.comment-meta {float:right;}
.comment-meta a {color:#999999;}
.fn {font-weight:bold;}
#respond {margin-top:20px;}
#respond p {margin:0;padding:0}