/*

    Theme Name: Desktop Chaos

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

    Description: Desktop Chaos is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a>

    Version: 1.0

    Author: Evan Eckard

    Author URI: http://www.evaneckard.com/

*/



@font-face {

  font-family: Journal;

  src: url('/dyntxt/journal.ttf');

}



@font-face {

  font-family: RoughTypewriter;

  src: url('/dyntxt/rough_typewriter.otf');

}



@font-face {

	font-family: 'QikkiRegRegular';

	src: url('/fonts/Qarmic/Qarmic_sans_Abridged-webfont.eot');

	src: local('?'), url('/fonts/Qarmic/Qarmic_sans_Abridged-webfont.woff') format('woff'), url('/fonts/Qarmic/Qarmic_sans_Abridged-webfont.ttf') format('truetype'), url('/fonts/Qarmic/Qarmic_sans_Abridged-webfont.svg#webfontEUDLSTHZ') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'PaulMaulRegular';

	src: url('PaulMaul-webfont.eot');

	src: local('?'), url('/fonts/PaulMaul/PaulMaul-webfont.woff') format('woff'), url('/fonts/PaulMaul/PaulMaul-webfont.ttf') format('truetype'), url('/fonts/PaulMaul/PaulMaul-webfont.svg#webfontfuFMRbLz') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'PaulMaulBold';

	src: url('PaulMaul-b-webfont.eot');

	src: local('?'), url('/fonts/PaulMaul/PaulMaul-b-webfont.woff') format('woff'), url('/fonts/PaulMaul/PaulMaul-b-webfont.ttf') format('truetype'), url('/fonts/PaulMaul/PaulMaul-b-webfont.svg#webfontMOkNRkDS') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'MinisystemRegular';

	src: url('minisystem-webfont.eot');

	src: local('?'), url('/fonts/MiniSystem/minisystem-webfont.woff') format('woff'), url('/fonts/MiniSystem/minisystem-webfont.ttf') format('truetype'), url('/fonts/MiniSystem/minisystem-webfont.svg#webfontRwg7rcmn') format('svg');

	font-weight: normal;

	font-style: normal;

}





body {

	background:url(/templates/desktop/images/page-back.gif) repeat-x #6c3c24;

	margin:0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

}



#outer {

	background:url(/templates/desktop/images/paper-back.jpg) repeat-y 50% 0;

}



#inner {

	background:url(/templates/desktop/images/outer-back.jpg) no-repeat top center;

}



#container {

	width:960px;

	margin:0 auto;

}



/* blog name title */



#blog-title {

	padding:46px 0 0 60px;

	font-size:11px;

}



#blog-title .title {

	display:block;

	width:400px;

	height:26px;

	overflow:hidden;

	color:#000;

	font-size:1.5em;

	font-family: RoughTypewriter;

}



#blog-title .title a {

	color:#000;

	text-decoration:none;

}



.article_separator {

border-top: 4px double #000000;

display: block;

width: 95%;         

margin-left: 10px;

margin-top:  10px;

}



/* search form */

#container .search {

	text-align:right;

	padding:6px 20px 0 0;

}



#container .search form {

	padding:0;

	margin:0;

}



#container .search .inputbox, #archivemenu {

	border:1px solid #fff;

	width:170px;

	margin:0;

	padding:3px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size:12px;

	background:transparent;

}



#container .search .btnSearch {

	border:1px solid #fff;

	color:#fff;

	margin:0;

	padding:2px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	background:url(/templates/desktop/images/btn-back.gif) transparent;

	cursor:pointer;

}



/* content */



#container blockquote {

	padding:0 0 0 30px;

}



#container .col01 {

	float:left;

	width:420px;

	font-size:12px;

	line-height:18px;

	padding:50px 20px 0 40px;

}



#container .col01 h2 {

	font-size: 2.5em;

	line-height:1em;

	font-weight:normal;

	font-family: PaulMaulBold;

	margin:0;

	padding:0 0 14px;

	background:url(/templates/desktop/images/line.gif) repeat-x bottom;

}



.sidemenuhead, .moduletablelasttweet h3, .moduletable h3 {

	font-size: 2.3em;

	line-height:1.3em;

	font-weight:bold;

	font-family: PaulMaulBold;

	margin:0;

	padding:0 0 14px;

}



#container .col01 h2 a {

	color:#000;

	text-decoration:none;

}



