/*  
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////

Theme Name: Zebra Striped
Theme URI: http://andrewrosinsi.com/themes/zebra-striped
Description: Zebra Striped typographic grid
Version: 1.0
Author: Andrew Rosinski
Author URI: http://andrewrosinski.com/
Tags: white, grid, whitespace, minimal, clean, widgets

Zebra Striped 1.0 is based on Grid Focus by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com

/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
*/


* {
	margin: 0;
	padding: 0;
	}
#stripes {
    background-image: url('http://earth-keeper.net/trembletremble/wp-content/uploads/2010/06/zebra-cyan.gif');
    background-repeat: repeat-x repeat-y;
	background-attachment: fixed;
    border: 1px solid #00FF00;
    } 
body {
	font-size: 62.5%;
	font-family: 'courier new', courier, 'Courier New', monospace, verdana ;
	text-align: center;
    background-color: #FFF;
    background-color: #EEEEEE;
    } 



/* 
///////////////////////
			HEADERS
///////////////////////
*/

h1 {
    font-size: 36px;
    font-family: 'Courier New', Courier, monospace, verdana ;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 1.5px;
    margin-top: 0px;
    margin-bottom: 0px;
    }

h2, h2 a:visited {
    font-family: 'Courier New', Courier, monospace, verdana ;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #00FFFF;
    margin-top: 25px;
    margin-bottom: 15px;
    letter-spacing: 1.1px;
    }

h2 a:hover {
    color: #FFFF00;
    background-image: url('http://earth-keeper.net/trembletremble/wp-content/uploads/2010/06/black-lines.gif');
    background-repeat: repeat;
    background-color: #FFF;
    }

h3 {
    font-size: 18px;
    font-family: 'Courier New', Courier, monospace, verdana ;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    background-color: #FFF;
    line-height: normal;
    margin-top: 25px;
    margin-bottom: 15px;
    }

h4 {
    font-family: Courier, 'Courier New', monospace, verdana ;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: lowercase;
    letter-spacing: 1.6px;
    line-height: normal;
    margin-top: 25px;
    margin-bottom: 15px;
    }

h5 {
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-transform: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 25px;
    margin-bottom: 15px;
    }

h6 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    line-height: normal;
    margin-top: 25px;
    margin-bottom: 15px;
    }



/* 
///////////////////////
			LYNXX
///////////////////////
*/

a {
    color: #00FFFF;
    outline: none;
    text-decoration: none;
    }

a:visited {
    color: #000000;
    color: #00FFFF;
    outline: none;
    text-decoration: none;
    }

a:hover {
    color: #00FFFF;
    background-color: #FFFF00;
    }

::selection {
    color: #FFFF00;
    background: #FF00CC; /* Safari */
    }
::-moz-selection {
    color: #FFFF00;
    background: #FF00CC; /* Firefox */
    }


/* 
///////////////////////
		sets the minimum(s) for the entire site
		off of which everything else is based on
///////////////////////
*/

#wrapper {
	font-size: 15px;
	line-height: normal;
        }

.nav li {
	line-height: 1.4em;
        }

.nav li a {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
        color: #000000;
        }

.nav li a span {
	color: #00FFFF;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
        letter-spacing: 2.4px;
        }

.nav li a.focus span {
	color: #00FFFF;
        }

.nav li a:hover,
.nav li a.focus {
	color: #FF00CC;
	font-weight: bold;
         }

.nav .searchField input {
	color: #777;
        }

.toggleCategories li a {
	color: #000000;
        }

.toggleCategories li a:hover {
        background-image: url('http://earth-keeper.net/trembletremble/wp-content/uploads/2010/06/black-lines.gif');
	background-repeat: no-repeat;
        background-color: #FFF;
	color: #000000;
	background-color: #FFF;
        text-transform: uppercase;
        }

    }
.postMeta {
	font-size: 0.9em;
	text-transform: uppercase;
        }

.postMeta span.date {
	color: #777;
	}

.postMeta span.comments a,
.postMeta span.date a {
	color: #000000;
	}

.post h2 {
	line-height: 1.2em;
	text-transform: uppercase;
	}

.entry a,
.secondaryColumn a,
#commentsContainer h3 a,
.commentlist .comment-author a {
	border-bottom: 0px solid #000000;
        color: #000000;
	background-color: #EEEEEE;
	font-weight: normal;
	}

.entry a:hover,
.secondaryColumn a:hover,
#commentsContainer h3 a:hover,
.commentlist .comment-author a:hover,
.commentlist .comment-meta a:hover {
        color: #FFFF00;
	background-color: #FFFF00;
	text-transform: uppercase;
	}

.secondaryColumn a, a:visited {
	font-weight: normal;
        color:  #00FFFF;
	text-decoration: line;
	}

.entry ul,
.entry ol,
.entry blockquote {
	color: #000000;
	font-style: normal;
	font-size: 13px;
	}

.secondaryColumn h3,
#commentsContainer h3 {
	font-size: 1.4em;
        }

#cancel-comment-reply-link {
    color: #9900FF;
    font-size: 0.8em;
    }

.commentlist .comment-meta a {
    color: #000000;
    }

.commentlist .comment-author cite {
    font-style: normal;
    font-weight: bold;
    }

.commentlist .comment-meta {
    font-size: 1.0em;
    }

#commentform p span input,
#commentform span textarea {
    color: #000000;
    font-family: 'Courier', 'Courier New', monspace, verdana;
    font-size: 1.4em;
    }

#paginateIndex {
    font-size: 1em;
    text-transform: uppercase;
    }

#footer p a {
	font-weight: normal;
    color: #00FFFF;
    text-transform: uppercase;
    }



/* 
///////////////////////
			MAIN STRUCTURE
///////////////////////
*/

#wrapper1 {
	margin: 0px auto;
	text-align: left;
	width: 885px;
	padding: 5px;
	padding-top: 10px;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url('http://trembletremble.com/wp-content/uploads/2010/09/zebrastripe-cyan.gif');
    background-repeat: repeat-x repeat-y;
	background-attachment: fixed;

    background-color: #FFF;
    }
#wrapper {
	border-left: 1px dotted #00FF00;
	border-right: 1px dotted #00FF00;
	margin: 5px auto;
	text-align: left;
	width: 842px;
	padding: 10px;
    background-color: #FFF;
    border: 1px solid #00FFFF;
    }
#masthead {
	padding: 0px 0;
    }

#filler {
	}
#mainColumn {
	float: left;
	margin: 28px 0 0 0;
	width: 525px;
   	background: #FFF;
	font-size: 13.5px;
	}
.secondaryColumn {
	float: left;
	margin: 28px 0 0 95px;
	overflow: hidden;
	width: 198px;
    background: #FFF;
    border-left: 1px dotted #00FFFF;
    font-size: 12.5px;
    font-weight: bold;
    padding-left: 5px;
    }
.secondaryColumn a:link {
	color: #000000;
	text-decoration: none;
	border-bottom: 0px solid #FFF;
	background-color: #FFFF00;
	line-height: 2.0px;
	}
.secondaryColumn a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 0px solid #FFF;
	background-color: #FFFF00;
	line-height: 2.0px;
	}
.secondaryColumn a:hover {
	color: #00FFFF;
	text-decoration: none;
	border-bottom: 0px solid #FFF;
	background-color: #00FFFF;
	text-transform: uppercase;
	}



/* 
///////////////////////
				HEADER ELEMENTS
///////////////////////
*/

#masthead h1 {
	font-family: 'Courier New', Courier, monospace, verdana ;
	text-transform: uppercase;
	float: left;
    }
#masthead h1 a, a:link, a:visited  {
    font-family: 'Courier New', Courier, monospace, verdana ;
    width: 400px;
    color: #000000;
    font-weight: normal;
    text-transform: uppercase;
    }

#blogLead img {
	background: #fff;
	border: 1px solid #00FFFF;
	float: right;
	height: 42px;
	margin: 0 7px;
	padding: 2px;
	width: 42px;
	font-size: 12.5px;
    }
#authorIntro {
	float: right;
	margin: 8px 0 0 0;
	width: 340px;
    }



/* 
///////////////////////
			TOP NAVIGATION
///////////////////////
*/

.navStripWrapper {
	position: relative;
    }
.nav {
	background: #FFF;
    border-bottom: 1px solid #00FFFF;
    }
.nav li {
	border-right: 0px solid #000000;
	display: block;
	float: left;
        }
.nav li a {
	display: block;
	padding: 7px 4px 0 7px;
	width: 200px;
	height: 42px;
    color: #000000;
    font-weight: bold;
    }
.nav li a span {}
.nav li a:hover {
	background-image: url('http://earth-keeper.net/trembletremble/wp-content/uploads/2010/06/black-lines.gif');
	background-repeat: no-repeat;
    background-color: #FFF;
    color:#000000;
    font-weight: bold;
	text-transform: uppercase;
    }
.nav li a.focus {
	background: #FFFF00;
    color: #000000;
    }
.nav li.searchField {
	float: right;
	border: 0;
    }
.nav .searchField div {
	margin: 12px 37px 0 0;
	}
