/*
Theme Name:Michael Ferron
Theme URI:http://www.website.com
Description:Short description about my theme
Author:Rhodo Kolya Jeldres Velasquez
Author URI:http://www.tienvijf.nl
Version:1.0
Tags:HTML5, CSS3, JQuery
.
✰ 1 column, header and footer.
✰ HTML5 Ready
✰ Compatible with IE7+, Chrome, Safari, FF & Opera
✰ 2012
.
*/

/* 
--------------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------------

01 - Imports
02 - Basic layout
03 - Wrapper
04 - Header
05 - Navigation
06 - Main content
07 - The_loop
08 - The_content
09 - Footer
10 - Auxilary classes
11 - WordPress Active page items
12 - WordPress Image alignment
13 - WordPress Read more link
14 - WordPress Page and post navigation
15 - WordPress Searchform
16 - WordPress Commentsform 
17 - WordPress Comment metadata
18 - WordPress Respond section
19 - WordPress Other classes
20 - Internet Explorer 6, 7 & 8 exceptions

--------------------------------------------------------
01 Imports
--------------------------------------------------------*/

@import url("normalize.css");

@import url("fonts/fonts.css");

/* 
--------------------------------------------------------
02 Basic layout
--------------------------------------------------------*/

body {
	background-color:white;
	color:#C8C8C8;
	font-family:'GothamHTFBook', courier,helvetica, arial, sans-serif;
	line-height:1;
}

/* 
--------------------------------------------------------
03 Wrapper
--------------------------------------------------------*/

#wrapper {
	margin:40px auto;
	padding:0 20px;
	position:relative;
	width:1000px;
}

/* 
--------------------------------------------------------
04 Header
--------------------------------------------------------*/

header {
	float:left;
	height:600px;
	position:relative;
	width:150px;
}

div#logo a,
header h1 {
	color:#C8C8C8;
	display:block;
	font-size:18px;
	font-weight:normal;
	height:18px;
	overflow:hidden;
	position:absolute;
	text-decoration:none;
	top:0;left:0;
}
.menu-main-menu-container{
	margin-bottom: 330px;
}
/*
#social {
	display:none;
	height:25px;
	position:absolute;
	top:-27px;right:21px;
}

#social li,
#social li a {
	display:block;
	float:left;
}

#social li {
	margin-left:10px;
}

#social li a {
	height:17px;
	text-indent:-9999em;
}
*/

/* 
--------------------------------------------------------
05 Navigation
--------------------------------------------------------*/

nav {
	bottom:0;
	position:absolute;
}

nav ul.menu {
	width:150px;
}

nav ul.menu li {
	list-style-type:none;
	
}

nav ul.menu li a {
	color:#C8C8C8;
	display:block;
	font-size:13px;
	margin-bottom:9px;
	text-decoration:none;
}

nav ul.menu li a:hover {
	color:#878787;
}

/* 
--------------------------------------------------------
06 Main content
--------------------------------------------------------*/

#main_content {
	float:right;
	position:relative;
	text-align:right;
	line-height: 0.7;
	width:750px;
	height:600px;
}

#featured_image {
	overflow:hidden !important;
	text-align:right;
	width:750px;height:600px;
}

#featured_image img {
	float:right;
	m1ax-width:750px;
	m1ax-height:600px;
	o1verflow:hidden;
	p1osition:absolute;
	t1op:0;r1ight:0;
}

/* Accordion */

#Accordion1 {
	o1verflow:hidden;
	position:absolute;
	top:613px;left:0;
	width:750px;
}

.Accordion {
	o1verflow:hidden;
}

.AccordionPanel {
	margin:0px;
	padding:0px;
}

.AccordionPanelTab {
	cursor:pointer;
	margin:0px;
	margin-left:630px;
	width:120px;
	-moz-user-select:none;
	-khtml-user-select:none;
}


.AccordionPanelClosed,
.AccordionPanelClosed AccordionPanelContent {
	o1verflow:hidden !important;
}

.AccordionPanelContent {	
	height:200px;
	margin:0px;
	overflow:hidden;
	padding-top:30px;	
}

ul#thumbnails {
	display:block;
	width:768px;height:46px;
}

ul#thumbnails li {
	display:block;
	float:left;
	margin-right:18px;
}

ul#thumbnails h2 {
	display:none;
}

ul#thumbnails img {
	width:46px;height:46px;
}

ul#thumbnails li.last_one {
	margin-right:0 !important;
}


