/*

Theme Name: Art Lineage
Theme URI: http://www.vargaswebsites.com
Description: Custom theme for Art Lineage
Version: 1.0
Author: Jimbo Quijano

*/

html, #wrapper {
	height: 100%;
}

body > #wrapper{
	height: auto;
	min-height: 100%;
}

body{
	margin:0;
	background:#E1E3EE;
}

/* Body */
#wrapper{
	width:945px;
	margin:0 auto;
	border-right:8px solid #ccc;
	border-left:8px solid #ccc;
	border-bottom:8px solid #ccc;
	background:#fff;
}

#home #wrapper{
	background:#edf5f8 url(images/bodybg-home.jpg) no-repeat scroll center 0;
}

#thetree{
	width:613px;
	height:477px;
	float:right;
	background:url(images/thetree.png) no-repeat;
	margin:5px 30px 0 0;
	position:relative;
}

#thetree a{
	background:#000;
	padding:3px 8px 5px;
	-moz-border-radius:10px;
	color:#fff;
	font-family:arial;
	font-weight:bold;
}

#thetree a:hover{
	background:#555;
	text-decoration:none;
}

#sideinfo{
	width:290px;
	float:left;
	margin:10px 0 0 12px;
}

#sideinfo p{
	text-align:center;
}

.logo{
	background:url(images/logo-white.png) no-repeat;
	width:248px;
	height:107px;
	float:left;
	border:none;
	margin:0 0 0 10px;
}

.slogan{
	background:url(images/slogan-white.png) no-repeat;
	width:233px;
	height:72px;
	float:left;
	margin:23px 0;
	margin:0 10px 10px 10px;
}

#home .logo{
	background:url(images/logo-black.png) no-repeat;
	width:248px;
	height:107px;
	float:left;
	border:none;
	margin:0 0 0 10px;
}

#home .slogan{
	background:url(images/slogan-black.png) no-repeat;
	width:233px;
	height:72px;
	float:left;
	margin:10px 0;
	margin:0 10px 10px 10px;
}

.introvideo{
	background:url(images/video.png) no-repeat;
	width:259px;
	height:172px;
	float:left;
	margin:10px 0;
}

a.helpresearch{
	background:url(images/button-helpresearch.png) no-repeat;
	width:181px;
	height:71px;
	float:left;
	margin:10px 0 0 35px;
}

a.helpresearch:hover{
	opacity:0.9;
}

.helpresearch-label{
	width:auto;
	margin:0 0 0 63px;
	float:left;
}

#search{
	width:100%;
	float:left;
	text-align:center;
	margin:0;
}

#search form{
	width:auto;
	margin:0;
}

#search input[type="text"]{
	background:url(images/field-search.png) no-repeat;
	width:194px;
	height:20px;
	border:none;
	float:left;
	color:#000;
	font-size:12px;
	font-family:"Century Gothic",verdana,arial,sans-serif;
	padding:3px 8px;
	margin:0 3px 0 0;
}

#search input[type="submit"]{
	background:url(images/button-search.png) no-repeat;
	width:61px;
	height:26px;
	border:none;
	cursor:pointer;
	float:left;
}

#home #search{
	width:100%;
	float:left;
	height:60px;
	text-align:center;
	margin:55px 0 0;
}

#home #search form{
	width:auto;
	margin:0 0 0 150px;
}

#home #search input[type="text"]{
	background:url(images/field-search-home.png) no-repeat;
	width:451px;
	height:40px;
	border:none;
	float:left;
	color:#a4a44e;
	font-size:25px;
	font-family:"Century Gothic",verdana,arial,sans-serif;
	padding:10px 20px;
	margin:0 3px 0 0;
}

#home #search input[type="submit"]{
	background:url(images/button-search-home.png) no-repeat;
	width:144px;
	height:60px;
	border:none;
	cursor:pointer;
	float:left;
}

#banner{
	background:#6b6759;
	width:915px;
	float:left;
	padding:15px;
}

#banner-left{
	width:288px;
	float:left;
}

#banner-right{
	width:622px;
	float:right;
}

#banner-right h2{
	background:url(images/artistlineage-arrow.png) no-repeat;
	color:#dde1e0;
	margin:7px 0 0 65px;
	padding:0 0 0 105px;
}

#banner-ad{
	width:613px;
	height:167px;
	float:right;
	background:#000;
	border:5px solid #cac1c5;
	margin:35px 0 0;
}

#artwork{
	width:615px;
	height:175px;
	float:right;
	margin:37px 0 0;
}

#artwork img{
	width:140px;
	height:165px;
	float:left;
	border:none;
}

