/*  
Theme Name: Grey Blocks
Theme URI: http://scripts.indisguise.org/
Description: Grey blocks with highlights
Version: 1.1
Author: Angela Sabas
Author URI: http://indisguise.org
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #fff;
	font-family: Geneva, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #333;
}

.clear {
	clear: both;
	height: 0px;
}

a img {
	border-width: 0px;
}

/*== swirls ==*/
.swirl-a,
.swirl-b,
.swirl-c,
.swirl-d,
.swirl-e,
.swirl-f,
.swirl-g,
.swirl-h,
.swirl-i,
.swirl-j,
.swirl-k,
.swirl-l,
.swirl-m,
.swirl-n,
.swirl-o,
.swirl-p,
.swirl-q,
.swirl-r,
.swirl-s,
.swirl-t,
.swirl-u,
.swirl-v,
.swirl-w,
.swirl-x,
.swirl-y,
.swirl-z { background: url('images/letters/letters.png') no-repeat top left; }

.swirl-a { background-position: 0 -30px; }
.swirl-b { background-position: 0 -210px; } 
.swirl-c { background-position: 0 -390px; } 
.swirl-d { background-position: 0 -570px; } 
.swirl-e { background-position: 0 -750px; } 
.swirl-f { background-position: 0 -930px; } 
.swirl-g { background-position: 0 -1110px; } 
.swirl-h { background-position: 0 -1290px; } 
.swirl-i { background-position: 0 -1470px; } 
.swirl-j { background-position: 0 -1650px; } 
.swirl-k { background-position: 0 -1830px; } 
.swirl-l { background-position: -560px -30px; } 
.swirl-m { background-position: -560px -210px; } 
.swirl-n { background-position: -560px -390px; } 
.swirl-o { background-position: -560px -570px; } 
.swirl-p { background-position: -560px -750px; } 
.swirl-q { background-position: -560px -930px; } 
.swirl-r { background-position: -560px -1110px; } 
.swirl-s { background-position: -560px -1290px; } 
.swirl-t { background-position: -560px -1470px; } 
.swirl-u { background-position: -560px -1650px; } 
.swirl-v { background-position: -560px -1830px; } 
.swirl-w { background-position: -1120px -30px; } 
.swirl-x { background-position: -1120px -210px; } 
.swirl-y { background-position: -1120px -390px; } 
.swirl-z { background-position: -1120px -570px; }

/*== header ==*/
#header {
	margin: 0 auto 0 auto;
	width: 974px;
   height: 92px;
   background: url('images/bg-hd.gif') repeat-x;
   border-bottom: #999 5px solid;
}
#header h1 { position: absolute; left: -999px; width: 990px; }
#header a { float: left; }

/* menu */
#header h2.menu { display: none; }
#header ul.menu {
   float: right;
   height: 54px;
   margin: 36px 20px 0 0;
   border-left: 3px solid #fff;
}
#header ul.menu:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#header ul.menu{zoom:1;}
#header ul.menu li {
	list-style-type: none;
	float: left;
   border-right: 3px solid #fff;
   font-size: 85%;
   height: 54px;
   overflow: hidden;
}
#header ul.menu li a {
   display: block;
	text-decoration: none;
   background: #e7e7e7;
}
#header ul.menu li a.current {
   background: #bddcbd;
}
#header ul.menu li a div {
   padding: 0 15px 10px 10px;
}
#header ul.menu li a h3 {
   padding: 10px 0 0 0;
   text-transform: uppercase;
   color: #555;
}
#header ul.menu li a p {
   color: #777;
   font-size: 85%;
   letter-spacing: 90%;
}
#header ul.menu li a:hover,
#header ul.menu li a:active {
   background: #eed6b4;
}
#header ul.menu li a.current:hover,
#header ul.menu li a.current:active {
   background: #bddcbd;
}
#header ul.menu li a:hover h3,
#header ul.menu li a:active h3 { color: #000; }
#header ul.menu li a:hover p, #header ul.menu li a:active p { color: #000; }

/*== body ==*/
#body {
	margin: 0.5em auto 0 auto;
	width: 974px;
}
#body:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#body {zoom:1;}

