/*   

Theme Name:Pellucid Dashed

Theme URI:http://desizntech.info/theme/

Description:  Transparent, One sidebar, Twitter ready, inlcudes a footerbar, Transparency works in IE 6/7, Cool 404 page, Cloud Comments

Author: Kawsar Ali

Author URI:http://i-exist.co.cc/

Version:1.6

Tags:fixed-width, right-sidebar, dark

.

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.

The background is acquired from  www.bittbox.com/freebies/free-hi-resolution-wood-textures/



Thanks to these people.

.

*/











body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	background: #2a2a2a url(images/bg.jpg) repeat-x;

	background-attachment: fixed;

    color:#fff;

	}



#page {

	background:url('images/bgtp.png') repeat;

	text-align: left;

	height:auto;

	margin-top: 30px;

	padding: 0px;

	width: 900px;

	}



#bottomnav{

	margin-top:30px;

	margin-bottom:20px;

	width:auto;

	height:20px;

	text-align:center;

	padding-top:5px;

} 

#bottomnav a{

	color:#fff;

}

#bottomnav .left{

	float:left;

	width:120px;

}

#bottomnav .right{

	float:right;

}

#bottomnav .left:hover {

	background: #84edf3;

	

} 

#bottomnav .right:hover {

	background: #84edf3;

	

} 



#wrapper	{

	margin: 0 auto;

	width: 900px;

	height:auto;

	}



#content {

	font-size: 1.2em;

   padding-bottom:20px;

   height:auto;

	}

	

#content a {

   color:#6fdef6;

   text-decoration: none;

}	

#content a:hover {

   color:#fff;

   text-decoration: none;

}	

#content2 {

	font-size: 1.2em;

   height:auto;

   margin:0 auto;

   	clear:both;



	}

.widecolumn .entry p {

	color:#dffefd;

	font-size: 1.05em;

	background-color:#303030;

	width:auto;

	}



.narrowcolumn .entry{

	width: 450px;

	background: #303030 url(top-left.png) left top no-repeat;

	padding: 1em 2em;

}



.widecolumn .entry {

	width: 650px;

	background: #303030 url(top-left.gif) left top no-repeat;

	padding: 1em 2em;

}

h1 {

	margin-top: 0;

}



/* Front Page, Single Page Body */



.narrowcolumn .entry, .widecolumn .entry{

	background-image: none;

	-moz-border-radius: 1.6em;

	-webkit-border-radius: 1.6em;

	border-radius: 1.6em;



}



.more{

	margin-top:15px;

	

}

.more a{

color:#93f2f8;

}

		

.widecolumn {

	line-height: 1.6em;

	width:700px;		

	}



.narrowcolumn .postmetadata {

	text-align: center;	 

	width:auto;

	height:auto;

	}



.post-date {

	width: 50px;

	height: 54px;

	float:left;

	background: url(images/bgtp.png)repeat;

	margin-left:-85px;

	margin-top:-60px;

	color:#000;

	border-top:2px dashed #000;

	border-bottom:2px dashed  #000;

	border-left:2px dashed #000;

	

}



.post-month {

	font-size: 9px;

	text-transform: uppercase;

	color:#84edf3;

	text-align: left;

	display:block;

	line-height: 11px;

	padding-top: 4px;

	padding-left:3px;

	

}

.post-day {

	font-size: 28px;

	text-transform: uppercase;

	color:#bdf8ff;

	text-align: center;

	display:block;

	line-height: 18px;

	padding-top: 9px;

	margin-left: -3px;

}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	

	}

	



h1, h2, h3 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}



h1 {

	margin:0 auto;

	font-size: 4em;

	}



#headerimg .description {

	font-size: 1.2em;

	text-align: center;

	}



h2 {

	font-size: 1.9em;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



#sidebar h2 {

	font-family: 'Lucida Grande', Verdana, Sans-Serif;

	font-size: 1.8em;	

	margin:5px 0 20px 0;

	padding: 0;

	background:url(images/h2.png) repeat-x;

	width:160px;

	}



h3 {

	font-size: 1.3em;

	}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

	text-decoration: none;

	color: white;

	}





h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {

	text-decoration: none;

	color:#C6E2EE;

	

	}



.entry p a:visited {

	color: #b85b5a;

	}



#sidebar {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

	

#sidebar a:hover{

	color: #8ed3f3;

	text-decoration:none;

	border-bottom:dashed 1px #CCC;

	

}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color:#f9c6ff;	

	

}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

}



acronym, abbr, span.caps{

	font-size: 0.9em;

	letter-spacing: .07em;

}



a {

   color:#6fdef6;

   text-decoration: none;

}

a:hover, h2 a:hover, h3 a:hover {

	color: #fff;

	text-decoration:underline;

}





/* End Typography & Colors */







/* Begin Structure */



#header {

	margin:0 auto;

	padding: 0;

	height: 100px;

	width: 900px;

	}

#header a {

	text-transform:uppercase;

     color:#000;

}	



#header a:hover {

background: #8ed3f3;



}	



#header h1 {

	float:left; 

	margin-top:80px;

	margin-left:80px;

	font-size:30px;

}



.narrowcolumn {

	float: left;

	padding: 0px 20px 0px 20px;

	margin: 5px 0 0 15px;

	width: 490px;



		

}



.widecolumn {

	padding: 10px 0 20px 0;

	margin:0 auto;

	width: 700px;

}



.post {

	text-align: justify;

}







.widecolumn .post {

	margin: 0;

}



.narrowcolumn .postmetadata {

	padding-top: 5px;

}



.widecolumn .postmetadata {

	margin: 30px 0;

}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}







#metadata{

	border:1px solid #000;

	padding:5px 5px 5px 5px;

	margin-right:5px;

}

#metadata a{

	color:#fff;

}



#metadata:hover{

	background:#84edf3;

	height:40px;

}





#footer {

	margin:30px auto;

	width: 720px;

	height:44px;

	padding-top:3px;

	clear: both;

	background:url('images/bgtp.png')repeat;

	-moz-border-radius: 1em; /* rounded corner on Safari and FF*/

	list-style-type: none; 

		

	}

	

/* Footer block color*/

.color {  

	height:40px;

	width:710px;

	margin:0 auto;

	padding-top:0px;

	-moz-border-radius: 1em;

    background:#84edf3;

	

}

		



#footer p {

   margin:0 auto;

	padding-top:3px;

	text-align: center;

	color:#202;

	

}

	

#footer a {

      color:#202;

      text-decoration:underline;

 }

#footer a:hover{

             text-decoration:none;



} 

/* This are for the links at footer*/



#backtop {

    list-style-type: none;

 	height:40px;

    width:40px;

    margin-top:-20px;

    

}

/* Footer Bar */



#backtop ul {

	list-style-type: none ;

	float:right;

		

}	

#backtotop ul .item{

	

	display:none;

	list-style-type: none;

	width:auto;

	}

#backtotop ul:hover .item{

	display:block;

	margin-top:-45px;

    width:100px;

    list-style-type: none;

    color:#000;



}



#feed{

	margin-left:20px;

 	height:40px;

    width:40px;

    margin-top:-50px;

    list-style-type: none;



	

}

#feed ul .item2{

	display:none;

	list-style-type: none;

	width:auto;

	}



#feed  ul:hover .item2{

	display:block;

	margin-top:-45px;

     width:70px;

   list-style-type: none;

   color:#000;

}











	

/* End Structure */









h2.pagetitle {

	margin-top: 30px;

	text-align: center;

	

}



h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */



img {

    border:2px solid #fff;

   border-bottom:4px solid #fff;

   	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

}

table img {

    border:2px solid #fff;

   border-bottom:4px solid #fff;

   	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

   border:2px solid #fff;

	border-bottom:8px solid #fff;

	}



img.alignright {



	margin: 0 0 2px 7px;

     border:2px solid #fff;

	 border-bottom:8px solid #fff;

	}



img.alignleft {

	 border:2px solid #fff;

	 border-bottom:40px solid #fff;

	}

	



/* End Images */





/* Twitter and About me Style*/

#twitter ul li a{

	display:block;

	margin-left:65px;

	margin-bottom:-25px;

	text-decoration:none;	

	height:64px;

	width:64px;

	background:transparent url(images/twitter.png) no-repeat;

	}

#twitter ul li a:hover{

	color:#fff;

	background:transparent url(images/twitter_hover.png) no-repeat;}



.aboutme{

 width:140px;

 height:80px;

}









/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



/*.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}*/



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	font-family: 'Lucida Grande', Verdana, Sans-Serif;

	

	

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}





#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	

	} 

	



/*End Entry Lists */



/* Begin Form Elements*/ 



#searchform { 

	width: 220px;

	float:right;

	margin-right: 20px;

	margin-top:90px;

}

#searchform #s {

	width: 135px;

	height: 20px;

	padding: 2px 5px 0px 5px;

	border: 1px solid #303030;

	background: url(images/bgtp.png);

	vertical-align: middle;

	color:#fff;

}

#searchform .submit {

	background: url(images/bgtp.png) repeat;

	border: none;

	width: 55px;

	height: 24px;

	font: bold 12px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	vertical-align: middle;

	border: 1px solid #303030;

}



#searchform .submit:hover {

	background:#84edf3;

    cursor:crosshair;

}





#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	background:url('images/bgtp.png') repeat;

	color:#fff;

	width: 60%;

	padding: 2px;

	border: 1px solid #303030;

	overflow:auto;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#respond h3 {

	*margin-top:150px;



}	

#commentform #submit {

	margin: 0 0 5px auto;

	float: left;

	width:120px;

	background:#303030;

	color:#fff;

	border:1px solid #303030;

	}

	#commentform #submit:hover {



	background:#2c384e;

	color:#fff;

	}

#author{

	background:url('images/bgtp.png') repeat;

	border: 1px solid #303030;

	color:#fff;

	}

#email {

	background:url('images/bgtp.png') repeat;

	border: 1px solid #303030;

	color:#fff;

}	

#url{

	background:url('images/bgtp.png') repeat;

	border: 1px solid #303030;

	color:#fff;

}	

	

/* End Form Elements */







/* Begin Comments*/



ol.commentlist {

	margin:0;

	padding:0;

	

	}



.commentlist li {

	background: #414343;

	*background:transparent;

	color:#fff;

	list-style:none;

	width:600px;

	*width:auto; /* For IE 6 & &*/ 

	 height:auto;

    -moz-border-radius: 1em;

    *float:left;/* For IE 6 & &*/ 

    *margin-bottom:30px;/* For IE 6 & &*/ 

	}







.commentlist a:link, .commentlist a:visited {

	color:#fff9b9;

	}



.commentlist a:hover, .commentlist a:active {

	color:#FFF;

	}



.commentlist .date {

	background:#930e27;

	padding:3px;

	}





.quote{

	margin:20px 20px;

	padding-bottom:10px;

	width:500px;

	height:auto;

	*background: #414343;/* For IE 6 & &*/ 

	



}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	}

	

cite{

	

	margin-left:50px;

	margin-top:-20px;

    float:left;

    clear:both;	

}



	

#gravter {

	padding-left:10px;

	margin-top:-5px;

	width:40px;

	height:40px;

	

}



#arrow {

	background:url(images/arro.gif) bottom no-repeat;

	width:21px;

	height:21px;

	margin-top:-30px;

	*margin-top:-31px;/* For IE 6 & &*/ 

	margin-left:15px;

	*margin-left:21px;/* For IE 6 & &*/ 

	margin-bottom:10px;



}

.mod{

	 margin-left:200px;

	 font-weight:bold;

}	





/* End Comments */







/* Begin Sidebar */

#sidebar

{

	padding: 10px 0 10px 0;

    margin-left: 580px;

	width: 250px;

	}

#sidebar a{

	color:#fff;

}

#sidebar form {

	margin: 0;

	}

/* End Sidebar */







/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}







.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



/*Menu*/	



#nav {
	text-align: center;
	background:url('images/bgtp.png') repeat;
	background-color:transparent;
	height:50px;
	width:900px;
	list-style: none;
	margin: 0px;
	float: left;
	clear: both;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	width: 900px;
}

#nav li {
	width: 150px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#nav a {
	display: block;
	font-size: 14px;
	color: #FFF;
	letter-spacing: -1px;
	border: 1px solid #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #666;
}

#nav li a:hover {
	color: #666;
	display: block;
	text-decoration:none;
	background: #FFF;
}
/*
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li li {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
}

#nav li li a {
	width: 150px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	border-top: 1px solid #131f27;
	margin: 0;
	padding: 5px 20px 5px 15px;
}

#nav li li a:hover {
	border-top: 1px solid #131f27;
	padding: 5px 20px 5px 15px;
} 

/* remove these comment if you want have differnt color for menu items.

 Be sure to change the CSS class in header

#nav .about a{

	color:#f2d140;

}

#nav .portfolio a{

	color:#efe8dc;

}

#nav . gallery a{

	color:#5ED4DC;

}

*/

				

/* End Various Tags & Classes*/



#error{

	background:url(images/404.png)no-repeat;

	width:400px;

	height:400px;

	margin:0 auto;

	

    

}





/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #fff;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	color:#303030;



}

.caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #fff;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	color:#303030;



}

.caption:hover{

	background:orange;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	background-color: #fff;

	color:#303030;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */

.wp-smiley {

	border:none;

}



pre {

	width:auto;

	overflow:auto;

	color:#000;

	font-size: 1.3 em;  

	margin: 10px; 

	padding:10px; 

	background: #FFFFf3;

	}