#container .col01 h2 a:hover, #footer .inner a:hover {

	color:#005b85;

	text-decoration:underline;

}



#container .col01 .cat-title {

	background:url(/templates/desktop/images/line2.gif) repeat-x 0 23px;

	font-size:14px;

	padding:0 0 20px;

}



#container .col01 .post {

	padding-bottom:30px;

	font-size:14px;

	line-height:20px;

	font-family: Times New Roman, Times, Georgia, serif;

}



#container .col01 .post-content {

	position:relative;

}



#container .col01 .post-content a {

	color:#005b85;

}



#container .col01 .post-content a:hover {

	color:#0090d2;

	text-decoration:none;

}



#container .col01 .meta {

	font-size:11px;

	text-align:right;

	background:url(/templates/desktop/images/line2.gif) repeat-x;

	padding-top:8px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

}



#container .col01 .meta a {

	color:#000;

	text-decoration:none;

}



#container .col01 .meta a:hover {

	color:#005b85;

	text-decoration:underline;

}



div.tab-date, td.datetime {

	position:absolute;

	top:0px;

	left:-88px;

	height:82px;

	width:75px;

	background:url(/templates/desktop/images/date-back.gif) no-repeat;

  padding-top: 8px;

}



.month {

	text-align:right;

	display:block;

	padding:14px 8px 0 2px;

	font-size:11px;

	line-height:11px;

}



.day {

	text-align:right;

	display:block;

	padding:0 8px 0 0;

	font-size:18px;

	font-weight:bold;

}

.year {
  /*writing-mode:tb-rl;*/
  -webkit-transform: rotate(90deg);	
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  position: absolute;
  top: 23px;
  left: 1px;
}


/* column 2 */

#container .col02 {

	float:left;

	width:234px;

	font-size:11px;

	line-height:16px;

	position:relative;

	padding:115px 0 0 0;

}



#container .col02 .pages {

	background:url(/templates/desktop/images/pages-top.gif) no-repeat 0 0;

	height:66px;

}



#container .col02 .pages-inner {

	background:url(/templates/desktop/images/pages-back.gif) repeat-y 0 0;

	padding:6px 20px 0;

}



#container .col02 .pages-bottom {

	background:url(/templates/desktop/images/pages-bottom.gif) no-repeat 0 0;

	height:63px;

}



#container .col02 .pages-inner ul {

	margin:0;

	padding:0;

}



#container .col02 .pages-inner li {

	margin:0;

	padding:0;

	list-style:none;

	border-top:1px solid #ffdead;

}







#container .col02 .pages-inner li a {







	margin:0;







	padding:6px 2px 6px 24px;







	background:url(/templates/desktop/images/bullet-pages.gif) no-repeat 4px 8px;







	color:#005b85;







	display:block;







	width:167px;







	text-decoration:none;







}























#container .col02 .categories {







	background:url(/templates/desktop/images/categories-top.gif) no-repeat 0 0;







	height:109px;







}







#container .col02 .categories-inner {







	background:url(/templates/desktop/images/categories-back.gif) repeat-y 0 0;







	padding:6px 20px 0;







}







#container .col02 .categories-bottom {







	background:url(/templates/desktop/images/categories-bottom.gif) no-repeat 0 0;







	height:63px;







}







#container .col02 .categories-inner ul {



/*



	margin:0;







	padding:0;



*/



}







#container .col02 .categories-inner li {



/*



	margin:0;







	padding:0;







	list-style:none;







	border-top:1px solid #f6f3cf;



*/



}







#container .col02 .categories-inner a {



/*



	margin:0;







	padding:6px 2px 6px 24px;







	background:url(/templates/desktop/images/bullet-categories.gif) no-repeat 4px 8px;







	color:#005b85;







	display:block;







	width:167px;



	



	text-decoration:none;



*/



}







#container .col02 .pages-inner li a:hover, #container .col02 .categories-inner a:hover {







	background:url(/templates/desktop/images/bullet-pages-over.gif) no-repeat 4px 8px #d05e52;







	color:#fff;







}







#container .col02 .pages-inner li ul li {







	border-color:#f3cf99;







}







#container .col02 .pages-inner li ul li a {







	font-size:10px;







	background:url(/templates/desktop/images/bullet-pages-sm.gif) no-repeat 8px 9px;







}







