@import url("framework.css");
@import url("syntax.css");

/* Custom */
body { width: 100%; background: url(http://media.yashh.com/timages/background.png) 950px 0 repeat-y;}
a:active { outline:none; }
:-moz-any-link:focus { outline:none;}
#header-wrapper h1 {
  display: block;
  width: 130px;
  height: 32px;
  overflow: hidden;
/*  position: absolute;*/
/*  top: 20px;
  left: 70px;*/
  margin-left: -10px;
  z-index: 1000;
}
#header-wrapper h1 a {
  display: block;
  width: 130px;
  height: 0;
  padding-top: 32px;
  overflow: hidden;
  background-image: url('http://media.yashh.com/timages/logoorange.png');
  background-repeat: no-repeat;
  background-position: top right;
}
#header-wrapper h1 a:hover {
  background-position: top left;
}
.navigation { margin-left: 120px; background: #E3E3E3; -webkit-border-radius: 7px; 
  -moz-border-radius: 7px; 
  -webkit-box-shadow: 1px 1px 1px #1c0b03;}
.navigation ul { float: left; list-style-type: none; margin: 0; padding:0; }
.navigation li { float: left; padding:4px 0.7em;}
.navigation li a { line-height: 20px; }
.navigation li a:hover { background: #DDD; }
#search { float: right; font-size: 1.2em; border: 1px solid #989898; color: #989898;  display: inline; width: 145px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
blockquote { color: #444; }    /*overwrite default color of framework*/

.photomap #map-canvas {
  position: relative;
  width: 388px;
  height: 0;
  padding-top: 140px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-box-shadow: 2px 2px 2px #1c0b03;
}

#map-canvas {
  position: relative;
  width: 200px;
  height: 0;
  padding-top: 140px;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-box-shadow: 2px 2px 2px #1c0b03;
}

.map-canvas-overlay {
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: url('http://media.yashh.com/images/map-canvas-overlay-background.png');
}

.map-canvas-overlay.lower-left { 
  background-position: bottom left;
  bottom: 0;
  left: 0;
}
.map-canvas-overlay.upper-right { 
  background-position: top right;
  top: 0;
  right: 0;
}
img[src="http://maps.google.com/intl/en_us/mapfiles/poweredby.png"] { display: none; }
img[src="http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png"] { display: none; }
a[href="http://www.google.com/intl/en_us/help/terms_maps.html"] { display: none; }
#map-canvas div span { display: none;}
.chartlist { float:left; width: 188px; }
.chartlist li { position: relative; display: block; _zoom: 1; margin-bottom: 5px;}
.chartlist li a { display: block; padding:0; position: relative; z-index: 2; -webkit-transition-property: background-color, color, text-shadow; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in; }
.chartlist .count { display: none; position: absolute; top:0; right:0; test-align:right; color: #989898; z-index: 2; }
.chartlist .index { display: block; position: absolute; top:0; left:0; height:100%; border-right: 0.5px solid #EEE; text-indent: -9999px;  overflow:hidden; opacity:5; background: #DDD; -webkit-transition-property: background-color, color, text-shadow, border-color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in; }
.chartlist li:hover .index { border-right: 0.5px solid #aaa; opacity: 5; background: #999; }
.chartlist li:hover .count { color: #bbb; }
.incr {  font-size: 10px !important; line-height: 15px !important; }
#header-wrapper { margin-bottom: 18px;}    /* set gap b/w header and content */
#content { margin: 60px 0;}
#content span.date { font-size: 0.85em; }
#content .heading { margin:0; padding:0; }
#content .container { margin-bottom: 30px; }
#content .firstpost { position:relative; z-index:1000; margin-left:-40px; padding-left:40px; background: transparent url("http://media.yashh.com/timages/newpost.png") no-repeat center left; !important; }
#content p.intro { margin-top: 15px;  }

.tumbleitem .item .photo { text-align: center; }
.tumbleitem .item .photo a { display: block; padding-top: 120px; height: 0; width: 400px; background-color: #eee; background-position: -20px -145px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.borderbottom { padding-bottom: 15px; border-bottom: 1px solid #999;}
.tagged { padding-left: 35px; background: url(http://media.yashh.com/timages/tagged.png) no-repeat; }
.tagged  span { display:none; }

.seperator { width:840px; margin: 20px 80px; border-bottom: 1px solid #999; }
ol li { list-style-type: none; }
.odd { background: #EEE; padding: 8px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#comment_form p{margin:0;padding-bottom:5px;}
#comment_form label {
  font-size: 10px;
  font-family: DIN-Bold, 'Helvetica Neue', Arial, sans-serif; 
  text-transform: uppercase;
  display: block;
  width: 90px;
  font-weight: bold;
  color: #777;
  padding: 0 10px; 
  float: left;
  text-align: right;
  margin-bottom: 10px;
  margin-left: -110px;
}
#comment_form textarea { 
  color: #333; 
  width: 380px;
  border: 1px solid #ffa500;
}
#comment_form input[type="text"] { 
  border: 1px solid #ffa500; height: 20px; width: 388px;
}
.comment { margin: 15px 0;}
.comment p { margin: 8px 0;}       /*overwriting default <p> margin*/
.right { float: right; }
.left { float:left; }
.comment_author { font-size: 0.85em; border-bottom: 1px solid #AAA;}
.amp { font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;} 
#rss ul li { list-style-type: none; }
#rss { font-size: 0.85em; }

.thumbnail a.pic {display: block; padding-top: 110px; height: auto; width: 100px; background-color: #eee; overflow: hidden; -webkit-border-radius: 6px; text-indent: -1000em;}

.yes { background: url("http://media.yashh.com/timages/yes.png") no-repeat 0 0; text-indent: -1000em; }
.no { background: url("http://media.yashh.com/timages/no.png") no-repeat 0 0; text-indent: -1000em; }
.todos span { float:left; display:inline; padding:2px 10px; }

#footer { margin:0; position: relative; background: url(http://media.yashh.com/timages/footerbg.png); padding: 30px 0 20px 0; border-top:3px solid #FF6600; color: #E9E9E9;}
#footer h3 { font-size: 18px; line-height: 20px; padding: 5px 0; font-weight:bold; color:#EEEEEE; margin-bottom:15px;}
#footer p { margin-bottom:10px; }
.error { color: red; font-weight: bold;}
.screenshot {
  width: 100px;
  height: 75px;
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
}
.screenshot a {
  display: block;
  width: 100px;
  padding-top: 75px;
  margin-bottom: 5px;
  height: 0;
  overflow: hidden;
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-box-shadow: 2px 2px 2px #000;
}
.tumbleitem { padding-bottom:25px; }
.archives ul { float: left; list-style-type: none; }
.archives li { float: left; list-style-type: none;   }
.archives li a{ float: left; list-style-type: none; margin: 20px 5px; padding: 0px 20px; background: #EEE; -webkit-border-radius: 6px;  -moz-border-radius: 6px; }
.archives li a:hover { margin: 20px 5px; padding: 0px 20px; background: #CCC; -webkit-border-radius: 6px;  -moz-border-radius: 6px;}

/* Calender table */
div.calendar-wrapper {
  width: 385px;
  background-color: #EEE;
  padding: 5px 5px 5px 1px;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  margin: 0 0 20px 0;
}
table.calendar { width: 380px; margin: 0; border-collapse: collapse; }
table.calendar th { border: none; width: 19px; height: 16px; text-align: right; text-transform: uppercase; }
table.calendar td { width: 19px; height: 16px; text-align: right; border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
table.calendar td a { background: #DDD; display: block; width: 90%; height: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; 
  -webkit-transition-property: background-color, color, text-shadow, font-weight;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: ease-in; }
table.calendar td.not-in-month a { color: #AAA;}
table.calendar td.today a { font-weight: bold; background-color: #BBB; color: #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
table.calendar td a:hover { background: #555; color: #EEE; }


.margindown  { margin-bottom: 20px; }
.marginup { margin-top:30px;}
.post-image { margin: 10px 10px 10px 0px; float:left;display:inline; }
.bookthumbnail { width: 100px; }
.thnknsblvng { padding:0 0 20px 0; background: url(http://media.yashh.com/timages/thnknsblvng.png) top 280px no-repeat; text-indent: -1000em;}
.disabled { display: none;}
.linkurl { background-color: #DDD; padding: 8px 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
h5 { font-size: 10px; font-weight: bold; text-transform: uppercase;}
.graph { 
    margin: 25px 0 0 0;
    position: relative; /* IE is dumb */
    width: 200px; 
    border: 1px solid #B1D632; 
    padding: 2px; 
}
.graph .bar { 
    display: block;
    position: relative;
    background: #B1D632; 
    text-align: center; 
    color: #333; 
    height: 2em; 
    line-height: 2em;            
}
.graph .bar span { position: absolute; left: 1em; }

.photo_detail { display:block; height:0; overflow:hidden; -webkit-border-radius: 8px;  -moz-border-radius: 8px;}
div.note-box {
  display: block;
  position: absolute;
}

div.note-box a {
  z-index: 101; 
  display: block; 
  position: relative; 
  border: 1px solid #ccddee; 
  -webkit-box-shadow: 1px 1px 1px #666;
}

div.note-text {
  position: absolute;
}

div.note-text div {
  display: none; 
  z-index: 100; 
  padding: 5px; 
  position: relative; 
  background-color: #000; 
  color: #fff;
  opacity: .5; 
  top: 0; 
  left: 0; 
  -webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}

.inlineblockquote { font-family: Georgia, serif; font-size: 0.85em;  font-style: italic; color:#444; }

/* PAGINATION */
/*.pagination .prev, .pagination .next { margin-right:.5em; margin:0em .25em; padding: 5px; background: #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.pagination .page {
    padding:.25em;
    font:normal 1em verdana;
    margin:0em .25em; padding: 5px;
    background: #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px;  
}
.pagination .current {  
    font-weight:bold; background: #555; color: #EEE;
}*/
.pagination { margin-bottom: 20px; overflow: hidden; clear: both; font-weight: bold; font-size: 12px; line-height: 20px; }
.pagination a,
.pagination span { display: block; float: left; padding: 2px 8px; background: #fff; border: 1px solid #ccc; border-right: none; text-align: center; overflow: hidden; }
.pagination .next { padding: 2px 10px 2px 0; width: 50px; border-right: 1px solid #ccc; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; }
.pagination .previous { padding: 2px 15px; width: 50px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; }
.pagination span.next,
.pagination span.previous { background: #fff; color: #aaa; }
.pagination span {  background-color: #999; color: #fff; }
.pagination a:hover { background-color: #eee; text-decoration: none; }
.pagination a:active { background-color: #838383; color: #fff; text-decoration: none; }
.pagination .disabled { display: none; }

/* PREVIOUS & NEXT */
.prevnext { position: relative; margin-bottom: 15px; height: 25px; color: #fff; }
.prevnext a.previous { position: absolute; top: 0; left: 0; display: block; padding-top: 20px; width: 30px; height: 0; background: url(http://media.yashh.com/timages/previous.png) no-repeat; overflow: hidden; }
.prevnext a.previous:hover { background-position: 0 -20px; }
.prevnext a.next { position: absolute; top: 0; left: 50px; display: block; padding-top: 20px; width: 30px; height: 0; background: url(http://media.yashh.com/timages/next.png) no-repeat; overflow: hidden; }
.prevnext a.next:hover { background-position: 0 -20px; }

/* SCROLLBARS Thanks Nathan Borror. */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  html { overflow: hidden; background-color: #fff; }
  body { position: absolute; top: 0; left: 0; bottom: 0; right: 10px; overflow-y: scroll; overflow-x: hidden; }
}
@media only screen and (max-device-width:480px) {
  html { overflow: auto; }
  body { position: relative; top: auto; right: auto; bottom: auto; left: auto; overflow: auto; }
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement { display: block; height: 10px; }
::-webkit-scrollbar-button:end:increment { display: block; height: 10px; }
::-webkit-scrollbar-button:vertical:increment { background-color: transparent; }
::-webkit-scrollbar-track:enabled { background-color: rgba(0, 0, 0, .1); -webkit-border-radius: 5px; }
::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: rgba(0, 0, 0, .2); -webkit-border-radius: 5px; }
::-webkit-scrollbar-thumb:horizontal { width: 50px; background-color: rgba(0, 0, 0, .2); -webkit-border-radius: 5px; }*/