/*
Theme Name:  NewZen for Blogger
Theme URI:   http://www.bloggertemplates.org/review/newzen-for-blogger
Description: NewZen for Blogger is a modification of a WordPress theme
called NewZen,
            originally designed by Fauxzen (http://fauxzen.com/). WordPress
            version of this beautiful theme can be found at;
            http://fauxzen.com/code/wordpress/newzen/
Version:     0.1
Author:      Ali Kuru
Author URI:  http://www.acemiblogcu.com
Licence:     (cc) Creative Commons Attribution-ShareAlike 2.5
Licence URI: http://creativecommons.org/licenses/by-sa/2.5/
*/

/*********************
       Main Page
**********************/
html {
       height: 100%;
       margin-bottom: 0.1em;
}

body {
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		background-repeat: repeat;
}
body,td,th {
       font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color: #5A5A4B;
}
/*********************
        Links
**********************/
a:link, a:active {
       text-decoration: underline; color: #17A;
}
a:visited {
       text-decoration: underline; color: #035;
}
a:hover, a:focus {
       text-decoration: underline; color: #6BD;
}
/*********************
       Main table
**********************/
.main_table {
       text-align: left;
       margin: 20px auto;
       width: 700px;
       color:#5A5A4B;
       background-color:#FFFFFF;
       padding: 20px 30px 70px;
       border-top: 0px solid #E6E6DF;
       border-right: 0px solid #E6E6DF;
       border-bottom: 0px solid #E6E6DF;
       border-left: 0px solid #E6E6DF;
}
/***********************
       Site Title
************************/
#sitetitle {

       padding-bottom: 15px;
       margin-bottom: 0px;
       margin-top: 0px;
       font: 200% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color: #002E5B;
       background-color: #CCCCCC;
       text-decoration: none;
}
#sitetitle a {

       padding-bottom: 15px;
       margin-bottom: 0px;
       margin-top: 0px;
       font: 200% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color: #002E5B;
       background-color: #CCCCCC;
       text-decoration: none;
}
#sitetitle a:link {

       padding-bottom: 15px;
       margin-bottom: 0px;
       margin-top: 0px;
       font: 200% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color: #002E5B;
       background-color: #CCCCCC;
       text-decoration: none;
}
#sitetitle a:active {

       padding-bottom: 15px;
       margin-bottom: 0px;
       margin-top: 0px;
       font: 200% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color: #002E5B;
       background-color: #CCCCCC;
       text-decoration: none;
}
#sitetitle a:visited {

       padding-bottom: 15px;
       margin-bottom: 0px;
       margin-top: 0px;
       font: 200% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color: #002E5B;
       background-color: #CCCCCC;
       text-decoration: none;
}
#sitetitle a:hover {

       padding-bottom: 15px;
       margin-bottom: 0px;
       margin-top: 0px;
       font: 200% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       color: #002E5B;
       background-color: #CCCCCC;
       text-decoration: none;
}
/***************************
       Left Columns
****************************/
#leftcolumn{
       padding-left: 6px;
       padding-right: 6px;
       text-align:left;
       color: #5A5A4B;
       background-color: #CCCCCC;
}
/***************************
       Right Columns
****************************/
#rightcolumn{
       padding-left: 6px;
       padding-right: 6px;
       text-align:right;
       color: #5A5A4B;
       background-color: #CCCCCC;
}
/***************************
       Sidebar
****************************/
#container {
       text-align: right;
       margin: 0 auto;
       vertical-align:top;
       font-family:Tahoma, Verdana, sans-serif;
       font-size:11px;
}
h3 {
       margin: 2px 0 0;
       height: 19px;
       cursor: pointer;
       font-size: 0.99em;
}
h3 a:link, h3 a:visited {
       color: #fff;
       padding: 2px 2px 0;
       -moz-outline-style: none;
       display: block;
       text-decoration: none;
}
/***********************
       Credit/Copyright
************************/
.footer_table {
       text-align: center;
       font: 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       margin: 1px auto;
       width: 700px;
       color:#5A5A4B;
       border: 0px solid #F5F5F3;
       text-decoration: none;
}
.footer_table a {
       text-decoration: none;
       font: 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       border-bottom: 0px;
       text-decoration: none;
}
.footer_table a:link {
       text-decoration: none;
       font: 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       border-bottom: 0px;
       text-decoration: none;
}
.footer_table a:visited {
       text-decoration: none;
       font: 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       border-bottom: 0px;
       text-decoration: none;
}
.footer_table a:active {
       text-decoration: none;
       font: 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       border-bottom: 0px;
       text-decoration: none;
}
.footer_table a:hover {
       text-decoration: none;
       font: 9px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
       border-bottom: 0px;
       text-decoration: none;
}

