/*
Theme Name: Tooba
Theme URI: http://fluxhq.com/
Description: WilsonMiner vs GarrettDimon vs simplebits vs Hemingway vs Puccou Remix.
Version: 0.6.1
Author: Rohit Sankaran / FluxHQ
Author URI: http://fluxhq.com
Tags: photoblogging, two column, fixed width, custom colors
*/

/****************** =Defaults ******************/
html, div, form { display:block; }

body { background:#FFF; color:#3D3D3D; font:normal 76%/140% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; margin:0; padding:0; text-align:left; }

a {outline:none;}
a:link {color:#666; text-decoration:none; }
a:active {color:#36C; text-decoration:none; }
a:visited {color:#666; text-decoration:none; }
a:hover {color:#36C; text-decoration:none; background:none; }

ul { list-style-type:square; padding:0; }

ol { list-style-type:decimal; }

ul, ol { display:block; margin:1em 0; }

ul li, ol li { color:#333; font-size:1.1em; line-height:1.56em; margin:0.5em 0 0.5em 2em; padding:0 1em 0 0; }

strong { font-weight:bold; }

em { font-style:italic; }

fieldset { border:2px groove threedface; display:block; margin-left:2px; margin-right:2px; padding:0.35em 0.625em 0.75em; }

label { cursor: default; }

.clear { clear:both; font-size:1px; height:1px; line-height:1px; }

pre { 
	background:#333;
	border:1px solid #efefef;
	color:#FFFFFF;
	overflow:auto;
	padding:5px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important; 
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap; 
	word-wrap: break-word;   
	width: 400px;
}

code { font-size:1.188em; }

/****************** =Page Layout ******************/

/****************** =Header ******************/
#hd { background:#EFEFEF; color:#888; margin:0; padding:.8em 0 .6em 0; border-bottom:1px dotted #E0E0D5; }

/* Logo */

#hd a#logo { border-right:solid 1px #CCC; color:#828282; display:block; float:left; font-weight:bold; font-size:1.1em; height:1.1em; line-height:1.2em; margin:0 1em 0 0; padding:0 1em 0 0; text-decoration:none; }
#hd a#logo span { color:#BBBABA; font-size:0.85em; font-weight:normal; }

/* Nav */

#hd ul.nav { display:block; float:left; list-style-type:none; margin:0; padding:0; }
#hd ul.nav li { display:block; float:left; height:1.1em; list-style-type:none; margin:0; padding:0; }
#hd ul.nav li { color:#999; }
#hd ul.nav li a { color:#999; display:block; font-size:0.9em; line-height:1.1em; margin:0; padding:1px 1em 0 0; text-decoration:none; text-transform:uppercase; }
#hd ul.nav li a:hover { color:#36C; }

/* Search */

#hd div.left { clear:both; display:block; height:1.5em; margin:0; margin-left:auto; margin-right:auto; position:relative; width:64em; }
#hd div.home { width:1000px; }
#hd div.left div.right { position:absolute; top:-3px; left:496px; margin:0; padding:0; }

/********** Body **********/

/* Layout */
.wrap { width:1000px; margin:0 auto 4em auto; }
#main { clear:both; width:100%; }
#sleeve { clear:both; width:100%; background:#FFF; }
#aux { clear:both; width:100%; }

/* Weather Row */
#sleeve div.wrap { margin-bottom:2em; }
#sleeve div.wrap p { padding:0 0.5em 1em 0.5em; border-bottom:1px dotted #E0E0D5; font-size:2em; font-weight:normal; color:#666; text-align:center; }

/* Main Column */
#main div.wrap { margin:0 auto; }
#main div.wrap #content-left { float:left; clear:left; width:481px; border-right:1px dotted #E0E0D5; }
#main div.wrap #content-right { float:right; width:518px; color:#fff; }

/* Right Column */
#content-right a:link,
#content-right a:visited { color:#FFF; }
#content-right a:hover { color:#36C; }
#content-right h2 { color:#36C; }

/* Photos */
#content-right #photos { position:relative; overflow:hidden; padding:10px 0 0 10px; }
#content-right #photos h2 { font-size:1em; font-weight:bold; position:relative; color:#FFF; left:20px; top:10px; }
#content-right #photos a.photo { display:block; font-size:1em; margin-top:-3em !important; text-align:left; }
#content-right #photos .title { color:#FFF; font-size:1.25em; font-weight:normal; position:absolute; bottom:15px; left:30px; }
#content-right #photos img { border:0; vertical-align:top; background:#EFEFEF none repeat scroll 0 0; border-color:#BBBABA #999 #999 #BBBABA; border-style:solid; border-width:1px; padding:0.25em; }

/* Elsewhere */
#content-right #elsewhere { padding:0 0 0 10px; }
#content-right #elsewhere h2 { font-size:1em; font-weight:bold; position:relative; color:#666; left:14px; top:14px; }
#content-right #elsewhere ul li { list-style-type:none; margin:0; padding-top:1.25em; }
#content-right #elsewhere ul li a:visited,
#content-right #elsewhere ul li a { font-size:1em; font-weight:bold; color:#3D3D3D; margin-right:5px; text-transform:capitalize; }
#content-right #elsewhere ul li a:hover { color:#36C; }
#content-right #elsewhere ul li span.summary { color:#828282; font-size:0.85em; }

.elsewhere { padding:0px 5px 5px 14px; }

/* Content Column */
#content { padding:0 10px 0 0; }
#content p { font-size:1em; font-weight:normal; margin:1em 0.5em 1.5em 0.1em; line-height:2em; }
#content p a { border-bottom:1px dotted #666; color:#3D3D3D; }
#content p a:hover { border-bottom:1px dotted #36C; color:#36C; }
#content p sup { line-height:0; }
#content h3 { font-size:1.25em; font-weight:normal; position:relative; color:#666; top:1em; margin:1em 0 1.5em 0; }
#content h2 { font-size:1em; font-weight:bold; position:relative; color:#666; top:1em; margin:1.25em 0 0.5em 0; }
#content h1, div.page h1 { font-weight:normal; font-size:2em; letter-spacing:-1px; line-height:0.97em; margin:1.5em 0 0 0; text-align:left; text-transform:capitalize; }
#content h1 a { color:#3D3D3D; }
#content p a.c-link { background:transparent url(img/icon-com.gif) no-repeat scroll 0 50%; padding-left:18px; border:none; }
#content h4 { text-align:center; padding:1em 1.5em; font-size:1.2em; line-height:1.6em; margin:1em 0 1.5em 0; background:#CCC none repeat scroll 0 0; border-bottom:3px solid #858585; border-top:3px solid #858585; color:#3D3D3D; }
#content ul { margin:1.5em 0 2em 0; }
#content ul li { background:transparent url(img/bullet.gif) no-repeat scroll 0 0.3em; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 1em 1.5em; padding:0 0 0 1.5em; font-size:1em; }

.excerpt { font-style:italic; border-bottom:1px dotted #E0E0D5; }
span.amp { font-family:Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif; font-style:italic; }

div.archive { margin:0 auto; width:64em; }
div.archive pre { width: 99%; }
div.no-border { border:0; }

/* Comments */
#main #content-main #posts #comments h2 { border-bottom:1px solid #E0E0D5; color:#666; font-size:1em; font-weight:bold; letter-spacing:0.1em; line-height:1em; position:relative; left:14px; top:14px; padding:0 0 1em 1em; text-transform:uppercase;}
div.mod { border-top:1px solid #E0E0D5; margin:0; padding:1em 0; width:64em; }
div.mod-meta { float:left; margin:0; padding:0 0 0 1em; width:11em; text-align:left; }
div.mod-meta h3 { color:#646870; font-size:1em; font-weight:bold; margin:0; padding:0; }
div.comment div.mod-meta img { background:#FFF none repeat scroll 0 0; border:1px solid #E0E0D5; margin:0; padding:0.4em; width:3em; }
div.mod-body { float:left; margin:0 1em 0 0; padding:0; }
div.mod-body h4 { font-size:1.2em; margin:0 0 0.3em; padding:0; font-weight:bold; }
div.mod-body h4 a { text-decoration:none; }
div.mod-body h4 em { color:#F4F4ED; font-size:1em; font-style:normal; font-weight:normal; }
div.mod-body p { font-size:1.2em; line-height:1.6em; margin:0 0 1.5em; }
div.mod-body p.note { color:#8F9195; font-size:1.1em; }
div.mod-body form { margin:0 0 2.5em; padding:0; }
div.mod-body form fieldset { border-color:#E3E3E3; border-style:none none dotted; border-width:medium medium 1px; margin:0 0 0.5em; padding:0 0 0.5em; }
div.mod-body form fieldset h4 { color:#8B8074; float:right; font-size:1em; line-height:1.5em; margin:1em 0; padding:0; width:10em; }
div.mod-body form fieldset label { color:#444; float:left; font-weight:bold; line-height:1.5em; margin:0.5em 0 0 0; padding:0; width:12em; }
div.mod-body form fieldset div.field { float:left; margin:0.5em 3em 0 0; width:34em; }
div.mod-body form fieldset div.field input.input-text { color:#444; font-size:1em; padding:0.5em; width:34em; }
div.mod-body form fieldset div.field select { color:#444; font-size:1em; padding:0.5em; width:34em; }
div.mod-body form fieldset div.field textarea { color:#444; font-size:1em; padding:0.5em; width:34em; }

/* Aux Column */
.block { float:left; color:#666; background:transparent; width:320px; margin:2em 0; padding:5px; font-size:0.85em; }
.block h2 { font-weight:bold; font-size:1.25em; margin:1.25em 0 2em 1em; }
.dots { border-left:1px dotted #BBBABA; border-right:1px dotted #BBBABA; width:325px; }

ul.dates { border-top:1px dotted #BBBABA; list-style-type:none; margin:1.5em 1.5em 2em 1.5em; }
ul.dates li { border-bottom:1px dotted #BBBABA; list-style-type:none; margin:0; padding:0.5em 0; color:#3D3D3D; }
ul.dates a { color:#3D3D3D; text-decoration:none; }
ul.dates a:hover { color:#36C; }
ul.dates a.entry { text-transform:capitalize; }
ul.dates .date { color:#828282; margin:0; padding:0 1.5em 0 0; }
ul.dates .time { color:#828282; margin:0; padding:0 0 0 0.5em; }

.bg { float:left; width:100%; background:#EFEFEF; margin-top:1.5em; }

/* Ads */
.ads { border-bottom:dotted 1px #E0E0D5; clear:both; margin-top:2.3em; margin-bottom:4em; margin-left:auto; margin-right:auto; padding:40px 0; text-align:center; width:900px; }

/********** Footer **********/
#ft { background:url(img/bottom.gif) 80px 1px no-repeat; color:#333; width:760px; margin-top:2.3em; margin-bottom:4em; margin-left:auto; margin-right:auto; padding-bottom:40px; }
#ft p { margin-bottom:0.57em; }
#ft p.additional { padding-top:15px; }
#ft p.additional, #ft p.copyright { color:#999; text-align:center; }
#ft p.additional a.feed { background:url(img/feed.gif) 0 2px no-repeat; padding:0 0 0 14px; }
#ft a { color:#666; }