/*
Theme Name: grandandrea
Theme URI: http://wordpress.alanwho.com
Description: A bold yet wordpress theme for internet celebrity, Andrea Yager. 
Author URI: http://alanwho.com
*/

/* 

RESET

*/
html { }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0em; padding: 0em; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal;}
li { list-style:none; }
caption,th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after{content:'';}
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
input, textarea, select { font-family:inherit;font-size:inherit;font-weight:inherit;}
legend { color: rgb(0,0,0); }
font { font-size: 1em; font-weight: normal; }


/* 

ALL

*/


/* ------------------ tags ------------------ */
body { background-color: rgb(230,230,230); background-image:url(_images/grad.jpg); background-repeat: repeat-x;  color: rgb(0,0,0); font-family: Arial, Helvetica, sans-serif;  }

.off { display: none; }
.centre { text-align: center; }
.destra { text-align: right; }
.sinistra { text-align: left; }
.float-right { float: right; }
.float-left { float: left; }
.count { background-color: rgb(60,115,150); color: rgb(255,255,255); padding: .15em .5em; margin-right: .25em; text-align:center; font-weight: bold; }
.peace { overflow: hidden; }
.focus { background: rgb(245,245,245); border: .15em solid rgb(230,230,230); padding: 1em; }

div.comparison { overflow: hidden; margin: 0em 0em; }
div.comparison blockquote { float: left; width: 49%; text-align: center; list-style-type: none; display:inline; }

blockquote.indented { margin-left: 2em; margin-right: 1.5em; }
blockquote.video { text-align: center; padding: 1em 0em; }
div.indented { margin-left: 2em; margin-right: 1.5em;  }
div.indented p { text-indent: 0em; }
*html blockquote.indented { margin-left: 0em; margin-right: 0em; padding-left: 2em;}
*html div.indented { margin-left: 0em; margin-right: 0em; }

a#but-delicious { display: block; float: right; margin-right: 1em; width:60px; height: 80px; background: url(_images/but-delicious.png) 0 0 no-repeat; text-decoration: none; text-indent: -2000em;  }
a:hover#but-delicious { background-position: -60px 0px; }
a#but-stumble { display: block; float: right; margin-right: .25em; width:60px; height: 80px; background: url(_images/but-stumble.png) 0 0 no-repeat; text-decoration: none; text-indent: -2000em; }
a:hover#but-stumble { background-position: -60px 0px; }

dl.photo dt { font-style: italic; }

/* ------------------ containers ------------------ */
#top { background: rgb(60,115,150); margin: 0em auto 0em auto; width:960px; padding-top: .5em; }
#wrap { background-color: rgb(230,230,150); margin: 0em auto 0em auto; width:960px }


/* ------------------ header ------------------ */
#header { background-color: rgb(60,115,150); background: url(_images/yager.png) no-repeat 0em 0em; color: rgb(255,255,255); padding: .25em 1em .5em 5em; position: relative;   }
*html #header { background: url(_images/yager-ie.png) no-repeat 0em 0em; }



#header h1 { font-size: 200%; }
#header h1 a, #header h1 a:active, #header h1 a:visited { text-decoration: none; color: rgb(255,255,255); }
#header h1 a:hover { text-decoration: underline; }
#header h2 { font-size: 115%; font-style: italic; color: rgb(200,200,200); }
/*
span.ideas { background: url(ico-header_ideas.png) no-repeat 0em .15em; padding-left: 20px; }
span.ones { background: url(ico-header_ones.png) no-repeat 0em .15em; padding-left: 20px; }
span.how-tos { background: url(ico-header_how-to.png) no-repeat 0em .15em; padding-left: 20px; }
span.freebies { background: url(ico-header_freebies.png) no-repeat 0em .15em; padding-left: 20px; }
*/


span.rss { position: absolute; top: .25em; right: .25em; font-size: 1.15em; padding: .15em;  }
span.rss a, span.rss a:active, span.rss a:visited { padding: .5em 0em .5em 36px; color: rgb(255,255,255); text-decoration: none; line-height: 30px; }
span.rss a#rss_feed { background: url(_images/ico-rss.png) no-repeat 0em .25em;  }
*html span.rss a#rss_feed { background: url(_images/ico-rss-ie.png) no-repeat 0em .25em; line-height: 30px; }
span.rss a#rss_email { background: url(_images/ico-rss_email.png) no-repeat 0em .25em;  }
*html span.rss a#rss_email { background: url(_images/ico-rss_email-ie.png) no-repeat 0em .25em;  }
span.rss a:hover { color: rgb(255,255,255); text-decoration: underline; }

/* ------------------ nav ------------------ */

#nav { background-color: rgb(60,115,150); overflow: hidden; padding-top: .5em; }

#nav ul { list-style: none; margin: 0em 1em; overflow:hidden; }
#nav ul li { float: left; padding-right: 20px; position: relative; bottom: -3px;  }
*html #nav ul li { position:static; bottom: 0em }

#nav ul li a { display: block; text-decoration: none; background-color: rgb(60,115,150); color: rgb(255,255,255); font-size: 1em; padding: .25em .5em .35em .5em; font-weight: bold; line-height: 1.5em; }
#nav ul li a:hover { background-color: rgb(80,150,180); color: rgb(255,255,255) }
#nav ul li.on a { background-color: rgb(255,255,255); color: rgb(0,0,0); font-weight: bold; display: block; }


form.search { padding: .25em .5em 0em 0em; float: right; }
*html form.search { margin-top: 1.25em; }
input.search { float: left; width: 150px; padding: .15em .5em;  }

input.submit { cursor:pointer; margin-left: .25em; border-width: 1px; padding: .1em .5em; }

/* ------------------ main ------------------ */
#main { background: rgb(255,255,255); float:left; width:600px; }
#main h2, #main h3, #main p { padding:0 10px; }
*html #main h2, *html #main h3, *html #main p { padding:0px 0px; }


/* ------------------ sidebar ------------------ */
#sidebar { background-color: rgb(230,230,150); color: rgb(255,255,255); float:right; width:360px; }
*html #sidebar { width:350px; }

#sidebar h2 { padding: .25em 0em;  color: rgb(0,0,0); border-bottom: 1px dotted rgb(0,0,0);margin: 0em 0em;  font-size: 1.25em; }
#sidebar #optin { background-color: rgb(150,200,80) /*rgb(150,215,115)*/; color: rgb(255,255,255); padding: .5em; overflow: hidden;  }
#newsletter form { width: 275px; margin: 0em auto; }
li.post-footer ul li ul li { font-size: 1em; }
#sidebar ul.children { font-size: 1em; }

blockquote#profile_links { padding: .5em; background-color:rgb(150,200,80);  color: rgb(255,255,255);  }
ul.profile_links { line-height: 2em; font-size: .8em;  margin: 1em 0em; list-style:none; clear:both; overflow: hidden;  padding-left: 1em }
ul.profile_links li { width: 40%; float: left; padding-left:20px; }
ul.profile_links li a { color: rgb(255,255,255); font-weight: bold; text-decoration: none; }
ul.profile_links li a:hover { text-decoration: underline; }
li.profile_facebook { background:url(_images/ico-profile_facebook.png) left center no-repeat; }
li.profile_youtube { background:url(_images/ico-profile_youtube.png) left center no-repeat; }
li.profile_twitter { background:url(_images/ico-profile_twitter.png) left center no-repeat; }
li.profile_linked { background:url(_images/ico-profile_linked.png) left center no-repeat; }
li.profile_facebook a { color: rgb(255,255,255); }


#newsletter { /*background: rgb(200,250,175); */ color: rgb(255,255,255); padding: .15em .25em;  }

.adsense-120 { margin: 1em auto 0em auto; text-align: center }

#newsletter h2, blockquote#profile_links h2 { color: rgb(255,255,255); border-bottom: 1px dotted rgb(255,255,255); font-size: 1.5em;  }
#newsletter p { margin: 1em 0em;  }

