/*
Theme Name: ABS
Theme URI: http://www.ublvd.com/
Description: ArtByShake Highly Customized FolioElements Theme by Jason Shueller.
Version: 1.2
Author: Melissa Robinson
Author URI: http://www.twitter.com/ubeloved

This theme was designed and built by Melissa Robinson based on Jason Shuellers FolioElements theme

The original CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC Customized Elements Copyright 2009 UBLVD:
*/



/* begin the basics */
html, body {
font-size: 12px; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #070707;
color: #868686;

text-align: center;
}
div#container
{
margin-left: auto;
margin-right: auto;
width: 1000px;
text-align: left;
}

h1, h2, h3 {
font-weight: normal;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #EBEBEB;
text-decoration: none;
}

a:hover {
color: #868686;
}

a {
outline: none;
}

img {
border: none;
}

#wrapper {
width: 1000px;
background: url(images/bg3.jpg) top center no-repeat;
overflow: hidden;
position:relative;
margin: 0px auto;
height:545px;
}
/* end the basics */

/* begin site header */
#header {
width: 1100px;
height: 135px;
padding: 5px 0 0 0;
line-height: 1em;
float: left;
margin-left: auto;
margin-right: auto;

}

#header p {
margin: 0;
padding: 0;
}

#tagline {
float: left;
color: #EBEBEB;
margin: 10px 0 0 149px;
}

#author {
color: #868686;
font-size: 10px;
}

#author a:link, #author a:visited {
color: #868686;
}

#author a:hover {
color: #EBEBEB;
}

#pages {
float: right;
list-style: none;
margin: 10px 149px 0 0;
padding: 0;
}

#pages li {
display: inline;
margin: 0 0 0 10px;
}
/* end site header */

#facebox h2 {
    margin: 0;
    padding: 0;
}
.facebox h3 {
margin: 0;
padding: 0;
}

.facebox p {
margin: 0 0 10px 0;
}

.facebox h3 {
color: #EBEBEB;
}
/* begin footer */
#footer{
#footer {
float: left;
margin: 10px 0 0 149px;
font-size: .9em;
text-align:center;
width:100%;
}
}


#footer p {
margin: 0;
padding: 0;
font-size: 10px;
}
/* end footer */
/* begin content slider */
#content .carousel  {
position: relative;
}

#content .main {
margin: 0;
}


#content .carousel a.prev {
display: block;
position: absolute;
width: 130px;
height: 475px;
background: url("images/previous3.png") no-repeat 0 0;
top: 45px;
left: 20px;
z-index: 10000;
}

* + html #content .carousel a.prev  {
top: 5px;
}

#content .carousel a.prev:hover {
background: url("images/previous3.png") no-repeat 0 0;
}  

#content .carousel a.next {
display: block;
position: absolute;
width: 160px;
height: 475px;
background: url("images/next5.png") no-repeat 0 0;
top: 45px;
right: 0;
z-index: 10000;
}

* + html #content .carousel a.next  {
top: 5px;
}

#content .carousel a.next:hover {
background: url("images/next5.png") no-repeat 0 0;
}  

#content .carousel a:hover, #content .carousel a:active {
border: none;
outline: none;
}    

#content .carousel .rotate {
float: left;
margin: 142px 0 0 162px;
position: relative;
visibility: hidden;
left: -5000px;
}

#content .carousel ul {
margin: 0;
}
#content .carousel ul.shake {
margin: 0;
}

#content .carousel li img {
width: 210px;
height: 210px;
}

#content .carousel li {
width: 210px;
height: 400px;
margin: 0 10px 0 10px;
}

#content .widget img {
cursor: pointer;
}
#content .carousel li.shake {
width: 645px;
height: 210px;
margin: 0 10px 0 10px;

}
#content .carousel  li.shake img.shake {
width: 645px;
height: 210px;

}
#shake {
width: 655px;
height: 210px;
background:url(images/shakehome4.png);
float: left;
margin: 0 10px 0 10px;
}
#shake ul {
margin: 0;
}
#shake li {
width: 645px;
height: 210px;
margin: 0 10px 0 10px;

}
#shake li img {
width: 645px;
height: 210px;

}

.intro {
margin: 0;
padding: 0 5px 10px 0;
}

.intro p {
margin: 0;
}

.intro h3 {
margin: 20px 0 1px 0;
font-size: 15px;
}

.entry {
padding: 5px 0;

}

.entry img {
padding: 2px 5px 10px 5px;

}

.video {
width: auto;
text-align: center;
margin: 8px 0 -10px 0;
padding: 0;
}
/* end content slider */
/*menu*/
div.menushake {
	position:absolute;
	left:90px;
       	top:0px;
        bottom:10px;
	width:600px;
	height:30px;
}
div.covers {
	position:absolute;
	left:136px;
	top:233px;
	width:145px;
	height:20px;
        
}
      

div.space1 {
	position:absolute;
	left:281px;
	top:233px;
	width:26px;
	height:19px;
        background: url(images/artbyshakeSITE_04.gif)no-repeat;
}

div.web {
	position:absolute;
	left:307px;
	top:233px;
	width:77px;
	height:20px;
        background: url(images/web.gif)no-repeat;
}

div.space2 {
	position:absolute;
	left:384px;
	top:233px;
	width:24px;
	height:20px;
        background: url(artbyshakeSITE_06.gif)no-repeat;
}

div.flyers {
	position:absolute;
	left:408px;
	top:233px;
	width:135px;
	height:20px;
        background: url(images/flyers1.gif)no-repeat;
}

div.space3 {
	position:absolute;
	left:543px;
	top:233px;
	width:22px;
	height:19px;
        background: url(images/artbyshakeSITE_08.gif)no-repeat;
}

div.logos {
	position:absolute;
	left:565px;
	top:233px;
	width:119px;
	height:20px;
        background: url(images/logos1.gif)no-repeat;
}
/*mel css menu try*/
#menushake {
	position:absolute;
	left:90px;
	top:0px;
        bottom:10px;
	width:600px;
	height:30px;{
	/*start covers*/
	
#menushake li.covers {
	position:absolute;
	left:126px;
	top:233px;
	width:145px;
	height:20px;
	}
#menushake li.space1 {
	position:absolute;
	left:271px;
	top:233px;
	width:26px;
	height:19px;
}

#menushake li.web {
	position:absolute;
	left:297px;
	top:233px;
	width:77px;
	height:20px;
}

#menushake li.space2 {
	position:absolute;
	left:374px;
	top:233px;
	width:24px;
	height:20px;
}

#menushake li.flyers {
	position:absolute;
	left:398px;
	top:233px;
	width:135px;
	height:20px;
}

#menushake li.space3 {
	position:absolute;
	left:533px;
	top:233px;
	width:22px;
	height:19px;
}

#menushake li.logos {
	position:absolute;
	left:555px;
	top:233px;
	width:119px;
	height:20px;
}
/*begin shake page*/