/*
THEME NAME: Manaswinee
DESCRIPTION: This is my first sandbox theme . . .
VERSION: 1.0
AUTHOR: Manaswinee Desai
AUTHOR URI: http://manaswinee.com/
TEMPLATE: sandbox
*/

@import url('reset.css');
@import url('table.css');
/* constants */
html {font-size:100.01%; padding: 0;margin: 0 0 0.1em 0;overflow:auto;height:100%;background: #FFF;}
body{font-family:Trebuchet MS;font-size:0.8em;color: #444;line-height:1.4; }

a { color: #666; }
a:hover { color: #444; }
blockquote {color: #9E3500;background: inherit;border: 0;font-style:italic;	text-indent: 15px;line-height: 1.8em;}
p{padding: 0 0 .8em;}
ol, ul, li {list-style: none;}
h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1em;}
h6{font-size: .9em;}
strong{font-weight:700;font-style:italic;text-decoration: underline;background: #FFFFD1;color: #3B3B3B;}
em{font-weight: bold;text-decoration: underline;background: #FFFFD1;color: #3B3B3B;}
del, del a, div.entry-content p del a {background:inherit;color: #C4C4C4;}
.caps{text-transform:uppercase;}
code, pre {font-family:"Bitstream Vera Sans Mono",Monaco,"Andale Mono",monospace;font-size:.8em;margin-bottom:0pt;margin-left:0pt;}
code {background:#FFFFB3 none; display:block; padding:0 10px; border: 1px solid #E6DB55; white-space: normal; }

hr { 
background: #ccc none; 
color: #ccc;
clear: both; 
float: none; 
width: 100%; 
height: 1px;
border: none;
}


img.thumbnail { border: 1px solid #ccc; padding: 2px; float: left; margin: 0 10px 5px 0; }

/* layout */
div#wrapper {width: 100%;}

/* START */
div#menu ul { overflow: hidden; height: 1%; margin-left: 15px; }
div#menu ul li { float: left; padding: 7px 0; }
div#menu ul li a{ color: #444; display: block; padding: 0 7px; margin-right: 10px; text-align: center; font-size: 1.4em; text-decoration: none; border: 1px solid #fff; }
div#menu ul li a:hover, div#menu ul li.current_page_item a { background-color: #eee; border: 1px outset #ccc; }

/* ----------------------- START: header ----------------------- */
div#header { background: #b1b0b0 none; float: left; width: 100%; overflow: hidden; height: 1%; color: #fff; border-bottom: 1px solid #333; }
div.header-left { float: left; width: 50%; padding: 5px 2%; }
div.header-right { margin-left: 0 0 0 60%; padding: 5px 10px; }
h1#blog-title{ font-size: 1.8em;  }
div#header h2 { font-size: 1.6em; }
h1#blog-title a, h1#blog-title a:visited { color: #fff; font-weight: normal; text-decoration: none }

/* START: Search */
#header #searchform { float:right; }
#searchform { 
background:transparent url(images/bg_search.gif) no-repeat scroll left 3px;
height:28px;
margin: 15px 0 15px 10px;
padding-top:4px;
width:228px;
}
#searchform input#s {
background:transparent none repeat scroll 0 0;
border:medium none;
margin: 0 0 3px 8px;
padding-top: 4px;
width:145px;
}
#searchbutton:hover { cursor:pointer; }
#searchbutton {
background:transparent none repeat scroll 0 0;
border:medium none;
width:50px;
}
/* END: search */
/* ----------------------- END: header ----------------------- */

/* ----------------------- START: container ----------------------- */
div#container { overflow: hidden; height: 1%; width: 100%; }
div#content { float: left; width: 50%; padding: 0 2em; border-right: 1px solid #ccc; }
.skip-link { visibility: hidden }
/* START: Content */
h2.entry-title { display: block; border-bottom: 1px solid #ccc; margin-bottom: 0.4em; color: #444; }
h2.entry-title a { color: #444; text-decoration: none; }
div.entry-date { text-align: right; margin-bottom: 0.5em; }
div.entry-meta { margin: 15px 0 20px; }
/* END: Content */


/* START: navigation */
div.navigation { margin-bottom: 20px; } 
/* END: navigation */

/* START: Sidebar */
div.sidebar { float: left; width: 20%; padding: 0 1em; }
div.sidebar h3 { background: #ccc; padding: 0 5px 2px; margin-bottom: 5px; border: 1px outset #999; }
div.sidebar ul li { margin-bottom: 20px; }
div.sidebar ul li ul { padding: 0 10px; }
div.sidebar ul li ul li { margin: 0 0 2px; }

/* END: Sidebar */

/* ----------------------- END: container ----------------------- */

#footer { margin: 20px 0 0; background: #ddd none; border: 1px inset #ccc; padding: 5px 15px;  }

.google-ads { margin-bottom: 20px; }

/* START: comments*/
div.comments ol { margin: 10px 0 }
li.comment { overflow: hidden; height: 1%; margin-bottom: 10px; font-size: 0.9em; }
li.comment div.comment-author { float: left; width: 60px; }
li.comment div.comment-author img { border: 1px solid #ccc; padding: 2px; width: 48px!important; height: 48px!important; }
li.comment div.comment-meta { margin-left: 65px; }

ul li#twitter_div ul li { margin-bottom: 10px; }

/* flick photos */
#flickr_badge_uber_wrapper {text-align:left;}
#flickr_badge_wrapper {padding:10px 0 10px 17px; overflow:hidden; height: 1%;}
.flickr_badge_image { }
.flickr_badge_image img {border: 1px solid #bbb !important; float: left; overflow:hidden; height: 1%; margin: 0 10px 10px 0;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 0px 0 0px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #ccc}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}