#newsletter form { margin: 0em auto; overflow: hidden; text-align:center }
#newsletter form dl dt { clear:both; padding: .25em 0em; text-align: left}
#newsletter form dl dt label { font-weight: bold; }
#newsletter form dl dt.submit {margin: 0em; text-align:center } 
#newsletter form dl dt.submit input { padding: .25em 0em; font-size: 1em; width: 150px; font-weight: bold; cursor:pointer; text-align:center; border-width: 1px } 
#newsletter form dl dt.privacy_policy { width: 100%; font-size: .85em; } 
#newsletter form dl dd { float:left; width:68%; margin: 0em 0em 0.5em 0.25em; }
#newsletter form dl dd input { background-color: rgb(245,245,245); color: rgb(200,200,200); padding: .25em; width: 250px; font-size: 1em;  }
#newsletter form dl dd input:hover, #newsletter form dl dd input:focus { background-color: rgb(255,255,255); color : rgb(0,0,0); }
#newsletter form dl dt.privacy_policy { font-size: .8em; text-align:center; font-weight: normal; font-style: italic;  }


li.post-footer { overflow: hidden; clear: both;  padding: .5em;  }
li.post-footer blockquote { padding: 0em; }
li.post-footer ul { list-style:none; clear:both; margin: 1em 0em;line-height: 1.25em; padding-left: 1em }
li.post-footer ul li {  }
li.post-footer dl dd.sinistra { float: left; width: 48%; }
li.post-footer dl dd.destra { float: right; width: 48%; text-align: left; }
li.post-footer ul li { color: rgb(0,0,0); font-size: .8em; }
li.post-footer a { color: rgb(60,115,150); font-weight: bold; text-decoration: none; }
li.post-footer a:hover { text-decoration: underline; }


#related-posts { margin: .25em 1em;overflow: hidden; }
#related-posts h3 { padding-bottom: .25em; font-size: 1.25em; border-bottom: 1px dotted rgb(175,175,175); }
#related-posts ul { margin: 1em 2em; }
#related-posts ul li { line-height: 1.5em; }
#related-posts ul li a { color: rgb(0,0,200); text-decoration: none; }
#related-posts ul li a:hover { text-decoration: underline; }

.wp-pagenavi { font-size: .8em; padding: 1em; 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(0,50,150); }
.wp-pagenavi span.pages { margin: 0em; padding: .5em .75em; }
.wp-pagenavi a:hover { background-color: rgb(60,115,150); color: rgb(255,255,255) }
.wp-pagenavi span.pages { background-color: rgb(60,115,150); color: rgb(255,255,255) }
.wp-pagenavi span.current { margin: .25em; padding: .5em .75em;background-color: rgb(230,230,150);  color: rgb(0,0,0); font-weight: bold; }
.wp-pagenavi span.extend { margin: .25em; padding: .5em .75em; background-color: rgb(255,255,255); color: rgb(0,0,0); }





 
/* ------------------ footer ------------------ */ 
li#bottom { clear:both; background-color: rgb(70,125,175); color: rgb(255,255,255); display: block; overflow: hidden; }
li#bottom p { text-align: center; clear: both; padding: .5em 0em; clear: both;  }

li#bottom a { color: rgb(255,255,255); text-decoration:none; font-weight: bold;}
li#bottom a:hover { text-decoration: underline }

li#bottom ul.bottom { overflow: hidden; background-color: rgb(70,125,175); }
li#bottom ul.bottom li h2 { padding: .25em 0em; color: rgb(255,255,255); border-bottom: 1px dotted rgb(255,255,255); margin: 0em 0em .5em 0em;  font-size: 1.25em; }
li#bottom ul.bottom li.item { float: left; width: 30%; padding: .5em .25em;  background-color: rgb(70,125,175); overflow: hidden; }
li#bottom ul.bottom li.item ul li { font-size: .9em; margin: .5em .5em .5em 2em; }
li#bottom ul.bottom li.item ol li { font-size: .9em; margin: .5em .5em .5em 2em; list-style-type:decimal }


li#bottom ul.bottom li blockquote { margin: 0em auto; padding: .25em; text-align: center; }

li#bottom ul.bottom li#recent_visitors span {display: inline; float: left; width: 115px; }

* +html li#bottom, *html li#bottom  { clear:both; background-color: rgb(70,125,175); color: rgb(255,255,255); display: block; overflow: hidden; }



li#footer { clear:both; background-color: rgb(70,125,175); color: rgb(255,255,255); padding: .5em 0em; display: block; overflow: hidden; }
li#footer p { text-align: center; clear: both; padding: .5em 0em;  }
li#footer p a { color: rgb(255,255,255); text-decoration:none; font-weight: bold;}
li#footer p a:hover { text-decoration: underline }