#artwork .image{
	border:5px solid #cac1c5;
	float:left;
	width:140px;
	height:165px;
	margin-left:5px;
}

#artwork .image:first-child{
	margin:0;
}

#relationship{
	background:url(images/relationships-bg.png) repeat scroll 0 42px;
	width:100%;
	float:left;
	font-family:arial;
}

#relations-wrap{
	width:100%;
	float:left;
	max-height:204px;
	overflow:hidden;
}

.relations-block{
	width:189px;
	float:left;
}

.relations-title{
	background:#e8e5d1;
	border-top:1px solid #3a0224;
	border-bottom:1px solid #3a0224;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
}

.relations-title span{
	display:block;
}

.relations-title span.subtitle{
	font-size:11px;
	font-weight:normal;
}

.relations-artist{
	width:179px;
	float:left;
	padding:5px;
}

.relations-artist img.image{
	background:#534834;
	width:33px;
	height:40px;
	float:left;
	border:2px solid #747782;
}

.relations-artist .info{
	float:right;
	text-align:left;
	width:137px;
	margin:5px 0 0 5px;
}

.relations-artist .info span{
	display:block;
}

.relations-artist .info span.artistname{
	font-weight:bold;
}

.sep-block{
	background:#e8e5d1;
	border-bottom:1px solid #3A0224;
	border-top:1px solid #3A0224;
	float:left;
	padding:3px 0;
	text-align:center;
	width:100%;
	margin:0;
	height:20px;
}

a.relations-more{
	font-size:17px;
	font-weight:bold;
	cursor:pointer;
}

a.relations-more:hover{
	text-decoration:none;
	opacity:0.8;
}

#maincontent{
	background:url(images/background-content-sidebar.gif) repeat-y;
	width:100%;
	float:left;
}

#mainbar{
	width:595px;
	float:left;
	padding:20px;
}

#mainbar h1{
	margin:0;
}

#mainbar h4{
	font-style:italic;
	margin:0 0 2px;
}

#mainbar p{
	text-align:justify;
}

.post{
	width:100%;
	float:left;
	border-top:1px dashed #ccc;
	padding:15px 0 0;
	margin:15px 0 0;
}

.post:first-child{
	border:none;
	padding:0;
	margin:0;
}

.posted{
	float:left;
	margin:20px 0 0;
	width:70%;
}

.button-comments{
	float:left;
	margin:15px 0 0;
	width:30%;
}

.button-comments a{
	-moz-border-radius:5px;
	background:#E1E3EE;
	padding:5px 10px;
	text-shadow:1px 1px 1px #FFFFFF;
	float:right;
}

.button-comments a:hover{
	text-decoration:none;
	opacity:0.8;
}

#sidebar{
	width:310px;
	float:right;
}

#sidebar .widget{
	width:100%;
	float:left;
}

#sidebar h2.widget-title{
	background:#e1e3ee;
	line-height:23px;
	margin:0;
	padding:8px 12px;
}

#sidebar .widget-body{
	width:270px;
	float:right;
	padding:0 20px 20px;
}

#sidebar .widget-body ul{
	list-style-type:square;
	margin:10px 0 0;
	padding:0 0 0 10px;
}

#sidebar .ad{
	background:#000;
	width:100%;
	height:460px;
	float:left;
	margin:15px 0;
}


/* Menus */
#primary{
	width:100%;
	float:left;
	margin:0;
	padding:15px 0;
	border-top:8px solid #e1e3ee;
	border-bottom:8px solid #e1e3ee;
}

#home #primary{
	border:none;
}

#primary ul{
	margin:0;
	padding:0 0 0 50px;
	list-style:none;
}

#primary ul li{
	border-left:2px solid #000000;
	display:inline;
	float:left;
	line-height:16px;
	padding:0 12px;
}

#primary ul li ul{
	display:none;
}

#primary ul li:first-child{
	border:none;
}

#primary ul li a{
	font-family:"century gothic";
	color:#000;
	font-size:22px;
}


/* Sidebar */


/* Footer */
#footer{
	background:url(images/footerbg.png) no-repeat;
	width:905px;
	height:150px;
	float:left;
	font-size:16px;
	text-align:center;
	margin:0;
	padding:20px;
}

#footer .text {
	clear:both;
	text-align:left;
}

#footer  #footer-ad{
	display:block;
}

#home #footer{
	background:none;
	width:905px;
	float:left;
	font-size:16px;
	text-align:center;
	margin:60px 0 30px;
	height:auto;
}

#home #footer .text{
	display:block;
	text-align:center;
}

#home #footer-ad{
	display:none;
}

#footer-ad{
	background:#000;
	width:600px;
	height:105px;
	float:left;
	margin:15px 0 8px;
}