/*   
Theme Name: Ian Morrison
Theme URI: n/a
Description: Theme for ianmorrison.com  
Author: Ernie Hsiung
Author URI: http://www.erniehsiung.com
.
General comments/License Statement if any.
.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	
	
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12,.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1{
	width:60px;
}

.container_12 .grid_2{
	width:140px;
}

.container_12 .grid_3{
	width:220px;
}

.container_12 .grid_4{
	width:300px;
}

.container_12 .grid_5{
	width:380px;
}

.container_12 .grid_6{
	width:460px;
}

.container_12 .grid_7{
	width:540px;
}

.container_12 .grid_8{
	width:620px;
}

.container_12 .grid_9{
	width:700px;
}

.container_12 .grid_10{
	width:780px;
}

.container_12 .grid_11{
	width:860px;
}

.container_12 .grid_12{
	width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .prefix_1 {
	padding-left:80px;
}

    .container_12 .prefix_2 {
	padding-left:160px;
}

    .container_12 .prefix_3 {
	padding-left:240px;
}

    .container_12 .prefix_4 {
	padding-left:320px;
}

    .container_12 .prefix_5 {
	padding-left:400px;
}

    .container_12 .prefix_6 {
	padding-left:480px;
}

    .container_12 .prefix_7 {
	padding-left:560px;
}

    .container_12 .prefix_8 {
	padding-left:640px;
}

    .container_12 .prefix_9 {
	padding-left:720px;
}

    .container_12 .prefix_10 {
	padding-left:800px;
}

    .container_12 .prefix_11 {
	padding-left:880px;
}

    .container_12 .prefix_12 {
	padding-left:960px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .suffix_1 {
	padding-right:80px;
}

    .container_12 .suffix_2 {
	padding-right:160px;
}

    .container_12 .suffix_3 {
	padding-right:240px;
}

    .container_12 .suffix_4 {
	padding-right:320px;
}

    .container_12 .suffix_5 {
	padding-right:400px;
}

    .container_12 .suffix_6 {
	padding-right:480px;
}

    .container_12 .suffix_7 {
	padding-right:560px;
}

    .container_12 .suffix_8 {
	padding-right:640px;
}

    .container_12 .suffix_9 {
	padding-right:720px;
}

    .container_12 .suffix_10 {
	padding-right:800px;
}

    .container_12 .suffix_11 {
	padding-right:880px;
}

    .container_12 .suffix_12 {
	padding-right:960px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .push_1 {
	left:80px;
}

    .container_12 .push_2 {
	left:160px;
}

    .container_12 .push_3 {
	left:240px;
}

    .container_12 .push_4 {
	left:320px;
}

    .container_12 .push_5 {
	left:400px;
}

    .container_12 .push_6 {
	left:480px;
}

    .container_12 .push_7 {
	left:560px;
}

    .container_12 .push_8 {
	left:640px;
}

    .container_12 .push_9 {
	left:720px;
}

    .container_12 .push_10 {
	left:800px;
}

    .container_12 .push_11 {
	left:880px;
}

    .container_12 .push_12 {
	left:960px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_12 .pull_1 {
	right:80px;
}

    .container_12 .pull_2 {
	right:160px;
}

    .container_12 .pull_3 {
	right:240px;
}

    .container_12 .pull_4 {
	right:320px;
}

    .container_12 .pull_5 {
	right:400px;
}

    .container_12 .pull_6 {
	right:480px;
}

    .container_12 .pull_7 {
	right:560px;
}

    .container_12 .pull_8 {
	right:640px;
}

    .container_12 .pull_9 {
	right:720px;
}

    .container_12 .pull_10 {
	right:800px;
}

    .container_12 .pull_11 {
	right:880px;
}

    .container_12 .pull_12 {
	right:960px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

body { color:#333; }
a { text-decoration:none; color:#ccc;}
a:hover { text-decoration:underline; }
#nav { height:16px; }
#nav ul li { float:left; margin-right:20px; }
#nav a { text-transform:uppercase; }

#header-wrapper { background-color:#eee; padding:20px 0; }	
#nav-wrapper { background-color:#ccc;padding:8px 0; }
h1 { font-size:247%; font-weight:bold; }
h5 { font-size:100%; font-weight:bold; text-transform:uppercase; }

.grid_4 h2 { font-weight:bold; margin:1em 0; text-transform:uppercase; }
.grid_4 li { margin-bottom:1.3em; line-height:1.3em; }
.grid_4 li a { font-size: 129%; }
.grid_4 span { font-size: 85%; display:block; text-transform:uppercase; margin-top:-2px;}
.grid_4 div { background-color:#eee; height:250px; margin-bottom:30px; }

img.book { margin:20px 18px; box-shadow: 0px 0px 5px #333; -moz-box-shadow: 0px 0px 5px #333; }
#content { padding:30px 0; }
#content .byline { text-transform:uppercase; font-size:100% !important; margin-top:10px !important; color:#333; }
#content h2 { font-size:174%; font-weight:bold; margin-top:20px; }
#content h3 { font-size:146.5%; font-weight:bold; }
#content p { font-size:123.1%; line-height:1.5em; margin:20px 0; }
#content strong { font-weight:bold; }
#content p em { font-style:italic; }
/* #content .editorial p em { font-style:normal; color:#999; text-transform:uppercase; font-size:79%; display:block; margin:0 !important; line-height:1.1em; } */
#content ul, #content ol { padding-left:1em; }
#content ul li, #content ol li { font-size:123.1%; line-height:1.5em;  }
#content ol { margin-left:1.5em;  }
#content ol li { list-style-type: decimal; padding-left:0.5em; }
#content ul li:before { content: "\00BB \0020"; }
#content td { padding:10px; font-size:108%; }

ul.blogroll { padding-bottom:3em !important; }
ul.blogroll h3 { margin-top: -1em; margin-left:1em; margin-bottom:0.25em; }
ul.blogroll li { margin:1.5em 0; }
ul.blogroll h3:hover { text-decoration:underline; }

#footer-wrapper { background-color:#eee; clear:both; padding-top:10px; height:330px; }
#copyright { float:left; }
#icons { float:right; }

.blog-index .grid_10 { padding-bottom:60px; }
.blog-index h2 { margin-top:0 !important; }
.blog-index h3 { font-size:108% !important; }
.editorial-byline { margin-top:-1.5em; font-style:italic;}

.main_page p { font-size:131%; }
.main_page ul { background-color:#eee; padding:10px; height:200px; }
.main_page ul li { line-height:1.2em !important; }
.main_page ul li a { font-size:93%; }

.alignright { float:right; margin-left:10px; }
.blog-index h1 { font-size:123.1% !important; }

#content .grid_12, .grid_9.editorial { border:0px solid red; margin-bottom:30px; }
#footer-wrapper { padding-top:20px !important; }
#footer h5 { margin-top:10px; }
.tubepress_thumb { width:25% !important; }

/* DISPLAY */
body { font-family:'Helvetica Neue',Helvetica,sans-serif !important; background-color:#1B1918; color:#999; }
#header-wrapper { background:url("http://img.skitch.com/20100512-pbyt5a2cfybijd3cdia1a4fiu3.jpg") repeat scroll center top #5F7CB4; }
#header-wrapper h1 a { color:#fff; font-size:150%; text-shadow:0px 0px 10px #000; }
#header-wrapper h5 { color:#fff; text-shadow:0 0 3px #000; }
/* #nav-wrapper { background-color:#493418; border-top:1px solid #5F7CB4; border-bottom:1px solid #000; } */
#nav-wrapper  { background-color:#53677F; border-bottom:2px solid #000000; border-top:1px solid #493418; }
#nav-wrapper a { font-weight:bold; color:#ccc; text-shadow:0 0 3px #000; }
#footer-wrapper { background:#222  !important; color:#999; line-height:1.7em; text-shadow:0 0 3px #000; }
.main_page p { text-shadow:0 0 3px #000000; }
.main_page h2 { color:#5F7CB4; margin:10px 0 5px 0 !important; font-size:123.1% !important; }
.main_page ul { border:1px solid #000; background:url("http://img.skitch.com/20100512-k7969nww4kewsis1mse8axynmw.jpg") repeat scroll center top #53677F !important; -moz-border-radius: 5px; -webkit-border-radius:5px; height:168px; font-weight:bold; padding-top:25px; }
.main_page ul li { color:#999; } .main_page ul li a { font-size:93%; color:#eee; text-shadow:0 0 8px #000000; }
img.alignright { border:10px solid #fff; margin-left:30px; }

#video-wrapper img { width:300px; height:205px; }
#video-wrapper .bg-bar { position: absolute; bottom: 0pt; height: 20px; border: 0; width: 290px; background: #000; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter:alpha(opacity=60); padding: 5px;  }

/* COMMENTS */

.blog-byline { text-transform:uppercase; margin-top:25px; display:block; }
h4#comments { font-weight:bold; margin:30px 0; font-size:123.1%; }
ol.commentlist { font-size:85% !important; }
ol.commentlist {
padding-left:0 !important; margin-left:0;
border-color:#666 #666 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
margin:0 0 18px 0 !important;
}
ol.commentlist li {
list-style:none outside none !important;
margin:0; padding-left:1em !important;
}
.commentlist li {
border-bottom:1px solid #666;
}
.avatar { float:left; margin-right:15px;  }
.comment-author { padding-top:15px; line-height:1.1em; }
textarea#comment { width:100%; height:100px; }
#submit { border:1px solid #999; background-color:#53677F; color:#ccc; padding:10px; }
.navigation { clear:both; margin-bottom:10px; border:0px solid red; height:20px;  }
.navleft { float:left; }
.navright { float:right; }