/*

Theme Name: dfBlog

Theme URI: http://www.danielfajardo.com/blog/?page_id=43

Description: Fixed width, two columns, right sidebar, standards compliant. Compatible with WordPress 2.7. Valid CSS & HTML. IE6 optimized whit support for PNG images with transparency. Supported languages: English, Spanish & Italian. Please contact us, if you like to contribute your own language.

Version: 1.1.0

Author: danielfajardo web

Author URI: http://www.danielfajardo.com/

Tags: fixed-width, two-columns, right-sidebar, light, white, red, blue, pink



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

*/





/* Reset Browser Default */ 

/*\*/@import url(css/reset.css); /**/



/* Typography */

/*\*/@import url(css/typography.css); /**/



/* Template */

/*\*/@import url(css/template.css); /**/



img { behavior: url(wp-content/themes/dfblog/css/iepngfix.htc) }





/* Header -> Head & Main Menu

***************************************************************************** */

#head .logotext {

	font-size: 3.2em;

	font-weight: bold;

	padding: 32px 30px 0 30px;

}



#head .slogan {

	font-size: 1.4em;

	padding: 5px 30px 0 30px;

}



#head .logoimg {

	padding: 19px 0 0 20px;

}





/* MAIN NAVIGATION

========================================== */

#navigation {

	clear: both;

	width: 100%;

	margin: 0 auto;

}





#nav li {

	position: relative;

	float: right;

	height: 25px;

	font-size: 100%;

}



#nav li.last-page-item a {

	background-image: none;

}







#nav li ul {

	position: absolute;

	visibility: hidden;

	float: none;

	top: 29px;

	left: 0px;

	width: 150px;

	margin: 0;

	padding: 5px 0px 6px 10px;

	z-index: 10000;

	border: 0px;

	border-top: 0;

	background-color: #00063b;

        filter:alpha(opacity=90);

	-moz-opacity:0.9;

	-khtml-opacity: 0.9;

	opacity: 0.9;



}

#nav li:hover ul,

#nav li.iehover ul {

	visibility: visible;

}

#nav ul li{

	display: block;

	float: left;

        clear: both;

	margin: 0;

	padding: 0;

	width: 100%;

	height: auto;

	font-size: 100%;

	line-height: 100%;

	overflow: hidden;

	white-space: normal;

}



#nav ul li a {

	display: block;

	float: left;

	clear: both;

	margin: 0;

	padding: 0;

	width: 100%;

	height: auto;

	font-size: 80%;

	line-height: 100%;

	overflow: hidden;

	white-space: normal;

}



#nav li.current_page_item ul li a,

#nav li.current_page_parent ul li a {

	color: #0066cc;

}

#nav li ul li a:hover,

#nav li.current_page_item ul li a:hover,

#nav li ul li.current_page_item a {

	color: #1ab8de;

}





#mainmenu ul, #mainmenu ul li, #mainmenu ul li a {

	padding-top: 3px;

	padding-bottom: 3px;

}

	

#mainmenu ul {

	margin: 0;

	padding-left: 0;

	padding-right: 0;

	font-size: 1.2em;

	list-style: none;

}



#mainmenu ul li {

		display: inline;

		margin-left: -7px;

}



#mainmenu ul li a {

		

	padding-left: 1em;

	padding-right: 1em;

	font-weight:bold;

        color:#0066cc;

}



#mainmenu ul li.page_item {

		}

#mainmenu ul li.page_item:hover {

		}

#mainmenu ul li.page_item:active {

}

#mainmenu ul li.current_page_item {

}

#mainmenu ul li.page_last {

        border-bottom: 0;

		}





/* Wrap -> Contaniner

***************************************************************************** */



.content-header {

	margin: 0;

	padding: 0 0 0 50px;

	text-align: left;

	overflow: hidden;

	clear: both;

	}

	.content-header h2 {

		margin: 0 0 40px;

		font-size: 2.4em;

		color: #999;

		border-bottom: 1px solid #cdd;

	}



.post {

	overflow: visible;

	clear: both;

	margin-left: 1px;

	padding: 0 0 40px 50px;

	}



.post h2 {

		margin:  0;

		padding: 0;

		text-align: left;

	}

.post h3.post-title {

		margin:  0;

		padding: 0;

		text-align: left;

		font-weight: bold;

		font-size: 1.8em;

	}

.post h4.post-title {

		margin: 0;

		text-align: left;
		font-weight: bold;
		font-size: 1.8em;
                color:#2266AA;
                padding-top:20px;

	}



.post hr {

		display: block;

	}



.postmetadata {

	clear: both;

	margin: 0;

	font-size: 1.2em;

	line-height:1.6em;

	color: #888;

	}

	.postmetadata .date, .postmetadata .author, .postmetadata .comment, .postmetadata .category, .postmetadata .tag, .postmetadata .edit {

		margin:  0 0 0 2px;

		padding: 0 0 0 20px;

	}

	.postmetadata .date           { background: url(images/icons/icons-normal.png) 0 0 no-repeat; }

	.postmetadata .date:hover     { background: url(images/icons/icons-hover.png) 0 0 no-repeat;	}



	.postmetadata .author         { background: url(images/icons/icons-normal.png) 0 -16px no-repeat; }

	.postmetadata .author:hover   { background: url(images/icons/icons-hover.png) 0 -16px no-repeat;	}



	.postmetadata .comment        { background: url(images/icons/icons-normal.png) 0 -32px no-repeat; }

	.postmetadata .comment:hover  { background: url(images/icons/icons-hover.png) 0 -32px no-repeat;	}



	.postmetadata .category       { background: url(images/icons/icons-normal.png) 0 -48px no-repeat; }

	.postmetadata .category:hover { background: url(images/icons/icons-hover.png) 0 -48px no-repeat;	}



	.postmetadata .tag            { background: url(images/icons/icons-normal.png) 0 -64px no-repeat; }

	.postmetadata .tag:hover      { background: url(images/icons/icons-hover.png) 0 -64px no-repeat;	}



	.postmetadata .edit           { background: url(images/icons/icons-normal.png) 0 -80px no-repeat; }

	.postmetadata .edit:hover     { background: url(images/icons/icons-hover.png) 0 -80px no-repeat;	}



#content .navigation {

	clear: both;

	margin: 0 0 20px 50px;

	width: 590px;

	height: 22px;

	font-size: 1.0em;

	border: 1px solid #dee;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	background: #f1f9f9;

}



.entry {

	font-size: 1.4em;

	line-height: 1.4em;

	margin: 20px 0;

	}

	.entry blockquote {

		border: 1px dashed #ccc;

		font-size: 12px;

		padding: 5px 20px;

		margin: 10px 0;

		background: #f8f8f8;

	}

	.entry blockquote blockquote {

		font-size: 1em;

	}

	.entry fieldset {

		border: 1px dashed #ccc;

	}

	.entry fieldset legend {

		font-weight: bold;

		text-transform: uppercase;

	}

	.entry table {

		border-width: 0px;

		font-size: .9em;

	}

	.entry table tr td {

		padding: 5px 10px;

		border-width: 1px;

		font-size: 1em;

	

	}

	.entry table tr th {

		border-width: 0px;

		font-size: 1em;

		padding: 5px 10px;

		background: #f4f4f4;

		color: #666;

		font-weight: bold;

		text-align: center;

	}

	.entry ol { list-style-type: decimal; }

	.entry ol ol {	list-style-type: lower-alpha; }

	.entry ol ol ol {	list-style-type: lower-roman; }



p img {

	padding: 0;

	max-width: 100%;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}





/* Comments

************************************* */



#comments {

	font-size: 1.4em;

	line-height: 1.4em;

	margin: 20px 0 20px 50px;

	padding: 20px 0 0 0;

	border-top: 1px dashed #cdd;

	}

	#comments .browse {

		clear: both;

		width: 588px;

		height: 19px;

		font-size: 0.7em;

		margin: 0;

		padding-bottom: 9px;

		border: 1px solid #dee;

		-moz-border-radius: 4px;

		-webkit-border-radius: 4px;

		background: #f1f9f9;

	}



.commentlist {

	margin: 10px 0;

	padding: 0 0 1px 0;

	}

	.commentlist li {

		list-style:none;

		margin: 10px 0;

		padding: 0;

		border: 1px solid #cdd;

		-moz-border-radius: 4px;

		-webkit-border-radius: 4px;

		background: #f1f9f9;

	}



li.comment div, li.pingback div {

	padding: 20px;

	overflow: auto;

}



li.comment div div, li.pingback div div {

	padding: 0;

	overflow: visible;

}



.commentlist li.even {

	background-color: #fafafa;

}



.commentlist li.odd {

	background-color: #f6f6f6;

}



ul.children li {

	list-style: none;

}



img.avatar {

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	margin: 0;

	background: #fff;

}



.comment-meta, .reply {

	margin: 0;

	padding: 0;

	font-size: 0.8em;

}



.comment-author cite {

	font-style: normal;

	font-weight: bold;

}





/* Search

************************************* */



#search-box {

	width: 190px;

	height: 23px;

	background: transparent url(images/box-search.png) left top no-repeat;

}



#search-text {

	background: transparent none no-repeat 0 0;

	border: none;

	margin: 1px 32px 4px 4px;

	color: #666666;

	width: 122px;

}





/* Sidebar

************************************* */



#sidebar h2 {

	margin-bottom: .5em;

	font-size: 1.6em;

	border-bottom: 1px solid #cdd;

	color: #999;

}



#sidebar a {

	font-size: 1em;

	background: none;

}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

}



#sidebar ul li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 20px;

}





#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 0;

}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 20px;

}



#sidebar ul ol li {

	list-style: decimal outside;

}



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

margin-bottom:6px;
margin-left:6px;
margin-top:6px;
padding:0;
}

	

	

/* Calendar

************************************* */



#wp-calendar {

 	font-size: 1.2em;

	empty-cells: show;

	width: 155px;

	}



#wp-calendar a {

 	font-size: 1.0em;

	display: block;

	font-weight: bold;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}

#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar caption {

	margin: 8px 2px;

	text-transform: uppercase;

	letter-spacing: 0.3em;

	font-weight: lighter;

 	font-size: .8em;

 	color: #444;

	text-align: right;

	}



#wp-calendar th {

	padding: 4px 6px 4px;

	font-weight: lighter;

 	font-size: .8em;

 	color: #666;

	text-align: center;

	background: #f4f4f4;

}



#wp-calendar td {

	padding: 3px 6px;

	text-align: right;

	}

	#wp-calendar td#today {

		background: #e0e0e0;

	}

	#wp-calendar td#prev a {

		padding: 0;

		text-align: left;

		font-weight: normal;

	}

	#wp-calendar td#next a {

		padding: 0;

		text-align: right;

		font-weight: normal;

}





/* Template. Auxiliary

***************************************************************************** */



.clear {

	clear: both;

}



.alignright, .alignleft {

	padding: 10px;

	display: inline;

	float:right;

}


.alignright {

	float:right;

}



.alignleft {

	float:left;

}



.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;
        	margin-right: auto;

}



.wp-caption {

	text-align: center;


	padding-top: 4px;

}



.wp-caption img {

	margin: 0;
    
	border: 0 none;

}



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

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

        padding-top:6px;

	margin: 0;

}





/* Bottom -> Footer

***************************************************************************** */



#footer {

	text-align: left;

	font-size: .9em;

	line-height: 1.0em;

	color: #888;

}



/* Custom

***************************************************************************** */