/*  

Theme Name: zenalan
Theme URI: http://alanwho.com
Description: Smile ...
Version: 1
Author: AlanWho
Author URI: http://alanwho.com/

*/

/* ------------------------------ reset ------------------------------ */
* { margin: 0em; padding: 0em; }
fieldset, img, a img { border: none; }
li { list-style:none; }
ol { margin: 0em 4em; }
ol li { list-style: decimal; margin: .5em 0em }

/* ------------------------------ tags ------------------------------ */
html#black { background: rgb(0,0,0); }

body { font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;  }

/* ------------------------------ links ------------------------------ */
a, a:link, a:visited { color: rgb(0,0,255); font-weight:bold; text-decoration: none; }
a:visited:hover, a:link:hover, a:hover:active { color: rgb(0,0,255); text-decoration: underline; }

a.more-link { background: url(_images/ico-continue.png) no-repeat left center; padding-left: 20px; }
a.rss_posts, a.rss_comments { background: url(_images/ico-rss.png) 0em 0em no-repeat; padding-left: 28px; }
a.add-comment { background: url(_images/css-add_comment.png) no-repeat left center; padding: .25em 0em .25em 20px; line-height: 1.5em; font-weight: bold; }

/* ------------------------------ typography ------------------------------ */
h1 { font-size: 2.5em; border-bottom: 1px solid rgb(200,200,200); padding-bottom: .15em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -2px; }
h1 a, a:visited { text-decoration: none; }
h2 { font-size: 1.25em; border-bottom: 1px dotted rgb(230,230,230); padding-bottom: .25em; font-weight: normal; margin: .5em 0em; }
h3 { padding: .25em 0em .25em 0em; font-size: 1.25em; margin: .5em 0em; }
h4 { padding: .25em 0em .5em 0em; font-size: 1.25em; letter-spacing: -1px; }
h5 { }
p { margin: .5em 0em; }

/* ----------------------- classes ------------------------- */
.centre { text-align:center; }
.destra { text-align: right; }
.sinistra { text-align: left; }
.float-right { float: right; margin-left: 1em; }
.float-left { float: left; margin-right: 1em; }
.video { background: rgb(0,0,0); width: 425px; padding: .25em; margin: 0em auto; text-align:center; }
.invisible { display: none; }
.peace { overflow: hidden; }

.content { overflow: hidden; width: 960px; margin: 0em auto; }
.wrapper { overflow: hidden; padding: 1em 2em; }
.header { margin: .5em 0em 0em 0em; padding: .15em 0em; text-align: center; }
.outer { padding: .5em; }
.inner { padding: .5em .5em; }
.float { width: 49%; float: left; }
.adsense { float: right; padding-left: .5em; }

span.post-category { background: url(_images/ico-folder.png) no-repeat 0em .25em; padding: .25em 0em .25em 20px; line-height: 1.5em; font-weight: bold; }

/* ----------------------- color classes ------------------------- */
.black { background: rgb(0,0,0); color: rgb(255,255,255); }
.dark { background: rgb(25,25,25); color: rgb(255,255,255); }
.dark { background: rgb(230,230,230); }
.white { background: rgb(255,255,255); color: rgb(0,0,0); }
.blue { background: rgb(0,125,200); color: rgb(255,255,255); }
.lips { background: rgb(175,0,100); color: rgb(255,255,255); }
.gold { background: rgb(215,150,0); color: rgb(255,255,255); }
.yellow { background-color: rgb(250,245,190); color: rgb(0,0,0); }
.blue { background: rgb(217,228,239); color: rgb(0,0,0); }
.orange { background: rgb(255,100,0); color: rgb(255,255,255); }
.gray { background: rgb(230,230,230); color: rgb(0,0,0); }
.lime { background: rgb(225,255,200); color: rgb(0,0,0); }
.green { background: rgb(0,200,0); color: rgb(255,255,255); }

