/*
Skin Name: Lupa Love
Skin URI: http://lupavision.com/
Description: Just super. Top nav.
Author: Scott Allan Wallick
Author URI: http://www.plaintxt.org/
Version: 1.0
Global Navigation: N
*/

@import url('../YUI/reset-min.css');
@import url('../YUI/fonts-min.css');

/* MARGINS, PADDING, ETC., FOR ALL LAYOUT DIVS */
div#header {
/*	padding: 2em 0; */
}
/*
div#content, div.sidebar {
	padding: 5px 10px;
}
*/
div#footer {
	margin: 2em 10px ;
	padding: 3em 0 0 0;
    font-size: 85% ;
}
/* HEADER STUFF */
div#header {
	text-align: center;
}
div#header h1#blog-title {
	font-size: 3em;
	margin: 0;
}
div#header p#blog-description {
	margin: 1.5em 0;
}
div#header p.access {
	display: none;
}
/* GENERAL TAGS FOR CONTENT, MOSTLY */
abbr.published {
	border: 0;
	cursor: default;
	margin: 0;
}
body.home abbr.published, body.archive abbr.published, div.page-link {
	font-weight: bold;
}

div.entry-content p {
  margin: 0 0 1em 0 ;
}

div.entry-content ul li {
	list-style: square;
}
div.entry-content ul li ul {
	margin-bottom: 0.3em;
}
div.entry-content ul li ul li {
	list-style: circle;
}

div.entry-content ul#linkcats, div.entry-content ul#linkcats li {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.entry-content ul#linkcats {
    margin-top: 20px ;
}

div.entry-content ul#linkcats li ul li {
	list-style: square;
}
div.entry-content img.center {
	display: block;
	margin: 0.4em auto;
}
div.entry-content img.alignright {
	margin: 0.4em 0 0.4em 1.1em
}
div.entry-content img.alignleft {
  margin: 0 1.1em 0.4em 0 ;
}
div.entry-meta {
	font-style: italic;
	line-height: 140%;
}
body.home .entry-meta, body.archive .entry-meta {
	margin: 0 0 4em 0;
}
body.single .entry-meta {
	font-size: 0.9em;
}
body.single div.navigation {
	padding: 0 0 3em 0;
}
div.archive-meta {
	margin: 1em 0 3em 0;
}
div.edit-link {
	clear: both;
}
abbr, acronym {
	border-bottom: 1px dotted blue;
	cursor: help;
}
blockquote {
	border-left: 1em solid #e6e6fe;
	padding: 0 0 0 1em;
}
code, pre {
	font-family: "courier new", courier, monospace;
}
body.home h2.entry-title {
	clear: both;
	margin: 0;
}
body.single h2.entry-title, body.page h2.entry-title {
	margin: 0 0 20px 0;
}
body.category h2.page-title, body.author h2.page-title {
	margin: 0;
}
body.date h2.page-title, body.single h2.page-title {
	margin: 0 0 2em 0;
}
body.archive h3.entry-title, body.single h3.entry-title {
	margin: 0;
}
body.single h3.comment-header {
	margin: 3em 0 1em 0;
}
body.single h3#respond {
	margin: 3em 0 0.5em 0;
}
div.entry-content ul#linkcats li h3 {
	margin: 1em 0 0 0;
}
div.entry-content h2 {
	margin: 1.5em 0 -0.7em;
}
div.entry-content h3 {
	margin: 0 ;
}
div.entry-content h4, div.entry-content h5, div.entry-content h6 {
	margin: 1.5em 0 -1.1em;
}

