/*
Theme Name: Refractal
Theme URI: http://www.sudeepmandal.com/projects/refractal-wordpress-theme/
Description: Refractal is an elegant, clean, minimalist, two-column Wordpress theme that supports post thumbnails, threaded-comments, theme-options and a multi-level drop down menu.
Version: 1.1
Author: Sudeep Mandal
Author URI: http://www.sudeepmandal.com
Tags: black, orange, two-columns, fixed-width, right-sidebar, theme-options, threaded-comments, custom-header

*/
html{overflow-y:scroll;}
body{font-size:85%;margin:0;padding:0;background-color:black;font-family:"Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;}
.floatR{float:right;}
.floatL{float:left;}
.clear{clear:both;}
a{color:#A35003;}
a:hover{color:#F08003;}
.pagetitle{padding-bottom:25px;}
.titledate{color:#6F6F6F;position:relative;bottom:-3px;}
#topcontainer{width:900px;margin:0 auto;padding:0;color:#C6C6C6;}
#header{width:900px;height:85px;background:url(images/top-bg.gif) repeat-x;margin:0 auto;position:relative;margin-bottom:20px;}
#headerimg a, #headerimg h1{text-decoration:none;margin:5px 0;color:#F08003;}
#headerimg{position:absolute;bottom:5px;left:100px;}
#headerimg .description{color:#888;}
#sidebardiv{float:left;width:230px;margin:0;padding:2px 0 0 20px;border-left:1px solid #3F3F3F;color:#999999;font:0.95em Verdana;}
#sidebardiv a{text-decoration:none;}
#sidebardiv h2.widgettitle,h3.widgettitle{color:white;font-size:1em;padding-bottom:4px;border-bottom:1px solid #3F3F3F;}
#sidebardiv ul, #sidebardiv ul ol{margin:0;padding:0;}
#sidebardiv ul li{list-style-type:none;list-style-image:none;margin-bottom:0px;}
#sidebardiv ul li li{background-image:url('images/ul_normal.png');background-repeat:no-repeat;background-position:0px 3px;}
#sidebardiv ul p, #sidebardiv ul select{margin:5px 0 8px;}
#sidebardiv ul ul, #sidebardiv ul ol{margin:5px 0 0 0px;}
#sidebardiv ul ul ul, #sidebardiv ul ol{margin:0 0 0 10px;}
#sidebardiv ul ol li{list-style:decimal outside;}
#sidebardiv ul ul li, #sidebardiv ul ol li{margin:3px 0 0;padding:0;padding-left:10px;}
#topcontent{margin:0 auto;padding:25px 0 0 0;}
#pagecontent{float:left;width:500px;padding:0px 20px 0 120px;border-right:1px solid #3F3F3F;margin-right:-1px;font-family:"Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;line-height:1.6em;color:#ddd;}
#pagecontent li{font:1em "Trebuchet MS", Verdana, "Helvetica Neue", Arial, sans-serif;margin:0;padding:0 0 0 5px;list-style-position:inside;}
#pagecontent a{font-family:"Trebuchet MS";font-weight:normal;letter-spacing:1px;text-decoration:none;border-bottom:0px solid #363636;padding:0;margin:0;}
#pagecontent h3, #pagecontent h2, #pagecontent h1, #pagecontent h4, #pagecontent h5{color:white;}
#pagecontent .posttitle h3, #pagecontent .posttitle h2{margin:0;}
#postheader a{color:white;}
.posttitle{padding-bottom:4px;padding-top:6px;border-bottom:1px solid #3F3F3F;}
.posttitle a{color:#fff;}
.postmetadata{margin:0 0 10px 0;padding:0px 8px 0px 8px;font-size:0.9em;background-color:#272727;border-bottom:1px solid #3F3F3F;border-right:1px solid #3F3F3F;border-left:1px solid #3F3F3F;}
p.postmetadata a, p.postmetadata2 a{color:#23C5F6;}
p.postmetadata a:hover, p.postmetadata2 a:hover{color:#bb6633;}
.postmetadata2{background-color:#292929;margin:25px 0 20px 0;padding:6px 8px 6px 8px;border:1px solid #636363;}
.postbottom{padding-top:10px;padding-bottom:50px;}
div.postnavimg{position:relative;}
div.postnavimg img.wp-post-image{opacity:0.7;filter:alpha(opacity=70);}
div.postnavimg:hover img.wp-post-image, div.postnavimg:hover .xyzR, div.postnavimg:hover .xyzL{opacity:1;filter:alpha(opacity=100);}
div.postnavimg:hover .xyzR, div.postnavimg:hover .xyzL{opacity:0.9;filter:alpha(opacity=90);}
div.postnavimg .xyzR{position:absolute;bottom:65px;left:110px;width:40px;height:40px;background-image:url(images/nextpost.png);background-repeat:no-repeat;background-position:right;z-index:1;opacity:0.4;filter:alpha(opacity=40);}
div.postnavimg .xyzL{position:absolute;bottom:65px;right:110px;width:40px;height:40px;background-image:url(images/prevpost.png);background-repeat:no-repeat;background-position:left;z-index:1;opacity:0.4;filter:alpha(opacity=40);}
div.postnavimg .postnavlink{position:absolute;bottom:14px;left:8px;width:150px;background-color:#000;z-index:2;opacity:0.6;filter:alpha(opacity=60);padding-top:0px;padding-bottom:0px;}
div.postnavimg .postnavlink a{display:inline-block;width:100%;height:100%;text-align:center;padding:0;margin:0;color:#fff;}
div.postnavimg .xyzR a, div.postnavimg .xyzL a{position:absolute;width:100%;height:100%;}
#footer{width:800px;margin:0 auto;text-align:center;font:0.7em Verdana, Arial, sans-serif;padding:30px 0 10px 0;color:#555;clear:both;}
#footer a{color:#777;text-decoration:none;}
#footer a:hover{color:#999;}
.commtitle{padding-bottom:4px;border-bottom:1px solid #3F3F3F;}
.commentlist{padding-top:12px;}
#comments{width:100%;padding-top:10px;padding-bottom:10px;margin:0 auto;font-family:"Trebuchet MS";}
#comments a,#content a{color:#9AB19E;}
#comments a,#content a:hover{text-decoration:none;}
#comments a:hover{color:#999;}
#comments ol{list-style:none;padding-right:5px;padding-left:5px;}
#comments li{background:#111;border:1px solid #333;display:block;margin-bottom:10px;padding:10px 10px 4px 10px;}
#comments li.alt{background:#222;}
#comments li.authcomment{background:#333;color:#F08003;border:1px solid #999;}
#comments li.authcomment .commenttext p{color:#fff;}
.commentcount{font:3em Georgia, Arial;float:right;color:#474747;}
.commenttext{padding:0 20px 0 0;color:#e0e0e0;font-size:0.95em;}
#pagecontent #comments #commentlist cite{font-size:100%;display:inline;margin:0;padding:0;border:0px solid white;}
#comments small.commentmetadata{display:block;text-align:right;color:#777;font-size:0.8em;}
input[type="text"], textarea{background:#111;border:1px solid #444;color:#ccc;padding:3px;}
input[type="submit"]{background:#111;border:1px solid #444;color:#ccc;padding:3px;font-weight:normal;}
input[type="submit"]:hover{background:#111;border:1px solid #eee;}
input[type="submit"]:focus{background:#444;border:1px solid #A35003;}
.widget_search input[type="text"], #searchform input[type="text"]{background:#111 url(images/search.png) no-repeat 4px 4px;padding:3px 3px 3px 22px;width:110px;}
.widget_search input[type="text"]:focus, #searchform input[type="text"]:focus{background-image:none;background-color:#333;border:1px solid #aaa;padding:3px;width:129px;}
#comments input[type="text"], #comments textarea{background:#111;border:1px solid #444;color:#ccc;padding:3px;}
#comments textarea{width:95%;}
a{outline:none;}
.widget{padding-bottom:25px;}
.commmeta{color:#FFFFFF;}
#navbar, #navbar2{position:absolute;top:37px;right:0px;text-transform:uppercase;font:10px "Trebuchet MS", Verdana, Helvetica, "Helvetica Neue", Arial, sans-serif;font-weight:normal;letter-spacing:2px;text-decoration:none;z-index:5;}
#navbar2{bottom:0px;z-index:4;}
#suckerfishnav{font-size:10px;font-family:"Trebuchet MS",verdana,sans-serif;font-weight:normal;width:100%;}
#suckerfishnav, #suckerfishnav ul{float:left;list-style:none;line-height:22px;padding:0;margin:0;width:100%;}
#suckerfishnav a{display:block;color:#bbb;text-decoration:none;padding:0px 0px;padding-bottom:5px;}
#suckerfishnav a:hover{padding-bottom:0px;border-bottom:5px solid #666;}
#navbar #suckerfishnav > li, #navbar2 #suckerfishnav > li{padding-left:20px;}
#suckerfishnav li li a:hover{padding-bottom:5px;border-bottom:0px solid #666;letter-spacing:normal;}
#suckerfishnav li{float:left;padding:2px 0;font-size:10px;}
#suckerfishnav>li{padding:0 0;}
#suckerfishnav ul{position:absolute;left:-999em;height:auto;width:101px;font-weight:normal;margin:0;line-height:1;border:0;border-top:1px solid #666666;}
#suckerfishnav li li{width:99px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:normal;font-family:helvetica,sans-serif;letter-spacing:normal;}
#suckerfishnav li li a{padding:5px 10px;width:80px;font-size:9px;color:#fff;}
#suckerfishnav li ul ul{margin:-22px 0 0 100px;}
#suckerfishnav li li:hover{background:#D1D1D1;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li li:hover a{color:#333;padding-bottom:5px;border-bottom:0px solid #666;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a{color:#F08003;padding-bottom:0px;border-bottom:5px solid #666;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a{color:#fff;padding-bottom:5px;border-bottom:0px solid #666;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul{left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul{left:auto;background:#333;}
#suckerfishnav li.current_page_ancestor a, #suckerfishnav li.current_page_item a{color:#A35003;}
#suckerfishnav li.current_page_ancestor a:hover, #suckerfishnav li.current_page_item a:hover{color:#F08003;}
#suckerfishnav li.current_page_ancestor li a:hover, #suckerfishnav li.current_page_item li a:hover{color:#333;}
#calendar_wrap{padding:0;}
table#wp-calendar{width:200px;font-size:80%;border-collapse:collapse;background-color:#ffffff;margin:0 auto;}
table#wp-calendar caption{width:auto;background:#555;padding:3px;margin:0 auto;}
table#wp-calendar th{border:solid 1px #555;background-color:#999999;color:#000;font-weight:bold;padding:2px;text-align:center;}
table#wp-calendar td{padding:0;line-height:18px;background-color:#222;border:1px solid #444;text-align:center;}
table#wp-calendar tfoot td{border:solid 1px #555;background-color:#333;}
table#wp-calendar td a{display:block;background-color:#333;line-height:18px;width:100%;height:100%;padding:0 0;color:#eee;}
table#wp-calendar td a:hover{color:#F08003;}
p img{padding:0;max-width:100%;}
img.centered{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}
.wp-post-image{padding:2px;border:1px solid #444;margin:5px;}
img.wp-post-image{margin-top:5px;}
.wp-post-image:hover, div.postnavimg:hover .wp-post-image{background-color:#eee;border:1px solid #eee;}
acronym, abbr, span.caps{cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
blockquote{clear:both;margin:15px 20px 15px 30px;padding:0 5px 0 20px;border-left:5px solid #ddd;border-top:1px solid #3f3f3f;border-right:1px solid #3f3f3f;border-bottom:1px solid #3f3f3f;font-style:italic}
.post cite{display:block;margin:15px 20px 15px 30px;padding:10px 5px 10px 20px;border-left:1px solid #3f3f3f;border-top:1px solid #3f3f3f;border-right:1px solid #3f3f3f;border-bottom:1px solid #3f3f3f;font-style:italic}
blockquote cite{margin:5px 0 0;display:block;}
.center{text-align:center;}
.hidden{display:none;}
.screen-reader-text{position:absolute;left:-1000em;}
hr{display:none;}
a img{border:none;}
.navigation{display:block;text-align:center;margin-top:0px;margin-bottom:60px;}
.aligncenter, div.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
div.wp-caption{border:1px solid #3f3f3f;text-align:center;background-color:#272727;padding-top:5px !important;margin:10px;}
img.wp-caption{border:1px solid #3f3f3f;text-align:center;background-color:#272727;padding:4px !important;}
.wp-caption img{margin:0;padding:0;border:1px solid #3f3f3f;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;padding:0 0px 5px 0;margin:0;}
.page-link{font-weight:bold;line-height:18px;margin:0 0 22px 0;padding:22px 0 0 0;word-spacing:0.5em;}
#pagecontent .post .page-link a{border:1px solid #333;font-weight:normal;padding:0.3em 0.8em;text-decoration:none;}
#pagecontent .post .page-link a:active, #pagecontent .post .page-link a:hover{border:1px solid #999;background-color:#222;}
.commentlist li .avatar{float:right;border:1px solid #666;padding:2px;}
#comments a.prev, #comments a.page-numbers{line-height:18px;border:1px solid #333;font-weight:bold;padding:4px 8px;text-decoration:none;margin:0px 2px;font-size:10px;}
#comments a.prev:hover, #comments a.page-numbers:hover{border:1px solid #444;background-color:#eee;color:#000;}
#comments span.current{line-height:18px;font-weight:bold;padding:4px 8px;text-decoration:none;margin:0px 2px;border:1px solid #777;background-color:#333;color:#F08003;font-size:10px;}
.navigation{margin-top:20px;}

.gallery { margin: auto; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; }
.gallery img { border: 1px solid #cfcfcf; }
.gallery .gallery-caption { margin-left: 0; }