/*
	Theme Name: Ebony
	Theme URL: http://www.sozosdesign.com/
	Description: Ebony is a single column Widget-ready theme created for WordPress.
	Author: John Wright
	Author URI: http://www.sozosdesign.com
	Version: 1.0
	Tags: Single column, fixed width, white, gray, black, silver, green, modalboxes

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Changelog:
		v1.0 - 01.01.09
		First Release of Ebony
*/

body {
	background: #000000 url(images/darkwood.jpg) top center no-repeat;
	background-attachment: fixed;
	color: #dddddd;
	font-size: 13px;
	text-shadow: 1px 1px 1px #0e0e0e;
	line-height: 20px;
	font-family: Lucida Grande, Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}

#main {
	background: url(images/main.png) repeat-x;
	margin: 0px;
	padding: 0px;
	}

#wrap {
	background: none;
	width: 958px;
	margin: 0px auto 0px;
	padding: 0px;
	}

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #7DA939;
	text-decoration: none;
	}

a:hover {
	color: #7DA939;
	text-decoration: underline;
	}

a img {
	border: none;
	}

a:focus, a:hover, a:active {
	outline: none
	}

/************************************************
*	Header  									*
************************************************/

#header {
	width: 960px;
	height: 145px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}

.headerleft {
	width: 340px;
	float: left;
	margin: 20px 0px 0px;
	padding: 0px;
	overflow: hidden;
	}

.headerright {
	background: url(images/headerright.png) right no-repeat;
	width: 602px;
	float: right !important;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	}

/************************************************
*	Navbar  									*
************************************************/

#nav {
	margin: 0px;
	padding: 0px;
	}

#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#nav ul li {
	list-style: none;
	margin: 0px 0px 0px -1px;
	padding: 0px;
	}

#nav li a, #nav li a:link, #nav li a:visited {
	background: url(images/navbar.png) no-repeat;
	width: 99px;
	height: 37px;
	color: #4b4627;
	display: block;
	font-size: 14px;
	font-family: Lucida Grande;
	font-weight: normal;
	text-align: center;
	text-shadow: 1px 1px #fff;
	margin: 0px 0px 0px;
	padding: 84px 0px 14px;
	border-left: 1px solid #cccccc;
}

#nav li a:hover, #nav li a:active {
	background: url(images/navhov.png) no-repeat;
	color: #000000;
	margin: 1px 0px 0px;
	padding: 85px 0px 12px;
	text-decoration: none;
	border-left: 1px solid #eeeeee;
}

/************************************************
*	Homepage					     		    *
************************************************/

#homepage {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	position: relative;
	}

#homepage h1, #homepage h1 a {
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	font-family: Lucida Grande, Arial, Tahoma, Verdana;
	font-weight: normal;
	text-shadow: 1px 1px #000;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	}

#homepage h1 a:hover {
	color: #7da939;
	text-shadow: 2px 2px 1px #000;
	text-decoration: none;
}

#homepage h3, #slider h3 {
	color: #efefef;
	font-size: 18px;
	font-family: Lucida Grande, Arial, Tahoma, Verdana;
	font-weight: bold;
	text-shadow: 2px 2px 1px #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#slider {
	width: 860px;
	height: 293px !important;
	margin: 0px auto;
}

#slider a, #slider a:visited {
	color: #ffffff;
	text-decoration: none;
	}

#slider a:hover {
	color: #7DA939;
	text-decoration: none;
	}