/***************************
       Wordpress - Posts
****************************/
post {
       margin: 0 0 40px;
       text-align: justify;
}
/***************************
       Wordpress - Forms
****************************/
.entry form { /* This is mainly for password protected posts, makes
them look better. */
       text-align:center;
       }
select {
       width: 130px;
       }
/***************************
       Misc
****************************/
.stretcher {
       background: none !important;
       background: #FFFFFF;
}
#container {
       width: 200px;
       text-align: left;
       margin: 0 auto;
}
blockquote {
       border: 1px dashed #FFC600;
   color: #000000;
       margin: 20px 0;
       padding: 0 20px 0 50px;
       background-position: -10px -7px;
}
/***************************
   Sidebar Internal Menus
****************************/
#navmenu ul {
       margin: 0;
       padding: 0;
       list-style-type: none;
       list-style-image: none;
}
#navmenu li {
       display: inline;
}
#navmenu ul li a {
       text-decoration:none;
       margin: 4px;
}
ul.blogger-list li {
       list-style: none;
       padding-left: 15px !important;
}
ul.feed-list li {
       list-style: none;
       padding-left: 15px !important;
}

/***************************
         Images
****************************/
/*img {
   padding:10px;
   margin: 10px 0;
   border:1px solid #ccc;
   }*/

p img {
       padding: 0;
       max-width: 100%;
       }

/*      Using 'class="alignright"' on an image will (who would've
       thought?!) align the image to the right. And using 'class="centered',
       will of course center the image. This is much better than using
       align="center", being much more futureproof (and valid) */

img.centered {
       display: block;
       margin-left: auto;
       margin-right: auto;
       }

img.alignright {
       padding: 4px;
       margin: 0 0 2px 7px;
       display: inline;
       }

img.header {
       padding: 0px;
       margin: 0px 0px 0px 0px;
       border: 0;
       }

img.footer {
       padding: 0px;
       margin: 0px 0px 0px 0px;
       border: 0px;
       }

.alignright {
       float: right;
       }

.alignleft {
       float: left
       }

.entry img {
       padding:5px;
       border:1px solid #F0F0F0;
       }
	   

.hiddenPic {
		display:none;
		}


/***************************
           Code
****************************/
code {
       margin: 10px 0;
       font: 0.9em "Courier New", Courier, Monospace;
       color: #666;
       background-color: #E6E6DF;
       }

/* Theme Images */

/*
       You have to find and upload template images to free host, then
replace the image names
       listed here with the given links from your free image hosts. For example;
       Replace this;

       #page {
               background: url("middle.jpg") repeat-y top white;
               }

       with this;

       #page {
               background: url("http://img54.imageshack.us/img54/3761/middle3js.jpg")
repeat-y top white;
               }
*/


body {
   background-image: url('/images/bg.gif');
}
h3 a:link, h3 a:visited {
       background: #CCCCCC url('http://www.dhpictures.com/img/sdheadbgdefault.gif');
}
h3 a:hover {
       background: #CCCCCC url('http://www.dhpictures.com/img/sdheadbghover.gif');
}
blockquote {
       background: url('http://www.dhpictures.com/img/quote.png') 5% no-repeat #FFF8DD;
}
ul.blogger-list li {
       background: url('http://www.dhpictures.com/img/bloggericon.png') no-repeat left top !important;
}
ul.feed-list li {
       background: url('http://www.dhpictures.com/img/feedicon.png') no-repeat left top !important;
}
/* End Theme Images */


/*********************
	Lightbox
**********************/



#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavPrev { width: 20px; float: right;  padding-bottom: 0.7em;	}
#imageData #bottomNavPrev img { display:block; margin:3px auto 0 auto; }
#imageData #bottomNavNext { width: 20px; float: right;  padding-bottom: 0.7em; margin:0 10px 0 0; }
#imageData #bottomNavNext img { display:block; margin:3px auto 0 auto; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}