/* 
Theme Name: Ranno Clear
Author: Ranno
Version: 1.0
Description: Based on <a href="http://wordpress.org/extend/themes/clear">Clear</a>.
*/

/* Elements */
* {margin:0; padding:0}
body {margin:0;padding:0;font-family:Indie Flower,Georgia,Serif;line-height:1.5em;letter-spacing: 0.1em;font-size:0.76em;color:#000}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;color:#777}
p,blockquote,ul,ol {margin-top:0;padding-top:0;margin-bottom:0.5em}
p {line-height:1.7em;font-size:1.1em;margin-bottom:0.9em}
a:link, a:visited {color: #999;text-decoration:none}
a:hover, a:active {color:#000000;text-decoration:none}
img.left {float:left;margin:0 1em 1em 0}
img.right {float:right;margin:0 0 1em 1em}
a img {padding:4px;border:1px solid #DDD;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
a img:hover {background-color:#EEE}
#menu a,a:link,a:visited {-webkit-transition: color 0.7s ease;-moz-transition: color 0.7s ease;transition: color 0.7s ease}
a img,.wp-caption,a .excerpt_box {-webkit-transition: background-color 0.7s ease;-moz-transition: background-color 0.7s ease;transition: background-color 0.7s ease}
.wp-pagenavi a,.ngg-navigation a,.singlep_newer a,.singlep_older a{-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease}
.fb_edge_widget_with_comment{padding:20px 0}

/* Header */
#logo{float: left;padding: 0px 0 0 100px}
#logo #h1{font-size: 3em}
#logo #h2{font-size: 1em;color:#aaa;padding:5px 10px 10px 10px}
#logo #h1 a,#logo #h1 a:visited{text-decoration: none;color:#999;border:0}
#logo #h1 a:hover{border:0;color:#333}

/* Menu */
#menu {width: 960px;margin:0 auto;padding-top:10px;min-height:75px;line-height:20px;background:url(img/bg.png) no-repeat left top;margin-top: 20px;padding-top:70px;overflow:auto;position:relative}
#menu ul {margin:0;list-style: none;text-align:right;float:right;display: inline;clear: left;padding-top:0;padding-right: 110px;padding-bottom:0;padding-left:0}
#menu li {display: inline}
#menu a {padding:3px 0px 3px 10px;text-decoration: none;font-size: 1.5em;border:0;color:#999;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
#menu a:hover,#menu a:active,#menu li.current_page_item a:hover,#menu li.current_page_item a:link,#menu li.current_page_item a:visited,#menu li.current_page_item a:active {color:#333;border:0}
.header-strip {background-color:#f5f5f5;height:5px;margin:10px 110px;clear:both}

/* Main */
#main {width: 960px;margin: 0 auto;background:#fff;border:#eee 0 solid;background:url(img/bg.png) repeat-y -960px 0}
#main h1, #main h2 {padding: 4px;font-size: 2em;line-height:1.2em;font-weight: bold}
#main .post-title {font-size: 1.5em;font-weight: normal}
#main h3 {padding: 4px;font-size: 1.4em;line-height:1.2em;font-weight: bold}
#main h1 a, #main h2 a {border:0;font-size:1.1em;font-weight:normal;color:#777}
#main h1 a:hover, #main h2 a:hover {color:#000}
#main ol {margin:0;padding:0 0 0 3px}
#main ol li {margin:0;padding:3px;padding-bottom:10px;font-size:16px;}
#main .post {margin-top:1.5em;margin-bottom:1.5em}
#main .entry {clear:both;padding: 10px 5px;padding-bottom: 30px}
#main .entry p{font-size:1.5em}
.post .meta {margin-bottom: 10px;padding-left: 5px;font-size: 0.9em;color:#999}
.post .comments {font-size:1.5em;font-weight:bold;color:#999;margin-left:5px;margin-top: 30px;padding-left: 50px;background: url(img/elements.png) no-repeat -233px -175px;clear: both}
.post .comments a {border-bottom:0px;color:#aaa}
.commentmetadata a{border:0;color:#777}
.cmtinfo .avatar {vertical-align:middle;margin-left: -25px}

/* Content */
#content {float: left;margin-left:45px;margin-right: 45px;padding: 10px 250px 0}
#content-gal {float: left;margin-left:45px;margin-right: 45px;padding: 10px 75px 0px}
.wp-caption {border: 1px solid #dddddd;text-align: center;background-color: #ffffff;margin: 10px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
.wp-caption:hover {background-color:#EEE}
.wp-caption-text {margin: 0;font-style: italic;font-size:1.3em !important}
.wp-caption img {margin: 0;padding: 0;border: 0}
.tags{color:#999;font-size:0.8em}
.excerpt_img span {width: 108px;height: 108px;display: block;position: absolute;top: 0;left: 0;background: url(img/elements.png) no-repeat -233px 0}
.excerpt_img {position: relative;margin-left: -45px;margin-top: -16px;float: left;padding-right: 20px;padding-bottom: 5px}
.excerpt_img img {border: 0}
a .excerpt_box {clear: both;width: 400px;margin-top: 15px;border: 1px solid #EEEEEE;padding: 10px;color: #000000;position: relative;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px}
a:hover .excerpt_box {background-color: #f5f5f5}
.excerpt_date {margin:0;padding:0 1em;font-weight:normal;font-style:normal;float:right;color:#CCCCCC;position: absolute;right: -9px;top: -2px}
.avatar, .cmtinfo span, .excerpt_img {-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg)}

/* Comments */
#btnSearch, #searchsubmit{background-color:#ddd;border: 1px solid;border-color: #999; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:22px;font-size:1em;padding:0 3px}
#searchsubmit {font-size:0.6em;visibility:hidden}
#submit {background-color:#ddd;border: 1px solid; border-color: #999;font-family: Indie Flower, Georgia, Serif; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:1.3em;padding:0 3px;width: 100%;cursor: pointer} 
input.textbox, input#s, .subscribe-to-doi-comments {border:#ccc 1px solid;background:#f9f9f9;font:1.3em Indie Flower, Georgia, Serif;padding:5px 5px 2px;width:400px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;letter-spacing:0.1em}
input#s{width:160px}
textarea{width: 400px;padding:5px;height: 15em;border:1px solid #ccc;background:#f9f9f9;font:1.3em Indie Flower, Georgia, Serif;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;letter-spacing:0.1em}
input.textbox:focus, textarea:focus{background:#fff;border:#999 1px solid}
#commentform {margin:0;padding:10px;background:#fff}
#main .commentlist {margin: 0;padding: 0;}
#main .commentlist li {list-style:none;margin: 0;padding: 1em;border-bottom:#ddd 1px solid;font-size:1em}
#main .commentlist li p{font-size:1.3em}
#main .commentlist li .cmtinfo {padding:5px;margin-bottom: 5px;position:relative}
#main .commentlist li .cmtinfo em {margin:0;padding:0 1em;font-weight:normal;font-style:normal;float:right;color:#999;position:absolute;right: -20px;top: -12px}
#main .commentlist li cite {font-style:normal;font-weight:bold;font-size:1.8em;padding-left: 20px}
#main .commentlist li.alt{background:#f9f9f9}
#main .commentlist li.authorcomment{background:#fdffd4}
#main .nocomments{font-size:0.9em;color:#999;text-align:center}
.cmtinfo span {width: 108px;height: 108px;display: block;position: absolute;top:0;left: -25px;background: url(img/elements.png) no-repeat -233px 0}

/* Footer */
#footer {margin: 0 auto 30px;width:960px;height:80px;border:0;background:url(img/bg.png) no-repeat -1920px bottom}
#footer p {margin:0;padding: 20px 100px 0 95px;font-size: 0.9em;color: #999}
#footer p span {float:right}
#footer a:link, #footer a:visited {color: #999;border:0}
#footer a:hover, #footer a:active,#footer p strong {color: #999;text-decoration:none;border:0}
#header, #main, #sidebar, #footer, .widget {overflow:hidden}
.aligncenter {display: block;margin-left: auto;margin-right: auto}
.alignleft {float: left}
.alignright {float: right}
#facebook {background: url(img/elements.png) no-repeat -233px -110px}
#facebook:hover{background-position: -233px -141px}
#contact {background: url(img/elements.png) no-repeat -316px -110px}
#contact:hover {background-position: -316px -141px}
#deviantart {background: url(img/elements.png) no-repeat -261px -110px}
#deviantart:hover {background-position: -261px -141px}
#twitter {background: url(img/elements.png) no-repeat -288px -110px}
#twitter:hover {background-position: -288px -141px}
.btm_icon {width: 27px;height: 27px;margin-left: 10px;margin-top: -10px;opacity: 1;-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-ms-transition: opacity 1s ease;-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);-ms-transform: rotate(15deg)}
.btm_icon:hover {opacity: 0.5}

/* gallery leht */
.gallery {clear: both}
.gallery div {margin: 2px;padding: 0;float: left;position: relative;width: 230px;height: 270px}
.gallery span {width: 230px;display: block;position: absolute;background: url(img/elements.png) no-repeat 0 0;z-index:10;text-align: center;font-size: 24px;font-weight: 400;letter-spacing: 1px;padding-top: 235px;padding-bottom:20px;text-decoration: none;text-transform: none;font-family: 'Calligraffitti', Indie Flower, serif;height: 17px}
.imgtop {border: none;left: 64px;top: 12px;position:absolute}
.imgleft {border: none;left: 22px;top: 112px;position:absolute}
.imgright {border: none;left: 112px;top: 98px;position:absolute}

/* NGG gallery */
.ngg-galleryoverview {margin-top: 10px; width: 100%; clear:both; display:block !important}
.ngg-gallery-thumbnail-box {float: left;-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg)}
.ngg-gallery-thumbnail {margin: 2px;padding: 0;width: 108px;height: 108px}
.ngg-gallery-thumbnail span, avatar-100 {width: 108px;height: 108px;display: block;position: absolute;background: url(img/elements.png) no-repeat -233px 0px}
.ngg-gallery-thumbnail img {border: none;padding: 4px}

/* WP-Pagenavi */
.wp-pagenavi, .ngg-navigation {padding-top: 30px;padding-bottom: 15px;text-align: center;clear: both}
.wp-pagenavi a,.wp-pagenavi span,.ngg-navigation span,.ngg-navigation a.page-numbers,.ngg-navigation a.next,.ngg-navigation a.prev 
	{text-decoration: none;border: 1px solid #EEE;padding: 0 5px;margin: 2px;border-radius: 10px}
.wp-pagenavi a:hover,.wp-pagenavi span.current,.ngg-navigation span,.ngg-navigation a.page-numbers:hover,.ngg-navigation a.next:hover,.ngg-navigation a.prev:hover
	{border-color: #000}
.wp-pagenavi span.current, .ngg-navigation span {font-weight: bold}
.subscribe-to-doi-comments input {opacity: 0; position: absolute}
.subscribe-to-doi-comments label {padding: 0 0 0 30px;color: #999;background: url(img/elements.png) no-repeat -233px -210px}
.subscribe-to-doi-comments input[type=checkbox]:checked + label {background-position: -233px -240px}

.singlep_nav {font-size:1.5em;padding-bottom:70px;padding-top:25px;line-height:1em}
.singlep_newer a {padding: 5px 100px 5px 15px;border-radius: 20px;background: -webkit-gradient(linear, left top, right bottom, from(#FAFAFA), to(white));float: left;background: -moz-linear-gradient(left,  #FAFAFA,  white)}
.singlep_older a {padding: 5px 15px 5px 100px;border-radius: 20px;float: right;background: -webkit-gradient(linear, left top, right bottom, from(white), to(#FAFAFA)); background: -moz-linear-gradient(right,  #FAFAFA,  white)}
.singlep_newer a:hover, .singlep_older a:hover {background:#f5f5f5}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden}
#cboxOverlay{position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative; overflow:hidden}
#cboxLoadedContent{overflow:auto}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:relative; top:45%; left:45%; width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(img/border1.png) 0 0 no-repeat}
    #cboxTopCenter{height:25px; background:url(img/border1.png) 0 -50px repeat-x}
    #cboxTopRight{width:25px; height:25px; background:url(img/border1.png) -25px 0 no-repeat}
    #cboxBottomLeft{width:25px; height:25px; background:url(img/border1.png) 0 -25px no-repeat}
    #cboxBottomCenter{height:25px; background:url(img/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(img/border1.png) -25px -25px no-repeat}
    #cboxMiddleLeft{width:25px; background:url(img/border2.png) 0 0 repeat-y}
    #cboxMiddleRight{width:25px; background:url(img/border2.png) -25px 0 repeat-y}
    #cboxContent{background:#fff}
        #cboxLoadedContent{margin-bottom:20px}
        #cboxTitle{position:absolute; bottom:0; left:0; text-align:center; width:100%; color:black}
        #cboxCurrent{position:absolute; bottom:0; left:15px; color:#999}
        #cboxSlideshow{position:absolute; bottom:0; right:42px; color:#444}
        #cboxPrevious{position:absolute; bottom:0; left:0; color:#444}
        #cboxNext{position:absolute; bottom:0; left:65px; color:#444}
        #cboxLoadingOverlay{background:url(img/loading.gif) 5px 5px no-repeat #fff}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444}