.nav .searchField span {
	background: #FFF;
	border: 1px solid #00FFFF;
	display: block;
	padding: 2px;
}
.nav .searchField input {
	border: 1px solid #FFF;
	outline: none;
	padding: 4px;
	width: 150px;
}
.toggleCategories {
	background: #FFFF00;
    border-top: 0px solid #000000;
	width: auto;
	}
.toggleCategories ul,
.toggleCategories2 ul {
	padding: 8px 7px 7px;
	}
.toggleCategories ul li {
	display: block;
	float: left;
	width: 177px;
	margin-top: 10px;
        font-weight: bold;
	}
	/* =----------------------------------- if something goes wrong, change margin-top for togglecategories ul li */
.toggleCategories li a {
	margin: 3px 0 4px 5px;
text-transform: uppercase;
	}



/* 
///////////////////////
		META LEAD FOR EACH POST
///////////////////////
*/

.postMeta {
	border-top: 0px solid #FFF;
	text-align: left;
	margin-bottom: 18px;
	position: relative;
	}
.postMeta .container {
	position: absolute;
	top: -15px;
	left: 0px;
	}
.postMeta span.date {
	background: #ffff00;
	padding: 0 4px;
	}
.postMeta span.comments {
	background: #fff url(images/chat_grey.gif) no-repeat 2px -1px;
	padding-left: 18px;
	}



/* 
///////////////////////
		GENERAL POST
///////////////////////
*/

.post {
	margin: 20px 0 40px 0;
    border-bottom: 1px dotted #00FFFF;
	}
.post h2 {
	font-family: 'Courier New', Courier, monospace, verdana ;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding: 0 3px;
    color: #000000;
	}
.post h2 a, a:visited {
    color: #000000;
    text-decoration: none;
	}



/* 
///////////////////////
			ENTRY BODY
///////////////////////
*/

.entry {
	padding: 0 3px 30px;
	overflow: hidden;
    }
.entry a, a:visited {
    text-decoration: none;
    }
.entry p {
	line-height: 1.6em;
	margin: 10px 0;
	}
.entry ul,
.entry ol,
.entry blockquote {
	margin: 0 14px;
	}
.entry ol {
	list-style: decimal;
	}
.entry ul li,
.entry ol li {
	margin: 0 0 7px 18px;
	}
.entry ul li {
	list-style: none;
	}
.entry blockquote {
	border-left: 0px dotted #00FFFF;
	line-height: 1.4em;
	margin-left: 21px;
	margin-right: 51px;
	padding-left: 20px;
    text-align: justify;
	background-image: url('http://earth-keeper.net/trembletremble/wp-content/uploads/2010/06/black-lines.gif');
	background-repeat: no-repeat;
    background-color: #FFF;
	}
.entry blockquote p {
	font-color: #000000; 
	background-color: #FFF;
	margin-left: 0px;
	padding-left: 15px;
	}
.entry img,
.entry a img {
	background: #fff;
	border: 1px solid #EEEEEE;
	padding: 2px;
	margin: 5px;
	}
.entry a:hover img {
	border-color: #FFFF00;
	}
a:link img {
	background: #fff;
	border: 0px solid #FFF;
	padding: 0px;
    margin: 0px;
	}
a:visited img {
	background: #fff;
	border: 0px solid #FFF;
	padding: 20px;
    margin: 0px;
	}
a:hover img {
background-color: #FFFF00;
	border: 0px solid #FFFF00;
	padding: 0px;
    margin: 0px;
	}
.wp-caption-text {
	font-size: 11.5px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.7px;
	color: #000000;
	padding-left: 25px;
	padding-right: 25px;
	margin-top: 0px;
	}
.entry.meta {
	background: #FFF;
	border: 1px dotted #ccc;
	border-width: 1px 0;
	}
.entry.meta p {
	margin: 5px 7px;
	}
.entry.meta .highlight {
	text-transform: uppercase;
	font-size: 10px;
	}
.entry.meta a {
	color: #000000;
	border-color: #bbb;
	}
.entry.meta a:hover {
	color: #000;
	border-color: #000;
	}



/* 
///////////////////////
	MAIN INDEX PAGENATION
///////////////////////
*/

#paginateIndex { 
	margin-bottom: 25px;
	}
#paginateIndex a,
.commentlist li .reply a {
	color: #777;
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
	padding: 4px 7px 3px;
	background: #fff;
	border: 1px solid #ddd;
	}
.commentlist li .reply a {
	color: #aaa;
	}
#paginateIndex a:hover,
.commentlist li .reply a:hover {
	color: #000000;
	border-color: #000000;
	background: #FFF;
	}



/* 
///////////////////////
		WIDGET SIDEBAR
///////////////////////
*/

