/*
Theme Name: SuzieB 2014
Theme URI: http://suzieblackman.com/
Description: Suzie's theme
Author: Suzie Blackman
Version: 2.0
Tags: 
*/

/* General 
960px grid system ~ Core CSS.
24 Columns ~ Margin left: 8px ~ Margin right: 8px

*/

@media screen, print { 	#access{ display:none} }

body{
	padding:0;
	margin:0;
	color:#666;
	color:#19000a;
	font-size:18px;
	background-color:#19000a;
	font-family:'Roboto Condensed', sans-serif;
	-webkit-text-size-adjust: none;
	line-height:1.6;
	font-weight:300;
}

@media( max-width:580px){
	body{ 
		line-height:1.4; 
	}	
	.mobile_hide{display:none}
}

.clearboth{
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
	max-height:0px;
	border:0;
	margin:0;
	padding:0;
	visibility:hidden;
}

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

img{ border:0;}

form{margin:0; }

input {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
}

blockquote{
	background:2px 7px url(images/quotes.gif) no-repeat;
	padding: 0px 0px 0px 108px;	
	margin:0;
}

@media( max-width:580px){
	blockquote{ 
		background-size:50px auto;
		padding-left:66px;
	}
}

blockquote p{
	font-weight:regular;
	font-family:'Droid serif', Georgia, serif;
	font-style:italic;
	font-size:0.9em;
}

blockquote span.quotes{display:none;}

blockquote p.quotesource{font-weight:400;font-family:inherit;font-style:inherit;font-size:inherit;}

/* Header & footer
-------------------------------------------------------------- */

#header .wrapper, #footer, #topnav ul{
	width: 944px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.pad{ padding:16px }

@media (max-width:992px){
	#header .wrapper, #footer, #topnav ul{
		width: auto;		
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width:580px){ .pad{padding:8px} }
@media (max-width:667px){
	#topnav{font-size:0.833333333em;}
}


#header{
	background: #ff0040;
	background: linear-gradient(left bottom, rgb(255,0,0) 13%, rgb(255,0,153) 73%);
	background: -ms-linear-gradient(left bottom, rgb(255,0,0) 13%, rgb(255,0,153) 73%);
	background: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0.13, rgb(255,0,0)),
		color-stop(0.73, rgb(255,0,153))
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0044', endColorstr='#ff0099',GradientType=1 ); /* IE6-9 */
	background: -moz-linear-gradient( 45deg,rgb(255,0,0) 13%, rgb(255,0,153) 73% );
	
}

#site-description{display:none;}

#footer{ 
	background-color:#666;
	margin-top:16px;
	margin-bottom:8px;
	color:#333;
}

.home #footer, .single-project #footer{ margin-top:0; }

#footer a{ color:#333; }

@media (min-width:993px){
	#footer{
		-webkit-border-bottom-right-radius: 16px;
		-moz-border-radius-bottomright: 16px;
		border-bottom-right-radius: 16px;
	}
}
@media (max-width:992px){ #footer{ margin:0; }}

#topnav{
	 /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F666666, endColorstr=#7F666666)";
    /* Fallback for web browsers that do not support RGBa */
    background: #b2333d;
    /* RGBa with transparency */
    background: rgba(102, 102, 102, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F666666, endColorstr=#7F666666);	
}

#topnav ul{
	list-style:none;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;	
}

#topnav ul li {
	margin:0;
	padding:0;
	display:inline;
}

#topnav ul li a{
	display:block;
	margin:0;
	float:left;
	padding:9px 16px 9px 16px;
	color:#eee;
	text-decoration:none;
	font-size:1em;
	font-weight:400;
	line-height:1em;
}

#topnav ul li a:hover, .page-id-2 #topnav ul li#nav-about a, .post-type-archive-project #topnav ul li#nav-projects a, .single-project #topnav ul li#nav-projects a, .archive.category #topnav ul li#nav-blog a, .single-post #topnav ul li#nav-blog a, .tag #topnav ul li#nav-blog a,  .home #topnav ul li#nav-home a { 
	color:#fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3Fffffff, endColorstr=#3Fffffff)";
    background: #c4656b;
    background: rgba(255, 255, 255, 0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3Fffffff, endColorstr=#3Fffffff); 
}