.AccordionPanelTab {
	color:#c8c8c8;
	font-size:13px;
	height:13px;
	text-decoration:none;
}

#previous a {
	display:block;
	position:absolute;
	top:0;left:-20px;
	text-indent:-9999em !important;
	width:50%;height:600px;
}

#next a {
	display:block;
	position:absolute;
	right:-20px;
	top:0;
	text-indent:-9999em !important;
	width:50%;height:600px;
}

.prev_thumbs,
.next_thumbs {
	b1ackground-color:red;
	height:46px;
	t1ext-indent:-9999em;
	top:43px;
	width:14px;
}

.prev_thumbs span,
.next_thumbs span {
	display:none;
}

.prev_thumbs {
	background:url(images/prev_arrow_t.png) no-repeat right center;
	left:-25px !important;
}


.next_thumbs {
	background:url(images/next_arrow_t.png) no-repeat right center;
	right:-20px !important;
}

/*
--------------------------------------------------------
07 The_loop
--------------------------------------------------------*/

.the_loop {
	position:absolute;
	text-align:left;
	top:390px;left:-250px;
	width:150px;
}

.the_page_loop {
	overflow-y:auto;
	position:absolute;
	text-align:left;
	top:90px;bottom:90px;left:75px;
	width:400px;
}

.the_loop h1,
.the_loop h2,
.the_page_loop h1,
.the_page_loop h2 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	
}
.the_loop h2{
	color: black;
}
/*
--------------------------------------------------------
08 The_content
--------------------------------------------------------*/

.the_content {}

.the_content,
.the_content div,
.the_content p,
.the_content li {
	color:#878787;
	font-size:13px;
	line-height:1.4em;	
}

.the_content a {
	color:#333;
	text-decoration:none;
}

.the_content a:hover {
	text-decoration:underline;
}

.the_content p {
	margin-bottom:16px;
}

.the_content ul {
	list-style-type:disc;
	margin-bottom:16px;
}

.the_content ol {
	list-style-type:decimal;
	margin-bottom:16px;
}

.the_content li {
	margin-bottom:8px;
	margin-left:30px;
}

.the_content .last-child {
	margin-bottom:0;
}

/* 
--------------------------------------------------------
09 Footer
--------------------------------------------------------*/

footer {
	margin-top:150px;
}

/* 
--------------------------------------------------------
10 Auxilary classes
--------------------------------------------------------*/

.clear {clear:both;}
.hide {display:none;}
.no_right_margin {margin-right:0 !important;}
.no_left_margin {margin-left:0;}


/*
--------------------------------------------------------
11 WordPress Active page items
--------------------------------------------------------*/

li.current_page_item a,
li.current-menu-item a,
li.current_page_parent a,
li.current-category-ancestor a,
li.current-menu-parent a,
li.current-page-ancestor a {
	color:#878787 !important;
}

/*
--------------------------------------------------------
14 WordPress Page and post navigation
--------------------------------------------------------*/


/*
--------------------------------------------------------
20 Internet Explorer 6, 7 & 8 exceptions
--------------------------------------------------------*/

body.ie {
	b1ackground-color:aqua;
}

body.ie6 {
	b1ackground-color:red;
}

body.ie7 {
	b1ackground-color:green;
}

body.ie8 {
	b1ackground-color:yellow;
}

#social {
	position: absolute;
	display:block;
	height:25px;
    width:250px;
	position:absolute;
	top:-27px;right:21px;left:820px;
}

#pinterest{
	position: absolute;
	width:15px;
    height:17px;
    margin-left:130px;
	background:url(images/pinterest.png) no-repeat center left;
}
#facebook{
	position: absolute;
	width:15px;
    height:17px;
    margin-left:160px;
	background:url(images/facebook.png) no-repeat center left;
}
#facebool a {
	display:block;
	top:0;
	text-indent:-9999em !important;
	width:15px;
	height:17px;
}
[class^="cus-"],
[class*=" cus-"] {
display: inline-block;
width: 17px;
height: 16px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-position: 14px 14px;
background-repeat: no-repeat;
    opacity = 0;
    filter:alpha(opacity=0);
}

	#facebook_like_button_holder iframe {
	position:absolute;
	top: 0px;
	width: 90px !important;
	}
	
	#fake_facebook_button {
	pointer-events: none;
	position:absolute;
	width: 90px;
	height: 20px;
	left:0;
	top:0;
	background:url(images/facebook.png) no-repeat center left;
	}


/**/