* +html li#footer, *html li#footer  { clear:both; background-color: rgb(70,125,175); color: rgb(255,255,255); display: block; overflow: hidden; }


div.rounded { background: rgb(60,115,150); margin: 2em auto; width:960px ; }

/* ------------------ post ------------------ */
ul.post { border-bottom:1px solid #DDDDDD; padding-bottom: .25em; } ul#single { border-bottom: none; padding-bottom: 0em; }
ul.post p { margin: 1em 0em; font-size: .9em; line-height: 1.5em;  }
ul.post font strong { font-weight: normal; }

ul.post li.post-head { margin: 1em; }
ul.post-header { background-color: rgb(255,255,255); text-align: center; overflow: hidden; padding-left: .5em; }
ul.post-header li.date { display: block; text-align:left }
ul.post-header li.date small { font-style: italic; font-size: .75em; }
ul.post-header li.meta { float: left; width: 80%; text-align: left; padding: 0em .5em 0em 0em; }
ul.post-header li.meta span { font-size: .9em; color: rgb(150,150,150); }
ul.post-header li.meta span a, ul.post-header li.meta span a:visited { color: rgb(150,150,150); text-decoration: none; }
ul.post-header li.meta span a:hover { color: rgb(60,115,150); text-decoration: underline; }
ul.post-header li.comments-count { float: left; width: 7%; background-image: url(_images/ico-comments.gif); background-repeat:no-repeat; background-position: top right; background-attachment: scroll; height: 65px; width: 86px; font-size: .9em; }
ul.post-header li.comments-count a { color: rgb(100,100,100); text-decoration: none }
ul.post-header li.comments-count a:hover { color: rgb(60,115,150); text-decoration: underline }
ul.post-header li.comments-count strong { font-weight: strong; display: block; padding-top: .35em; font-size: 1.15em; }


ul.post-header h1, li.page-header h1, blockquote.page-header h1 { color: rgb(51,51,51); letter-spacing: -2px; font-size: 2em;  font-family: Arial, sans-serif;  font-weight: bold; text-transform: capitalize }
blockquote.page-header h1 { margin: 1em 1em 0em 1em; }
ul.post-header h1 a, ul.post-header h1 a:visited { color: rgb(60,115,150); text-decoration: none}
ul.post-header h1 a:hover { background-color:rgb(60,115,150); color: rgb(255,255,255); text-decoration: none; }
ul.post-header dd { float: left; width: 15%; padding: .25em; font-style: italic;  }

ul.post li.post-content { clear: both; margin: 1em; }
ul.post li.post-content h2, ul.post li.post-content h3, ul.post li.post-content p { padding:0 10px; }
ul.post li.post-content h2, ul.post li.page-content h2 { font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; font-size: 125%; border-bottom: 1px dotted rgb(230,230,230); padding-bottom: .25em; }
ul.post li.post-content h4 { color: rgb(51,51,51); border-bottom: .05em solid rgb(230,230,230); padding: .25em 0em .5em 0em; font-size: 1.5em; letter-space: -1px; }

ul.post li.post-content { clear: both; margin: 1em; }
ul.post li.post-content ul, ul.post li.post-content ol { margin: 1em 4em; }
ul.post li.post-content ol li { list-style: decimal; }
ul.post li.post-content ul li { list-style-type: disc; }

ul.post li.social { margin: 1em 1em .25em 1em; }
ul.post li.social dl { margin: .15em auto; overflow:hidden; padding: 1em; text-align: center; border-top:1px solid #DDDDDD;  }
ul.post li.social dl dd dl { width: 31%; height: 90px; padding: 0em; float: left; margin: 0em .25em 0em 0em;  border: 2px dotted #ffffff; text-align: center; }
ul.post li.social dl dd dl dt { float: left; line-height: 70px; font-size: 1.25em; }

ul.post li.comments { clear: both; }

ul.post li.post-navigation { margin: 1em; }
li.post-navigation { margin: 2em 0em; padding-bottom: 1em;  }
li.post-navigation ul li { float: left; width: 49%; font-size: .9em; }
li.post-navigation ul li a { color: rgb(150,150,150); text-decoration: none;  }
li.post-navigation ul li a:hover { text-decoration: underline; }

li.page-header { margin: 1em; }
li.page-content { margin: 1em; }
li.page-content img { padding: .25em; background: rgb(245,245,245); border: 2px solid rgb(230,230,230); }

/* ------------------ comments ------------------ */
li.comments { }


ul.comments-header { overflow: hidden; margin: 1em; }
ul.comments-header li { float: left; width: 48% } 
ul.comments-header li.sinistra { color: rgb(51,51,51); letter-spacing: -2px; font-size: 1.5em;  font-family: Arial, sans-serif;  font-weight: normal; text-transform: capitalize; } 
ul.comments-header li.destra a { padding-left: 22px; text-decoration: none; background:url(_images/ico-add.png) left center no-repeat; font-style: normal; color: rgb(60,115,150); font-size: 1.25em; letter-spacing: -1px; font-family: Arial, sans-serif; text-transform: capitalize; line-height: 1.25em; }

li.comments h3 { color: rgb(0,0,0);  }

/*  comments list */
dl.comment { overflow: hidden; background-color: rgb(240,240,240); border-top: .1em solid rgb(230,230,230); clear: both; }
dl.comment dd {  background: rgb(240,240,240); }
dl.comment dd a { color: rgb(60,115,150); }
dl.comment dd blockquote { padding: .25em .5em; background: rgb(255,255,255); }
dl.comment dd h3 cite { float: left; font-size: 1em; font-style: italic;  } 
dl.comment.author dd { background-color: rgb(10,100,175); /* author sidebar */ }
dl.comment.author blockquote { background-color: rgb(10,75,150); /* author content background */ }
dl.comment.author p, dl.comment.author dd h3 { color: rgb(255,255,255) } 
dl.comment dd h3 { text-align: right; } 
dl.comment dd h3 small { font-size: 75%; font-size: 75%; } 


/*  submit comment */
li.submit-comment { padding-top: 1em; background-color: rgb(255,255,255); }

/*  submit comment header */
li.submit-comment blockquote { padding: 1em 0em; }
li.submit-comment blockquote h2 { display:block; overflow: hidden; text-align: right;    }
li.submit-comment h2 strong { float: left; padding: 0em 0em 0em 30px; background:url(_images/ico-add_large.png) left center no-repeat; font-weight: normal; font-size: 1.5em;  font-family: Arial, sans-serif;  font-weight: normal; text-transform: capitalize; letter-spacing: -2px; line-height: 1.25em; }

li.submit-comment form fieldset { width: 95%; margin: 0em auto; padding: .5em; border: none; }
li.submit-comment form textarea { width: 97%; height: 10em; margin-bottom: 1em; padding: .5em .25em; overflow: auto; font-size: 1.25em; }

li.submit-comment dl { width: 100%; float: right; overflow: hidden; text-align:center; }
li.submit-comment dl dt { float:left; width:48%; clear:both; padding: .5em 0em; text-align:right }
li.submit-comment dl dt label { font-size: 1em; }
li.submit-comment dl dd { float:left; width:51%; margin: 0em 0em 0.5em 0.25em; }
li.submit-comment dl dd input { padding: .5em .25em; width: 95%; border-width: 1px; border-width: 1px; font-size: 125%; font-weight: bold; text-align:left; }
li.submit-comment dl dd.submit { margin: 0em auto; display: block; width: auto; float: right; } 
li.submit-comment dl dd.submit input { padding: .25em .25em; width: 250px; cursor:pointer; font-weight: bold; cursor:pointer; text-align:center; border-width: 1px } 

blockquote.pquote { background: url(_images/css-openquote.gif) top left no-repeat; color: rgb(51,51,51); font-size: 1.15em; font-style: italic; 
padding: .05em .25em .25em 4.5em; text-align: left; }
*html blockquote.pquote { background: none; color: rgb(51,51,51); font-style: italic; 
padding: 0em; margin: 0em; text-align: left; }
blockquote.pquote p { color: rgb(51,51,51); text-align: left; font-style: italic; font-weight: bold; }
blockquote.pquote ul { padding-left: 1em; color: rgb(51,51,51); text-align: left; font-style: italic; }