/*
Theme Name: 	Christian Ross
Theme URI: 		http://christianross.net
Description: 	A custom WordPress theme for myself.
Version: 		5.0
Author: 		eight90	
Author URI: 	http://eightninety.com
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Layout
04 Theme
05 Custom Page/Post stuff
06 Media Player 
07 Forms / Fields
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position: relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display: block; height: 0; clear: both; content: "."; visibility: hidden; /* For clearing */ }
body 				{ background: #fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background: #83A319; color: #fff; }
::selection 		{ background: #83A319; color: #fff; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body,
input,
textarea 			{ font: 400 15px/23px 'Lato', sans-serif; }

/* ---------------------------------------------------------------------------------------------------------- 
03 Layout ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.container			{ width: 940px; margin: 0 auto; }
article, aside 		{ display: block; }
footer, header		{ clear: both; display: block; }

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


/* ---------------------------------------------------------------------------------------------------------- 
04 Theme ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

a 					{ color: #83A319; text-decoration: none; font-weight: 500; }
a:hover				{ text-decoration: underline; }

a:active			{ outline: none; -moz-outline-style: none;  }
a:focus				{ -moz-outline-style: none; outline: none; }


h1, h2, h3, h4, h5, h6	{ margin: 0.5em 0; padding: 0; font-weight: 600; }

h1.post-title		{ font-size: 46px; letter-spacing: -0.04em; line-height: 1.2em; margin-bottom: 0em; color: #666666; }
h2.post-title		{ color: #83A319; font-size: 1.5em; letter-spacing: -0.04em; line-height: 1.2em; margin-bottom: 0em; }
h3 					{ font-size: 1.3em; margin: 1.6em 0 0; line-height: 1em; color: #939393; }
h4 					{ font-size: 1.1em; color: #939393; margin: 1.6em 0 0; line-height: 1em; }
h5					{ font-size: 1.0em; color: #939393; margin: 1.6em 0 0; line-height: 1em; }

blockquote 			{ font-size: 1.1em; font-style: italic; font-weight: 500; line-height: 1.4em; text-align: left; border-left: 1px solid #CBE86B; padding: 6px 0 6px 20px; margin: 20px 100px 30px 120px; color: #535353; }
blockquote p		{ padding: 0 !important; margin: 0 !important; }




body 				{ color: #232323; font-weight: 400; background:url(images/topo.png) 0 0 repeat #F2F2EC; background-attachment: fixed; font-family: "kepler-std-1","kepler-std-2", Garamond, serif; font-size: 125%; line-height: 1.4em; }

#wrap				{ background: #fbfbfb; margin: 60px auto; width: 880px; z-index: 1; }


header				{ border-top:32px solid #BCD764; width:880px; margin:0 auto; background-color:#fbfbfb; }
  header h1			{ background:url(images/christian-ross.png) 0 0 no-repeat;display:block;text-indent:-8187px;width:383px;height:73px;margin:0 0 0 25px;float:left; }
  ul#nav			{ margin:25px 30px; float:right; text-align:right; color: #eee; }
  ul#nav li			{ display:inline; padding-left: 12px; }
  ul#nav li a		{ color: #929292;  }



.main				{ padding: 0 0 60px; }
  .main article		{ padding: 60px 0; }
  .main article h1, .main article h2, .main article h3, .main article h4	{ padding: 0 60px; }
  .main article p	{ padding: 0 60px; }
    .categories		{ float: left; width: 45%; margin-left: 60px; margin-top: 35px; font-size: .7em; color: #83A319; }
    .metadata		{ float: right; width: 30%; text-align: right; margin-right: 60px; margin-top: 35px; font-size: .7em; color: #AAA; }
  .main p img		{ max-width: 760px; }
  .main p img.fullwidth { width: 100%; min-width: 880px; margin: 15px 0 15px -60px; }
  
  .main article ul	{ padding: 0 90px; }
  .main article li	{ padding-left: 5px; padding-bottom: 18px; }



footer				{ background-color:#BCD764; width: 780px; padding: 50px; font-size: .8em; }
  
  footer a			{ color: #FFF; font-weight: 600; }

  footer .leftCol	{ float: left; width: 44.487179487%; padding-top: 20px; }
  footer .midCol	{ float: left; width: 14.1025601%; }
    footer .midCol ul { margin-left: 25px; font-size: 1.0em; font-style: italic; font-weight: 700; color: #525252; }
    footer .midCol li { list-style: none; }
  footer .rightCol	{ float: right; width: 34.41025641%; padding-top: 15px; line-height: 1.6em; }
    footer .rightCol p:first-child { margin-top: 0; }

  #fusionad	{ margin-top: 35px; position: relative; font-size: .85em; }
    #fusionad a		{ font-weight: 400; color: #333333; text-decoration: none; }
    .fusionimg		{ float: left; width: 130px; }
    .fusiontext		{ float: left; width: 170px; display: block; position: relative; margin-top: -30px; line-height: 1.3em; margin-left: 20px; }
    a.powered		{ float: left; width: 170px; display: block; margin-top: 0px; margin-left: 20px; color: #FFF !important; font-weight: 600 !important; }
    .fusionserif		{ font-style: italic; }
	
  #readtrust		{ color: #333; font-size: .85em; margin-top: 20px; }
    #readtrust a	{ color: #FFF; font-weight: 600; text-decoration: none; }

  ul#extrovert		{ width: 56px; margin: 10px 0 0 25px; padding: 0; }
  ul#extrovert li	{ display: inline-block; margin-right: 6px; }
  .twitter, .dribbble, .rdio, .instagram, .rss { display: inline-block; width: 20px; background: url(images/christian-ross-social-icons.png) 0 0 no-repeat; text-indent: -7132px; }
  
  .twitter			{ height: 20px; background-position: 0 0; }
  .dribbble			{ height: 20px; background-position: -26px 0; }
  .rdio				{ height: 18px; background-position: 0 -31px; }
  .instagram		{ height: 18px; background-position: -26px -31px; }
  .rss				{ height: 16px; background-position: 0 -62px; }

  ul#extrovert a:hover { opacity: .8; }



/* Pagination */
#nav-below { clear:both; margin-bottom:25px; width: 30%; margin: 0 auto; font-size: .7em; }
#nav-below .left { width:150px; }
#nav-below .right-link { width:150px;float:right; }
#nav-below .right-link .right { text-align: right; margin-top: -28px; }




input, 
textarea			{ border-radius: 5px; font-weight: 200; }
input				{ font-size: 14px; }

p 					{ margin: 15px 0; }

strong				{ font-weight: 600; }

time 				{ color: #999999; font-size: 15px; }

.tel.office, 
.tel.fax			{ margin-left: 20px; }
.ir 				{ border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
.subtext 			{ font-weight: 200; }
.disclaimer			{ font-size: 12px; padding-bottom: 30px; }


/* ---------------------------------------------------------------------------------------------------------- 
05 Custom Page/Post stuff -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#comments			{ padding: 0 60px; font-size: .8em; text-align: center; }
#comments li		{ list-style: none; }
#comments h2, #comments h3 { padding: 0; text-align: center; font-size: 1.4em; }

ol.commentlist 		{ float: left; width: 40%; padding:30px 0 60px; line-height: 1.2em; }
ol.commentlist li	{ margin: 0; padding: 30px 0 0; }
ol.commentlist li:first-child { padding-top: 0; }

#commentform		{ float: right; width: 40%; padding-bottom: 30px; }

.commentmetadata	{ display: none; }


img.alignleft { clear:both; float:left; margin-right: 20px; }
img.alignright { clear:both; float: right; margin-left: 20px; }

.more-link	{ display: block; margin-top: 15px; }

.pipe	{ display: inline-block; padding: 0 8px; }


/*  -------
06 Media Player customizations
------------*/

.mejs-container .mejs-controls {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	min-height: 38px !important;
}

#mep_0 {
	height: 0px !important;
	width: 490px !important;
}

.mejs-playpause-button { border-right: 1px solid #323338 !important; padding: 3px 1px 0px 9px !important; height: 35px !important; width: 32px !important; }
.mejs-currenttime-container { border-left: 1px solid #595E63 !important; font-weight: 700; padding: 12px 5px 0 11px !important; }
.mejs-time-rail { height: 0px; padding:8px 0 0 !important; max-width: 250px !important; }
  .mejs-time-total { max-width: 240px !important;}
.mejs-duration-container { font-weight: 700; height: 10px; padding: 12px 4px 0 7px !important; }
.mejs-volume-button { padding: 3px 5px 0 0 !important; }
.mejs-horizontal-volume-slider { height: 10px; margin: 3px 0 0 2px !important; }

.mejs-time-loaded, .mejs-time-buffering {

	background-image: linear-gradient(top, rgb(194,194,131) 0%, rgb(153,153,102) 100%) !important;
	background-image: -o-linear-gradient(top, rgb(194,194,131) 0%, rgb(153,153,102) 100%) !important;
	background-image: -moz-linear-gradient(top, rgb(194,194,131) 0%, rgb(153,153,102) 100%) !important;
	background-image: -webkit-linear-gradient(top, rgb(194,194,131) 0%, rgb(153,153,102) 100%) !important;
	background-image: -ms-linear-gradient(top, rgb(194,194,131) 0%, rgb(153,153,102) 100%) !important;
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(194,194,131)),
		color-stop(1, rgb(153,153,102))
	) !important;

}



/* ---------
07 Forms / Fields
----------*/

input, textarea {
  	background: #EEE; 
  	border: none !important; 
  	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
  	padding: 11px 15px; 
  	width: 97%; 
  	box-shadow: 0px 1px 2px #CCC inset;
  	font-family: "kepler-std-1","kepler-std-2", Garamond, serif;
}
input:focus, textarea:focus { background-color: #f7f7f7; }

form input[type='submit'] {
		background: none repeat scroll 0 0 #83A319 !important;
		color: #FFF !important;
		width: 220px !important;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		box-shadow: none !important;
		text-transform: uppercase;
		padding: 8px;
		margin-top: 8px;
		font-size: 16px;
		font-weight: 700;
	}
	
form input[type='submit']:hover { opacity: .9 !important; }

footer #searchform #s {
	width:85%;
	background: #FFF;
	border: none;
	box-shadow: none;
	font-size: 1em;
	font-style: italic;
	font-weight: 700;
	color: #999;
}
footer #searchform input:focus {
	background-color: #FFF;
	color: #333;
}
footer #searchsubmit {
	padding: 8px;
	margin-top: 0px;
	width: 140px !important;
	font-weight: 700;
	display: none;
}
.screen-reader-text { display: none; }