/* @override 
	http://beta.silveragency.net/wp-content/theme/silver/style.css
	http://beta.silveragency.net/wp-content/themes/silver/style.css
	http://silveragency.net/wp-content/themes/silver/style.css
*/

/*
Theme Name: THE SILVER AGENCY 2.0
*/

* {
	padding: 0px;
	margin: 0px;
}

body {
	font: 14px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h2, h3, a {
	color: #939393;
}

hr {
	border: 0px;
	border-top: 1px solid #bfbfbf;
}

#wrap a:hover {
	color: #767779;
}

#sidebar ul li a:hover {
	color: #555;
}

#wrap {
	width: 900px;
	margin: 0px auto;
}

/* @group HEADER */

#header {
	height:80px;
}

#header a.logo {
	top: 28px;
	position: relative;
	float: left;
	width: 310px;
	height: 38px;
	background: url(/wp-content/themes/silver/images/silver-logo.png) top left no-repeat;
}

#header ul.nav {
	top: 34px;
	position: relative;
	float: right;
	list-style: none;
	font-size: 16px;
	color: #cdcdcd;
}

#header ul.nav li {
	float: left;
}

#header ul.nav li a {
	color: #cdcdcd;
	padding: 0px 5px;
	text-decoration: none;
}

#header ul.nav li a.current,
#header ul.nav li a:hover {
	color: #767779;
}

#runner {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	overflow: hidden;
	clear: both;
	padding: 4px 0px;
}

#runner h1  {
	float: left;
	font-size: 14px;
	color: #939393;
	text-decoration: none;		
}

#runner h1 a {
	text-decoration: none;
}

#runner #artist-nav {
	float: right;
}

#runner #artist-nav ul li {
	color: #cdcdcd;
	list-style: none;
	float: left;
}

#runner #artist-nav ul li a {
	color: #cdcdcd;
	text-decoration: none;
	padding: 0px 5px;
	text-transform: uppercase;
}

#runner #artist-nav ul li a:hover,
#runner #artist-nav ul li.current_page_item a {
	color: #767779;
}

/* ARTIST NAV HACK */

#runner #artist-nav ul ul li {
	display: none;
}

/* @end */

/* @group PRIMARY */

/* @group Bios */

#primary.bio,
#primary.artists.home {
	height: 623px;
}

#primary.bio {
	margin: 20px 0px;
}

#primary.bio h2 {
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 24px;
}

#primary.bio .left {
	float: left;
	width: 200px;
}

#primary.bio .right {
	float: left;
	width: 600px;
}

/* @end */

h2,
#primary h2 a {
	font-size: 18px;
	text-decoration:none;
}

/* @group Artist Banner (Jcarousel) */

/* @group Jcarousel */

.jcarousel-container {

}

.jcarousel-container-horizontal {
    padding: 0px 46px;
   	border-top: 1px solid #999;
}

.jcarousel-clip-horizontal {
}

.jcarousel-item {
	margin: 10px 6px 10px 0px;
    width: 70px;
    height: 70px;
	overflow: hidden;
}

.jcarousel-item img {
    width: auto;
    height: 70px;
    border: 1px solid #666;
}

.jcarousel-item-horizontal {  }

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 22px;
    right: 10px;
    width: 25px;
    height: 52px;
    cursor: pointer;
    background: url(/wp-content/themes/silver/images/thumb-next.png) no-repeat left top;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 22px;
    left: 10px;
   	width: 25px;
    height: 52px;
    cursor: pointer;
    background: transparent url(/wp-content/themes/silver/images/thumb-prev.png) repeat top left ;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* @end */

#img {
    position: relative;
    width: 900px;
    height: 600px;
    text-align: center;

}

div#img.galleria_container {
	margin: 14px auto;
}

.caption {
	display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
    opacity: .8;
}

/* @end */

#primary p {
	margin: 20px 0px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #939393;
}

#primary.blog {
	float: left;
	width: 600px;
	height: auto;
	margin:28px 35px 0px 0px;
}

#primary.blog .post {
	margin-bottom: 37px;
}

#primary .post .info {
	font-size: 11px;
	color: #bbb;
}

/* @group Primary > Artists */


#primary {
	margin: 20px 0px 0px 0px;
}

#primary.artists.home {
	margin-bottom: 20px;
}

#primary.artists ul {
	list-style: none;
}

#primary.artists ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 24px;
}

#primary.artists ul ul {
	display: none;
}

#primary.artists #video {
	padding-bottom: 20px;
	overflow: hidden;
}

#primary div.navigation {
	overflow: hidden;
	margin-bottom: 20px;
}

#primary h2.pagetitle {
	font-size: 22px;
	font-weight: normal;
	line-height: 28px;
	margin-bottom: 20px;
}

#primary div.navigation .alignleft{
	float: left;
}

#primary div.navigation .alignright {
	float: right;
}

/* @end */

/* @group Banner */

#banner {
	margin: 10px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
	width: 900px;
	height: 430px;
}
 
#banner img {  
width: 900px;
height: 420px;
    top:  0; 
    left: 0;
} 

/* @end */

#primary.missing {
	float: left;
	width: 600px;
	height: auto;
	margin:28px 35px 0px 0px;
}



/* @end */



/* @group SIDEBAR */

#sidebar {
	float: left;
	width: 263px;
	margin:28px 0px;
}

#sidebar h2 {
	text-align: center;
	padding-bottom: 7px;
}

#sidebar h2, #sidebar h3 {
	border-bottom: 1px solid #999;
}

#sidebar h3 {
	margin: 33px 0px 5px 0px;
	padding-bottom: 3px;
	font-size: 14px;
	font-weight: normal;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul li a,
#sidebar div.contact{
	color: #939393;
	text-decoration: none;
	margin-left: 20px;
}

#sidebar .search {
	margin: 10px 0px;
	width: 100%;
	border: 1px solid #ccc;
	height: 27px;
	text-align: center;
	color: #999;
	font: italic 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

/* @end */

/* @group Home Footer */


#home-footer ul {
	margin-top: 4px;
	list-style: none;
}

#home-footer ul li a,
#home-footer .contact {
	color: #939393;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
}

#home-footer {
	overflow: hidden;
	padding:0px 0px 35px 24px;
}

#home-footer .contact {
	padding: 7px 0px 20px 0px;
}

#home-footer .column {
	width: 249px;
	height: 150px;
	padding-bottom: 6px;
	margin-right: 52px;
	float: left;
	border-bottom: 1px solid #999;
}

#home-footer .column.last {
	margin-right: 0px;
}

#home-footer .column h2 {
	font-size: 16px;
	padding-bottom: 4px;
	border-bottom: 1px solid #999;
}

#home-footer .from-blog p {
	margin-top: 10px;
	font-size: 12px;
}

/* @end */

/* @group FOOTER */

#footer {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #999;
	padding: 5px 0px 30px 0px;
	font-size: 11px;
	color: #c3c3c3;
}

#footer .copyright {
	float: left;
}

#footer .design-credit {
	float: right;
}
#footer .design-credit a{
	text-decoration: none;
}

/* @end */