/*   
Theme Name: jordanstabile
Theme URI: http://www.wikkipk.com
Description: A customized theme for jordanstabile by wikkipk
Author: wikkipk
Author URI: http://www.wikkipk.com
Version: 1
*/
/* reset */

table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
/* remove firefox border */
a:active {outline: none; border:0px;}
a:focus {-moz-outline-style: none; border:0px;}

/* end reset */
* {margin: 0;}
html, body {height: 100%;}
.menu-item-last span { display: none; } //removing last | element from main menu  - There is an added function in functions.php file
img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px;}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

* { margin: 0; padding: 0; }
body {font: 14px/1.4 arial, Georgia, serif; background:#b0b0b0;}

#white-background {font: 14px/1.4 arial, Georgia, serif; background:white;}

#black-background {font: 14px/1.4 arial, Georgia, serif; background:#242424;}

#grey-background {font: 14px/1.4 arial, Georgia, serif; background:#cecece;}

article, aside, figure, footer, header, nav, section { display: block; }

#page-wrap {width:850px; margin:50px auto 50px; border:0px solid;}

#page-wrap {width:850px; margin:50px auto 50px; border:0px solid;}

#page-wrap ul li {list-style:none;}

header {width:100%; border:0px solid; font-size:40px; color:white; letter-spacing:50px; font-weight:normal;}

#main-content {width:100%; border:0px solid; margin-top:20px;}

.main-content-intro {width:536px; float:left; border:0px solid; padding-top:20px; color:white; font-size:16px; text-align:justify;}

.main-content-intro h1 {letter-spacing:126px; color:white; font-size:20px; padding-bottom:20px; font-weight:normal;}

.main-content-menu {width:222px; float:right; border:0px solid; margin-right:40px;}

.main-content-menu  li {padding-top:20px; letter-spacing:40px; font-size:24px;}

.main-content-menu li a {color:white; text-decoration:none; font-weight:normal;}

.main-content-menu li a:hover {color:#707070;}

#about-content {width:820px; border:0px solid; padding-top:20px; color:white; font-size:16px; text-align:justify;}
.about-content-intro {width:800px; border:0px solid;}

#contact-content {width:820px; border:0px solid; padding-top:20px; color:white; font-size:16px; text-align:justify;}
.contact-content-intro {width:540px; border:0px solid; float:left;}
.contact-buttons {border:0px solid; width:240px; float:right; margin-right:14px;}
.contact-buttons ul li{margin-top:0px; float:right; margin-bottom:20px;}

.header_finearthome {width:100%; border:0px solid; font-size:40px; color:#707070; letter-spacing:25px; font-weight:normal;}
.header_finearthome span{color:white;}
.header_finearthome a {text-decoration:none; color:#707070;}
#finearthome_inputs input {border:none; width:842px; height:62px; margin-top:20px;}

.header_comics {width:100%; border:0px solid; font-size:40px; color:#707070; letter-spacing:26px; font-weight:normal;}
.header_comics span{color:black;}
.header_comics a {text-decoration:none; color:#707070;}

.header_film {width:100%; border:0px solid; font-size:40px; color:#242424; letter-spacing:32px; font-weight:normal;}
.header_film span{color:#cc1111;}
.header_film a {text-decoration:none; color:#707070;}

.header_about{width:100%; border:0px solid; font-size:40px; color:#707070; letter-spacing:28px; font-weight:normal;}
.header_about span{color:white;}
.header_about a {text-decoration:none; color:#707070;}

.header_contact{width:100%; border:0px solid; font-size:40px; color:#707070; letter-spacing:25px; font-weight:normal;}
.header_contact span{color:white;}
.header_contact a {text-decoration:none; color:#707070;}

#comics-main-content {width:800px; height:auto; border:0px solid; margin-top:40px; padding-bottom:40px;}

.comics-main-content-left {width:800px; height:auto; border:0px solid; float:left; background:#fff; margin-bottom:40px; padding:6px;}

.comics-main-content-right {width:220px; height:auto; border:0px solid; float:right; background:#fff; margin-bottom:40px; padding:6px;}

.about-photo {background:white; width:220px; height:250px; margin-top:20px;}

.contact-links {width:222px; float:right; border:0px solid; margin-right:20px; margin-top:40px; color:white; font-size:22px;}

.contact-links-email {margin-left:100px; margin-top:20px;}

.contact-links-twitter {margin-top:30px;}

.contact-links-tumblr {margin-top:40px;}

#paint
	{
  display: block;
  width: 221px;
  height: 39px;
  background: url("images/paint_rollover.jpg") no-repeat 0 0;
	}
#draw
	{
  display: block;
  width: 221px;
  height: 39px;
  background: url("images/draw_rollover.jpg") no-repeat 0 0;
	}
#shoot
	{
  display: block;
  width: 221px;
  height: 39px;
  background: url("images/shoot_rollover.jpg") no-repeat 0 0;
	}
#bout
	{
  display: block;
  width: 221px;
  height: 39px;
  background: url("images/bout_rollover.jpg") no-repeat 0 0;
	}
#hey
	{
  display: block;
  width: 221px;
  height: 39px;
  background: url("images/hey_rollover.jpg") no-repeat 0 0;
	}
#paint:hover, #draw:hover, #shoot:hover, #bout:hover, #hey:hover
	{ 
  background-position:-221px;
	}
#email
	{
  display: block;
  width: 219px;
  height: 29px;
  background: url("images/email_rollover.jpg") no-repeat 0 0;
	}
#twitter{
  display: block;
  width: 219px;
  height: 29px;
  background: url("images/twitter_rollover.jpg") no-repeat 0 0;
	}
#tumblr{
  display: block;
  width: 219px;
  height: 29px;
  background: url("images/tumblr.jpg") no-repeat 0 0;
	}
#tumblr:hover{
  display: block;
  width: 219px;
  height: 29px;
  background: url("images/tumblr-highlight.jpg") no-repeat 0 0;
	}
#email:hover, #twitter:hover
	{ 
  background-position:-219px;
	}
	
	/*
#paper
	{
  display: block;
  width: 806px;
  height: 62px;
  background: url("images/paper_rollover.jpg") no-repeat 0 0;
	}
#paper:hover
	{ 
  background-position:-806px;
	}
#treading
	{
  display: block;
  width: 806px;
  height: 62px;
  background: url("images/treading_rollover.jpg") no-repeat 0 0;
	}
#treading:hover
	{ 
  background-position:-806px;
	}
	*/
#finearthome_inputs {
	margin-top:10px;
}
#finearthome_inputs ul li {
	list-style:none;
	margin-top:40px;
}
#finearthome_inputs img {
	margin-top:30px;
}
#slides {
	border:0px solid;
	margin:0px 0 30px 0;
	width:100%;
	background:#cecece;
	
}
/*
.slide_left {
	float:left;
	margin-bottom:30px;
	margin-top:-40px;
	background:#cecece;
	border:0px solid;
	width:500px;
	border-radius:10px;
}
.slide_riht {
	float:left;
	margin:20px 0 0 60px;
	color:#707070;
	font-size:16px;
	font-weight:bold;
	border:1px solid;
}
.arrows {
	border:10px solid;
	margin-top:100px;
}
.clip_space {
	width:810px;
	height:300px;
	background:#fff;
	margin-top:40px;
	border:1px solid;
	border-radius:10px;
}
*/
#film_project_content {
	margin-top:20px;
	color:white;
}