#container .col02 .pages-inner li ul li a:hover {







	background:url(/templates/desktop/images/bullet-over-sm.gif) no-repeat 8px 9px #d05e52s;







}























/* column 3 */















#container .col03 {







	float:right;







	width:234px;







	font-size:11px;







	line-height:16px;







	position:relative;







	padding:20px 0 200px 0;







	background:url(/templates/desktop/images/col-03-bottom.jpg) no-repeat 50% 100%;







}







#container .col03 .recent {







	background:url(/templates/desktop/images/recent-top.gif) no-repeat 0 0;







	height:110px;







}







#container .col03 .recent-inner {







	background:url(/templates/desktop/images/recent-back.jpg) repeat-y 0 0;







	padding:6px 20px 20px;







}







#container .col03 .recent-inner ul {







	margin:0;







	padding:0;







}







#container .col03 .recent-inner li {







	margin:0;







	padding:0;







	list-style:none;







	border-top:1px solid #f6f3cf;







}







#container .col03 .recent-inner a {







	margin:0;







	padding:6px 2px 6px 24px;







	background:url(/templates/desktop/images/bullet-categories.gif) no-repeat 4px 9px;







	color:#005b85;







	display:block;







	width:167px;







	text-decoration:none;







}







#container .col03 .recent-inner a .listMeta {







	font-size:10px;







	line-height:14px;







}







#container .col03 .about {







	background:url(/templates/desktop/images/about-top.gif) no-repeat 0 100%;







	height:129px;







}







#container .col03 .about-inner {







	background:url(/templates/desktop/images/about-back.gif) repeat-y 0 0;







	padding:0 20px 10px 46px;







	font-size:11px;







	line-height:19px;







}







#container .col03 .about-inner p {







	margin:0 0 10px;







}















#container .col03 .about-bottom {







	background:url(/templates/desktop/images/about-bottom.gif) no-repeat left top;







	height:30px;







}





#container .col03 #ielastfm {

	padding:0 20px;

}



#container .col03 #ielastfm ul {

	margin:0;

	padding:0;

}



#container .col03 #ielastfm li {

	margin:0;

	padding:0;

	list-style:none;

	border-top:1px solid #734128;

}



#container .col03 #ielastfm a {

	margin:0;

	font-size:10px;

	line-height:14px;

	padding:4px 10px;

	color:#fff;

	display:block;

	width:174px;

	text-decoration:none;

}



#container .col03 #ielastfm a:hover {

	background:#562d19;

	color:#fff;

}



#container .col03 #dablastfm {

	background:url(/templates/desktop/images/pure_dab.jpg) no-repeat left top;

	padding:3px 20px 10px 46px;

	font-size:13px;

	line-height:19px;

  height: 146px;

  width: 240px;

}



#container .col03 #dablastfm #dablastfmfeed {

  position: relative;

  top: 66px;

  left: 60px;

  width: 88px;

  height: 20px;

  overflow: hidden;

}



#container .col03 #dablastfm #dablastfmfeed ul, #container .col03 #dablastfm #dablastfmfeed li {

	display: inline;

	margin: 0;

	padding: 50px;

	color: #339;

	font-weight: bold;

  font-family: MinisystemRegular, "Courier New", Courier, proportional, fixed;

  text-transform: upper;

  white-space:nowrap;

}



#container .col03 #dablastfm #dablastfmfeed li:before {

	content: "Recently played: ";

	}





#container .col03 .recent-inner a:hover {

	background:url(/templates/desktop/images/bullet-categories-over.gif) no-repeat 4px 9px #d05e52;

	color:#fff;

}































#container .col03 .links {







	background:url(/templates/desktop/images/links-top.gif) no-repeat 50% 20px;







	padding:58px 20px 20px;







}







#container .col03 .links ul {







	margin:0;







	padding:0;







}







#container .col03 .links li {







	margin:0;







	padding:0;







	list-style:none;







	border-top:1px solid #87573e;







}







#container .col03 .links a {







	margin:0;







	padding:4px 10px;







	color:#fff;







	display:block;







	width:174px;







	text-decoration:none;







}







#container .col03 .links a:hover {







	background:#562d19;







	color:#fff;







}























#container .col03 .meta-links {







	padding:0 20px;







}







#container .col03 .meta-links ul {







	margin:0;







	padding:0;







}







#container .col03 .meta-links li {







	margin:0;







	padding:0;







	list-style:none;







	border-top:1px solid #734128;







}