/* ------------------------------ div#header ------------------------------ */
div#header { overflow: hidden; padding: .25em 0em 0em 0em; }
div#header div.logo { text-align: left; }
div#header div.logo { float: left; width: 450px; }
div#header div.logo h1 { height:100px; text-indent: -2000em; background:url(_images/css-logo.png) no-repeat; margin: 0em; padding: 0em; border-bottom: none; }
div#header div.hot { float: left; width: 510px; text-align: right; }
div#header div.hot a.rss_posts { color: rgb(255,255,255); font-size: 1.25em; margin: .5em; letter-spacing: -1px; font-weight: normal; }
div#header div.hot ul.nav { float: right; }

/* ------------------------------ div#navigation ------------------------------ */
div#navigation { overflow: hidden; }

ul.nav { overflow:hidden; }
ul.nav li { float: left; padding-right: .25em; margin-left: .5em; }
ul.nav li#feedback { list-style:none; float:right; padding-left: .25em; margin-right: .5em; }
ul.nav li a { background:rgb(51,51,51); color: rgb(200,200,200); font-size: 1.25em; display:block; text-decoration:none; padding: .5em; letter-spacing: -1px; font-weight: normal; }
ul.nav li a:hover { background:rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline; }
ul.nav li a.active { background:rgb(255,255,255); color: rgb(0,0,0); }

a.button { background: rgb(215,150,0); color: rgb(255,255,255); font-size: 1.5em; display:block; text-decoration:none; padding: .25em; letter-spacing: -2px; font-weight: normal; text-transform:capitalize; text-align: center; }
a:hover.button { background: rgb(215,150,0); color: rgb(255,255,255); text-decoration: underline; }

/* ------------------ div#control ------------------ */
div#control { overflow: hidden; }
/*div#control p, div#control ol li, div#control ul li { margin: .5em 0em; font-size: .8em; line-height: 1.25em; }*/
div#control div#contain { width: 100%; float: left; margin-right: -250px; }
div#control div#main { margin-right: 250px; }
div#control div#sidebar { width: 250px; float: right; }

/* ------------------------------ div.ad ------------------------------ */
div.ad { margin: .5em 0em; }
div.ad a[href=""] { display: none; }
div#control div#sidebar div.ad img { border: 1px solid rgb(230,230,230); padding: .25em; background: rgb(245,245,245); }

/* ------------------ div#footer ------------------ */
div#footer { text-align:center; padding: .25em 0em; clear:both; margin: .5em 0em; }
div#footer p { margin: 0em; color: rgb(150,150,150); }

/* ------------------ 

POSTS

------------------ */

div.post { padding: 0em 2em 0em 0em; overflow: hidden; }
div.post img { border: 1px solid rgb(230,230,230); padding: .25em; background: rgb(245,245,245); }

div.title { margin-bottom: 1em; }
div.title h1 { font-size: 2.5em; border-bottom: 1px solid rgb(200,200,200); padding-bottom: .15em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -2px; }
div.title h1 a, div.title h1 a:visited { text-decoration: none; font-weight: normal; text-align: center; }
div.title h1 a:hover { text-decoration: underline }
div.title h2 { padding-bottom: .25em; font-size: 1.5em; border-bottom: 1px solid rgb(200,200,200); color: rgb(50,204,50) }

div.post-footer { overflow: hidden; clear: both; font-size: .9em; border-top: 1px dotted rgb(200,200,200); padding-top: .25em; margin-bottom: 2em }
div.post-footer span.post-category a { color: rgb(175,175,175); }
div.post-footer span.post-category a:hover { color: rgb(0,0,255); }

div#fblike { background: rgb(58,89,153); margin: .5em 0em; padding: .5em 1em; overflow: hidden; }
div#fblike h4  { float:left; width:349px; background:url(_images/css-fblike.png) top left; height:24px; margin:0 0 5px 0; padding: 0em; text-indent: -9999px; }
div#fblike blockquote { margin: 0em 0em .5em 0em; background: rgb(255,255,255); padding: 1em; clear: both; }
div#fblike a.but-like { float: right; margin-left: .5em; background: url(_images/but-like.png) top left; text-indent: -9999px; width: 58px; height: 22px; }

