/* css by theCoup.org */
/* --[ contents ]-- 

- global
- layout
- banner
- menu
- menu bottom
- submenu
- current on menu
- columns
- left column features
- center column
- excerpts
XX
- center column
- footer
- recent
- right column
- body links
- typography
- headers
- blockquotes
- misc
- blog pagination
- chicklets
- forms


*/


div#google-search {
 width:340px; padding:.5em 0; left:30px; margin:0 auto;
 }


/* --[ global ]-- */

html, img, div { margin:0px; border:0px; padding:0px; }

body { 
 font-family: "Trebuchet MS", trebuchet, georgia, verdana, sans-serif;
 font-size:62.5%; /* equals 10px. allows ie resize. */ 
 line-height:1.8em; /* equals 18px */
 margin:0; padding:0; text-align:center;
 padding-bottom:25px;
 background:rgb(58,66,74);
 color:rgb(58,66,74);
 }

#container { text-align:left; }

table { border-spacing:0; border-collapse:collapse; }
td { text-align:left; font-weight:normal; }

div { position:relative; } /* for absolute contents */

/* --[ layout ]-- */

#container {
 position:relative;
 margin:10px auto;
 width:760px;
 padding:0; border:0px;
 text-align:left;
 background:rgb(199,206,212);
 }

#banner {
 position:relative;
 top:0px; left:0px; 
 text-align:center; /* for logo */
 height:150px; width:760px;
 background:rgb(122,121,119) url(/images/1.jpg) top center no-repeat;
 }

#menu {
 width:760px; 
 background:white; 
 border-bottom:1px solid rgb(101,116,130);
 }

#pagebody {
 position:relative;
 top:0; margin:0; padding:0;
 background:transparent;
 border-top:1px solid rgb(151,166,180);
 }

#recent {
 position:relative; clear:both;
 }

#grassroots {
 position:relative; clear:both;
 width:760px; height:24px;
 background:url(/images/2.jpg) center top repeat;
 border:1px rgb(101,116,130) solid;
 border-width:1px 0;
 }

#menu-bottom {
 position:relative;
 height:2.2em; width:760px; 
 text-align:center; 
 }


/* --[ banner ]-- */

#banner a#logo { 
 position:relative; display:block; 
 margin:0 auto; height:150px; width:168px;
 padding:0 2px; background:transparent;
 }

#banner a#logo:hover { 
 background:#f90;
 }

#banner h1 {
 position:absolute; display:block;
 top:10px; left:-1000px;
 padding-right:1200px; /* browser bug fix? */
 }



/* --[ menu top ]-- */

#menu p, #menu ul { 
 position:relative; top:.4em; 
 margin:0 15px; 
 font-weight:bold;
 height:2.2em;
 }

#menu p { width:48%; }
#menu ul { width:48%; margin:0 5px 0 auto; list-style:none; text-align:right; float:right; }


#menu li {
 margin:0; padding:0;
 display:inline; list-style:none; 
 }

#menu a { margin:0 10px; text-decoration:none; color:rgb(58,66,74); }
#menu a:hover { text-decoration:underline; color:#f90; background:none; }

p#tagline a { color:#bbb; margin:5px; }
p#tagline a:hover { text-decoration:underline; background:none; color:#f90; }


/* --[ menu bottom ]-- */ 

#menu-bottom ul { 
 position:relative; top:.4em; 
 margin:0 15px; 
 font-weight:bold;
 height:2.2em;
 }
#menu-bottom ul { list-style:none; margin:0; text-align:center; }

#menu-bottom li {
 margin:0; padding:0;
 display:inline; list-style:none; 
 }

#menu-bottom a {
 margin:0 15px; padding:0 2px;
 color:rgb(58,66,74); 
 font-weight:bold; text-decoration:none; 
 }

#menu-bottom a:hover { color:white; background:#f90;  }

/* --[ menu current item ]-- */ 

body#id.default #menu ul a.home, 
body#id.about #menu ul a.about, 
body#id29 #menu ul a.contact {
 color:#bbb; text-decoration:none; cursor:default; background:none;
 }


/* --[ columns ]-- */
 
#left {
 position:relative; display:inline; float:left;
 width:180px; margin:8px 10px 20px 0;
 background:transparent; padding:0;
 }

#center {
 position:relative; display:inline; float:left;
 width:380px; margin:5px 0 10px 0; padding:0;
 }

#right {
 position:relative; display:inline; float:right;
 width:180px; margin:8px 0 0 0; padding:0;
 background:transparent;
 }


/* --[ left column ]-- */

