/*
Theme Name: YUI Grid CSS
Theme URI: http://blog.mobilebooklet.com/
Description: A YUI Grid CSS based WordPress theme. <a href="http://developer.yahoo.com/yui/grids/">YUI Grids CSS</a>. This theme is based on the <a href="http://github.com/tylerhall/yui-app-theme/">yui-app-theme</a> and comes with 8 color schemes, 5 page widths and 6 layout combinations. Color scheme -  dark blue, facebook, green, greenish, orange, purple, red, tan blue and custom. Page width - 750px, 950px, 974px, 100% fluid and custom. Page layout -  6 combinations of right and left sidebar with different widths. Customize your theme using the Dashboard menu <strong>Themes > Customize Theme</strong> after installing this theme.

Version: 1.0
Author: Victor Goh
Author URI: http://blog.mobilebooklet.com/about
Tags: blue, red, green, purple, orange, yui, facebook, fixed-width, two-columns, widgets, left-sidebar, right-sidebar, theme-options, custom-colors

	YUI Grid CSS Theme v1.0
	 http://blog.mobilebooklet.com/

	This theme was built by Victor Goh based on the <a href="http://github.com/tylerhall/yui-app-theme/">yui-app-theme</a> ,
	whose blog you will find at http://blog.mobilebooklet.com/
	
    This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. 
    This means you may use it for any purpose, and make any changes you like. 
    Just leave my link in your footer.

*/

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}
	
a:link, a:visited { text-decoration: none; }
h1 { font-size:230%;}
h2 { font-size:153.9%; margin-bottom:0.5em; }
h3 { font-size:153.9%; margin-bottom:0.5em; }

/* Main blocks */
#hd {padding:1.2em 1.5em 0 1.5em; }
#bd {padding:1.0em 1.0em 0.0em 1.0em; }
#ft {text-align:center; font-size:85%; padding:0.5em 1em;}

/* Header title */
#site-title { 
    font-family: Verdana, Geneva, sans-serif;
    font-size: 3.0em;
    font-weight: bold; 
    }
#hd .description { padding: 0em 0em 0em 2em; }

/* Navigation styles */
#navigation { margin-top:1.5em; height:1%; }
#navigation li { float:left; display:inline; }
#navigation li a { display:block; color:#fff; text-decoration:none; }
#navigation li a:hover { text-decoration:underline; }

#primary-navigation li {
  margin-left: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#primary-navigation li a { font-size:116%; padding:0.4em 1em; }
#primary-navigation li a:link, #primary-navigation li a:visited, 
#primary-navigation li a:hover, #primary-navigation li a:active,
{
  text-decoration: none;
}

#rss { float:right; }


/* Basic block */
.block { margin-bottom:1.0em; }
.block .hd { padding: 0.4em 0em 0em 1.5em;
             font-family: Verdana, Geneva, sans-serif;
            }
.block .hd h1 { font-size:1.4em;}
.block .hd h2 { font-size:1.3em;}
.block .bd h3 { font-size: 1.1em;}

.block .bd { padding:1em;}
.block .ft { padding: 8px;}
.block hr { height:1px; border:0; }
/* Extend block and header to have rounded corners */
.rounded .hd,
.rounded .hd ul li,
.rounded .hd ul li a,
.rounded #navigation,
.rounded #navigation ul li,
.rounded #navigation ul li a {
    -moz-border-radius-topright:7px;
    -moz-border-radius-topleft:7px;
    -webkit-border-top-right-radius:7px;
    -webkit-border-top-left-radius:7px;
}

/* Generics */
p { margin-bottom:1em; }
strong { font-weight:bold; }
em { font-style:italic; }
abbr, acronym { border-bottom:1px dotted #000; cursor:help; }
blockquote {
	margin: 15px 10px 0 30px;
	padding-left: 0;
	padding-right: 20px;
	border-left: 0 none;
	border-right: 5px solid #ddd;
}
.bd ul li a { margin-left: 0.3em;}
.bd ul li { margin-bottom: 0.4em;}

.small { font-size:85%; }
.gray { color:#999; }
.highlight { background-color:#ffffcc; }
.clear { clear:both; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.right { float:right; }
.left { float:left; }

/* Wordpress generics */
.entry-title {padding-bottom: 0.0em;}
.entry-subtitle {padding-left: 1.0em; padding-bottom: 0.1em;}
.entry-content ol, .entry-content ul, .entry-content dl { margin-left:2em; margin-bottom:1em; }
.entry-content ol li { list-style:decimal outside; }
.entry-content ul li { list-style:disc outside; }
.entry-content dl dd { margin-left:1em; }

/* Wordpress required styles */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img { border: none }
ol.commentlist {list-style:none; margin:0 0 1em; padding:0; text-indent:0;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {background-color:#fff;}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {padding:1em;margin-right:1em;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {font-size:1.2em;}
ol.commentlist li.comment div.vcard cite.fn {font-style:normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {border:1px solid #fff; float:right; margin:0 0 1em 1em;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {padding-left:1em}
ol.commentlist li.comment ul.children li.depth-3 {padding-left:2em}
ol.commentlist li.comment ul.children li.depth-4 {padding-left:3em}
ol.commentlist li.comment ul.children li.depth-5 {padding-left:4em}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}