/* ------------------ 

COMMENTS

------------------ */

div#comments {  overflow: hidden; }
div.comments {  margin: 1em 2em;  }


/* ------------------ 

SIDEBAR

------------------ */

ul.sidebar { font-size: .9em; padding: 1em 0em 0em 0em; }
ul.sidebar li.widget { margin: 1em 0em 1em 0em; padding: .5em; }
ul.sidebar li.widget p { margin: 0em 0em; padding: .5em 0em; } 


/* ------------------ 

PAGES

------------------ */

h1.pagetitle { font-size: 1.5em; letter-spacing: -2px; border-bottom: 1px dotted rgb(230,230,230); margin: .25em .5em 1em .5em; }

blockquote.archives-search { overflow: hidden; }
blockquote.archives-search form { border: none; width: 400px; margin: 0em auto; }
blockquote.archives-search input { font-size: 1.25em; padding: .25em .25em; width: 400px; margin: 0em auto .25em auto; display: block }

ul.archives, ol.archives { overflow: hidden; margin: 1em 1em; }
ul.archives li { padding-left: 0em; }
ul.archives li { float: left; width: 50%; border-bottom: 1px solid #f2f2f2; padding-left: 0; margin: 0em 0em; line-height:normal; list-style: none; }
ol.archives li { list-style: decimal; margin-left: 2em;  }

form#gb_form { margin: .5em 1em; }
form#gb_form legend span { display: none; }
form#gb_form br { display: inline; }
form#gb_form label { font-weight: bold; }
form#gb_form input, form#gb_form textarea, form#gb_form select { padding: .25em; margin: 0em 0em .5em 0em; }
form#gb_form input { width: 300px; }
form#gb_form select { width: 250px; }
form#gb_form textarea { width: 100%; }
form#gb_form input.button { padding: .25em; font-size: 1.5em; margin: .5em 0em; letter-spacing: -1px; font-weight: bold; width: 400px; text-align: center; }


/* ------------------ 

ADDONS

------------------ */

dl.post-home {  background: rgb(255,255,255); }
dl.archive { margin-bottom: .5em; border-bottom: 1px dotted rgb(230,230,230); }
dl.post-home dd { padding: .25em .5em 0em .5em; border: 1px solid rgb(230,230,230); border-top: none; border-bottom: none; }
dl.post-home dd.post-title { padding: .25em .5em;  }
dl.post-home dd.post-date { }
dl.post-home dd.post-date small { display:block; font-size: .8em; font-style: italic; }
dl.post-home dt.latest-post-header { background-color: rgb(0,0,0); color: rgb(255,255,255); padding: .25em .5em;  font-size: 1.25em; }
dl.post-home dt.footer { background-color: rgb(230,230,230); font-size: 1em; font-weight: bold; padding: 5px 7px 4px 7px; }
dl.post-home dt.footer a { }
dl.post-home dt.previous-posts-header { background-color: rgb(230,230,230); color: rgb(0,0,0); padding: .25em .5em;  font-size: 1.25em; }
dl.post-home dt.best-posts { background-color: rgb(230,230,230); color: rgb(0,0,0); padding: .25em .5em;  font-size: 1.25em; }	
dl.post-home dt.continue-reading { background: rgb(225,250,200); text-align:center; padding: .25em 0em; }
dl.post-home dt.continue-reading:hover { background-color: rgb(200,250,175); }
dl.post-home dt.continue-reading a { /*background:url(images/ico-next.png) left top no-repeat; padding-left: 20px;*/ font-weight: normal; font-size: 1.25em; letter-spacing: -1px; }


dl dd.post-title { padding: 0em 0em 1em 0em;  }
dl dd.post-title h1 {  display: inline; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; font-size: 1.25em; line-height: .9em; }
dl dd.post-title h1 a { font-size: 1.25em; line-height: 1.25em; text-decoration: none; font-weight: normal; }
dl dd.post-title h1 a:hover { text-decoration: underline; }
dl dd.post-title span { float: right; text-align:center; width: 75px; }
dl dd.post-title span a, li#posts dl dd.post-title span a:visited { text-decoration: none; letter-spacing: -1px; color: rgb(175,175,175); font-size: .75em; }
dl dd.post-title span a:hover { color: rgb(0,0,200);  }
dl dd.post-title span strong { font-style: normal; font-size: 2em; line-height:1em; display: block; font-style:normal; font-weight:normal; text-align:center; text-decoration: none; }
dl dd.post-title span em { font-size: 1.15em; line-height: .9em; font-style: normal; }
dl dd.post-title h2 { color: rgb(200,200,200); padding-left: .25em; }
dl dd.post-title h2 a, li#posts dl dd h2 a:visited { color: rgb(175,175,175); }
dl dd.post-title h2 a:hover { color: rgb(0,0,200);  }

/* ------------------ #promotion ul li#ads ------------------ */
dl.optin { overflow: hidden; clear: both; background-color: rgb(250,245,190); color: rgb(0,0,0); padding: .25em .25em; margin: 0em 0em; }

dl.optin dd#hero-shots { float: left; width: 40%; } 
dl.optin dd#hero-shots dt { font-style: italic;  } 
dl.optin dd#optin-copy { float: left; width: 60%; } 
dl.optin dd#optin-copy dl dt.headline { font-weight: bold; border-bottom: 1px dotted rgb(230,230,230); padding-bottom: .25em; font-size: 1.25em; text-align: center; } 
dl.optin dd#optin-copy dl dd p { padding: .25em 0em; font-size: .9em } 

dd#optin-copy dl dd#optin-offer form { margin: .5em auto; overflow: hidden; text-align:center }
dd#optin-copy dl dd#optin-offer form dl dt { clear:both; padding: .5em 0em; text-align: left; }
dd#optin-copy dl dd#optin-offer form dl dt label { font-weight: bold; color: rgb(0,0,0); border-bottom: 1px dotted rgb(230,230,230); padding-bottom: .25em; }
dd#optin-copy dl dd#optin-offer form dl dd { margin: 0em 0em 0.5em 0.25em; }
dd#optin-copy dl dd#optin-offer form dl dd input { background-color: rgb(245,245,245); color: rgb(200,200,200); width: 230px; padding: .5em; font-size: 100%; border-radius:10px; }
dd#optin-copy dl dd#optin-offer form dl dd input:hover, dd#optin-copy dl dd#optin-offer dl dd input:focus { background-color: rgb(255,255,255); color : rgb(0,0,0); }
dd#optin-copy dl dd#optin-offer form dl dt.submit { margin: 0em auto; text-align:center;  } 
dd#optin-copy dl dd#optin-offer form dl dt.submit input { width: 250px; padding: .5em; font-size: 100%; font-weight: bold; cursor:pointer; text-align:center; border-width: 1px; } 
dd#optin-copy dl dd#optin-offer form dl dd.privacy-policy { font-size: .8em; clear: both; width: 100%; float: none; display: block; padding-top: .5em; clear: both; margin: 0em;  }

dl.optin input.btn {  width: 250px; }

.wp-pagenavi { padding: 1em 0em; margin-bottom: 1em; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { margin: .25em; padding: .5em .75em; background-color: rgb(245,245,245); color: rgb(215,150,0); }
.wp-pagenavi span.pages { margin: 0em; padding: .5em .75em; border: 1px solid rgb(230,230,230); }
.wp-pagenavi a:hover { color: rgb(0,0,255) }
.wp-pagenavi span.pages { background-color: rgb(255,255,255); color: rgb(0,0,0) }
.wp-pagenavi span.current { margin: .25em; padding: .5em .75em;background-color: rgb(215,150,0);  color: rgb(255,255,255); font-weight: bold; }
.wp-pagenavi span.extend { margin: .25em; padding: .5em .75em; background-color: rgb(255,255,255); color: rgb(0,0,0); }