/* COMMENTS STUFF */
ol.commentlist li {
	margin: 0 0 3.5em 0;
}
ol.commentlist .comment-meta {
	font-style: italic;
}
form#commentform, form#commentform p {
	padding: 0;
}
form#commentform span.req-field {
	background: #fff;
	color: red;
}
form#commentform .form-label {
	margin: 1em 0 0 0;
}
input#author, input#email, input#url, textarea#comment {
	font-family: "courier new", courier, monospace;
	font-size: 1em;
	padding: 0.2em;
}
input#author, input#email, input#url {
	width: 50%;
}
textarea#comment {
	height: 13em;
	margin: 0 0 0.5em 0;
	overflow: auto;
	width: 66%;
}
/* SIDEBAR STUFF */
div.sidebar div, div.sidebar h3, div.sidebar h4, div.sidebar ul, div.sidebar li {
	margin: 0;
	padding: 0;
}
div.sidebar li {
	list-style: none;
}
div.sidebar li form {
	margin: 0.2em 0 0 0;
	padding: 0;
}
div.sidebar h3 {
	font-size: 1.2em;
}
div.sidebar h4 {
	font-size: 1.0em;
}
div.sidebar li {
	margin: 0 0 1em 0;
}
div.sidebar ul ul {
	margin: 0 0 0 1.0em;
}
div.sidebar ul ul ul {
	margin: 0 0 0 0.5em;
}
div.sidebar ul ul li {
	margin: 0;
	list-style: disc;
}
div.sidebar ul ul ul li {
	list-style: circle;
}
div.sidebar ul#bookmarks {
	margin: 0 0 0.5em 0.5em;
}
div.sidebar ul#bookmarks li {
	list-style: none;
}
div.sidebar ul#bookmarks ul {
	margin: 0 0 .5em 1.0em;
}
div.sidebar ul#bookmarks ul li {
	list-style: disc;
}
div.sidebar input#s {
	width: 7em;
}
/* FOOTER STUFF */
div#footer {
	text-align: center;
}
/*  COMMON MULTI-PURPOSE ELEMENTS */
.alignleft, div.nav-previous, #archives-by-category {
	float: left;
}
.alignright, #archives-by-month {
	float: right;
}
.clearer {
	clear: both;
}
div#nav-above, body.single div#nav-below {
	display: none; 
}
body.single div#nav-above {
    display: block;
    height : 28px ;
    margin: 0 ;
    padding: 0 ;
}
body.home div.nav-next, body.home div.nav-previous, body.archive div.nav-next, body.archive div.nav-previous,  #archives-by-category, #archives-by-month {
	width: 48%;
}
body.home div.nav-next, body.archive div.nav-next {
	text-align: left;
}
body.home div.nav-previous, body.archive div.nav-previous {
	text-align: right;
}

strong { 
  font-weight: 600 ;
}

body {
  margin: 0 ;
  padding: 0 ;
  font-family: 'Times New Roman', serif ;
  color: #222 ;
}

a, h1, h2, h3, h4, h5, h6 {
  color: #0d637a ;
}

/* HEADINGS */
h2, h3, h4 , h5, h6 {
	line-height: 125%;
}

a img {
    border: 0 ;
}

a strong {
    text-decoration: none ;
    font-weight: 900 ; 
}

div#header {
/*  border-bottom: 1px solid #4ebdc8 ; */
  background-image: url(../images/banner-flag.jpg) ;
  background-repeat: no-repeat ;
  background-position: 0 0 ;
  height: 57px ;
  width: 100% ;
/*  background-color: #d1e8e2 ; */
}

div#header h1#blog-title {
    height: 55px ;
    width: 100% ;
}

div#header a h1#blog-title {
    height: 55px ;
    width: 100% ;
    visibility: hidden ;
}

div#header div#blog-description {
  display: none ;
}

/* navigation */
ul#top-navigation {
  border-bottom: 1px solid #4ebdc8 ;
  border-top: 1px solid #4ebdc8 ;
  width: 100% ;
  padding: 9px 0 7px 0 ;
  margin: 0 ;
}

ul#top-navigation li {
  list-style-type: none ;
  display: inline ;
  padding: 0 0 0 0 ;
  margin: 9px 10px 7px 20px ;
}

ul#top-navigation li a {
  text-decoration: none ;
  font-weight: 800 ;
}

/* -------------------------------------------------------------------------------- */
/* illustration grid */

ul#illustration-grid {
    margin: 0 ;
    padding: 0 ;
}

ul#illustration-grid li {
    margin: 0 10px 10px 0 ;
    padding: 0 ;
    list-style-type: none ;
    float: left ;
    display: block ;
/*    border: 1px solid grey ;  */
    width: 170px ;
    height: 128px ;
    text-align: center ;
}

ul#illustration-grid li a {
    padding: 0 ;
    margin: 0 auto ;
}

ul#illustration-grid li a img {
    max-height: 128px ;
    max-width: 170px ;
    padding: 0 ;
    margin: 0 auto ;
}

div#container {
	margin: 10px 1% 1% 20px ;
	width: 98%;
}

div#content {
  margin: 20px 10px 0 0 ;
  padding: 0 ;
}

div.sidebar {
	float: left;
	width: 180px;
	overflow: hidden;
}
div#secondary {
	clear: left;
}

.no-display {
  display: none ;
}

h2.entry-title { 
    margin: 0 20px 20px 0 ;
}

a {
  text-decoration: none ;
}

h2.entry-title a { 
  text-decoration: none ;
}

div.entry-content img { 
  padding: 0 10px 10px 0 ;
  max-width: 90% ;
  max-height: 90% ;
  margin: 0 ;
}

div.entry-content img.alignleft { 
  padding-left: 0px ;
}

div.entry-content img.alignright { 
  padding-right: 0px ;
}

div#footer {
  clear: both;
  width: 90%;
  text-align: left ;
  padding: 10px ;
}

/**
 * links page
 */
ul#linkcats { 
  list-style-type: none ;
}

ul#linkcats li.linkcat h4 { 
  padding: 20px 0 ;
}