#container .col03 .meta-links a {







	margin:0;







	font-size:10px;







	line-height:14px;







	padding:4px 10px;







	color:#fff;







	display:block;







	width:174px;







	text-decoration:none;







}







#container .col03 .meta-links a:hover {







	background:#562d19;







	color:#fff;







}















/* footer */















#footer {







	width:960px;







	min-height:301px;







	background:url(/templates/desktop/images/footer.jpg) no-repeat 0 0;







	margin:0 auto;







	position:relative;







}







#footer .inner {







	padding:100px 0 0 270px;







	width:600px;







	font-size:12px;







	line-height:16px;







	color:#222;







	font-family: Times New Roman, Times, Georgia, serif;







}







#footer .inner a {







	color:#222;







	text-decoration:none;







}







#footer .icon-rss a {







	display:block;







	position:absolute;







	left:640px;







	top:85px;







	width:49px;







	height:49px;







	text-indent:-400px;







	overflow:hidden;







	background:url(/templates/desktop/images/icon-rss.gif) no-repeat 0 0;







}







#footer .icon-rss a:hover {







	background:url(/templates/desktop/images/icon-rss.gif) no-repeat 0 -49px;







}







#footer .icon-ele a {







	display:block;







	position:absolute;







	left:644px;







	top:145px;







	width:37px;







	height:37px;







	text-indent:-400px;







	overflow:hidden;







	background:url(/templates/desktop/images/icon-ele.gif) no-repeat 0 0;







}







#footer .icon-ele a:hover {







	background:url(/templates/desktop/images/icon-ele.gif) no-repeat 0 -37px;







}















/* dynamic sidebar */















#content .widget {







	display:block;







	padding:10px 20px;







	background:url(/templates/desktop/images/dynamic-back.jpg) repeat-y;







	border:1px solid #d4d4d4;







}















/* image handling */















img.centered, img.aligncenter {







	display: block;







	margin-left: auto;







	margin-right: auto;







	border:2px solid #B7AA7C;







}















img.alignright {







	padding: 4px;







	margin: 0 0 2px 7px;







	display: inline;







	border:2px solid #B7AA7C;







}















img.alignleft {







	padding: 4px;







	margin: 0 7px 2px 0;







	display: inline;







	border:2px solid #B7AA7C;







}















.alignright {







	float: right;







}















.alignleft {







	float: left







}





div.img_caption {

border:1px solid black;

margin: 5px;

}



p.img_caption {

font-size: .8em;

text-align: center;

line-height: 1em;

}





/* next previous */















.previous a {







	float:left;







	width:93px;







	height:33px;







	text-indent:-400px;







	background:url(/templates/desktop/images/link-older.gif) no-repeat 0 0;







	overflow:hidden;







}







.previous a:hover {







	background:url(/templates/desktop/images/link-older.gif) no-repeat 0 -33px;







}







.next a {







	float:right;







	width:93px;







	height:33px;







	text-indent:-400px;







	background:url(/templates/desktop/images/link-newer.gif) no-repeat 0 0;







	overflow:hidden;







}







.next a:hover {







	background:url(/templates/desktop/images/link-newer.gif) no-repeat 0 -33px;







}























/* comment styles */















.comments, .name, .email, .website, .txt-email-sub, .txt-website-example {







	display:block;







	text-indent:-800px;







	font-size:10px;







	overflow:hidden;







	margin:0;







	padding:0;







}







.comments {







	height:27px;







	background:url(/templates/desktop/images/txt-your-comment.gif) no-repeat;







}











.name, .email, .website {







	width:80px;







	float:left;







	margin-right:12px;







	clear:left;







}







.name {







	height:30px;







	background:url(/templates/desktop/images/txt-name.gif) no-repeat top right;







}







.email {







	height:30px;







	background:url(/templates/desktop/images/txt-email.gif) no-repeat top right;







}







.website {







	height:30px;







	background:url(/templates/desktop/images/txt-website.gif) no-repeat top right;







}







.txt-email-sub {







	height:20px;







	background:url(/templates/desktop/images/txt-email-sub.gif) no-repeat 90px 0;







	clear:both;







}







.txt-website-example {







	height:20px;







	background:url(/templates/desktop/images/txt-site-example.gif) no-repeat 90px 0;







	clear:both;







}







#commentform {







	padding:0;







	margin:0;







}