/*== sidebar ==*/
div#sidebar {
	float: left;
	width: 270px;
   padding: 10px;
   font-size: 85%;
   line-height: 150%;
}
#sidebar h2 {
   position: absolute; left: -999px; width: 990px;
}
#sidebar h3 {
   background: url('images/sb-h3.gif') repeat-x 0 0;
   margin: 0 0 0.5em 0;
}
#sidebar h3 span {
   padding: 0 0.5em 0 0;
   background: #fff;
}

#sidebar a { color: #ff6c00; }
#sidebar a:hover, #content a:active { color: #900; }

#sidebar em {
   font-family: Georgia, "Palatino Linotype", Times, serif;
   font-size: 110%;
   color: #007bbb;
}
#sidebar strong {
   letter-spacing: 0.05em;
   color: #007bbb;
}

#sidebar ul.sidebar {
	margin: 0px;
	padding: 0px;
}
#sidebar ul.sidebar li {
	list-style-type: none;
	margin: 0 0 1em 0;
}

ul.sidebar li.external ul { /* nested */
   margin: 0 1em 1em 0em;
}
ul.sidebar li.external ul li { /* nested */
   padding: 0 0 0 2.5em;
   list-style-type: none;
   background: url('images/bulldk.gif') no-repeat 0 0;
}

ul.sidebar li.about {}
ul.sidebar li.about h3 {
   position: absolute; left: -999px; width: 990px;
}
ul.sidebar li.about img {
   float: left;
   margin: 0 0.8em 0em 0;
   padding: 0.2em;
   border: 1px solid #ccc;
}
ul.sidebar li.about p {
   margin-bottom: 1em;
}

ul.sidebar li.badges {
   text-align: center;
}
ul.sidebar li.badges a {
   margin: 0.1em;
}
ul.sidebar li.badges form {
   display: inline;
   margin: 0.1em;
}

ul.sidebar li.searchbox {
   text-align: center;
   background: #e7e7e7;
}
ul.sidebar li.searchbox:hover {
   background: #0a0;
}
ul.sidebar li.searchbox div {
   padding: 1em;
   text-align: right;
}
ul.sidebar li.searchbox input {
   padding: 0.5em;
	font-family: Geneva, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #333;
   border: 0;
}
ul.sidebar li.searchbox input#searchsubmit:hover {
   background-color: #090;
   color: #fff;
}

ul.sidebar li.scripts {
   line-height: 125%;
}
#sidebar ul.sidebar li.scripts a {
   color: #00aa00;
}
#sidebar ul.sidebar li.scripts a:hover,
#sidebar ul.sidebar li.scripts a:active {
   color: #900;
}
ul.scripts-list li {
   background: #e7e7e7;
}
ul.scripts-list li:hover {
   background: #eed6b4;
}
ul.scripts-list li div {
   padding: 0.75em 0.75em 0 0.75em;
}
ul.scripts-list li div p {
   font-size: 85%;
   color: #777;
}
ul.scripts-list li div ul.scripts-link:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
ul.scripts-list li div ul.scripts-link {zoom:1;}
ul.scripts-list li div ul.scripts-link li {
   float: left;
   background: none;
   font-size: 85%;
}
ul.scripts-list li div ul.scripts-link li.scripts-more-link {
   float: right;
}

/* submenu */
ul.sidebar li.submenu ul li {
   background: url('images/bull.gif') no-repeat 100% 0;
   text-align: right;
   padding: 0 2em 0 0;
}
ul.sidebar li.categories ul li {
   background: url('images/bull.gif') no-repeat 100% 0;
   text-align: right;
   padding: 0 2.5em 0 0;
   font-size: 85%;
   color: #999;
}
ul.sidebar li.categories ul li a {
   font-size: 125%;
}