@media (max-width:580px){
	#topnav ul li#nav-blog a{ margin-left:0}
	#topnav ul li a{
		padding:8px 8px 8px 8px;
		font-weight:normal;
	}
}

@media (max-width:667px) and (orientation:landscape){#topnav ul li a{ padding:4px 8px 4px 8px; } }


/* main & content
-------------------------------------------------------------- */

#main{
	margin: 16px auto 0px auto;
	width: 960px;
}

@media (max-width:992px){
	#main {
		width: auto;		
		margin: 0;
	}
}


#content{
	width: 664px;
	display: inline;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	background-color:#eee;
	background-color:#f9f7f8;
}

.home #content{
	width:auto;
	float:none;
	display:block;
}

/* css3 desktop */
@media (min-width:993px){
	#content{
		-webkit-border-top-left-radius: 16px;
		-moz-border-radius-topleft: 16px;
		border-top-left-radius: 16px;
	}
	
	.single-post #content{
		-webkit-border-bottom-right-radius: 16px;
		-moz-border-radius-bottomright: 16px;
		border-bottom-right-radius: 16px;
	}
	
	.boxshadow{		
		-moz-box-shadow: -2px 2px 5px #111;
  		-webkit-box-shadow: -2px 2px 5px #111;
  		box-shadow: -2px 2px 5px #111;
	}
}

#sidebar{
	width: 264px;
	display: inline;
	float: left;
	margin: -16px 8px 0px 8px;
}

@media (max-width:992px){
	#content, #sidebar{ /*display sidebar below content */
		width:auto;
		float:none;
		display:block;
		margin:0;
		overflow:hidden;
	}
}


/* headings */

h1, h2, h3, h4{
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
	padding:0;
}

h1{
	font-size:3em;
	margin:0;
	margin-left:-4px;
	font-family: 'Pacifico', sans-serif;
	font-weight:normal;
}
h1 a{
	color:#f9f7f8;
	text-decoration:none;
	text-shadow: -1px 2px 2px #d40000;
	filter: dropshadow(color=#d40000, offx=-1, offy=2);
}
h1 a:hover{color:white}

h2{
	font-size:2em;
	margin:-4px 0px 8px 0px;
	clear:both;
	font-weight:700;
	line-height:1.2em;
}

h3{
	font-size:1.5em;
	margin: 16px 0px 16px 0px;	
	line-height:1.2em;
}

h4{
	font-size:1em;
	margin: 16px 0px 16px 0px;	
	text-transform:uppercase
}

@media (max-width:667px){
	h1{ font-size: 2em}
	h2{
		margin:-2px 0px 8px 0px;
		font-size:1.5em;
	}
	h3{font-size:1.3333333em;}
	h3, h4{margin:0px 0px 8px 0px;}
}

@media (max-width:667px) and (orientation:landscape){
	h1{font-size:1.5em;}
	#header .pad{
		padding-top:4px;
		padding-bottom:4px;	
	}
}


/* Archive */

@media (min-width:581px){
	.home .entry{max-width: 720px;margin:0 auto;}
}

#content .short-post h3{ margin:0px 0px 8px 0px; }

#content .short-post.protected h3 span{
	background: url('images/padlock-darkgrey.png') 0px 6px no-repeat;
	padding-left:16px;
}

.short-post{
	padding:8px 9px 0px 8px;
	margin: 8px -8px 8px -8px;
	background:#fff;
}

.short-post .excerpt{ margin-bottom:16px; }

.entry-date{
	margin: -8px 0px 8px 0px;
	font-size:0.833333333em;
	font-weight:400;
	line-height:1.2;
}

.short-post .thumbnail{
	display:block;
	float:right;
	width:204px;
	height:122px; 
	background: no-repeat center center #eee;
	margin: 0px 0px 8px 16px;
	text-decoration:none;
}