#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{
	/*
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width:860px;
	height:293px;
	overflow:hidden;
	}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:-5px;
	top:150px;
	z-index:1000;
	}
#nextBtn, #slider1next{
	left:910px;
	}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{
	display:block;
	position:relative;
	width:50px;
	height:50px;
	background:url(images/fleche1.png) no-repeat;
	background-position: 0 -50px;
	}

#nextBtn a, #slider1next a{
	background:url(images/fleche2.png) no-repeat;
	background-position: 0 -50px;
	}

#prevBtn a:hover, #nextBtn a:hover, #slider1next a:hover, #slider1prev a:hover{
	background-position: 0px 0px;
	}

#nextBtn a:hover, #slider1next a:hover {
	background-position: 0px 0px;
	}

#portfolio {
	background: url(images/fade.png) top center no-repeat;
	width: 960px;
	height: 320px;
	margin: 0px auto 35px;
	padding: 30px 0px 0px;
	position: relative;
}

.portfolioleft {
	width: 350px;
	height: 230px;
	float: left;
	margin: 40px 0px 20px 50px;
	padding: 0px;
	position: relative
}

.portfoliobottom a {
	background: url(images/link.png) no-repeat;
	font-size: 12px;
	width: 66px;
	height: 26px;
	margin: 0px;
	padding: 3px 0px 0px 12px;
	position: absolute;
	bottom: 0px;
	left: -4px;
}

.portfolioright {
	background: url(images/thumbbg.png) center no-repeat;
	width: 350px;
	height: 210px;
	float: right;
	margin: 30px 50px 0px 20px;
	padding: 15px 15px 15px 15px;
}

.portfolioright img {
	width: 350px;
	height: 210px;
}

.postarea {
	background: url(images/footer.png) bottom center no-repeat;
	width: 960px;
	margin: 0px;
	padding: 0px 0px 40px;
	clear: both;
	}

.postleft {
	background: url(images/thumbbg.png) center no-repeat;
	width: 350px;
	height: 210px;
	float: left;
	margin: 40px 20px 0px 30px;
	padding: 15px 15px 15px 15px;
}

.postleft img {
	width: 350px;
	height: 210px;
}

.postright {
	width: 480px;
	float: right;
	margin: 40px 20px 20px 0px;
	padding: 0px;
	position: relative;
}

#homepagebottom {
	background: url(images/footer.png) bottom center no-repeat;
	width: 890px;
	height: 100px;
	margin: 0px auto 0px;
	padding: 0px 0px 30px;
}

#homepagebottom p {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.box {
	background: url(images/box.png) right no-repeat;
	float: left;
	width: 270px;
	height: 100px;
	margin: 0px 20px 0px 0px;
	padding: 0px 20px 0px 0px;
	}

.boxright {
	float: left;
	width: 270px;
	height: 100px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

blockquote {
	background: url(images/blockbg.png) repeat-y;
	margin: 10px 5px 10px 10px;
	padding: 10px 15px;
	border: 1px solid #111111;
}

/************************************************
*	Boxy 					     		    *
************************************************/

.boxy-wrapper { position: absolute; }

.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout {
	position: absolute;
	background-color: black;
	left: 0;
	top: 0; }

/* Border */

.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }

.boxy-wrapper .top-left { background: url(images/boxy-nw.png); }
.boxy-wrapper .top-right { background: url(images/boxy-ne.png); }
.boxy-wrapper .bottom-right { background: url(images/boxy-se.png); }
.boxy-wrapper .bottom-left { background: url(images/boxy-sw.png); }

/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
      /* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }

.boxy-wrapper .top, .boxy-wrapper .bottom {
	height: 10px;
	background-color: black;
	opacity: 0.6; filter:
	alpha(opacity=60);
	padding: 0
	}

.boxy-wrapper .left, .boxy-wrapper .right {
	width: 10px;
	background-color: black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	padding: 0 }

/* Title bar */

.boxy-wrapper .title-bar {
	background: #2e2e2e url(images/boxtop.png) repeat-x;
	height: 30px;
	padding: 0px;
	position: relative;
	}

.boxy-wrapper .title-bar.dragging {
	cursor: move;
	}

.boxy-wrapper .title-bar h2 {
	font-size: 18px;
	font-family: Lucida Grande, Ariel, Tahoma;
	color: #ffffff;
	line-height: 1;
	letter-spacing: 1px;
	margin: 0;
	padding: 0px 0px 0px 5px;
	font-weight: normal;
	display: none;
	}

.boxy-wrapper .title-bar .close {
	background: url(images/x.png) no-repeat;
	height: 20px;
	width: 78px;
	color: white;
	position: absolute;
	top: 3px; right: 0px;
	font-size: 90%;
	line-height: 1; }

/* Content Region */

.boxy-inner {
	background: url(images/back.png);
	padding: 0;
}

.boxy-content { padding: 15px; }


/************************************************
*	Modal Boxes 				*
************************************************/
#about {
	width: 780px;
	margin: 20px 20px 0px 20px;
	padding: 0px;
}

.aboutleft {
	background: url(images/bio.png) no-repeat;
	width: 200px;
	height: 270px;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

.aboutright {
	width: 550px;
	float: left;
	margin: -5px 0px 20px;
	padding: 0px;
}

#columns {
background: none;
width: 920px;
margin: 0px auto;
padding: 20px 20px 0px;
line-height: 20px;
}

#columns p {
padding: 10px 0px 10px;
margin: 0px;
}

#columns h2 {
color: #ffffff;
font-size: 16px;
font-family: "Lucida Grande", Verdana, Arial, Tahoma;
font-weight: bold;
margin: 10px 0px 0px;
padding: 0px;
}

