/* blessed you find me here */


/* add rels here for all the colours to have lots of colour layouts i can edit easily
a
a:hover
body bg colour
etc...
*/

body {background: #15151E; color: #959aa5; margin: 24px 36px 9px; padding: 0; font-family: Verdana, georgia, "lucida console", monaco, "andale mono"; font-size: 10pt} /* purple 130713*/

#header         {border:0px solid black; width: 340px; background: url(spiral_100.gif) no-repeat; height: 100%; float: left; margin: 0 0 0 0; padding: 0;}
#title          {border:0px solid #333; height: 130px; } /*140px height for title4.gif*/
#title h1       {border:0px solid red; margin: 0; padding: 0; height: 100px; width: 230px; position: relative; left: 100px; text-indent: -9000px; background: url(title7-animation.gif) no-repeat left -25px;}
#title a        {border:0px solid blue; width: 230px; height: 80px;  display: block;}
#title h1:hover {border:0px solid green; background: url(title7-animation.gif) no-repeat left -165px;}

#navigation {
			padding: 0;
			text-transform: ;
			letter-spacing: 0.1em;
			font-size: 12px;
/* 			font-family: "lucida console", monaco, "andale mono"; */
			line-height: 2.4em;
			text-align: right;
			}
#navigation ul {padding: 0 40px 0 0;}
#navigation li {margin: 0.2em 0; padding: 0; list-style: none; background: url(ibh.gif) no-repeat right -500px;} /*preload hover state to avoid flickering*/
#navigation a {color: #52676A; text-decoration: none; padding: 0.5em 0 0.5em 5px;/*  background: url(ib.gif) no-repeat right center; */}
#navigation a:hover {color: #8aaeb3}

#navlist {margin: 2em 0 0 0}
#twitter-nav a {text-transform: lowercase; font-family: "georgia" !important;}