iframe.twitter-tweet{margin:8px auto !important;}

@media( max-width:580px){
	.short-post .thumbnail{
		width:122px;
		margin: 0px 0px 8px 8px;
	}
	.short-post{ xfont-size:12px; }
}

.post-type-archive-project #content,.post-type-archive-project #content, .term-interaction #content, .term-development #content, .single-project #content{
	width: auto;
	display: block;
	float: none;
}

.promos{
	margin:0px -16px 0px 0px;       
	padding:0;
	list-style:none;
}


.promo{
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	display:block;
	width:33.3333%;
}

.promo .img{
	margin:0px 16px 16px 0px;
	background:#fff center center no-repeat;
}

.promo a{
	display:block;
	position:relative;
	color: white;
	height:224px;
	text-decoration:none;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(8,0,3,0) 30%, rgba(25,0,10,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(8,0,3,0)), color-stop(100%,rgba(25,0,10,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,0,3,0) 30%,rgba(25,0,10,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,0,3,0) 30%,rgba(25,0,10,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(8,0,3,0) 30%,rgba(25,0,10,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(8,0,3,0) 30%,rgba(25,0,10,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9919000a',GradientType=0 ); /* IE6-9 */

}

.promo a .title{
	position:absolute;
	bottom:0px;
	left:0px;
	padding:16px 16px 16px 16px;
	display:block;
	color: white; 
	margin:0; 
	text-decoration:none;
	width:auto;
	font-weight:400;
	font-size:1.333333333em;
	line-height:1.2em;
}

.promo a:hover {
	
	background: -moz-linear-gradient(top, rgba(255, 0, 64,0.2) 0%, rgba(255, 0, 64,0.80) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 0, 64,0.2)), color-stop(100%,rgba(255, 0, 64,0.80))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 0, 64,0.2) 0%,rgba(255, 0, 64,0.80) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 0, 64,0.2) 0%,rgba(255, 0, 64,0.80) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 0, 64,0.2) 0%,rgba(255, 0, 64,0.80) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 0, 64,0.2) 0%,rgba(255, 0, 64,0.80) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ff0040', endColorstr='#ccff0040',GradientType=0 ); /* IE6-9 */
}

.promo.protected a .title span{
	background: url('images/padlock.png') 0px 8px no-repeat;
	padding-left:18px;
}

@media (max-width: 860px){ /* FIX THIS!!!!! */
	.promo{width:50%; }
}

@media (max-width: 667px){
	.promos{margin:0px -8px 0px 0px; }
	.promo .img{ margin:0px 8px 8px 0px; }
	.promo a .title{ padding:8px; font-size:1em; }
	.promo a{text-decoration:none; }
	.promo.protected a .title span{ background-position:0px 4px; }
	.promo a{height:150px;}
}

@media (max-width: 667px) and (orientation: landscape ){
	.promo{width:33.33%; }
	.promo a{height:124px;}
}

/* next/prev promos */

.nppromo a{
	display:block;
	background-color:#f06;
	color:white;
	float:left;
	width:365px;
	margin:16px 0px;
	height:75px;
	overflow:hidden;
}

