/*
Theme Name: Inorganik
Theme URI: http://www.inorganik.net
Description: This theme has no organic elements whatsoever ;)
Author: Jamie Perkins
Author URI: http://www.inorganik.net
Tags: inorganik
*/

/* COLORS 

#3d1403 - DK BROWN
#4d63bc - INDIGO
#94a1d7 - LT INDIGO
#e34309 - DK ORANGE
#ff7519 - ORANGE
#feb789 - LT ORANGE

*/

* { margin:0; padding:0; }

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3d1403;
	background:#ffffff;
}

@import url(../../../../blog/wp-content/_assets/like.css);

/* ----------------------------------------- structure */		

/* rest of structure on dynamic stylesheets:
style-concrete.css, etc */

#twocolwrap {
	float:left;
	display:inline;
	width:720px;
	margin-left:20px;
	background: transparent;
}
#leftcol {
	width:240px;
	float:left;
}
#middle {
	width:440px; height:auto;
	padding:0 20px;
	float:left;
	clear:none;
	text-align:left;
}
#designWrap {
	float:left;
	display:inline;
	width:960px;
	margin-left:20px;
	text-align:left;
	background: transparent;
}
#header a.home {
	float:left;
	width:959px;
	height:198px;
	display:block;
	text-decoration:none;
	color:#f0eff0;
	margin:0;
	padding:0;
}

/* -------------------------------------- type styling */

p {
	font-size:.85em;
	margin:0 0 .9em 0;
}
p.archivetext {
	display:inline;
	font-size:.8em;
	font-style:italic;
	line-height:.8em;
	color:#94a1d7;
}
p.finished {
	color:#94a1d7;
	font-style:italic;
}
p.subhead {
	font-size:.8em;
	margin:-0.5em 0 .9em 0;
}
p.itemdesc {
	font-size:.8em;
	line-height:1.2em;
}
p.mixtitle {
	display:block;
	font-weight:bold;
	margin:0 0 .5em 0;
}
p.mixtitle span {
	font-weight:normal;
	color:#ff7519;
	font-style:italic;
}
p.nohover {
	text-align:center;
}
	p.nohover a:hover {
		border:none;
	}
a {
	color:#4d63bc;
	text-decoration:none;
}
p a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,li a:hover,.navigation a:hover,#delicious-tags-inorganik a:hover,code a:hover {
	border-bottom:1px #4d63bc dotted;
	text-decoration:none;
}
span.sidenote {
	display:block;
	margin:.4em 0 .4em .8em;
	padding:.4em .4em .4em .8em;
	border:1px #4d63bc dotted;
	width:160px;
	float:right;
	font-style:italic;
	color:#4d63bc;
	font-size:.8em;
}
h1 {
	font-size:2.3em;
	line-height:1.0em;
	font-style:italic;
	font-weight:normal;
	margin:0 0 .25em 0;
}
h1.archive {
	display:inline;
}
h3, h3 a {
	color:#4d63bc;
	margin:0 0 .5em 0;
}
h3.itemtitle {
	color:#4d63bc;
	margin:0 0 .8em 0;
}
h3.single {
	color:#3d1403;
}
h3.inline {
	display:inline;
}
h4 {
	font-size:.9em; 
	margin:0 0 .5em 0;
}
#rightcol h4 {
	color:#4d63bc;
}
h4 a {
	color:#4d63bc;
	text-decoration:none;
}
h4.browse {
	display:inline;
	margin:0 15px 0 10px;
}
h5 { 
	font-weight:normal;
}
h6 {
	color:#e34309;
	margin:10px 0;
	font-size:.65em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
img, a img {
	border:none;
}
.item img {
	margin:0 0 .3em 0;
	border:none;
}
img.icon {
	display:inline;
	padding:0;
	margin:0 0 -0.1em 0;
}
	img.icon a:hover {
		border:none;
	}
ul, ol {
	margin:0 0 .9em 3em;
}
ul li {
	list-style-type:square;
}
/* remove for IE */
ol li {
	list-style-type:decimal;
	margin-bottom:1em;
}
ul.desktop {
	float:left;
	width:210px;
	margin:5px 10px 0 0;
}
ul.desktop li {
	font-size:.9em;
	list-style-type:none;
}
ul.mixes {
	margin:20px 0 10px 0;
	padding:0;
}
ul.mixes li {
	list-style-type:none;
	margin:0;
	padding:0;
}
blockquote {
	width:400px;
	font-style:italic;
	margin:0;
	padding-left:40px;
	background-image:url(../../../../_images/quote.png);
	background-repeat:no-repeat;
}
#rightcol blockquote {
	width:auto;
	margin:0 0 0 20px;
	padding:0;
	background:none;
}
hr { display:none; }
abbr {
	border:none;
}
input {
	color:#3d1403;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:0.8em;
	border-top:none;
	border-right:none;
	border-bottom:1px #4d63bc solid;
	border-left:none;
	background:transparent;
}
label {
	margin:0;
	color:#94a1d7;
	font-family: Helvetica, Arial, sans-serif;
	font-size:.65em;
}
value {
	display:none;
	text-indent:999em;
}
textarea {
	margin:10px 0 3px 0;
	padding-left:3px;
	color:#3d1403;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:0.8em;
	line-height:1.25em;
	border:1px #4d63bc solid;
	background:transparent;
}
* html code, code {
	color:#000;
	background:#dadff1!important;
	padding:4px;
	font-size:1.1em;
	line-height:1.4em;
	margin-top:5px;
}
/* -------------------------------------- columns */

.col {
	float:left;
	display:inline:
}
.half {
	width:50%;
}

/* -------------------------------------- elements */

.date {
	text-align:right;
	margin:0.1em 0 0 0;
}
.post_title { 
}
.post {
	display:block;
	margin-bottom:17px;
	border-top:1px #e34309 dotted;
}
.entry {
	line-height:1.3em;
}
.entry ol, .entry ul {
	font-size:.85em;
}
.item {
	display:block; height:auto;
	overflow:visible;
	width:440px;
	float:left;
	margin-bottom:20px;
	border-top:1px #e34309 dotted;
}
	.item span {
		font-size:.8em;
		font-style:italic;
		color:#94a1d7;
	}
.center {
	text-align: center;
}
img.centered, img.aligncenter, .aligncenter, div.aligncenter {
	display: block;
	margin:20px auto;
}
.alignright {
	float: right;
}
img.alignright {
	display: inline;
	padding: 4px 0 3px 0;
	margin: 0 0 3px 10px;
}
.alignleft {
	float: left
}
img.alignleft {
	display: inline;
	padding: 4px 0 3px 0;
	margin: 0 10px 3px 0;
}
.entry ol li img, .entry ol li a img {
	margin-left:-3em;
}
.hidden {
	display: none;
}
.quote {
	font-size:2.5em;
	line-height:1.25em;
	font-style:italic;
}
.navigation {
	display:block;
	text-align:center;
	margin-bottom:50px;
	}
#post_nav {
	height:35px;
	margin:0 10px 0 0;
	float:left;
	border-left:1px #4d63bc solid;
}
	#post_nav ul { 
		padding:0; margin:0;
		position:relative;
		background:transparent;
	}
	#post_nav li { 
		list-style-type:none;
		padding:0; margin:0;
		text-indent: -999em;
		display:block;
		float:left;
		border:none;
	}
	#post_nav a {
		padding:0; margin:0;
		width:35px; height:35px;
		text-indent: -999em;
		overflow:hidden;
		display:block;
		color:#4d63bc;
		cursor:pointer;
		border:none;
	}
.page-back a {
	background-image:url(../../../../_images/page-back.png);
}
.page-back a:hover {
	background-image:url(../../../../_images/page-back-a.png);
}
.page-forward a {
	background-image:url(../../../../_images/page-forward.png);
}
.page-forward a:hover {
	background-image:url(../../../../_images/page-forward-a.png);
}
.commentsBubble {
	width:22px; height:22px;
	padding:2px 0 0 0;
	margin:2px 5px 3px 0;
	display:inline;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.65em;
	text-align:center;
	overflow:hidden;
	background:transparent url(../../../../_images/comment-icon.png);
}
.comments-link {
	color:#ffffff;
	display:block;
	width:22px; height:24px;
	border:none;
}
.postmetadata {
	color:#94a1d7;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.65em;
	line-height:1.25em;
	text-transform:uppercase;
}
	.postmetadata a {
		color:#4d63bc;
	}
	.postmetadata ul {
		font-size:inherit;
	}
	.postmetadata li {
		margin:0;
		padding:0;
		line-height:1.1em;
		font-size:inherit;
		list-style-type:none;
	}
.mixDesc {
	margin:0;
	padding:0;
	width:400px;
	display:block;
	float:left;
}
	.mixDesc p {
		font-size:.75em;
		line-height:1.2em;
	} 
	.mixDesc ol {
		font-size:.75em;
		line-height:1.2em;
	}
	.mixDesc ol li {	
		list-style-type:decimal;
	}
.wp-caption {
	font-style:italic;
	font-size:.8em;
}
.wp-caption p.wp-caption-text {
	font-style:italic;
	font-size:.9em;
}
.headcol-left {
	width:479px;
	float:left;
	text-align:left;
}
.headcol-right {
	width:480px;
	float:left;
	text-align:right;
}
#themeselection {	
	display:inline;
	margin:-5px 15px 0 0;
}
#header form {
	display:inline;
}
#header img {
	margin-bottom:-3px;
}
#dataflash {
	border:none;
	margin:.3em 0;
}

/* ----------------------------------------- comments */

#comments {
	float:left;
}
#comments ol {
	margin:0 0 15px 0;
	padding:0 0 0 20px; 
	font-size:.85em;
	float:left;
}
#comments li {
	list-style-type:decimal;
	text-align:right;
	margin:10px 0 0 0;
	width:420px;
	background:transparent url(../../../../_images/bubble-tail-right.png) top right;
	background-repeat:no-repeat;
}
.bubble {
	display:block;
	width:370px;
	padding:10px 10px 1px 10px;
	background:transparent url(../../../../_images/see-through-indigo.png);
}
#comments li.alt .bubble {
	display:block;
	width:370px;
	padding:10px 10px 1px 10px;
	background:transparent url(../../../../_images/see-through-indigo.png);
}
#comments li p {
	text-align:left;
	font-size:.9em;
	margin:.8em 0;
}
#comments li img {
	float:right;
	padding:0 0 0 5px;
}
#comments li.alt {
	text-align:left;
	padding-left:30px;
	background:transparent url(../../../../_images/bubble-tail-left.png) top left;
	background-repeat:no-repeat;
}
#comments li.alt img {
	float:left;
	padding:0 5px 0 0;
}
.commentmetadata {
	font-family:Helvetica, Arial, sans-serif;
	margin:3px 0 0 0;
	color:#4d63bc;
	font-size:.8em;
}
#commentform {
	width:423px;
	margin:0 0 20px 0;
	padding:10px 0 10px 15px;
	border:1px #94a1d7 dotted;
}
#commentform input {
	width:400px;
	margin:5px 0 3px 0;
	padding:0 0 2px 0;
}
#commentform textarea {
	width:400px; height:156px;
}
#commentform #submit {
	width:64px; height:32px;
	text-indent: -999em;
	cursor:pointer;
	border:none;
	background:transparent url(../../../../_images/submit-button.png) no-repeat;
}
#commentform #submit:hover {
	background:transparent url(../../../../_images/submit-button-a.png) no-repeat;
	text-indent: -999em;
}
#commentform #submit label {
	display:none;
	text-indent:999em;
	color:#0000FF;
	visibility:hidden;
}

/* ------------------------------------------- search */

#searchform {
	width:212px;
	margin:5px 0 0 0;
	padding:3px;
	text-align:left;
	border:1px #94a1d7 dotted;
	background:transparent  url(../../../../_images/see-through-white.png);
}
#searchform input {
	display:inline;
	/* width:151px; ----- width for IE */
	width:158px;
	height:20px;
	text-align:left;
	margin:0 2px 0 0; 
	padding:5px 0 0 0;
	font-size:inherit;
	border:none;
}
#searchform #searchsubmit {
	display:inline;
	width:52px; height:26px;
	margin:0; padding:0;
	text-indent: 999em;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	border:none;
	background:transparent url(../../../../_images/search-button.png) no-repeat;
}
#searchform #searchsubmit:hover {
	background:transparent url(../../../../_images/search-button.png) no-repeat;
	/* background-position:-52px 0; */
	cursor:pointer;
}

/* ----------------------------------------- left col */

#nav_cluster {
	width:240px;
	height:400px;
	float:left;
	overflow:hidden;
}
	#nav_cluster img { 
	}
	#nav_cluster ul { 
		padding:0; margin:0;
		position:relative;
		background:transparent;
	}
	#nav_cluster li { 
		list-style-type:none;
		width:80px; height:80px;
		display:block;
		padding:0; margin:0;
		float:left;
	}
	#nav_cluster a {
		width:80px; height:80px;
		display:block;
		text-indent: -999em;
		color:#e34309;
		cursor:pointer;
		border:none;
	}
	#nav_cluster a:hover {
		cursor:pointer;
	}
	
.nav_blog a {
	background-image:url(../../../../_images/button-blog.png);
}
.nav_blog a:hover {
	background-image:url(../../../../_images/button-blog.png);
	background-position:-80px 0;
}
.nav_work a {
	background-image:url(../../../../_images/button-work.png);
}
.nav_work a:hover {
	background-image:url(../../../../_images/button-work.png);
	background-position:-80px 0;
}
.nav_dj-mixes a {
	background-image:url(../../../../_images/button-dj-mixes.png);
}
.nav_dj-mixes a:hover {
	background-image:url(../../../../_images/button-dj-mixes.png);
	background-position:-80px 0;
}
.nav_stuff a {
	background-image:url(../../../../_images/button-stuff.png);
}
.nav_stuff a:hover {
	background-image:url(../../../../_images/button-stuff.png);
	background-position:-80px 0;
}
.nav_data a {
	background-image:url(../../../../_images/button-data.png);
}
.nav_data a:hover {
	background-image:url(../../../../_images/button-data.png);
	background-position:-80px 0;
}
.nav_on-tap a {
	background-image:url(../../../../_images/button-on-tap.png);
}
.nav_on-tap a:hover {
	background-image:url(../../../../_images/button-on-tap.png);
	background-position:-80px 0;
}
#leftcol_lower {
	float:left;
	clear:left;
	width:240px; height:auto;
	overflow:visible;
	background:url(../../../../_images/nav-block-c.png) no-repeat top center;
}
.tagCloud {
	text-align:justify;
}
#leftcol_low_inner {
	padding:20px 20px 10px 20px;
	overflow:visible;
	background: transparent;
}
.ltorange {
	color:#feb789;
	font-size:.7em;
}
#delicious-tags-inorganik {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.35em;
	text-align:left;
}
.sidebar-title {
	display:none;
}

/* ----------------------------------------- right col */

#rightcol {
	width:240px; 
	float:left;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	display:inline;
	overflow:hidden;
	border-bottom:1px #4d63bc solid;
	background:transparent url(../../../../_images/inorganik_houndstooth.png) repeat;
}

#twitterContainer {
	margin:5px 10px 10px 10px;
}
ul#twitter_update_list {
	font-size:.75em;
	margin:0 0 10px 0;
}
ul#twitter_update_list li {
	padding:5px 0;
	list-style-type:none;
	border-bottom:1px #e34309 dotted;
}

#vertical_container {
	width:240px;
	margin:0;
	padding:0;
	background:transparent;
}
.minicon-title {
	width:240px;
	margin:0 0 2px 0;
}
.accordion_toggle {
	width:220px; height:auto;
	margin:0 0 2px 0;
	padding:0 10px;
	line-height:1.6em;
	font-weight:normal;
	color:#4d63bc;
	display:block;
	cursor:pointer;
	overflow:hidden;
	background-image:url(../../../../_images/see-through-indigo.png);
}
	.accordion_toggle_active {
		background:transparent;
		font-weight:bold;
	}
h5.seeAll {
	width:240px; height:auto;
	margin:0 0 2px 0;
	padding-left:10px;
	line-height:1.6em;
	font-weight:bold;
}
.accordion_content {
		text-align:center;
		padding:0 10px;
		overflow:hidden;
	}
	.accordion_content p {
		text-align:left;
		font-size:.75em;
		line-height:1.2em;
	}
	.accordion_content img {
		border:4px #94a1d7 solid;
		display:block;
		width:122px;
		height:auto;
	}
		.accordion_content img:link {
			border:4px #94a1d7 solid;
		}
		.accordion_content img:hover {
			border:4px #4d63bc solid;
		}
.twoColList {
	margin:10px 0 0 10px;
	display:inline;
	float:left;
	width:110px;
}
.oneColList {
	margin:10px 10px 0 10px;
	display:inline;
	float:left;
	width:220px;
}
ul.sidebarlist {
	font-size:.85em;
	margin:0;
	padding:0;
}
	ul.sidebarlist li {
		list-style-type:none;
		color:#3d1403;
		margin:0;
		padding:0;
	}
		ul.sidebarlist li ul {
			margin:0; 
			padding:0 0 0 25px;
		}
			ul.sidebarlist li ul li {
				list-style-type:none;
				font-size:.9em;
				line-height:1.2em;
				text-indent:-10px;
			}

.orangeDivider {
	clear:both;
	width:220px; height:10px;
	display:block;
	margin:0 10px;
	border-bottom:1px #e34309 dotted;
}
#designNav {
	width:240px; height:auto;
	float:left; 
	margin:0;
	overflow:hidden;
}
	#designNav ul {
		padding:0; margin:0;
		position:relative;
	}
	#designNav li {
		list-style-type:none;
		width:60px; height:60px;
		display:block;
		padding:0; margin:0;
		float:left;
		cursor:pointer;
		overflow:hidden;
	}
	#designNav a {
		width:60px; height:60px;
		display:block;
		text-indent: -999em;
		color:#4d63bc;
		cursor:pointer;
		border:none;
		overflow:hidden;
	}
#design_nav img, #design_nav img a:hover  {
	border:none;
	padding:0;
	margin:0;
}
#this-piece {
	width:220px; 
	height:200px;
	float:left;
	display:block;
	margin:0;
	padding:10px;
}
#more-info {
	width:220px; 
	height:auto;
	float:left;
	display:block;
	margin:0;
	padding:0 10px;
}
.orangeDesignDivider {
	clear:both;
	width:220px; 
	display:block;
	margin-bottom:10px;
	border-bottom:1px #e34309 dotted;
}

/* ----------------------------------------- footer */

#footer {
	width:1000px;
	padding-top:5px;
	clear:both;
	float:left;
	font-size:.9em;
	text-align:center;
	background-image:url(../../../../_images/see-through-indigo.png);
}

/* -------------------------------------------- END */