/* general */
a {color: #52676A/* 75bbec */; text-decoration: none} /*pale green 92fd6d */
a:hover {color: #8aaeb3;}
a:hover > span {color: #fff !important;}
a img {border: 0}
img {margin: 15px; vertical-align: top}
p.bigger {font-size: 1.5em; color: #fff}
hr {display: none}
#separator {margin: 0 auto; display: block; padding: 150px 0}
h2 {font-size: 25pt; color: #52676A/* 51536f */; font-weight: normal; margin: 0 0 2em 0; border-bottom: 1px dotted #52676A; padding: 1em 0 7px 0; text-align: left}
h3 {font-size: 28pt; color: #1D1E28; font-weight: normal; text-align: center; margin: 3em 0 1.5em 0; text-decoration: none}















/* ||| === SITE === ||| */

.main {margin: 0 5px 0 400px; text-align: left;}

#home .main {text-align: center}
	#home .main img {max-width: 600px;}
	/* untitledface1: 800px 
	   creationegg:      px
	   min	dmarbles:      px
	*/
#home .section {width: 100%;}
.section {margin: 0 auto; width: 80%}


#splash {margin: 10px 10px 50px 10px; width: 100%}



#drawing .section {text-align: left}
#drawing .section img {min-width: 200px; width: 40%; max-width: 347px; margin: 3%;}




#animation .section {text-align: left; width: 800px;}
#animation .section .anim-box {padding: 20px 20px 20px 0;}
#animation .section .anim-box p {color: #ccc}
#animation p {}
#animation p.bigger {visibility: visible; text-align: center}
#animation .anim-box {}




#about .main {text-align: left; color: #888;}
#about .section img {margin: 0; width: 90%}
#about p {padding: 6em 0}

.about-lists {width: 30%; min-width: 200px; float: left; margin: 10px 1% 10px 0; padding: 2px 0 0 0em; color: #fff; border: 0px solid #097;}
.about-lists ul {list-style: none; padding: 0; margin: 20px 0; text-transform: lowercase;}
.about-lists li {list-style: none; margin: 0; padding: 0}


#portfolio .section .site {text-align: center}
#portfolio .section .design {text-align: center; margin: 60px 0}

#portfolio .site img {margin: 15px 0; width: 80%; max-width: 600px; min-width: 400px}

#portfolio .section a img {border: 1px dotted #52676A; padding: 4px}
#portfolio .section a img:hover {border: 1px dotted #8aaeb3; padding: 4px;}
#portfolio .section {margin: 1em 0;}

#portfolio .site:hover {position: relative; top: 0px;}





#footer {text-align: left; border: dotted #222; border-width: 1px 0 0 0; padding: 5px 0 0 0; margin: 85px 0 0 0; color: #444; font-size: 1em; clear: both; vertical-align: middle}




























/* tumblr flow */
#taglist {margin: 0 0 6em 0}

.tumblr_posts, #posts          {border: 0px solid #333;  list-style: none; padding: 11px 0 0 0; margin: 0; white-space: normal;}
.tumblr_posts li, #posts li    {border: 0px solid red; width: 80%; /* max-width: 800px */}
.tumblr_title                  {border: 0px solid red;padding: 1em; text-decoration: none}
.tumnlr_body img               {border: 0px solid red;}
.read_more_container           {border: 0px solid red;}
.read_more_container a         {border: 0px solid red;}
.tumblr_posts a                {border: 0px solid red;font-size: 2em}
.tumblr_paging                 {padding: 2em 0}
.tumblr_paging a               {text-transform: uppercase; color: #999; font-size: 1.5em}
.tumblr_paging a:hover         {color: white}
#tumblr_archive                {display: none}
						     			
#posts .posttext               {margin: 30px auto 122px auto; padding: 2em 0; max-width: 600px; font-family: "Lucida Grande"; text-align: left}
#posts .postphoto              {margin: 0 auto 92px auto; padding: 2em 0; width: 100%}
#posts .postphotoset           {margin: 0 auto 92px auto; padding: 2em 0}
#posts .postquote              {margin: 0 auto 92px auto; padding: 2em 0; max-width: 800px}
#posts .postlink               {margin: 0 auto 2em auto; padding: 3em 0; border: 0px solid cyan; max-width: 600px}
#posts .postchat               {margin: 0 auto 92px auto; padding: 2em 0}
#posts .postvideo              {margin: 0 auto 92px auto; padding: 2em 0}
#posts .postaudio              {margin: 0 auto 92px auto; padding: 2em 0}


#posts   .postlink .postbody   {padding: 1.5em 1em 2em 1em; background: #161616; border-radius: 12px}
#posts   .postlink a  	       {font-size: 2em; text-decoration: none; font-family: "helvetica";}
#posts   .postquote            {font-family: "Lucida Grande"; }
#posts   .postphoto img        {max-width: 100%; margin: 15px 0}

#posts .caption                {color: #888; letter-spacing: 0.3em; margin: 0 0 3em 0}

					       
					       
#posts h3                      {padding: 0 0 0em 0; letter-spacing: 0.3em; text-align: center; color: #444;}
#posts  h3 a                   {text-decoration: none; font-family: "helvetica"; color: #444;}
/*
#posts li img                     {max-width: 100%; border: 3px solid black; margin: 15px 0; padding: 3px}
#posts li img:hover               {max-width: 100%; border: 3px solid #333; margin: 15px 0; padding: 3px}
*/
					       
					       
					       
.postextras                    {margin: 20px auto 15px auto; min-height: 3em; min-width: 500px; max-width: 600px; text-transform: lowercase}
.postextras                    {visibility: hidden;}
#posts li:hover > .postextras  {visibility: visible}

.postextras ul                 {min-width: 200px; max-width: 600px; margin: 0 10px; padding: 10px 10px; list-style: none; text-align: center; display: inline;background: #161616; border-radius: 8px;}
.postextras li                 {display: inline; padding: 10px 0; margin: 20px 10px; list-style: none; display: inline; text-align: center;}

.postextras  a                 {color: #999;}

div.tumblr_notes {margin: 40px 0}
.notes {text-align: left; margin: 0 24px; padding: 6px 20px 6px 47px; background: #161616; border-radius: 8px}
.notes li {padding: 0; margin: 15px 0; display: block; text-align: left; text-indent: -29px}
.avatar {margin: 0 7px 0 0;padding: 0}




/* graphite-ish colour 282d32 */




#disqus_thread h3, .dsq-options, .dsq-brlink {display: none !important;}
#dsq-global-toolbar {margin: 35px 0 !important;}
.dsq-community-launcher toolbar-item dsq-tt {display: none !important;}
/*
.dsq-global-toolbar-dropdown-container {display: none !important;}
.dsq-global-toolbar-container td {background: none !important}
.dsq-global-toolbar-container img {display: none !important}
*/
.dsq-global-toolbar-container {display: none !important}
.dsq-global-toolbar-container .dsq-global-toolbar-likes {display: block !important}

.dsq-comment-count {font-size: 13px !important}

/* NB full information and explanantion at http://disqus.com/docs/css/ */
/* Added by ack! from http://wiki.disqus.net/CustomCSS */


/* Everything Disqus on your page is contained within this. */
#disqus_thread {
	color: #888 !important; 
	padding: 5px;
	max-width: 500px; margin: 30px auto;
}

/*The header at the top of posts.*/
.dsq-comment-header {
	background-color: #262626 !important;
	height: 50px;
	padding: 5px !important;
	}

/*The comments.*/
.dsq-comment-message {
    color: #888; 
    background: #000;
    padding: 15px !important;
    margin:5px 0 20px 0 !important;
	}
    
/*The box where a post is typed into.*/
textarea {
	color: #fff; 
    background: #000;
	}

textarea:after {
	}

/* The entire comment thread list.*/
#dsq-comments {margin: 50px 0 !important; display: block;/*  border: 1px solid #333 !important; */}

/* A single comment in the thread.*/
.dsq-comment {
	border: #00A8D6 2px solid; /* light blue border */
	margin-botom: 15px;
	}

/* The avatar image for the registered.*/
.dsq-header-avatar img, #dsq-comments img {width: 32px !important; height: 32px !important; border: none !important; padding: 0 !important; margin: 0 !important; display: none !important}
.dsq-header-avatar img:hover, #dsq-comments img:hover {width: 32px !important; height: 32px !important; border: none !important; padding: 0 !important; margin: 0 !important; display: none !important}

.dsq-avatar dsq-tt {width: 100px !important; height: 20px !important; display: block !important;}


/* The message body of a single comment post.*/
#dsq-content #dsq-comments .dsq-comment-body { } 

/*The footer contains the link to "reply."*/
.dsq-comment-footer {display: none !important}



/* The form elements (Name, Email, Website). */
input.form-text {
	font-size: 100%;
	background: #000 !important;
}

/* The submit button "Post". */
input.submit {
	background-color: #ffffff;
}

/* The main wrapper for the comment system. */
#dsq-content {
}

/* The toggle button for the thread options. */
#dsq-options-toggle {
	/* display: none; */
}

/* The links within the thread Options */
#dsq-extra-links {
	/* display: none; */
}

/* The comment rating arrows for posts. */
.dsq-comment-rate {
}

/* This is the meta information about the post (time stamp and points). */
.dsq-header-meta {
}

/* The message body of a single comment post. */
.dsq-comment-body {color: #888 !important; 

}

/* This contains and determines the style for the pagination links. */
#dsq-pagination {
}