.secondaryColumn h3 {
	font-family: 'Courier New', Courier, monospace, verdana ;
	border-top: 0px solid #000000;
	border-bottom: 1px dotted #00FFFF;
    color: #000000;
	margin: 0 0 10px 0;
	padding: 0px 0px;
    background-color: #FFF;
	font-size: 16px;
    }
.widgetContainer {
	margin: 0 0 25px 0;
    }
.widgetContainer ul li {
	margin: 0 3px 7px 0px;
	list-style: none;
    line-height: 16px;
    }
.widgetContainer ul li ul {
	margin-top: 5px;
    }
.widgetContainer .textwidget {
	margin: 0 3px;
    line-height: normal;
	}
.widgetContainer #wp-calendar {
	border-collapse: collapse;
	width: 100%;
	}
.tag_cloud {
line-height: 24px;
	}
#wp-calendar caption {
	font-weight: bold;
	margin-bottom: 7px;
	}
#wp-calendar thead {}
#wp-calendar thead th {
	padding: 4px 0 4px 3px;
	border: 1px solid #ccc;
	border-width: 1px 0;
	}
#wp-calendar td {
	padding: 3px 0 4px 3px;
	color: #777;
	}
#wp-calendar td a {
	font-weight: bold;
	}



/* 
///////////////////////
		FREAKIN' COMMENTS
///////////////////////
*/

#commentsContainer {
	margin-bottom: 30px;
	}
#commentsContainer span.hook {
	position: relative;
	display: block;
	}
#commentsContainer h3 {
	display: block;
	margin: 10px 0;
	padding: 7px 4px 0;
	border-top: 0px solid #000000;
	letter-spacing: 2.0px;
	}
.cancel-comment-reply {
	position: absolute;
	top: -1px;
	right: 4px;
	}
.commentlist {
	list-style: none;
	margin: 0 0 20px;
	}
.commentlist .comment-author {
	border-top: 1px solid #ccc;
	padding-top: 7px;
	margin-top: 10px;
	overflow: hidden;
	font-size: 14px;
	}
.commentlist .comment-author img.avatar {
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 4px 0 0;
	}
.commentlist .comment-meta {
	margin: 0 0 0 20px;
	}
.commentlist li .reply {
	text-align: right;
	padding-bottom: 10px;
	}
.commentlist li .reply a {
	display:inline;
	}
.commentlist li p {
	margin: 1em 0;
	padding: 0 3px;
	}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {
	margin: 0 20px;
	}
.commentlist .children {
	margin: 0 0 0 40px;
	}
.commentlist .children li {
	list-style: none;
	}
#commentform .contain {
	margin: 0 0 10px 0 !important;
	}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	padding: 7px 3px;
	background: #fff;
	margin-right: 4px;
	}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
	border-top: 1px solid #00FFFF;
	border-right: 1px solid #FFFF00;
	border-left: 1px solid #FF00CC;
	border-bottom: 1px solid #00FF00;
	outline: none;
	margin-top: 10px;
	padding: 10px 3px;
	width: 160px;
	}
#commentform p label {
	margin: 7px 0 0 0;
	}
#commentform textarea {
	float: none;
	width: 98%;
	overflow: auto;
	}



/* 
///////////////////////
			FOOTER
///////////////////////
*/

#footerstrip {
	border: 1px solid #000000;
	margin: 35px 5px, 0, 5px;
	background-color: #FFF;
	width: 875px;
	}
#footer {
	border: 1px solid #00FFFF;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	height: 100px;
	background-color: #FFF;
	width: 863px;
	}
#footer p {
	padding: 14px 3px 0;
	line-height: 20px; 
	font-size: 14px;
	text-transform: uppercase;
	}
#footer a:link {
	color: #000000;
	background-color: #FFFF00;
	}
#footer a:visited {
	color: #000000;
	background-color: #FFFF00;
	}
#footer a:hover {
	color: #FFFF00;
	background-color: #FFFF00;
	}



/* 
///////////////////////
	FLOATS and CLEARING RULE
///////////////////////
*/

.floatleft {
	float: left;
	margin: 3px 7px 0 0;
	}
.floatright {
	float: right;
	margin: 3px 0 0 7px;
	}
.right {
	float:right;
	}
.left {
	float: left;
	}
.clear {
	clear: both;
	}
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.fix {
	display: inline-block;
	} 
* html .fix{
	height: 1%;
	}
.fix{
	display:
	block;
	}

/* 
///////////////////////
		A MAN WHO IS BORN FALLS INTO A 
		DREAM LIKE A MAN WHO FALLS INTO
			THE SEA ...
			— Joeseph Conrad
///////////////////////
*/