/*  
Theme Name: MintyGreen
Theme URI: http://selberg.org
Description: A hacked version of tweak-toni with inspiration 
             from www.dsiegel.com
Version: 1.5
Author: Erik Selberg
Author URI: http://selberg.org

*/

/* remember, IE doesn't like //, while FireFox does. Lame. */
/* and remember, IE can't handle embedded commends! Double lame! */

/* Font Families used:
   Headers: font-family: Futura, Verdana, Arial, Sans-Serif;
   Normal: font-family: Verdana, Arial, Sans-Serif;
   Code:   'Courier New', Courier, Fixed;
*/

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

Some notes about this theme:

1. I made the montage using the ever-so-cool ImageMagick program
called montage. The images were thumbnails generated from album using
square thumbnail mode, so I was able to make a list and generate
a 3xN of 50x50 pics montage. On my personal site, I decided to go with 
1x150s for clarify, but I did want to include something as an example.
Naturally, you'll want to rip this out and put in a new one.

2. The colors originally come from www.dsiegel.com from '96... I still
agree that the pastels are easier on the eyes than plain white. I finally
decided I don't like red as the highlight color for links, something
Dave argues for. Instead, I do like a purpley color... something that
flows with reading or link blocks, but is clear there's something more.
Dave argues they should be red to pop... kinda like bold. In '95 maybe,
not in '05.

3. The theme is now loosely based on tweak-toni... I wanted a right
sidebar is all, and I liked how toni did the headers for articles.

4. The font I use for headings is Futura... I've included the WEFT
for IE so it shows up properly if it isn't installed. Firefox sadly
doesn't support it yet, so you best find it yourself.

5. I modified many of the templates to pure PHP vs the HTML with lots
of embedded PHP that's the WordPress normal style. I just work better
with code than with lots of bracket syntax. Yeah, not the most friendly
to new folks out there, but WordPress compels you to hack PHP anyway,
so you may as well get used to it. ;)

6. I've also tried to re-write some of the templates to make heavy
use of index.php --- you'll see this in archive.php, for example. This
should make editing the entire site easier, as you don't have to change
too many templates for global changes.

7. If you look carefully in header.php, you'll notice some JavaScript.
These are some quick functions to print e-mail addresses via JavaScript
instead of putting them out there. This way, you can show people your true
e-mail address, and they can click on mailto: links or just copy the 
address, but scrapers can't get them unless they happen to know how
to parse the javascript. And if they do, then chances are they know how
to parse pinky@NOSPAMacmelabs.com and brain (at) acmelabs (dot) com.


Enjoy!
Erik Selberg
3/16/05

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


/*            THINGS YOU'll PROBABLY WANT TO CHANGE                   */


#headerimg {
   /* want a header image like I have on selberg.org? make your own ~600x150
   and put it here! */

   height: 200px;
   width: 100%;
   position: relative; 


   margin: 0;
   padding: 0;
   z-index: 1;
/*   overflow: hidden;  */
    }



/*	     THINGS YOU WON'T NEED TO UNLESS YOU WANT TO               */

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


/* Begin Typography & Colors */
body {
	margin:0px; 
	background-color: #FFFFFF;
        background: url(fondo_dp_a.png);
	font-family: Georgia, Times, Verdana; 
	font-size: 11pt; 
	line-height: 18px; 
	text-align: left;
	color: #333;
	}

#page {
	background-color: #FFFFFF;  /* just use default bgcolor */
/*	margin: 20px auto;
*/	padding: 0;
	width: 800px;
/*	border: 1px solid #959596;
*/      border: 0
	}

#content {
	font-size: 1.2em;
	margin: 0px 13em 0 0;
        width: 800px;
	padding: 20px 20px 10px 20px;
	background-color: #FFFFFF;  /* just use default bgcolor */
        border: 0;
	}

.date { 
	clear: right;
        float: right;
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
	font-size: 18px;
	/*color: rgb(150,50,50);*/
	margin: 0 10px 10px 0;
	padding: 5px;
	}

.time {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 17px; 
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
        text-align: center
	}

/* I tend to like colors from Dave Siegel, at http://www.dsiegel.com/tips/wonk3. Yeah it's from 1996, but I'm old. */

a:link { 
	color: #666666; /* purple */
	text-decoration:none;
             
}

a:visited {

        color: #999999; /* darker purple */
	text-decoration:none;
}

a:hover { 
	color: #000000; /* red */
	text-decoration: underline;
}



.storytitle {
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
        text-decoration: none;

/*        font-weight: bold;
*/	}

.storytitle a:hover {
        text-decoration: none;
}

.pagetitle {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: Arial, sans-serif, Verdana;
        font-weight: bold;
	}

.postmetadata {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
        font-size: 11px;
        text-align: right;
	}

.postmetadata ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
        font-size: 11px;
        text-align: right;
	}

.postmetadata li {
	display: inline;
        font-size: 11px;
        font-family: Arial, Verdana;
	}

li {
	margin: 0;
	padding: 0;
	}

#headerimg h1 {
    text-align: center;
    font-size: 100px; 
    font-family: Georgia, Times, Verdana;
    margin: 0;  
    top: 20px; 
    /* hide-from-IE5/Mac hack - uncomment if you're using an image!\*/
    top: auto;  
    bottom: 0;
    font-weight: normal;  
    /* end hack */
}

#headerimg h1 a {
    color: #000000;
}