div.feature { 
 margin:2em 0 3em; 
 background:rgb(91,106,119) url(/images/14.gif) top right no-repeat;
 padding:7px 0; 
 }
div.feature p { margin:.5em 15px; color:white; }



/* --[ center column ]-- */

div.article { 
 /* width:100%;  needed? */
 margin:.5em 0 1.5em; padding:1px 0 0; 
 /* pad prevents h2 marg collapse */
 background:white url(/images/17.gif) top center no-repeat;
 border-bottom:2px solid rgb(91,106,119);
 }

div.article img { margin:5px 10px 5px 5px; }
div.article p img { margin:0; }


/* --[ recent ]-- */
/* see also type and links below */

#recent div.excerpt { 
 display:inline; float:left;
 margin:5px; width:180px; padding-top:6px;
 background:white url(/images/16.gif) top center no-repeat;
 border-bottom:2px rgb(91,106,119) solid; 
 }

#recent div.excerpt img { 
 display:block; margin:6px auto 2px; 
 border:2px solid #fff;
 } 

#recent div.excerpt a:hover img { 
 border:2px solid #ccf; 
 border:2px solid #f90; 
 }

div.excerpt p.readmore { color:#999; }


/* --[ footers on articles & excerpts ]-- */


.article .footer p { 
 margin:0; padding:.2em 90px .3em 10px;  
 /* pad-right for bookmark */
 border-top:1px dotted #bbb;  
 /* width:auto;  que pasa? */
 }

#latest .article .footer p { padding-right:10px; } 

#recent div.excerpt .footer p {
 margin:0; padding:.1em 10px .2em;
 border-top:1px dotted #bbb;
 }

.footer { font-size:.9em; color:#888; }
#right .footer { color:#666; }


.article a.bookmark {
 position:relative; display:block; float:right;
 margin:0 5px 0 0; margin-bottom:-2em;
 top:-2em;
 }

.article a.bookmark img { margin:0; }


/* --[ right column ]-- */

#right #aboutblurb { 
 margin:2em 0 3em;
 padding:.5em 0 .5em; 
 background:rgb(93,121,110) url(/images/13.gif) top left no-repeat;
 }

#right #aboutblurb p { margin:10px; color:white; }

#right #blog { 
 margin:2em 0 0; /*  height:inherit; xx que pasa? */
 background:rgb(118,115,93) url(/images/12.gif) top left no-repeat; 
 padding:7px 0; 
 }


#right div.excerpt { margin:1em 10px 3em; }

#right h4 { margin:0 2px; padding:0; color:white; }
#right #blog p { color:white; }
#right div.excerpt p { margin:0 2px .5em; }


/* --[ typography ]-- */

p, pre, li {
 margin:1em 10px; 
 font-size:1.1em;
 line-height:1.5em;
  }


/* --[ body links ]-- */

