/*	
	Theme Name:miaCubes
	Version:0.1
	Author:Maria Sšderberg
	Contact:http://mariasoderberg.se/contact
*/

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
body {
	font-size:           10px;
	font-family:         arial, verdana, sans-serif;
	background:          #c6dff3 url('images/bg_skies.jpg') no-repeat fixed top center;
	color:               #aaa;
}
a {
	color:#fff;
}
.centerbox {
	width:959px;
	margin:0 auto;
	overflow:hidden;
}

div#main_container {
  position:           absolute;
  top:                200px;
  left:               150px;
  width:              	700px;
  padding-bottom:		60px;
}

/* =----------------------------------- results for recent activity */
ul#activities {
	width: 					100%;
	padding:				8px 0 0;
}
ul#activities li {
	position: 				relative;
	float:					left;
	margin:					0 0 23px 25px;
	width:					148px;
	height:					148px;
	overflow: 				hidden;
}

ul#activities li a.wrapper {
	display: 				block;
	width: 					100%;
	height: 				100%;
}

ul#activities li p {
	padding: 				10px;
	margin:					10px 10px 10px 0;
	font-size:         1.2em;
	font-weight:			bold;
	color:					#ddd;
	overflow: 				hidden;
}
ul#activities li p span { 
	display: 				block;
	margin-top: 			5px;
	font-weight: 			normal; 
	font-size: 				0.8em; 
	line-height: 			11px;
}

ul#activities li p.date {
	display:none;
}

ul#activities li.twitter {
	background: 			transparent url('images/bg_twitter.png') no-repeat -10px 0;
}

ul#activities li.twitter p {
  margin-top:      37px;
  color:            #402300;
  background-color: #b2ef33;
	padding-top: 	4px;
}

ul#activities li.etsy p {
  color:            #2a2a2a;
  background-color: #EA9F0C;
}

ul#activities li.brightkite {
/*	background: 			#fff url('images/bg_brightkite.gif') no-repeat center center;	*/
	background: 			#fff no-repeat center center;
}

ul#activities li.brightkite p {
  color:            #2a2a2a;
  background-color: #ff2682;
/*background-color: 		#1d3140;*/
}

ul#activities li.delicious {
	background: 			#fff url('images/bg_delicious.jpg') no-repeat center center;	
}
ul#activities li.delicious p {
  color:            #2a2a2a;
  background-color: #f3f3f3;
/*	background-color: 		#3274d0;*/
}

ul#activities li.ravelry {
	background: 			#fff none no-repeat center center;
}

ul#activities li.ravelry p {
	color: 					#333;
	background-color: 		#fff;
	opacity:				0.7;
	filter: 				alpha(opacity=70);
}

ul#activities li.youtube span {
	position: 				absolute;
	bottom: 				0;
	right: 					0;
	width: 					120px;
	height: 				25px;
	background-color: 		black;
}
ul#activities li.image p {
/*	position: 				absolute;
	top:					0;
	right:					0;
	width:					85px; */
	height:					128px;
	margin:					0;
	color:					#FF2682;
	opacity:				0.8;
	filter: 				alpha(opacity=80);
	background-color: 		#000;
}

ul#activities li.image a:hover p {
	opacity:				0.2;
	filter: 				alpha(opacity=20);
}

ul#activities li.image p span { color: #666; }

/* =----------------------------------- single post view */
.singleton {
	background:#000;
	border:1px solid #333;
	width:500px;
	padding:25px;
	margin:0 auto;
}
.singleton h2 {
	font-size:16px;
	margin:0 0 15px 0;
}
.singleton div p {
	margin:1em 0;
	line-height:18px;
}
.singleton p.source {
	text-align:right;
}
.singleton p.source a {
	color:#777;
}
.singleton p.source a:hover {
	color:#fff;
}
.singleton .tag_list {
	float:left;
	border-top:1px solid #222;
	padding-top:15px;
	width:100%;
}
.singleton .tag_list li {
	float:left;
	line-height:28px;
	height:28px;
	width:24%;
	margin:0 4px 7px 0;
}
.singleton .tag_list li a {
	font-weight:bold;
	display:block;
	height:28px;
	line-height:28px;
	padding:0 7px;
	background:#000;
	border:1px solid #000;
	color:#777;
}
.singleton .tag_list li a:hover {
	background:#FF0084;
	color:#fff;
}

/* =----------------------------------- pagination */
.pagination {
	font-size:				16px;
	height:					32px;
	line-height:			32px;
	text-align:				center;
	color:					#999;
	margin-top:				30px;
}
.pagination a {
	padding:				2px 7px;
	margin:					0 4px;
	color:					#999;
	background-color:		#fff;
}
.pagination a:hover {
	color:					#555;
}

/* =----------------------------------- floats + clearing */
.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */