/*  
Theme Name: Jodriozola Blog
Theme URI: http://www.jodriozola.com/
Description: My very own Wordpress theme. Done for my website blog.
Author: Javier Odriozola - javier@jodriozola.com
Author URI: http://www.javier.jodriozola.com/
*/

/* ----------------------------------------
Javier Odriozola: Graphic design portfolio

BLOG STYLESHEET

Created November 26, 2006
by Javier Odriozola - javier@jodriozola.com
(suggestions and comments welcome!)   
-----------------------------------------*/

/* =GENERAL STYLES */

* {
	padding:0;
	margin:0;
}

body {
	color:#818484;
	font-size:62.5%;
	text-align:center;
	background-color:#29404e;
	font-family:Arial, Helvetica, sans-serif;
}

html  {
	overflow:auto;
}

h1, h2, h3, h4 {
	font-weight:normal;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.1em;
	letter-spacing:-0.05em;
	color:#29404e;
}

*html h2 {
	letter-spacing:-0.1em;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	letter-spacing:-0.05em;
	color:#29404e;
}

*html h3 {
	letter-spacing:-0.1em;
}

.reversedText {
	color:white;
}
	
img {
	border:0;
	}

a:link, a:visited{
	color: #1489d4;
	text-decoration: none;
}

a:hover {
	background-color: #FFFFCC;
}

.reversedLinks a:link, .reversedLinks a:visited {
	color:white;
}

.reversedLinks a:hover {
	background-color:#349ee3;
}

.titleLinks {
	font-size:1.4em;
	background-image: url(images/linkBullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
	margin-left:10px;
}

/*  \*/
* html .hollyhacked {
	height: 1%;
}
/*  */

.floatedDivFixer {
	display:table;
}

.ruler {
	height: 1px;
	margin:1px 0;
	background-color:white;	
	font-size:0.1px;
	line-height:0.1px;
}

.dottedRuler {
	clear:both;
	height: 1px;
	font-size:0.1px;
	line-height:0.1px;
	background-image: url(images/dottedRuler.gif);
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-repeat: repeat-x;
}

.mediumText {
	font-size:1.4em;
}

small {
	font-size:1.4em;
}

/* =HEADER */

div#headerWrapper {
	background-color:#1385cd;
	height:155px;
	background-image: url(images/headerBG.gif);
	background-repeat: repeat-x;
}
	
	div#header {
		line-height:1.2;
		width:767px;
		margin:0 auto;
		text-align:left;
	}
	div#header:after {
		content: ".";  
		display: block; 
		height: 0; 
		clear: both; 
		visibility:hidden;
	}

/*  \*/
* html #container {
	height: 1%;
}
/*  */
		div#header h1 {
			float:left;
			padding-top:51px;

    	}
		
	div#header h1 a {
			display:block;
			width:228px;
			height:104px;
			background-image:url(images/logoJavierOdriozola.gif);
			background-repeat: no-repeat;
			background-position: left bottom;	
			text-indent:-9000px;
	}	
		
    #header ul {
		padding-top:20px;
		font-size:1.8em;
		letter-spacing:-0.05em;
		color:white;
        list-style:none;
		text-align:right;
    }
	
/* =CONTENT */

div#content {
	background-image:url(images/contentBG.gif);
	background-color:white;
	background-repeat: repeat-x;
	background-position: top;
}

/* =LEFTCOLUMN */

div.bodyWrapper {
	clear:both;
	position:relative;
	width:767px;
	margin:0 auto;
	text-align:left;
	display:table;
}	

div#leftColumn {
	background-image: url(images/foldIntro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
	padding-top:10px;
	width:500px;
	float:left;
overflow: hidden;

}	

	div#leftColumn h2 {
		margin-left:35px;
		padding:20px 10px 5px 0;
	}
	
	div#leftColumn p {
		font-size:1.3em;
		margin:10px 0px 10px 35px;		
	}
	
	div#leftColumn img {
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		padding:2px;
		border:solid 1px #cccccc;
	}
	
span.displayPostDate {
	margin-left:35px;
	font-size:1.1em;
}

span.displayPostComments {
	margin-left:35px;
	font-size:1.2em;
}
	
/* =SIDEBAR */	

div#sidebar {
	padding-top:10px;
	width:200px;
	float:right;
	padding-bottom:20px;
}

	div#sidebar h3 {
		margin-top:20px;
		margin-bottom:10px;
	}
	
	div#sidebar ul {
		margin-left:10px;
		list-style:none;
		font-size:1.4em;		
	}
	
/* =FOOTER */

div#footerWrapper {
	min-height:228px;
	background-image: url(images/footerBG.gif);
	background-repeat: repeat-x;
	background-position: top;
	
}

div#aboutInfo {
	float:left;
	width:320px;
	padding-top:10px;
	padding-bottom:20px;
}

	div#aboutInfo h3 {
		margin-left:35px;
		margin-bottom:15px;
	}
	
	div#aboutInfo h4 {
		
		margin-left:35px;
		display:inline;
		font-size:1.8em;
		letter-spacing:-0.05em;
		color:#999999;
	}
	
	div#aboutInfo p {
		margin-left:35px;
		font-size:1.4em;
		color:#999999;
	}
	
div#contactForm {
	float:right;
	width:427px;
	padding-top:10px;
	padding-bottom:20px;
}

	div#contactForm h3 {
		margin-bottom:15px;
	}
	
	div#contactForm p {
		font-size:1.2em;
		color:#999999;
	}
	
	div#contactForm form {
		margin-top:10px;
	}
	
	div#contactForm label {
		color:#999999;
		padding-bottom:10px;
	}
	
	.sendMessage {
		width:92px;
		height:19px;
		margin-top:10px;
	}	

/* =FORMS */

label {
	font-size:1.2em;
	font-weight:bold;
display: block;
}

input {
	margin-bottom:10px;
	width:200px;
}

fieldset {
	display:block;
	margin-left:35px;
	margin-top:20px;
	border: none;

}

/* =FEED STYLING */

div#creditfooter {
	display:none;
}

.feedburnerFeedBlock {
	/*width:30px;*/
	padding-left:37px;
}

.feedburnerFeedBlock ul {
	list-style:none;
}

.headline {
	font-size:1.8em;
	letter-spacing:-0.05em;
}

.feedburnerFeedBlock p {
	font-size:1.1em;
}

#flickr_badge_wrapper {
	margin-top:10px;
}

	#flickr_badge_wrapper div {
		display:inline;
	}

	#flickr_badge_wrapper img {
		margin-right:6px;
		margin-bottom:3px;
		border:solid 2px #1489d4;
	}

	#flickr_badge_wrapper img:hover {
		border-color:#FFFFCC;
	}

	#flickr_badge_wrapper a:hover {
		background-color:transparent;
	}

#comments {
	margin-left:35px;
	margin-top:20px;
}

#respond {
	margin-left:35px;
	margin-top:20px;
}

#submit {
	width:10em;
	margin-top:10px;
}

cite {
	font-size:1.4em;
	margin-left:35px;
}

.commentlist li {
	margin-top:25px;
}