ul#linkcats li { 
  line-height: 120% ;
}

/* -------------------------------------------------------------------------------- */
/* column arrangements */

div.left20 { 
  float: left ;
  width: 320px ;
  min-height: 240px ;
  padding: 1% 1% 20px 0 ;
}

div.clear-both {
  clear: both ;
}

div.left20 img {
    width: 100% ;
}

div.right75 { 
    float: left ;
    min-width: 400px ;
    width: 400px ;
    min-height: 240px ;
    padding: 1% 1% 10px 1% ;
}

div.left50 { 
    float: left ;
    width: 45% ;
    min-height: 400px ;
    margin: 0 ;
    padding-right: 10px ;
}

div.left50 img { 
    max-width: 100% ;
    padding: 0 ;
}

div.right50 { 
  float: left ;
  width: 45% ;
  min-height: 400px ;
  margin: 0 1% 1% 10px ;
}

div.left75 {
    float: left ;
    width: 75% ;
    margin: 1% ;
}

div.right25 {
    float: right ;
    width: 20% ;
    margin: 1% ;
}

div.left75 img {
    max-width: 90% ;
}

/* -------------------------------------------------------------------------------- */
/* video */

div.post-video { 
    clear: both ;
    float: left ;
    width: 400px ;
    min-width: 400px ;
    margin: 0 0 5px 0 ;
    padding-bottom: 20px ;
    padding-top: 0 ;
    padding-right: 20px ;
}

div.post-video img {
    width: 100% ;
}

div.post-video-content { 
    float: left ;
    max-width: 600px ;
    margin: 0 ;
    padding-bottom: 50px ;
    padding-top: 0 ;
}

div.post-content {
    margin-left: 10px ;
}

/* -------------------------------------------------------------------------------- */
/* HOME PAGE */
div.home-image { 
  width: 60% ;
  float: left ;
  margin: 0 1% 1% 0 ;
}

div.home-text { 
  width: 30% ;
  float: left ;
  margin: 0 1% ;
}

span.width-100 img { 
  width: 100% ;
}

h1 { font-size: 100% ; }

h2 { font-size: 100% ; }

h3 { font-size: 100% ; }

h4 { font-size: 92% ; }

h5 { font-size: 85% ; }

body { 
	font-size: 100% ; 
}

h1, h2, h3, h4, h5, h6 { 
  font-weight: 900 ;
}

p, h1, h2, h3, h4, h5, h6 { 
  margin-bottom: 20px ;
}

/* bio page */
div#post-6 { 
  background-image: url('/lupa/wp-content/uploads/2007/05/bio-pic1.jpg') ;
  background-position: 0 0 ;
  background-repeat: no-repeat ;
  padding-left: 200px ;
  min-height: 600px ;
}

div#post-6 div.entry-content { 
  background-image: url('/lupa/wp-content/uploads/2007/05/bio-pic21.jpg') ;
  background-position: 100% 0 ;
  background-repeat: no-repeat ;
  padding-right: 200px ;
  min-height: 600px ;
}

/* links & contact pages */
div#content div#post-7, div#content div#post-8 {

}

div#content>div#post-7>div.entry-content>p {
    display: none ;
}

/* contact page */
div#post-8 strong {
    color: #0d637a ;
    font-weight: 900 ;
}

div#post-8 em {
    color: #0d637a ;
    font-weight: 900 ;
    text-decoration: none ;
    display: block ;
    float: left ;
}

form.contact {
    float: left ;
    clear: both ;
}

form.contact label {
    float: left ;
    width: 120px ;
    clear: both ;
    margin-top: 3px ;
}

form.contact input.w200, form.contact textarea {
    width: 200px ;
}    

form.contact input, form.contact textarea {
    font-family: 'Times New Roman', serif ;
    color: #333 ;
    float: left ;
    border: 1px solid #414141 ;
    background-color: #e0e0e0 ;
    padding: 2px ;
    margin: 3px ;
}

form.contact label#send-label {
    visibility: hidden ;
}

form.contact label {
    font-size: 85% ;
}

div#post-8 p.edit-link {
    clear: both ;
}

/**
 *
 */
div.date {
  padding: 1em 0 ;
  font-size: 0.8em ;
  color: #999 ;
}

/**
 * prev & next linx
 */
div.nav-previous a, div.nav-next a {
    width: 35px ;
    height: 18px ;
    display: block ;
    background-repeat: no-repeat ;
}

div.nav-previous a {
    background-image: url(../images/arrow_back.jpg) ;
}

div.nav-next {
    position: relative ;
    top: 0 ;
    left: 55px ;
}

div.nav-next a {
    background-image: url(../images/arrow_fwd.jpg) ;
    padding-right: 20px ;
}

div.nav-previous a em, div.nav-next a em {
    visibility: hidden ;
}