/* - - - - - - - - - - - - - - - - - - - - -

Title : Joe McCready Music
Author : David Leininger (Hey You Look At This)
URL : http://www.joemccreadymusic.com
Description : 
Created : December 2009
Modified : 1/27/10

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

body{
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #e0e0e0;
	font-family: Helvetica, Arial, sans-serif;
}

/* ----- IDS ----- */

#page-wrap{
	width: 960px;
	margin: 0 auto 10px auto;
}

#container {
	margin: 0 auto;
	width: 960px;
}

#banner-rotate{
	width: 960px;
	margin: 24px 0;
}

#primary-content{
	width: 585px;
	float: left;
}
#secondary-content{
	padding-left: 30px;
	width: 345px;
	float: right;
}

#blueskies{
	margin-top: -35px;
	padding: 0 10px 0 14px;
}

#footer {
	clear: both;
	width: 960px;
	margin: 1px auto 10px auto;
	padding-top: 15px 0;
}
#social-icons {
	float: right;
	margin-top: -12px;
	padding-bottom: 10px;
}

/* ----- Classes ----- */

.title {
	color: #610d0e;
	font-weight: bold;
}

form.cmxform label.error, label.error {
	display:none;
	color: #ff0600;
	font-size: 12px;
	padding: 5px 0 0;
}

.validate{
	color:#FF0600;
	line-height:1.25;
	text-align:left;
}

.field{
	float:left; 
	margin-right:15px;
}


/* ----- headings ----- */

h2, h3 {
	color: #610d0e;
	line-height: 1em; 
}

h4 {
	margin-bottom: -8px;
	padding-bottom: 0px;
	color: #000;
	line-height: 1em;
	font-size: 22px;
	font-weight: lighter;
}

/* ----- paragraphs ----- */

/*p {
	
}*/

/* ----- lists ----- */

ul li{
	list-style-type: none;
}

ul#banner{
	padding: 0;
}

/* ----- images ----- */

img a{
	border: none;
}

#blueskies img{
	padding-right: 10px;
	vertical-align: top;
}

/* ----- breaks ----- */

hr {
	color: #000;
	background-color: #000;
	height: 1px;
	margin-bottom: 25px;
	margin-top: 25px;
	width: 100%;
}

/* ----- links ----- */

a { 
	text-decoration: none; 
	color: #610d0e; 
}

a:link { 
	text-decoration: none; 
	color: #610d0e; 
}

a:visited { 
	text-decoration: none; 
	color: #610d0e; 
}

a:hover { 
	text-decoration: none; 
	color: #610d0e; 
}

a:active { 
	text-decoration: none; 
	color: #610d0e; 
}

a:focos{
	outline: none;
}

#blueskies a{ 
	text-decoration: none; 
	color: #000;
	font-size: 13px;
}

#blueskies a:link{ 
	text-decoration: none; 
	color: #000; 
	font-size: 14px;
}

#blueskies a:visited{ 
	text-decoration: none; 
	color: #000; 
	font-size: 14px;
}

#blueskies a:hover{ 
	text-decoration: none; 
	color: #000; 
	font-size: 14px;
}

#blueskies a:active{ 
	text-decoration: none; 
	color: #000; 
	font-size: 14px;
}

/* ----- Twitter ----- */

#twitter_div { 
	margin-top: -5px;
	width: 325px;
}
#twitter_div #twitter_update_list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#twitter_div #twitter_update_list li {
	color: #000;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 10px;
}
#twitter_div a {
	text-decoration: none;
	color: #610d0e;
}
#twitter_div a:visited {
	text-decoration: none;
	color: #610d0e;
}
#twitter_div a:hover {
	text-decoration: none;
	color: #610d0e;
}
#twitter_div p {
	text-align: right;
}

/* ----- Facebook ----- */

.fan_box .full_widget .connect_top .clearfix {
	color: #610d0e;
	background: none;
}
.fan_box .full_widget .connect_top.clearfix {
	color: #610d0e;
	background: none;
}
.fan_box .full_widget .connect_top {
	border: none;
	background-color: #fff;
}
.fan_box .full_widget {
	border: none;
	background-color: #fff;
}
.connect_top a {
	color: #610d0e;
	background-color: #fff;
}
.connect_top a:hover {
	color: #610d0e;	
}
.fan_box .connections {
	background-color: #fff;
	border: none;
	color: #000;
}
.fan_box .connections_grid .grid_item .name {
	color: #000; 
}

/* ----- jQuery lavalamp ----- */

.slider {
    position: relative;
    height: 29px;
    width: 960px;
    margin: 10px 0 0 0;
    margin: 5px 0;
    overflow: visible;
}
    .slider li {
        float: left;
        list-style: none;
        margin: 0 96px 0 0;
    }
        .slider li.back {
            border-top: 3px solid #000;
            width: 9px;
            height: 30px;
            z-index: 8;
            position: absolute;
        }
        .slider li a {
            font: normal 18px helvetica;
            text-decoration: none;
            color: #000;
            outline: none;
            text-align: center;
            top: 7px;
            letter-spacing: 0;
            z-index: 10;
            display: block;
            float: left;
            height: 30px;
            position: relative;
            overflow: visible;
            margin: 0 5px;
        }   
            .slider li a:hover, .slider li a:active, .slider li a:visited {
                border: none;
            }