/*   
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;
}

a { text-decoration:none; color:#5F7CB4;}
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-family: 'Oswald', sans-serif; 
}
h5 { font-size:100%; font-weight:bold; text-transform:uppercase; }

.grid_4 h2 { 
	font-family: 'Oswald', sans-serif; 
	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:200%; font-family: 'Oswald', sans-serif; margin-top:20px; }
#content h3 { font-size:146.5%; font-weight:bold; }
#content p {
	font-family: 'Merriweather', serif;
	font-size:123.1%; 
	line-height:1.5em; 
	margin:20px 0; 
}
#content strong { font-weight:900; }
#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 {
	font-family: 'Merriweather', serif;
}
.main_page p { font-size:131%; }
.main_page ul { font-family: 'Oswald', sans-serif; }
.main_page ul li { line-height:1.5em !important; }
.main_page ul li a {  }

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

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

/* DISPLAY */
body { 
	font-family: 'Merriweather', serif;
	background-color:#fff; 
	color:#444; 
}
#header-wrapper { background:#eee; }
#header-wrapper h1 a { color:#5F7CB4; font-size:150%; }
#header-wrapper h5 { color: #444; }
#nav-wrapper  { 
	background:url(data:image/png;base64,R0lGODlhSAABAIAAAP///2ZmZiH5BAEHAAAALAAAAABIAAEAAAINDG54kLwNn1TU1XhXAQA7) repeat-x; 
	font-family: 'Oswald', sans-serif;
}
#nav-wrapper a { 
	font-weight:bold; 
	color:#999; }
#footer-wrapper { background:#222  !important; color:#999; line-height:1.7em; text-shadow:0 0 3px #000; }
.main_page h2 { 
	text-transform:uppercase; 
	font-size:108% !important; 
	margin: 1em 0;
}
.main_page h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 200% !important;
}
.main_page ul li { color:#999; } .main_page ul li a { }
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;  }

.page-template-books img {
	max-width: 198px;
}

/* 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; }