a:link, p a:link { color:blue; } 
p a:visited { color:purple;  } /* only for p's */
a:hover, p a:hover { color:white; background:#f90; text-decoration:none; } 
a:active, p a:active{ color:white; background:red; }

#center a img {  border:2px solid #fff; }
#center p a img { margin:0;  }
#center a:hover img { border:2px solid #f90; }

#blog p a { color:white; }
#blog p a:hover { color:white; background:#f90; }
#blog p a:active { background:red; }

#blog h4 a { color:white; }
#blog h4 a:hover { color:white; background:#f90; }
#blog h4 a:active { background:red; }

#aboutblurb a{ color:white; }
#aboutblurb a:hover { color:white; background:#f90; } 
#aboutblurb a:active { color:white; background:red; }

.feature p a { color:white; }
.feature p a:hover { color:white; background:#f90; } 
.feature p a:active { color:white; background:red; }

.footer a:link { color:#88f; }
.footer a:visited { color:#88f; }
.footer a:hover {color:white; background:#f90; text-decoration:none;} 
.footer a:active { color:white; background:red; }

h4 a { color:#444; text-decoration:underline; }
h4 a:hover { color:white; background:#f90; text-decoration:none; } 
h4 a:active { background:red; }

h2 a:link { text-decoration:none; color:#999; border:0; background:none; rgb(91,105,117); }
h2 a:visited { text-decoration:none; color:#999; border:0; background:none; } /* buggy in ff */
h2 a:hover { color:#f90; background:none; }



/* --[ headers ]-- */

h2, h3, h4, h5 { text-indent:0; padding:0; margin:0; }

h1 {;} /* thecoup */

h2 { /* article */
 font-size:2.2em;
 line-height:1em;
 margin:.5em 90px .5em 10px; /* right margin prevents overlap w/bookmark button */
 border-bottom:1px dotted #aaa;
 }

.default h2, .listpage h2 { margin-right:30px; }


h3 { /* article section */
 font-size:1.5em;
 line-height:1em;
 font-weight:bold;
 margin:1em 5px;
 }

h4 { /* side columns */
 font-size:1.1em;
 line-height:1.5em;
 font-weight:bold;
 }

.article h3 { margin-left:10px; }
.article h4 { margin-left:10px; }
.article h5 { margin-left:10px; }

h5 { font-size:1em; 1.5em; }

.xl { 

 font-size:22px;
 border-bottom:1px dotted rgb(91,105,117);
 color:rgb(91,105,117); /* slate dark */
  }

.article .xl {
 margin:1em 0 0; padding:1px 4px; border:0;
 font-size:22px; font-weight:bold; line-height:1em;
 color:rgb(140,155,170); text-decoration:underline;
 }

#recent .xl { margin:0 10px 10px; }

#left .xl { 
 margin:.5em 10px .5em 10px; padding:0; 
 color:white; border-color:white; 
 }
#right .xl { 
 margin:.5em 10px .5em 10px; padding:0; 
 color:white; border-color:white; 
 }


/* ---[ blockquotes ]---------- */

blockquote { 
 padding:0; margin:.5em 10px 2em; 
 background:rgb(240,245,250); border:1px dotted #bbb;
 line-height:1em;
 }

blockquote p {  margin:.5em 10px; }

blockquote.quote { background:none; border:0; }
blockquote.quote p { font-style:italic; }


/* ---[ lists ]---------- */

#center ul { list-style:circle; margin:1em 0; } 
#center ol { margin:1em 0; } 
#center ul li { list-style:circle; margin:0 10px .5em 10px; } 
#center ol li { margin:0 10px .5em; } 

#center ul ul { display:block; list-style:disc; margin:0; } 
#center ol ol { display:block; margin:0; } 
#center ul ul li { list-style:disc; margin:.5em 11px; } 
#center ol ol li { margin:.5em 11px; } 

dl { margin:0 10px 2em; }
dt { 
 margin:1em 0 0; padding:1px 4px;
 font-size:22px; font-weight:bold; line-height:1em;
 color:rgb(140,155,170); text-decoration:underline;
 }

dd { 
 margin:0 10px 0 30px; padding:.5em 10px;
 font-size:1.1em; line-height:1.4em; 
 border-left:1px dotted rgb(140,155,170); 
 }


/* --[ misc ]-- */

span.admin a { color:#77f; }
span.admin a:hover { color:white; background:#f90; }

#aboutblurb span.admin,
#left span.admin a { 
 position:absolute; display:block;
 right:2px; bottom:2px; 
  }

/* --[ blog pagination ]-- */

p.page-nav { margin:0; }

p.page-nav a { 
 display:inline; float:left; 
 margin:0; padding:5px 10px; background:white;
 color:#77f; text-decoration:none; 
 border-bottom:2px solid rgb(91,106,119); 
 }
p.page-nav a:hover { color:white; background:#f90; }


/* --[ chicklets ]-- */

a.rss { 
 padding:8px 0 8px 0;
 height:2.4em;
 text-decoration:none;
 padding-right:18px; 
 background:transparent url(/images/3.gif) center right no-repeat;
 color:rgb(199,206,212); /* to match backgound with   !! */
 }

a.rss:hover { 
 color:#f90; text-decoration:underline; 
 background:transparent url(/images/3.gif) center right no-repeat;
 }

a#creative-commons { 
 position:absolute; /* que pasa?! */
 bottom:2px; right:3px;
 height:24px; width:24px; 
 background:transparent url(/img/cc.gif) no-repeat top right;
 }

a#creative-commons { 
 background:transparent url(/img/cc.gif) no-repeat top right;
 }


/* ---[ contact form ]---------- */

form { margin:1em 11px }
input.button { text-align:center; }

.zemContactForm { ; }
.zemContactForm label { ; }
.zemContactForm legend { ; }
.zemContactForm input { ; }
.zemContactForm textarea { ; }
.zemContactForm fieldset { ; }
input.zemSubmit { ; }
label.zemRequired { color:rgb(123,158,189); font-weight:bold; } 
.zemThanks { margin:10px; padding:1px; border-top:15px solid white; color:black; background:#ffc; font-size:1.2em; font-weight:bold; }
.zemError strong, .zemRequirederrorElement  { 
 color:#f90; font-weight:bold; 
 }
input.zemRequirederrorElement, textarea.zemRequirederrorElement {
 background:#fea; color:black; 
 font-weight:normal; border:1px solid rgb(123,158,189);
 }