#columns h3 {
color: #ffffff;
font-size: 16px;
font-family: "Lucida Grande", Verdana, Arial, Tahoma;
font-weight: bold;
margin: 20px 0px 20px 60px;
padding: 20px;
}

#columnstop {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.columnlefttop {
background: url(images/wordpress.png) top left no-repeat;
float: left;
width: 225px;
height: 285px;
margin: 0px 15px 0px 0px;
padding: 0px 5px 0px 70px;
}

.columnmiddletop {
background: url(images/wpmu.png) top left no-repeat;
float: left;
width: 225px;
height: 285px;
margin: 0px;
padding: 0px 5px 0px 70px;
}

.columnrighttop {
background: url(images/social.png) top left no-repeat;
float: right;
width: 225px;
height: 285px;
margin: 0px;
padding: 0px 5px 0px 70px;
}

.columnleftbottom {
background: url(images/statistics.png) top left no-repeat;
float: left;
width: 225px;
height: 200px;
margin: 0px 15px 0px 0px;
padding: 0px 5px 0px 70px;
}

.columnmiddlebottom {
background: url(images/ecommerce.png) top left no-repeat;
float: left;
width: 225px;
height: 200px;
margin: 0px;
padding: 0px 5px 0px 70px;
}

.columnrightbottom {
background: url(images/phone.png) top left no-repeat;
float: right;
width: 225px;
height: 200px;
margin: 0px;
padding: 0px 5px 0px 70px;
}

#modal {
	width: 600px;
	margin: 20px 10px 20px 20px;
}

#modal p {
padding: 10px 0px 10px;
margin: 0px;
}

#modal ul {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

#modal ul li {
	list-style-type: disc;
	margin: 0px 0px 5px 20px;
	padding: 0px;
	}

#modal ul ul {
	list-style-type: none;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}

#modal ul li li {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	}

#modal ul li ul li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}

.discount {
background: url(images/discount.png) top left no-repeat;
float: left;
width: 280px;
height: 65px;
margin: 20px 0px;
padding: 10px 0px 0px 80px;
}

/************************************************
*	Contact  									*
************************************************/

#contact {
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
}

.contactleft {
	width: 375px;
	float: left;
	margin: 50px 0px 20px 30px;
	padding: 0px 0px 0px;
}

#slideshow {
	background: url(images/contactphoto.png) no-repeat;
	width: 330px;
	height: 240px;
	float: left;
	margin: 0px;
	padding: 40px 0px 0px 45px;
}

#slideshow li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

.social {
	width: 280px;
	float: right;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px;
}

.contactright {
	background: url(images/contentbg.png) no-repeat;
	width: 420px;
	height: 650px;
	float: right;
	margin: 0px 20px 30px;
	padding: 30px 30px 20px 50px;
}

.social a:hover {
	background-position: 0px 0px;
	}

.skype {
	background: url(images/skype.png) no-repeat;
	background-position: 0px -36px;
	float: left;
	width: 250px;
	height: 36px;
	margin: 10px 0px 0px;
	}

.ichat {
	background: url(images/ichat.png) no-repeat;
	background-position: 0 -36px;
	float: left;
	width: 250px;
	height: 36px;
	margin: 10px 0px 0px;
	}

.yahoo {
	background: url(images/yahoo.png) no-repeat;
	background-position: 0 -36px;
	float: left;
	width: 250px;
	height: 36px;
	margin: 10px 0px 0px;
	}

.twitter {
	background: url(images/twitter.png) no-repeat;
	background-position: 0 -36px;
	float: left;
	width: 250px;
	height: 36px;
	margin: 10px 0px 0px;
	}

.linkedin {
	background: url(images/linkedin.png) no-repeat;
	background-position: 0 -36px;
	float: left;
	width: 250px;
	height: 36px;
	margin: 10px 0px 0px;
	}

.facebook {
	background: url(images/facebook.png) no-repeat;
	background-position: 0 -36px;
	float: left;
	width: 250px;
	height: 36px;
	margin: 10px 0px 0px;
	}

.link {
	background: url(images/link.png) no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 78px;
	height: 28px;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border: none;
}

/************************************************
*	Footer  									*
************************************************/

#footer {
	background: none;
	width: 960px;
	height: 100px;
	color: #aaaaaa;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
	}

#footer p {
	color: #aaaaaa;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}

#footer a {
	color: #CCCCCC;
	text-decoration: none;
	}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}