.nppromo a:hover{ background-color:#f09; }

.nppromo.next a{ float:right }

@media (max-width: 779px){
	.nppromo a, .nppromo.next a{ 
		float:none;
	}
}

@media (max-width: 580px){
	.nppromo a{ 
		width:auto;
		max-width:400px;
		margin:8px 0px;
	}
}

.nppromo .arrow{
	display:block;
	width:32px;
	text-align:center;
	vertical-align:middle;
	float:left;
	padding-top:28px;
}

.nppromo.next .arrow{ float:right; }

.nppromo .img{
	height:75px;
	width:100px;
	background-color:white;
	background-position:center center;
	display:block;
	background-repeat:no-repeat;
	float:left;
	margin-right:12px;
}

.nppromo.next .img{
	margin-right:0;
	margin-left:12px;
	float:right;
}

.nppromo .title{
	display:block;
	text-align:left;
	padding:8px 12px 0px 0px;
	height:75px;
	margin:0;
	line-height: 1em;
	font-size:1.2em;
	box-sizing:border-box;
	font-weight:400;
}

.nppromo.next .title{ text-align:right; padding: 8px 0px 0px 12px;}

.nppromo .title .titletext{
	display:block;	
	text-overflow:ellipsis;
	max-height:45px;
	overflow:hidden;
	font-weight:400;
}
.nppromo .title .date{
	font-weight:100;
	font-size:0.8333em;
}

.nppromo.next .title{ text-align:right; }

hr.divider{
	border:0;
	border-top:1px solid #c6adb7;
	height:1px;
	margin:16px 0px 16px 0px;
}
h3.np{
	color:#c6adb7;
	text-transform:uppercase;
	line-height:1em;
	margin:0;
	font-weight:400;

}

/*content */

.post-edit-link{
	font-size:14px;
	background-color:#ccc;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 8px 2px 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#content .navigation .nav-previous, #content .navigation .nav-next{
	float:left;
	width:49%;
	margin-bottom:16px;
	font-size:0.833333333em;
	font-weight:400;
}
#content .navigation .nav-next{ 
	float:right; 
	text-align:right;
}

#content .post-password-required h2{
	background: url('images/padlock-darkgrey.png') 0px 14px no-repeat;
	padding-left:16px;	
}

.post-password-required .entry{
	background-color:white;
	padding:8px;
	margin:16px -8px 16px -8px ;	
}

.post-tags a{
	background:#bbb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	padding:4px 8px 4px 8px;
	font-size:0.75em;
	color:#fff;
}
.post-tags a:hover{background-color:#f09; } 

.meta{ font-size:0.75em; }
.comment-sprite, .add-comment-sprite{
	background:url(images/comments-sprite-pink.png)	 no-repeat;
	color:white;
	padding:2px 4px 0px 4px;
	width:14px;
	height:20px;
	display:block;
	float:left;
	text-align:center;
	margin-right:4px;
	line-height:1.2;
	font-size:14px;
}
.add-comment-sprite{
	margin-left:16px; 
	padding:0px 4px 2px 4px;
}
#comments .add-comment-sprite{ margin-left:0px;}
a:hover .comment-sprite, a:hover .add-comment-sprite{background-position:bottom left;}
.comment-text{float:left; font-weight:400; font-size:14px;}


ul.links {list-style:none;margin:32px 0;padding:0;}
ul.links li{ margin:0px 0px 8px 0px; padding:0;}
ul.links li a{ padding:4px 0px 0px 40px; height:32px;display:block; background: left center no-repeat; }
ul.links li.linkedin a{background-image: url('images/icon-linkedin.png');}
ul.links li.twitter a{background-image: url('images/icon-twitter.png');}

/* images & captions */

.wp-caption{
	padding:8px 0px 0px 0px;
	overflow:hidden;
	margin: 16px -8px 16px -8px;
}

.wp-caption img{ 
	display:block;
	border:0; 
}

img.alignright, .wp-caption.alignright{
	float:right;
	margin:4px 0px 16px 16px;
	padding:0;
}

img.alignleft, .wp-caption.alignleft{
	float:left;
	margin:4px 16px 16px 0px;
	padding:0;	
}

.wp-caption.aligncenter{
	margin: 0px auto 0px auto;
}

p.wp-caption-text{
	text-align:center;
	margin:0 auto;
	padding:2px 4px 8px 4px;
	font-weight:400;
	color:#888;	
	max-width:800px;
}

.wp-caption img, img.aligncenter, img.alignleft, img.alignright{ box-shadow:0px 0px 1px 1px rgba(0,0,0,0.05); }

img.aligncenter{display:block; margin:0px auto 0px auto;}

.profileimg img{display:block;margin:20px auto 40px auto;}

@media (max-width: 832px) {
	.wp-caption.aligncenter, img.aligncenter{
		float:none;
		margin:0px auto 8px auto;
		padding:0;
		max-width:100% !important;
	}
	.wp-caption.aligncenter img, img.aligncenter{
		width:auto;
		height:auto;
		max-width:100% !important;
		max-height:580px;
		margin:0px auto 0px auto;
		padding:0;
		display:block;
	}
	
	p.wp-caption-text{	padding:4px 4px 8px 4px; }
}

@media (max-width: 580px) {  
	
	.wp-caption.alignright, .wp-caption.alignleft{width:100% !important;}
	.wp-caption.alignright, .wp-caption.alignleft, img.alignright, img.alignleft, img.alignnone{
		float:none;
		margin:0px 0px 8px 0px;
		padding:0;
	}
	.wp-caption.alignright img, .wp-caption.alignleft img, img.alignright, img.alignleft, img.alignnone{
		width:auto;
		height:auto;
		max-width:100%;
		margin:0px auto 0px auto;
		padding:0;
		display:block;
	}
	
	p.wp-caption-text{
		font-size:0.833333333em;	
	}
	
	.wp-caption.aligncenter img, img.aligncenter{  max-height:500px; }
}
@media (max-width: 667px) and (orientation:landscape) {
	.wp-caption.alignright, img.alignright{
		float:right;
		max-width:50%;	
		margin:2px 0px 8px 8px;	
	}
	.wp-caption.alignleft, img.alignleft{
		float:right;
		max-width:50%;	
		margin:2px 8px 8px 0px;	
	}
	
	.wp-caption.aligncenter img, .wp-caption.alignright img, .wp-caption.alignleft img, img.aligncenter, img.alignright, img.alignleft, img.alignnone{ max-height:300px; }
	
	p.wp-caption-text{
		font-size:0.833333333em;	
	}
}

pre{
	overflow:scroll;
	background-color:white;
	font-size:0.75em;
	padding:16px;	
	max-height:150px;
	margin:16px 0px 16px 0px;
}

@media (max-width:580px){
	pre{
		white-space:pre-wrap;
		overflow:visible;
		max-height:none;
		margin:8px 0px 8px 0px;
	}
}

/* comments */

#comments{	
	background-color:#bbb;	
	color:#444;
}