#commentform .comment-field {







	border:1px solid #000;







	width:290px;







	margin:0;







	padding:3px;







	font-family: Tahoma, Arial, Helvetica, sans-serif;







	font-size:12px;







	background:#fff;







	float:left;







}







#commentform .comment-box {







	border:1px solid #000;







	width:380px;







	margin:0 0 10px;







	padding:3px;







	font-family: Tahoma, Arial, Helvetica, sans-serif;







	font-size:12px;







	background:#fff;







}







#commentform .btnComment {







	border:1px solid #000;







	color:#fff;







	margin:0;







	padding:2px;







	font-family: Tahoma, Arial, Helvetica, sans-serif;







	font-size:14px;







	background:url(/templates/desktop/images/btn-back.gif) transparent;







	float:left;







	clear:left;







	cursor:pointer;







}























/* comment list */











.commentlist {



	margin:20px 0;







	padding:12px 0;







	background:url(/templates/desktop/images/line-inner.gif) no-repeat bottom;







	font-size:12px;







	line-height:20px;







	list-style:none;







}







.comment {



	margin-bottom: 20px;



	clear: both;



}







img.gravatar {



	float: left;



	padding: 0 15px 0 0;



}







.commentlist a {







	color:#000;







	position:relative;







	text-decoration:none;







	border-bottom:1px solid #868585;







	background:#f4f0db;







}







.commentlist a:hover {







	color:#000;







	text-decoration:none;







	border-bottom:1px solid #000;







	background:#fffbc1;







}







.commentdate {







	display:block;







	padding:0 0 6px;







	font-size:10px;







}







.comment cite {



	font-size: 14px;



	font-weight:bold;







}











/**



 * Styles for Human Messages



 */







/*



	HUMANIZED MESSAGES 1.0



	idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages



	home - http://humanmsg.googlecode.com



*/







.humanMsg {



	border: 10px solid #F8F8F8; 



	background-color: #D5DFDF;



	position: fixed;



	top: 200px;



	left: 25%;



	width: 50%;



	text-align: center; 



	display: none;



	opacity: 0;



	z-index: 100000;



	padding: 0px;



}







.humanMsg div {



	border: 3px solid #B2BFC1; 



	padding: 20px;    



}











.humanMsg p {



    font-family: Tahoma, Arial, sans-serif;



    font-size: 16px;



	color: #2D3435;



	display: inline; 



	}







.humanMsg em {          



	font-style: italic;    



}



        



.humanMsg a {



	display: none;



	}



	



#humanMsgLog {



	font: normal 10px Helvetica, Arial, Sans-Serif;



	color: #FFF;



	position: fixed;



	top: 0;



	left: 0;



	width: 100%;



	max-height: 160px;



	display: none;



	z-index: 9000;



	}







#humanMsgLog p {



	position: relative;



	left: 50%;



	width: 200px;



	margin: 0;



	margin-left: -100px;



	padding: 0 10px;



	line-height: 20px;



	background: #3E494A;



	text-align: center;



	white-space: pre;



	cursor: pointer;



	border: 1px solid #2E393A;	



	}







#humanMsgLog p:hover {



	background: #4B5657;



	}







#humanMsgLog ul {



	background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;



	margin: auto;



	padding: 0;



	position: relative;



	max-height: 180px;



	max-width: 700px;



	overflow: auto;



	display: none;



	}







#humanMsgLog ul li {



	color: #555;



	font-size: 12px;



	list-style-type: none;



	border-bottom: 1px solid #ddd;



	border-left: 1px solid #ddd;



	border-right: 1px solid #ddd;



	line-height: 28px;



	display: none;



	padding: 0 20px;



	position: relative;



	overflow: hidden;



	white-space: pre;



	}







#humanMsgLog ul li:hover {



	background: #f2f2f2;



	}







#humanMsgLog ul li:first-child {



	margin-top: 1px;



	}



	



#humanMsgLog ul li .error {



	color: orangered;



	}







#humanMsgLog ul li .indent {



	position: absolute;



	top: 0;



	left: 100px;



	margin-right: 200px;



	height: inherit;



	}



    







#tagcloud {



  text-align: justify;



}













ul.newsfeedlasttweet {



list-style: none;



padding: 0;



}







ul.newsfeedlasttweet a {



display: none;



}



.highslide-controls { visibility:hidden }

.highslide-wrapper .highslide-controls { visibility:visible; }