#headerimg .description {
/*    padding: 0 0.25em; */
    font-weight: bold;
    font-color: black;

}


#headerimg h1 a, .panel a {
    text-decoration: none;
}

#header {

	margin: 100px 0 0 0;
	padding: 20px;
	font-size: 30px;  
	font-family: Arial, sans-serif, Verdana;
	}

.floatleft {
    float: left;
    font-size: 11px;

}

.feedback { 
/*        text-align: right;
*/
	margin-bottom: 30px;
	padding: 0;
	
        font-size: 11px;
	}

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


.widecolumn .entry p {
	font-size: 1.05em;

        margin: 0;
	}

.narrowcolumn .entry, .widecolumn .entry {
    clear: left;
/*    padding-top: 8px;
*/   line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn  {
	text-align: center;
	}


.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
/*	background-color: #eee;
*/	}

.edit {
    float: both;
    font-family: Arial, sans-serif, Verdana;
    font-size: 8pt;
    line-height: 1.0em;
}

small {
	font-family: Arial, sans-serif, Verdana;
	font-size: 0.9em;
	line-height: 1.5em;
	}


h1  {
	font-family: Arial, sans-serif, Verdana;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}


h2 {
        text-align: left;
	font-weight: normal;
	margin: 0 10px 10px 0;
	padding: 5px;
}

h3 {
	font-family: Arial, sans-serif, Verdana;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding-bottom: 2px;
}

.description {
	font-size: 1.2em;
	}

h2 {
	font-size: 1.6em;
	}

.pagetitle {
        clear: both;
	font-family: Arial, sans-serif, Verdana;
        font-size: 2em;
        text-align: left;
/*	border: 1px solid #ddd; */
        margin-bottom: 20px;
        font-weight: normal;

	}

/************************************************************************/
/*                                                                      */
/* sidebar settings                                                     */
/*                                                                      */
/************************************************************************/

#sidebar {

        font: 1em Arial, sans-serif, Verdana;

        background-color: #FFFFFF;


	padding: 20px 0px 10px 0px; 
	position: absolute;
        right: 0em !important;
        right: -1px;
	top: 151px;
	width: 200px;
/*        border: 5px solid #ccc;
*/
}

#sidebar h2 {
	font-family: Arial, sans-serif, Verdana;
	font-size: 1.2em;
        text-decoration: none;
	margin: 5px 0 0;
        padding: 0;
	border-right: 0;
	width: 100%;
        clear: right;
	}

/*
#sidebar a:link {
    color: #cc0000;
    font-size: 30px;
}

#sidebar a:visited {
    color: #005522;
    font-size: 30px;
}

#sidebar a:hover {
    color: #ff3300;
    font-size: 30px;
}
  */  


#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0 10px;
	list-style-type: none;

	}

#sidebar li {
	margin: 0;
	padding: 0 0 0 0;

}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;

	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;

	}

#sidebar ul ul, #sidebar ul ol, #sidebar ul h2 ul {
/*	margin: 5px 0 0 10px;
*/	margin: 0;
	padding: 0 0 20px 0;
	list-style-type: none;


	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;

	}
#sidebar ul ol li {
	list-style: decimal outside;
	}


#sidebar ul ul li, #sidebar ul ol li {
        clear: left;
	margin: 3px 0 0;
	padding: 0;
        list-style-type: none;
        text-align: left;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

input, textarea {
    	background-color: #eefffa;
	border: 1px solid rgb(192,211,226);

}

#sidebar #searchsubmit {
	padding: 1px;

	}

#sidebar form {
	margin: 0;
        font-size: 30px;

	}
/* End Sidebar */

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


h1, h1 a, .description {
	text-decoration: none;
	}

h2, h3 {
	color: #333;
	}

h2, h3, #wp-calendar caption, cite {
	text-decoration: none;
}

.entry p  {
/*	color: #b85b5a;*/
        color: black;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, sans-serif, Verdana;
	background-color: rgb(192,211,226);
	border: 1px solid rgb(112,147,184);
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, sans-serif, Verdana;
	}

.commentmetadata {
	font-weight: normal;
	}


small, .nocomments, strike {
	color: #777;

	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
	}

code {
	font: 1.1em Arial, sans-serif, Verdana;
	}

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
}

	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Arial, sans-serif, Verdana;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}





.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 500px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 500px;
	}
	
.post {
	margin: 0 0 40px;
	text-align: left; /* was: justify */
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn  {
	padding-top: 5px;
	}

.postmetadata {
/*	padding-top: 5px; */
    }

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;

	width: 760px;
	clear: both;
        background-color: #FFFFFF;

	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}


h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}


h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */


.postmetadata ul {	
        display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.postmetadata li {
    display: inline;
}

	


ol li {
	list-style: decimal outside;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto; 
	padding: 5px 3px; 
	text-align: center;
	}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */






/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
/*	border-left: 5px solid #ccc;
*/
	border: 1px solid rgb(192,211,226);
	margin-left: 1.5em;
	padding-left: 5px;
}


blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}


dt {
	font-weight: bold;
	}

dd {
    margin-bottom: 1em;
    }


.contact_hdr {
    font-size: 18pt;
    font-family: Arial, sans-serif, Verdana;
}

.contact_title {
    font-family: Arial, sans-serif, Verdana;
}

.contact_value {
    font-family: Arial, sans-serif, Verdana; 
    font-size: 11pt;
}


/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */