/*
Theme Name: California
Theme URI: http://iamaaronmartin.com/blog
Description: It's 2009! Let's get on the Aaron Martin train!
Version: 1.0
Author: Aaron Martin
Author URI: http://superwindy.com
Tags: super windy, aaron martin, california, 960gs, 16 column
*/


* {
	margin: 0;
	padding: 0;
	}

html {
	background-color: #365165;
	text-align: left;
	}

body {
	color: #000;
	font: 14px/20px Cambria, Georgia, Times, serif;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

a {
	color: #ad5107;
	text-decoration: underline;
	}

	a.plain {
		border: 0px solid !important;
		border-bottom: 0px solid !important;
		text-decoration: none !important;
		}

#sidebar a {
	border-bottom: 1px solid #8c9ba6;
	color: #000;
	text-decoration: none;
	}

#sidebar strong a {
	background: url(images/link-arrow.png) no-repeat left center;
	border-bottom: 0px !important;
	color: #ad5107 !important;
	padding-left: 16px;
	text-decoration: underline !important;
	}

h1 {
	color: #365165;
	font-size: 50px;
	font-weight: normal;
	line-height: 50px;
	padding-bottom: 3px;
	text-transform: capitalize;
	width: 460px;
	}

	h1 a {
		border-bottom: 0px solid;
		color: #365165;
		text-decoration: none;
		}

h2 {
	color: #a8a9aa;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	text-transform: capitalize;
	}

	h2 a {
		border-bottom: 0px solid;
		color: #a8a9aa;
		text-decoration: none;
		}

h2.full {
	color: #d86d01;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	text-transform: capitalize;
	}

	h2.full a {
		border-bottom: 0px solid;
		color: #d86d01;
		text-decoration: none;
		}

	h2 em,
	h4 em {
		filter: alpha(opacity=65);
		-moz-opacity: 0.65;
		-khtml-opacity: 0.65;
		opacity: 0.65;
		}

#sidebar h2 {
	border-bottom: 1px solid #cccfd0;
	color: #365165;
	margin-bottom: 5px;
	}

p + h2,
p + h4 {
	padding-top: 1em;
	}

h3 {
	border-bottom: 1px solid #cccfd0;
	color: #365165;
	font-size: 12px;
	margin-bottom: 5px;
	}

h3.prev {
	border-bottom: 1px solid #cccfd0;
	color: #365165;
	font-size: 12px;
	margin-bottom: 5px;
	}

	h3 a {
		border-bottom: 0px solid;
		color: #7f8284;
		text-decoration: none;
		}

.story p {
	text-indent: 0em;
	width: 460px;
	}

	.story p + p {
		text-indent: 1em;
		}

hr.update {
	border: 0px solid;
	border-top: 1px solid #cccfd0;
	border-bottom: 1px solid #ebeeef;
	margin: 10px 0;
	}

/* Indent the first paragraph after the div.note --------- */
	.story div.note + p {
		text-indent: 1em !important;
		}

.commentpad p {
	padding: 0 0 10px 0;
	}

.commentpad p + p {
	text-indent: 0em;
	}

.story div.rightcol {
	float: right;
	margin: 0 0 0 0;
	text-align: left;
	width: 160px;
	}

	.story div.rightcol img {
		height: auto;
		width: auto;
		}

.story img {
	border: 0px solid;
	margin-top: 10px;
	margin-left: -1em;
	margin-bottom: 10px;
	width: 500px;
	}

.story img.noresize {
	border: 0px solid;
	border-top: 1px solid #969899;
	border-bottom: 1px solid #fff;
	clear: both;
	float: left;
	margin: 1em 15px 1em 0px;
	width: auto;
	}

.story img.noborder {
	border: 0px solid;
	border-top: 0px solid #969899;
	border-bottom: 0px solid #fff;
	}

.story img.post {
	border: 0px solid;
	clear: both;
	margin-bottom: -5px;
	padding: 0px 5px 0px 0px;
	width: auto;
	}

blockquote {
	background: transparent url(images/quote-left.png) no-repeat left 6px;
	color: #596f7f;
	margin: 10px 0;
	padding: 0 0 0 0;
	text-indent: 15px !important;
	width: 640px;
	}

	blockquote p {
		text-indent: 15px !important;
		width: inherit;
		}

blockquote + p {
	text-indent: 1em !important;
	}

blockquote.right {
	background: transparent url(images/quote-left.png) no-repeat 5px 6px;
	color: #596f7f;
	float: right;
	margin: 20px 120px 10px 0;
	padding: 0 0 0 20px;
	width: 280px;
	}

	blockquote.right p {
		text-indent: 0 !important;
		width: inherit;
		}

	blockquote.right p + p {
		text-indent: 1em;
		width: inherit;
		}

.story div.note {
	background: #e9dba6 url(images/note-arrow.png) no-repeat 7px 9px;
	color: #333;
	float: right;
	font: 10px/14px Helvetica, Arial, sans-serif;
	padding: 5px 7px 7px;
	width: 160px;
	text-indent: 10px;
	}

img.center {
	margin-left: auto;
	margin-right: auto;
	}


/* Header DIV ------------------------------------------------------------------------------------ Header DIV */

#header {
	height: 60px !important;
	left: 0;
	position: fixed;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 9000;
	}

	#header .info {
/*		background-color: #365165; */
		border-bottom: 1px solid #d2d5d6;
		height: 42px;
		padding-left: 40px;
		}

		#header .info img {
			float: left;
			padding-top: 10px;
			}

		#header .info img.rss {
			float: none;
			padding-top: 18px !important;
			padding-right: 40px;
			padding-left: 287px;
			}



/* Footer DIV ------------------------------------------------------------------------------------- Footer DIV */

#footer {
	clear: both;
	margin: 0 0 20px 30px !important;
	padding: 0;
	text-align: left;
	}
	
	#footer .inside {
		background: url(images/footer-bg.png) repeat-x;
		color: #fff;
		float: left;
		line-height: 9px;
		margin: 0 0 0 0;
		padding: 30px 0 0 0;
		text-align: left;
		width: 660px;
		}

		#footer .inside p.copyright {
			clear: both;
			margin: 0 0 10px 0;
			padding: 5px 10px;
			}

	#footer .cats {
		margin: 0 0 20px 10px;
		}

	#footer .cats ul {
		list-style-type: none;
		list-style-position: inside;
		}

	#footer .cats ul li {
		display: block;
		float: left;
		line-height: 20px;
		list-style-type: none;
		list-style-position: inside;
		}

	#footer .cats a {
		color: #7c94a5;
		text-decoration: none;
		}

	#footer .cats a:after {
		content: ',';
		padding-right: 3px;
		}

	#footer a.top {
		background: url(images/top.png) no-repeat right top;
		color: #fff;
		float: right;
		font-weight: bold;
		padding: 0 12px 5px 0;
		text-decoration: none;
		}



/* Content DIV ----------------------------------------------------------------------------------- Content DIV */

#wrap {
	background-color: #e3e6e8;
	padding-left: 30px;
	padding-bottom: 40px;
	}

#content {
	padding-top: 70px;
	}

	#content .story {
		border-bottom: 1px solid #c0c8ce;
		margin-bottom: 7px;
		padding-bottom: 20px;		
		}

	#content .story ul {
		font-style: italic;
		margin-left: 40px;
		padding: 10px 0;
		text-align: justify;
		width: 520px;
		}

		#content .story ul li {
			list-style-image: url(images/bullet.png);
			list-style-position: outside;
			}

	#content .story ol {
		margin-left: 40px;
		padding: 10px 0;
		text-align: justify;
		width: 520px;
		}

		#content .story ol li {
			list-style-position: outside;
			list-style-type: decimal;
			}

	#content .story span.big {
		color: #404040;
		font-size: 1.85em;
		line-height: 1.15em;
		}

	#content .story_main_info {
		border-bottom: 1px solid #8c9ba6;
		color: #365165;
		font-famiy: Helvetica, Arial, sans-serif;
		margin-bottom: 40px;
		padding-bottom: 7px;
		}

		#content .story_main_info a {
			color: #365165;
			}

	#content .storylist {
		border-bottom: 1px solid #d1d7db;
		color: #bec1c2;
		margin-bottom: 7px;
		padding-bottom: 7px;
		}

	#content .navigation #alignright {
		float: right;
		}

	#content .navigation #alignleft {
		float: left;
		}



/* Category Styles ------------------------------------------------------------------------------------ Category Styles */

#content div.Quotes h1 {
	display: none;
	}

#content div.Quotes {
	font-size: 2em;
	line-height: 1.15em;
	}

	#content div.Quotes blockquote {
		color: #376637 !important;
		}

	#content div.Quotes blockquote p {
		margin: 0 0 0 0;
		width: 640px;
		}

	#content div.Quotes div.note {
		background: none;
		color: #7f8284 !important;
		float: right;
		font: 10px/14px Helvetica, Arial, sans-serif;
		padding: 10px 0 10px 10px;
		width: 160px;
		text-indent: 0;
		}



/* Sidebar DIV ------------------------------------------------------------------------------------ Sidebar DIV */

#sidebar {
	font: 12px/20px Helvetica, Arial, sans-serif;
	}

	#sidebar .digital {
		color: #7f8284;
		}

#sidebar li,
#sidebar ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 40px 0;
	padding: 0;
	}

	#sidebar ul li {
		list-style-type: none;
		list-style-position: inside;
		margin: 0;
		padding: 0;
		}



/* Archives DIV ------------------------------------------------------------------------------------ Archives DIV */

#archives .story {
	border-bottom: 1px solid #c0c8ce;
	margin-bottom: 7px;
	padding-bottom: 7px;		
	}

	#archives .story h2,
	#archives .story h2 a {
		border-bottom: 0px solid;
		color: #365165;
		font-size: 16px;
		font-weight: normal;
		line-height: 16px;
		text-decoration: none;
		text-transform: capitalize;
		}

	#archives .story h2.y2008, #archives .story h2.y2009 a { color: #773131 !important; }
	#archives .story h2.y2008, #archives .story h2.y2008 a { color: #3f596c !important; }
	#archives .story h2.y2007, #archives .story h2.y2007 a { color: #376637 !important; }
	#archives .story h2.y2006, #archives .story h2.y2006 a { color: #874f17 !important; }

	#archives .story h2.mon12, #archives .story h2.mon12 a { }
	#archives .story h2.mon11, #archives .story h2.mon11 a { filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
	#archives .story h2.mon10, #archives .story h2.mon10 a { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
	#archives .story h2.mon9,  #archives .story h2.mon9 a  { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
	#archives .story h2.mon8,  #archives .story h2.mon8 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	#archives .story h2.mon7,  #archives .story h2.mon7 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	#archives .story h2.mon6,  #archives .story h2.mon6 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	#archives .story h2.mon5,  #archives .story h2.mon5 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	#archives .story h2.mon4,  #archives .story h2.mon4 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	#archives .story h2.mon3,  #archives .story h2.mon3 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	#archives .story h2.mon2,  #archives .story h2.mon2 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
	#archives .story h2.mon1,  #archives .story h2.mon1 a  { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

		#archives .story h2 .storylist_main_info a,
		#archives .story h2 .storylist_main_info {
			color: #a8a9aa !important;
			font-size: 12px;
			}



/* Comment DIV ---------------------------------------------------------------------------------- Comment DIV */

.commentpad {
	border-bottom: 1px solid #d1d7db;
	margin-bottom: 20px;
	padding: 0;
	}

	.commentpad .date {
		color: #a8a9aa;
		}

	.commentpad .author {
		text-transform: capitalize;
		}

	.commentpad blockquote {
		background: none;
		background-color: #dde0e2;
		font: italic 1.15em Baskerville;
		margin: 10px;
		padding: 10px;
		width: auto;
		}

	.commentpad blockquote p {
		text-indent: 0;
		}

label {
	clear: both;
	float: left;
	font-weight: bold;
	}

textarea {
	font: 14px/20px Cambria, Georgia, Times, serif;
	height: 150px;
	margin: 10px 0;
	padding: 5px;
	width: 630px;
	}

ul.blogroll {
	color: #7f8284;
	}

input.submit {
	clear: both;
	float: left;
	}

input#viewzi_button {
	display: none;
	}

input#viewzi_input {
	background: #fff url(images/search.png) no-repeat 6px 6px !important;
	border-top: 1px solid #727272 !important;
	border-right: 1px solid #b4b4b4 !important;
	border-left: 1px solid #b4b4b4 !important;
	border-bottom: 1px solid #d9d9d9 !important;
	padding: 6px 5px 5px 25px !important;
	width: 248px !important;
	}

	input#viewzi_input:focus {
		background: #f5f6f7 url(images/search.png) no-repeat 6px -79px !important;
		}

input.search {
	background: #fff url(images/search.png) no-repeat 6px 4px;
	border-top: 1px solid #727272;
	border-right: 1px solid #b4b4b4;
	border-left: 1px solid #b4b4b4;
	border-bottom: 1px solid #d9d9d9;
	padding: 5px 5px 5px 25px;
	width: 248px;
	}

	input.search:focus {
		background: #f5f6f7 url(images/search.png) no-repeat 6px -81px;
		}

input.textfield {
	clear: both;
	font: 14px/20px Cambria, Georgia, Times, serif;
	float: left;
	margin: 10px 0;
	padding: 5px;
	width: 270px;	
	}

.published {
	border-bottom: 1px solid #8c9ba6;
	color: #365165;
	font: 12px/12px Helvetica, Arial, sans-serif;
	margin: 0 0 40px 0;
	padding: 3px 0 10px 0;
	}



/* Virb DIV ---------------------------------------------------------------------------------------- Virb DIV */

#virbTransport {
	border-bottom: 0px !important;
	text-decoration: none !important;
	}

	#virbTransport h3,
	#virbTransport a h3,
	#virbTransport h3 a {
		border-bottom: 0px solid;
		line-height: 18px;
		margin: 5px 0 5px 0;
		padding: 0 0 5px 0;
		}

	#virbTransport .see_all a {
		border-bottom: 0;
		color: #7f8284;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}

	#virbTransport a {
		border-bottom: 1px solid #8c9ba6;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
	
	#virbTransport ul {
		list-style: none;
		}

		#virbTransport ul li {
			border-bottom: 1px solid #d1d7db;
			list-style: none;
			margin-bottom: 5px !important;
			padding: 0 0 5px 0 !important;
			}



/* sIFR DIV ---------------------------------------------------------------------------------------- sIFR DIV */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h3.sifr-rep {
    font-family: Verdana;
    visibility: hidden;
  }
}