/*
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. PSD files are included for customizing the theme header and post separator graphic. This theme also blends seamlessly with the Reflection-Mod Wordpress Photoblog theme. It's a great way to unify a Wordpress photoblog installation with a separate text-blog running this theme although the minimalistic design works well for an independent site/blog as well. You can view a demo and more information here: http://www.sudeepmandal.com/projects/refractal-wordpress-theme/
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

*/
/*
Copyright 2010 Sudeep Mandal

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

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;
}

/*BEGIN SIDEBAR */

#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;
	}

/* END SIDEBAR */

#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;
}

/* Hyperlink on PostNav Thumbnail in Single Post View*/
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;
}

/*Make Entire Div Clickable */

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;
}

/* Set Author Comment Colors*/
#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;
/*text-align:justify;*/
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;
}

/* Format Form Elements and Buttons*/

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 {
  /*  background:#000 repeat-x; */
    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;
  /*  border:1px solid #000;*/ 
    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;
/* text-transform:none; */
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;
 /*   text-transform:none; */
    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; /* CHANGE TO CHANGE NAVBAR HOVER COLOR */
    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;
    }


/* Highlight Current Active Page Ancestor in Navbar */
#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;
}



/* Begin Calendar */
#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;
}
/* End Calendar */

/* Begin Images */
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;
}


/* End Images */

/* Begin Various Tags & Classes */
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;
	}
/* End Various Tags & Classes*/

/* Captions */
.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; /* USED TO BE PADDINGTOP */
}

/*.post img {
	border: 1px solid #3f3f3f;
	background-color: #272727;
	padding-top: 5px;
	margin: auto;
}*/

.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;
}
/* End captions */

.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;
	}

/* COMMENT PAGINATION STYLING */
#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;
}