@media (min-width:580px){
	#comments{
		-webkit-border-bottom-right-radius: 16px;
		-moz-border-radius-bottomright: 16px;
		border-bottom-right-radius: 16px;
	}
}

#comments a{ color:#eee }
#comments a:hover{ color:#fff }
p.comments_rss{
	float:right;
	text-align:right;	
	margin:0px 0;
}

p.comments_rss a{
	padding:4px 28px 0px 0px;
	height:18px;
	display:block;
	background:url(images/comments-feed-sprite.png) no-repeat right top;
}

p.comments_rss a:hover{ background-position:bottom right; }
h3#comments-title{ margin-top:0px}
ol.commentlist{
	list-style:none;
	margin:0;
	padding:0;	
}

li.comment{
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	margin:0;
	margin-bottom:8px;
	background-color:#aaa;	
	padding:16px;
}

li.comment ul{
	list-style:none;
	padding:0;
	margin:0px 0px 0px 32px;
}

li.comment li.comment{	background-color:#eee;}
p.comment-form-author, p.comment-form-email, p.comment-form-url{ clear:both	}

p.comment-form-author label, p.comment-form-email label, p.comment-form-url label{
	float:left;	
	width:100px;
	display:block;
	padding-top:4px;
}

input#author, input#url, input#email{
	width:200px;
	display:block;
	float:left;
	margin:0px 0px 16px 0px;
	padding:4px;
	border:2px solid white;
}

input#author:focus, input#url:focus, input#email:focus, textarea#comment:focus{ border-color:#999}
p.comment-form-comment{	clear:both;	}
p.comment-form-comment label { display:block; }

textarea#comment{ 
	border:2px solid white;
	margin:8px 0px 0px 0px;
	width:620px;
	padding:4px;
}