/*** scripts display! ***/
#scripts-display {
	padding-bottom: 10px;
	border-bottom: 1px solid #cecece;
	margin-bottom: 20px;
}
#scripts-display p.intro {
	text-align: center;
	width: 70%;
	margin: 30px auto 20px;
}
#scripts-display p.intro strong {
	color: #007BBB;
	font-size: 120%;
}
#scripts-display .scripts-blocks {
	margin: auto;
	text-align: center;
}
#scripts-display .scripts-blocks:after {
    content:".";clear:left;display:block;font-size:0;height:0;line-height:0;visibility:hidden;
}
#scripts-display .scripts-list li {
	list-style-type: none;
	display: inline-block;
	width: 160px;
	overflow: hidden;
	margin: 20px 10px;
}
#scripts-display .scripts-list li a {
	display: block;
	height: 110px;

	text-decoration: none;
	color: #555;
	padding: 20px;
}

/* ENTRIES AND CONTENT ____________________________________________________________________________________*/
#content {
   margin: 1em 0 0 0;
   float: right;
   width: 680px;

	line-height: 150%;
   font-size: 90%;
}
body.home #content h2 {
   position: absolute; left: -999px; width: 990px;
}
#content h2,
#content h3 {
   margin: 0 0 1em 0;
}
#content h2, #content h2 a,
#content h3, #content h3 a {
   font-size: 125%;
   color: #00aa00;
   text-decoration: none;
}
#content p {
   margin: 0 0 1em 0;
}

#content em, #content i {
   font-family: Georgia, "Palatino Linotype", Times, serif;
   font-size: 110%;
   color: #007bbb;
}
#content strong, #content b {
   letter-spacing: 0.05em;
   color: #007bbb;
}

#content a { color: #ff6c00; }
#content a:hover, #content a:active { color: #900; }

#content blockquote {
   background: #d4d4d4;
   margin: 0 2em 1em 2em;
   padding: 1em;
   border: 1px solid #999;
   border-left-width: 0.5em;
}
#content blockquote em,
#content blockquote i,
#content blockquote strong,
#content blockquote b {
   color: #006adf;
}
#content blockquote a {
   color: #ff5500;
}
#content blockquote a:hover,
#content blockquote a:active {
   color: #900;
}

#content img {
   margin: 0.8em;
   padding: 0.2em;
   border: 1px solid #ccc;
}
#content a img {
   border: 1px solid #ff6c00;
}
#content a:hover img,
#content a:active img {
   border: 1px solid #900;
}

#content code {
   font-family: "Andale Mono", Monaco, Courier New, Courier, monospace;
}
#content pre {
   background: #333;
   color: #f5f5f5;
   margin: 0 2em 1em 2em;
   padding: 1em;
   border: 1px solid #999;
   border-left-width: 0.5em;
   overflow: auto;
}
#content pre code {
   font-size: 116%;
}
#content pre em {
   color: #00afff;
}

#content ol { margin: 0 1em 1em 2.25em; }
#content ol li { padding: 0 0 0.5em 0.75em; list-style-type:decimal-leading-zero; }

#content ul { margin: 0 1em 1em 0em; }
#content ul li { padding: 0 0 0.5em 2.5em; list-style-type: none; background: url('images/bulldk.gif') no-repeat 0 0; }

#content dl { margin: 0 0 1em 0; }
#content dl dt { font-weight: bold; border-bottom: 1px solid #d4d4d4; padding: 0 0 0.25em 0; margin: 0 0 0.5em 0; color: #007bbb; }
#content dl dd { margin: 0 0 1em 2.5em; }

#content div.paypal form { display: inline; }
#content div.paypal img { border: 0; padding: 0; }
#content div.paypal form input { float: none; background: none; width: auto; margin: 0; padding: 0; border: 0; }

/* specific stuff for posts */
#content .post,
#content .page {
   position: relative;
   background: #f0f0f0 url('images/bg-postlt.gif') no-repeat;
   background-position: bottom left;
   border: #d4d4d4 1px solid;
   padding: 1.5em;
   margin: 0 0 1em 0;
}
#content .post .date {
   color: #aaa;
   font-size: 80%;
   margin: -3.2em 0 1em 0;
   text-align: right;
   border-bottom: 1px solid #d4d4d4;
}
#content .post .postmetadata {
	border-top: 1px solid #ddd;
   margin: 1em 0 0 0;
   font-size: 78%;
   color: #999;
}
#content .post .postmetadata p {
   margin: 1em 0 1em 0;
   line-height: 150%;
}
#content .post .postmetadata a {
   color: #ffb347;
}
#content .post .postmetadata a:hover, #content .post .postmetadata a:active { color: #eb8a00; }

#content .post .comments {
	color: #ff4848;
	font-weight: bold;
	text-align: right;
	line-height: 100%;
}

/* COMMENTS ___________________________________________________________________________________ */
#content ol.commentlist {
   margin: 1em;
}
#content ol.commentlist li {
   list-style-type: decimal-leading-zero;
	margin: 0 0 1em 1.5em;
   padding: 1em;
   font-size: 160%;
   font-weight: bold;
   color: #656565;
   border: 1px solid #656565;
   border-left-width: 0.5em;
	background-color: #959595;
}
#content ol.commentlist li * {
   font-size: 60%;
   font-weight: normal;
   margin: 0; padding: 0;
}
#content ol.commentlist li a {
   color: #fff555;
   font-size: 100%;
}
#content ol.commentlist li h3 {
   font-size: 75%;
   border-bottom: 1px solid #c4c4c4;
   margin-bottom: 1em;
   color: #55ff55;
}
#content ol.commentlist li div.commentmetadata {
   text-align: right;
   margin-top: -3.25em;
   font-size: 50%;
}
#content ol.commentlist li div.commentmetadata a {
   text-decoration: none;
}
#content ol.commentlist li p {
   color: #e7e7e7;
   margin: 0 0 1em 0;
}
#content ol.commentlist li acronym {
   font-size: 100%;
}
#content ol.commentlist li.alt {
}
#content ol.commentlist li.mine {
   color: #353535;
   border: 1px solid #353535;
   border-left-width: 0.5em;
	background-color: #656565;
}
#content ol.commentlist li p em {
   font-size: 110%;
   color: #55bbff;
}

/* comment form */
#content form#commentform {
   margin: 1em;
}
#content form#commentform fieldset {
   border: 0;
}
#content form#commentform fieldset legend {
   display: none;
}
#content form#commentform fieldset div {
   width: 100%;
   clear: both;
   padding: 0.5em 0 0.5em 0;
   text-align: center;
}
#content form#commentform fieldset label {
   float: left;
   width: 15em;
   padding: 0.35em;
   text-align: left;
}
#content form#commentform fieldset input,
#content form#commentform fieldset textarea,
#content form input,
#content form textarea {
   float: right;
   text-align: left;
   padding: 0.5em;
   width: 24.5em;
	font-family: Geneva, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #e7e7e7;
   background: #777;
   border: 1px solid #555;
   border-left-width: 0.5em;
}
#content form input,
#content form textarea {
   float: none;
   margin-bottom: 1em;
}
#content form#commentform fieldset textarea {
   width: 21.9em;
}
#content form#commentform fieldset input#submit {
   width: auto;
   margin-top: 1em;
   float: right;
}
#content form#commentform fieldset input:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#content form#commentform fieldset input {zoom:1;}

ul.sidebar li.searchbox input#searchsubmit:hover {
   background-color: #090;
   color: #fff;
}

/* scrolling through entries */
#content div.scrollnav h2 {
   position: absolute; left: -999px; width: 990px;
}
#content div.scrollnav ul {
   margin: 0;
   padding: 0;
}
#content div.scrollnav ul.menu:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#content div.scrollnav ul.menu{zoom:1;}
#content div.scrollnav ul li {
   margin: 0;
   padding: 0;
   float: left;
   width: 49.5%;
}
#content div.scrollnav ul li.prev {
   margin-right: 0.1em;
}
#content div.scrollnav ul li.next {
   float: right;
   margin-left: 0.1em;
   text-align: right;
}
#content div.scrollnav ul li a {
   background: #e7e7e7;
   display: block;
   text-decoration: none;
}
#content div.scrollnav ul li a:hover,
#content div.scrollnav ul li a:active {
   background: #eed6b4;
}
#content div.scrollnav ul li div {
   padding: 1em;
}
#content div.scrollnav ul li div.previous {
}

/* DOWNORG PAGES ______________________________________________________________*/
#content div.downloads ul.files li {
   background: #d4d4d4;
   margin: 0 2em 1em 2em;
   padding: 1em;
   border: 1px solid #999;
   border-left-width: 0.5em;
}
#content div.downloads ul.files li h2 {
   margin: 0;
   color: #333;
   border-bottom: 1px solid #c0c0c0;
}
#content div.downloads ul.files li em,
#content div.downloads ul.files li strong {
   color: #006adf;
}
#content div.downloads ul.files li div.versions {
   padding: 0.5em;
   width: 10em;
   float: left;
}
#content div.downloads ul.files li div.versions a {
   color: #090;
   display: block;
   padding: 0.5em;
   font-size: 80%;
}
#content div.downloads ul.files li div.versions a:hover,
#content div.downloads ul.files li div.versions a:active {
   background: #090;
   color: #fff;
}
#content div.downloads ul.files li div.versions a:first-child {
   font-weight: bold;
   letter-spacing: 0.1em;
}
#content div.downloads ul.files li div.description {
   margin: 0.5em 0 0 11.5em;
}

/* form */
#content .downloads .commenter {
   font-size: 85%;
}
#content .downloads .commenter .commenterInfo {
	width: 32%;
	float: left;
}
#content .downloads .commenter .commenterInfo input {
	width: 85%;
}
#content .downloads .commenter .commenterComment {
	width: 68%;
	float: right;
}
#content .downloads .commenter .commenterComment textarea {
	width: 90%;
}
#content .downloads .commenter .downloadButton input {
	width: 100%;
   font-size: 116%;
   text-align: center;
   font-weight: bold;
   letter-spacing: 0.1em;
	text-transform: uppercase;
}


/* DOCUMENTATION PAGE STUFF ______________________________________________________*/
.sample {
	padding: 5px;
	border-width: 0px;
	margin: 10px;
	margin-left: 30px;
	margin-right: 50px;
}

dl.variablelist {
	margin-left: 25px;
}

.search {
	text-align: center;
	margin: auto;
}

/* FOOTER ______________________________________________________________________________________*/
#footer {
	margin: 1em auto 1em auto;
	width: 974px;
   background: #777;
   color: #e7e7e7;
   border: 1px solid #555;
}
#footer a { color: #ffc000; }
#footer a:hover, #content a:active { color: #f00; }
#footer .extra {
   margin: 1em 0 1em 0;
}
#footer .extra div.downloads,
#footer .extra div.tags {
	width: 95%;
	margin: auto;
}
#footer .extra div.downloads h3,
#footer .extra div.tags h3 {
   font-variant: small-caps;
   letter-spacing: 0.05em;
   border-bottom: #a3a3a3 solid 1px;
   margin-bottom: 0.5em;
}
#footer .extra div.downloads ul,
#footer .extra div.tags ul {
   margin: 0 0 1em 3em;
   zoom:1;
}
#footer .extra div.downloads ul:after,
#footer .extra div.tags ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer .extra div.downloads ul li,
#footer .extra div.tags ul li {
   list-style-type: none;
   float: left;
   margin: 0.5em;
   padding: 1em;
   background: #646464;
   border: 1px solid #595959;
   font-size: 70%;
}
#footer .extra div.tags ul li {
   background: none;
   padding: 0;
   border: 0;
}
#footer .extra div.tags ul li a {
   color: #ffff00;
}
#footer .extra div.downloads ul li h4 {
   letter-spacing: 0.05em;
   font-size: 121%;
   color: #f2f2f2;
}
#footer .extra div.downloads ul li p.downloadlink {
   text-align: right;
   margin-top: 0.5em;
}

#footer p.colophon {
   background: #333;
   font-size: 70%;
   padding: 1.1em 0 0.9em 0;
   text-align: center;
}
#footer p.copyright {
   background: #222;
   font-size: 70%;
   padding: 1.1em 0 0.9em 0;
   text-align: center;
}
img#wpstats { display: none; }