/* CSS Document */

/*  

Theme Name: En Route 2010
Theme URI: http://www.ironwulf.net
Description: Travel Blog
Version: 7.5
Author: Ferdinand L Decena
Author URI: http://ironwulf.net

	En Route
	 http://www.ironwulf.net


	This theme was designed and built by Ferdz Decena,
	whose blog you will find at http://ironwulf.net/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body {

	font-size: 80%; /* Resets 1em to 10px */
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url(images/bg.jpg) #330000;
	color: #333;
	text-align:left;
	padding:0px;
	margin:0px;
	height:100%;
	}

	
html {
	height:100%;
	}	

#Header {
	clear:both;
	width:100%;
	background: url(images/splash.jpg) top center;
	height:525px;
	margin:none; 
	border:none;
	padding:0px;
	}	
	
#HeadBox {

	clear:both;
	width: 1000px;
	min-width: 460px;
	height:200px;
	margin-left:auto; 
	margin-right:auto;
	border:none;
	padding-top:0px;
	}	

#HeadBox:after {
display: block;
content: " ";
clear: both;
}

div.HeadLeft {
	float:left;
	width:540px;
	height:82px;
	padding-top:423px;
	}
	

div.HeadRight {
	float:right;
	text-alignment: center;
	width:360px;
	padding-top:335px;
	padding-right:40px;
	padding-left:40px;

	}

#Mid {

	clear:both;
	width: 955px;
	background: url(images/body_bg.jpg) top center repeat-y;
	height:auto;
	min-width: 470px;
	margin-left:auto; 
	margin-right:auto;
	border:none;
	padding:0px 15px;
	}	

#Mid:after {
display: block;
content: " ";
clear: both;
}	

#Foot {

	clear:both;
	width: 1000px;
	background: url(images/footer_bg.gif) top left  no-repeat;
	height:50px;
	min-width: 400px;
	margin-left:auto; 
	margin-right:auto;
	border:none;
	padding:0px;
	}	

#Foot:after {
display: block;
content: " ";
clear: both;
}	

	
div.HeadRight h1 {
	font-size:2em;
	padding:0px;
	margin:0px;
	}	
	
div.HeadLeft ul {
	padding:0px;
	margin:0px;
	}	
	
div.HeadLeft li {
	display:inline;
	padding:0px;
	margin:0px;
	}	
	
a.logo {
	display:block;
	width:311px;
	height:65px;
	background:url(images/en_route.gif) top right no-repeat;
	padding:0px;
	margin-left:30px;
	margin-bottom:55px;
	}	

a.logo:hover {
	background-position:0px -65px;
	}	

a.BtnHome {
	display:block;
	float:left;
	width:177px;
	height:82px;
	background:url(images/nav_btn_01.jpg) top right no-repeat;
	padding:0px;
	margin:0px;
	}	

a.BtnHome:hover {
	background-position:0px -82px;
	}	
	
a.BtnArchive {
	display:block;
	float:left;
	width:190px;
	height:82px;
	background:url(images/nav_btn_02.jpg) top right no-repeat;
	padding:0px;
	margin:0px;
	}	

a.BtnArchive:hover {
	background-position:0px -82px;
	}	
	
a.BtnAbout{
	display:block;
	float:left;
	width:161px;
	height:82px;
	background:url(images/nav_btn_03.jpg) top right no-repeat;
	padding:0px;
	margin:0px;
	}	

a.BtnAbout:hover {
	background-position:0px -82px;
	}

span.noText {
	display:none;
	}
	
.Contentleft {
	display:block;
	float:left;
	width:650px;
	}
	
.ContentRight {
	display:block;
	float:right;
	width:280px;
	}	
	
div.RecentboxTop {
	display:block;
	float:right;
	width:280px;
	height:100px;
	background:url(images/recent_top.jpg) bottom right no-repeat #fdf0bd;
	}
	
div.RecentboxMid {
	display:block;
	float:right;
	width:240px;
	height:auto;
	background:url(images/recent_mid.jpg) top right repeat-y #fdf0bd;
	padding:0px 20px;
	}	
	
div.RecentboxBottom {
	display:block;
	float:right;
	width:280px;
	height:31px;
	background:url(images/recent_bottom.jpg) top right no-repeat #fdf0bd;
	}		
	
/* Fix */	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

.Contentleft h2 {

	font-size:2.4em;
	margin: 0px;
	padding: 0px;
	}	

.Contentleft h2 a:link, .Contentleft h2 a:visited {
	text-decoration:none;
	color:#990000;
	}	

.Contentleft h2 a:hover, .Contentleft h2 a:active {
	text-decoration:none;
	color:#FF9900;
	}	
	
	
/* Images
-------------------------------------------------------------- */

.Contentleft img {
	margin: 0;
	max-width: 640px;
}
.Contentleft .attachment img {
	max-width: 900px;
}
.Contentleft .alignleft,
.Contentleft img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.Contentleft .alignright,
.Contentleft img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.Contentleft .aligncenter,
.Contentleft img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.Contentleft img.alignleft, 
.Contentleft img.alignright, 
.Contentleft img.aligncenter {
	margin-bottom: 12px;
}
.Contentleft .wp-caption {
	background-color: #e4d38e;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0px;
	border:#990000 solid 1px;
}
.Contentleft .wp-caption img {
	margin: 3px;
	padding: 0px;
	border:#990000 solid 1px;

}
.Contentleft .wp-caption p.wp-caption-text {
	margin: 0px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#990000;
	font-size: 12px;
}
.Contentleft .wp-smiley {
	margin:0;
}
.Contentleft .gallery {
	margin: auto;
}
.Contentleft .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.Contentleft .gallery img {
	border: 2px solid #cfcfcf;
}
.Contentleft .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.Contentleft .gallery dl {
	margin: 0;
}
.Contentleft .gallery img {
	border: 10px solid #f1f1f1;
}
.Contentleft .gallery br+br {
	display: none;
}	

.ContentRight h2{

	font-size:1.5em;
	margin: 0px;
	padding: 0px;
	}	

.ContentRight h2 a:link, .ContentRight h2 a:visited {
	text-decoration:none;
	color:#990000;
	}	

.ContentRight h2 a:hover, .ContentRight h2 a:active {
	text-decoration:none;
	color:#FF9900;
	}		

.EntryImg img {
	border:5px solid #993300;
	}		

.Contentleft ul {
	list-style-type:none;
	}		

.postmetadata {
	text-align:left;
	padding:0px 0px 10px 0px;
	margin:0px;
	}		

div.imgRow {
	text-align:center;
	margin: 10px 0px;
	}

div.imgRow p {
	padding:0px;
	margin:0px;
	font-size:1em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#990000;
	}	

div.imgRow img {
	padding:5px;
	border:#990000 solid 1px;
	}		
	
div.ExcptImg img {
	float:left;
	width:100px;
	padding:5px;
	border:#990000 solid 1px;
	margin:5px 5px 0px 0px;
	}	
	
div.boxTop {
	clear:both;
	width: 1000px;
	background: url(images/box_01.jpg) top left  no-repeat;
	height:25px;
	min-width: 400px;
	margin-left:auto; 
	margin-right:auto;
	border:none;
	padding:0px ;
	}	
	
div.boxMid {
	clear:both;
	width: 920px;
	background: url(images/box_02.jpg) top left repeat-y;
	height:auto;
	min-width: 400px;
	margin-left:auto; 
	margin-right:auto;
	border:none;
	padding:0px 40px;
	}	
	
div.boxBottom {
	clear:both;
	width: 1000px;
	background: url(images/box_03.jpg) top left  no-repeat;
	height:35px;
	min-width: 400px;
	margin-left:auto; 
	margin-right:auto;
	border:none;
	padding:0px ;
	}	
	
	.postmetadata a:link, .postmetadata a:visited, .navigation a:link, .navigation a:visited, .boxes a:link, .boxes a:visited, .boxes2 a:link, .boxes2 a:visited, .boxMid a:link, .boxMid a:visited, .commentlist li a:link, .commentlist li a:visited, .Contentleft a:link, .Contentleft a:visited, .ContentRight a:link, .ContentRight a:visited {
	text-decoration:none;
	color:#336699;
	}

.navigation a:hover, .navigation a:active, .boxes a:hover, .boxes a:active, .boxes2 a:hover, .boxes2 a:active, .boxMid a:hover, .boxMid a:active, .commentlist a:hover, .commentlist a:active, .Contentleft a:hover, .Contentleft a:active, .ContentRight a:hover, .ContentRight a:active {
	text-decoration:none;
	color:#FF9900;
	}	
	
.postmetadata a:hover, .postmetadata a:active {
	color:#FFFFCC;
	}	
	
div.boxCol1 {
	display:block;
	float:left;
	width:300px;
	height:auto;
	}
	
div.boxCol1 h3 {
	padding:0px;
	margin:0px;
	}	
	
div.boxCol2 {
	display:block;
	float:left;
	width:292px;
	height:auto;
	margin-left:7px;
	padding-left:8px;
	padding-bottom:10px;
	border-left:1px solid #ff9933;
	}
	
a.AboutBanner{
	display:block;
	width:295px;
	height:110px;
	background:url(images/about_banner.jpg) top right no-repeat;
	padding:0px;
	margin:0px;
	}	

a.AboutBanner:hover {
	background-position:0px -110px;
	}
	
a img {
	border: none;
	}
	
	
/* COMMENTS STYLE */

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}



.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */


/* SINGLE POST SIDEBAR */

div.postInfoBoxTop {
	display: block;
	float: right;
	width: 280px;
	height: 24px;
	background: url(images/post_info_01.jpg) bottom right no-repeat;
	}
	
div.postInfoBoxMid {
	display: block;
	float: right;
	width: 250px;
	height: auto;
	background: url(images/post_info_02.jpg) top right repeat-y;
	padding: 0px 15px;
	}

div.postInfoBoxMid a {
	color:#336699;
	}
	
div.postInfoBoxBottom {
	display: block;
	float: right;
	width: 280px;
	height: 29px;
	background: url(images/post_info_03.jpg) top right no-repeat;
	}	
	
div.ColMid {
	display: block;
	float: left;
	width: 220px;
	padding-left:10px;
	height: 200px;
	}
	
ul.related_post {
	padding:0px;
	marging:0px;
	}
	
ul.related_post li {
	padding:3px 0px;
	margin-left:20px;
	list-style:disc;
	}
	
	
div.ColRight {
	display: block;
	float: right;
	width: 160px;
	height: 600px;
	padding-top:20px;
	}
	
/* *{margin:0;padding:0;}  */

/* Comments Style */

div.CommentsRow {
	clear:both;
	padding:50px 75px 15px 75px;
	}		


div.gComment {
	clear:both;
	width:auto;
	height:auto;
	padding:10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 1px dotted #990000;
	}

div.gComLeft {
	float:left;
	width:65px;
	height: 76px;
	text-align:left;
	margin:0px;
	padding:5px 0px 0px 4px;
	background: url(images/avatar_bg.jpg) top left no-repeat;
	}	

div.gComRight {
	float:right;
	width:660px;
	text-align:left;
	padding:0px;
	margin:0px;
	font-size:1.15em;
	}	

div.gComRight h3 {
	font-size: 1em;
	padding:0px;
	margin:0px;
	}	

div.gComRight small, div.gComRight cite {
	margin:0px;
	padding:0px;
	}	
	
div.post {
	padding-bottom: 20px;
	background: url(images/rec_divider.gif) bottom center no-repeat;
	margin-bottom: 15px;
	}
	
div.AdBox {
	clear:both;
	padding:5px;
	margin:0px;
	text-align:center;
	}	

div.AdBoxLeader {
	clear:both;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	}
	
div.footLeft {
	float:left;
	width:440px;
	height:50px;
	text-align: left;
	}
	
div.footRight {
	float:right;
	width:440px;
	height:50px;
	text-align:right;
	}

/* Flickr Badge */

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}

#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}

#flickr_icon_td {padding:0 5px 0 0 !important;}

.flickr_badge_image {text-align:center !important;}

.flickr_badge_image img {border: 1px solid black !important;}

#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}

#flickr_badge_uber_wrapper a:hover,

#flickr_badge_uber_wrapper a:link,

#flickr_badge_uber_wrapper a:active,

#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

#flickr_badge_wrapper {border: solid 1px #660000}

#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}		
	

#FlckrBadge {
	clear:both;
	padding:25px 30px 15px 0px;
	margin:0px;
	}	
	
a.RSSIcon {
	display:block;
	width:200px;
	height:20px;
	background:url(images/rss_icon.gif) top right no-repeat;
	background-position:0px 0px;
	padding-left:60px;
	padding-top: 30px;
	margin:0px;
	color:#000000;
	}	

a.RSSIcon:hover {
	background-position:0px -50px;
	padding-left:60px;
	color:#FFFFCC;
	}

/* 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 {

	clear:both;
	}

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

	}

/* End Entry Lists */		


a.LightscapeBanner {
	display:block;
	width: 295px;
	height: 50px;
	background:url(images/ferdz-banner-02.jpg) top right no-repeat;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
	} 

a.LightscapeBanner2 {
	display:block;
	width: 360px;
	height: 55px;
	background:url(images/ferdzdecena-banner.jpg) top right no-repeat;
	margin: 0px;
	padding: 0px;
	} 

a.happyfoodiesBanner {
	display:block;
	width: 360px;
	height: 55px;
	background:url(images/happyfoodies-banner.gif) top right no-repeat;
	margin: 0px;
	padding: 0px;
	}
	
a.atblogs {
	display:block;
	width: 200px;
	height: 80px;
	background:url(http://www.ironwulf.net/images/atb-ironwulf.gif) top right no-repeat;
	margin: 0px;
	padding: 0px;
	}	

span.StrikeTxt {
	text-decoration:line-through;
	} 

/* Translation Bar */

#translation_bar {
	padding:10px 0px;
	}

#translation_bar img {
	padding:3px;
	}

.captchaem {
	height:0px;
	}

/*	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.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Social Bookmarks */

a.BtnFacebook{
	display:block;
	float:left;
	width:48px;
	height:48px;
	background:url(images/facebook.jpg) top right no-repeat;
	padding:0px;
	margin:2px;
	}	

a.BtnFacebook:hover {
	background-position:0px -48px;
	}
	
a.BtnTwitter{
	display:block;
	float:left;
	width:48px;
	height:48px;
	background:url(images/twitter.jpg) top right no-repeat;
	padding:0px;
	margin:2px;
	}	

a.BtnTwitter:hover {
	background-position:0px -48px;
	}
	
a.BtnFlickr{
	display:block;
	float:left;
	width:48px;
	height:48px;
	background:url(images/flickr.jpg) top right no-repeat;
	padding:0px;
	margin:2px;
	}	

a.BtnFlickr:hover {
	background-position:0px -48px;
	}	
	
a.BtnRSS{
	display:block;
	float:left;
	width:48px;
	height:48px;
	background:url(images/rss.jpg) top right no-repeat;
	padding:0px;
	margin:2px;
	}	

a.BtnRSS:hover {
	background-position:0px -48px;
	}