input.submit{
	background: #666666;
	background: -moz-linear-gradient(top, #666666 0%, #444444 49%, #333333 50%, #555555 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(49%,#444444), color-stop(50%,#333333), color-stop(100%,#555555));
	background: -webkit-linear-gradient(top, #666666 0%,#444444 49%,#333333 50%,#555555 100%);
	background: -o-linear-gradient(top, #666666 0%,#444444 49%,#333333 50%,#555555 100%);
	background: -ms-linear-gradient(top, #666666 0%,#444444 49%,#333333 50%,#555555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#555555',GradientType=0 );
	background: linear-gradient(top, #666666 0%,#444444 49%,#333333 50%,#555555 100%);
	padding:6px;
	font-weight:400;
	font-size:1em;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	width:45%;
	margin:8px auto 0px auto;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:2px solid #666;
}

input.submit:hover, input.submit:focus{ color: white; border-color:#999 }

@media (max-width:580px){ input#author, input#url, input#email, textarea#comment{ width:292px; } }


/*sidebar */

.sidebox{
	background:#bbb;
	color:#444;
	font-size:0.875em;
	margin-top: 16px;
}

.sidebox a{ color:#eee;	}
.sidebox:hover a:hover{ color:#fff }

.sidebox h3{ margin:0px 0px 16px 0px;font-size:1.5em; }

.sidebox ul{
	padding:0;
	margin:16px 0px 16px 16px;	
}

@media (min-width:581px){
	.sidebox{
		-webkit-border-bottom-right-radius: 16px;
		-webkit-border-top-right-radius:16px;
		-moz-border-radius-bottomright: 16px;
		-moz-border-radius-topright: 16px;
		border-bottom-right-radius: 16px;
		border-top-right-radius: 16px;
	}
}
@media (max-width:580px){ 
	.sidebox {
		margin-top:0px;
		border-top:2px solid #eee;
		padding-bottom:12px;
	}
	.sidebox h3{ margin-bottom: 8px; }
}


/* twitter widget */
/* hide from mobile */
@media (max-width:580px){ #twit{ display:none; }	}

ul.tweet_list {
		list-style: none;
		margin: -8px -8px 0px -8px;
		padding: 0;
		overflow-y: hidden;
}
		
.tweet_list li {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 8px;
	margin:8px 0px 0px 0px;
	background-color: #aaa;
}
		
.tweet_list .tweet_avatar {
	padding-right: 8px;
	float: left;
}
		
.tweet_list .tweet_avatar img {
	vertical-align: middle;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* tag cloud */
ul.wp-tag-cloud{
	margin:-4px -4px 0px 0px;
	padding:0;
	list-style:none;	
}
ul.wp-tag-cloud li{
	margin:4px 4px 0px 0px;	
	float:left;
}
ul.wp-tag-cloud li a{
	display:block;
	background:#999;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	padding:4px 8px 4px 8px;
}
ul.wp-tag-cloud li a:hover{background-color:#f09;}

#author img.avatar{
	display:block;
	float:left;
	margin:0px 16px 8px 0px;	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


#wp_page_numbers {
	margin-top: 8px;
	width: auto;
	background: none;
	font-weight:400;
}
#wp_page_numbers ul{text-align:center;}

#wp_page_numbers ul, #wp_page_numbersn li,#wp_page_numbers a {
	padding: 0;
	margin: 0;
	list-style: none;
	word-spacing: 0px;
	text-decoration:none;
}

div#wp_page_numbers {
	margin: -4px 0px 4px 0px;
	width: 100%;
	clear:both;
}
#wp_page_numbers ul { margin:0 auto; }
#wp_page_numbers li {
	display: inline-block;
}
#wp_page_numbers a {
	padding: 4px 6px 4px 6px;
	display: block;
}
#wp_page_numbers li a:hover {

}
#wp_page_numbers li.disabled{display:none;}
#wp_page_numbers li.space { padding: 4px 6px 4px 6px; }
#wp_page_numbers li.first_last_page { font-style: italic; }
#wp_page_numbers li.active_page a {
	color: #666;
	font-weight:700;
}
#wp_page_numbers .page_info { padding: 4px 16px 4px 0px; display:inline-block; }