/*  Styles for Virtual Greats
-----------------------------------------------------------*/

/* Font Percentages


6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5pt
8px	0.5em	50%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.75em	75%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1em	100%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.25em	125%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.5em	150%	18pt
*/

/*  General Tag Styles
-----------------------------------------------------------*/
body {
font-family:Arial,Helvetica,sans-serif;
	font-size: 75%; /*sets default font size to 12px*/	
background-color:#000;
background-image:url('../images/site/VG_gradient.png');
background-repeat:repeat-x;
text-align:center;
margin:0;
padding:0;
}

form {
margin:0;
padding:0;
}

img {
border:0;
}

a {
color:navy;
outline:none;
}

a:hover {
color: #222;
}

h1, h2, h3, h4, h5, h6 {
display:block;
font-weight:bold;

}

h1 {
font-size:200%;
margin:0 0 0.67em 0;
}

h2 {
font-size:150%;
margin:0.83em 0;
}

h3 {
font-size:131.3%;
margin:0.83em 0;
}

h4 {

}

h5 {

}

h6 {

}


/* tables */

tbody {
display:table-row-group;
vertical-align:middle;
}

tr {
display:table-row;
vertical-align:inherit;
}


td {
display:table-cell;
padding:1px;
text-align:inherit;
vertical-align:inherit;
}





/*  Utility Styles
-----------------------------------------------------------*/

.fix, .fixit, .clear {
clear:both;
}

.bigtxt, .bigger {
font-size:110%;
line-height:1.3em;
}

.smaller {
font-size:85%;
line-height:1.3em;
}

.spacer {
clear:both;
height:40px;
}

.left {
float: left;
}

.right {
float: right;
}

.center {
margin: 0 auto;
text-align: center
}

.tight {
margin: 0;
padding: 0;
}

.last {
padding-bottom: 2.33em;
}

/*  Site Structure
-----------------------------------------------------------*/


#container {
width:725px;
background-color:#fff;
text-align:left;
margin:0 auto;
padding: 0 50px;
}


#content {
padding: 25px 0 0 0;
}

.strong-divider {
border-top:30px solid #000000;

}



/*  Masthead and Nav
-----------------------------------------------------------*/

.logo {

}


#header {


width:735px;
background-color:#fff;
text-align:left;
margin:0 auto;
padding: 0 45px;
height: auto;
}


#header h1 {
float:left;
padding: 49px 0 0 0;
height: 83px;
}


#header h1 a {
background: url('/images/site/virtual-greats-logo.gif') no-repeat;
text-indent: -100em;
overflow: hidden;
height: 83px;
width: 283px;
display: block;
}



#mainnav {
padding:34px 0 1em 0;
float:right;
width:250px;
list-style:none;
margin:0;

}

#sub-nav {
list-style:none;
margin:0;
padding:0;
}





#mainnav li a, #rightcol .sub-nav li a, #rightcol li a {
display: block;
font-family:Georgia;
font-size:110%;
width:180px;
margin:0 0 2px 8px;
padding:4px 4px 3px 4px;
}

.navbtn a {
border-bottom:1px solid #fff;
}

#mainnav li a:hover, .sub-nav li a:hover {
border-bottom:1px solid #efefef;
background-color:#efefef;
cursor:pointer;
}


li.active a{
border-bottom:1px solid #000000;
}

li.active ul  li a {
border: #fff;
}


ul.sub-sub-nav {
padding-left:25px;
}

/*  Main Content
-----------------------------------------------------------*/
#leftcol p {
margin: 1em 0;
}


.copy a {
color:navy;
text-decoration:underline;
}

.copy a:hover {
color:#000;
text-decoration:underline;
}

#sidebar {
padding-top:8px;
}



/*
#mhome {
width:100%;
height:30px;
background-color:#000;
color:#fff;
text-align:left;
margin:0 auto;
}


#content,#masthead-home {
width:725px;
text-align:left;
margin:10px auto 0px auto;
}
*/

/*
#mhleft {
float:left;
width:480px;
height:270px;
border:1px solid #000;
background-color:#fff;
padding:0;
margin:0;
}

#mhright {
float:right;
width:235px;
}

#homecopy {
font-size:100%;
line-height:1.3em;
}

#homecopy table {
width:100%;
height:245px;
}
*/





#leftcol {
float:left;
width:476px;
line-height:1.5em;
}

#leftcol h1 {
font-size:150%;
}

#rightcol {
float:right;
width:245px;
padding: 0 0 2em 0;
}



#rightcol h3{
clear: both;

}



#blogblox {
line-height:1.4em;
width:707px;
margin:10px 0 0 0;
}

#blogblox .blogtitle {
color:navy;
font-size:100%;
font-weight:700;
}

.blogcol {
padding-top:10px;
float:left;
width:225px;
height:100px;
border-top:2px solid #000;
margin-bottom:10px;

}

.center-col {
padding-left: 20px;
padding-right: 0px;
}




/* Footer
-----------------------------------------------------------*/
/*
#bottomline {
height:6px;
background-image:url('../images/site/img-footerline.gif');
background-repeat:repeat-x;
width:725px;
text-align:left;
margin:0 auto;
}
*/

#footer {
background-image:url(../images/site/img-footerline.gif);
background-repeat:repeat-x;
font-size:85%;
width:725px;
text-align:left;
margin:0 auto;
padding:10px 0 40px;
margin: 0 0 20px 0;
clear:both;
}




/* Specific Page Styles
-----------------------------------------------------------*/
/*home page */
#front-page-text {
float:right;
width:235px;
padding: 5.6em 0 0 0;
}

#video {
float:left;
width:480px;
height:270px;
border:1px solid #000;
background-color:#fff;
padding:0;
margin:0;
}

/*listing pages (artists, IPR)*/

#itemlist {
clear:both;
width:725px;
text-align:left;
font-size:85%;
margin:0 auto;
}

#itemlist .indiv {
float:left;
width:122px;
color:#000;

}



#itemlist .lastindiv  {
width:115px;
}



.blackblox {
background-color:#000;
height:160px;
width:122px;
}


#itemlist .lastindiv .blackblox  {
width:113px;
}


#theartist {
width:725px;
text-align:left;
background-color:#000;
color:#fff;
height:310px;
overflow:hidden;
margin:0 auto;
}

#theartist img {
float:left;
margin-right:20px;
}

#artistbio table {
height:310px;
font-style:normal;
line-height:1.3em;
padding:0;
font-size:99%;
}

#artistbio table td {
display:table-cell;
padding: 1em 1em 1em 0;
text-align:inherit;
vertical-align:inherit;
}



#artistbio tbody {
display:table-row-group;
vertical-align:bottom;
}

tr {
display:table-row;
vertical-align:inherit;
}


#artistbio p  {
margin: 1em 0;
}


.indiv {
padding: 0 0 0.5em 0;
}


#execbio h1,#teambios h1 {
margin-bottom:0;
padding-bottom:0;
}

#execbio h2,#teambios h2 {
font-size:110%;
margin:0;
padding:0;
}

#execbio img {
float:left;
border:.5px solid #999;
margin:0 20px 160px 0;
border:1px solid #dedede;
}

#teambios h1 {
font-size:120%;
}

#teambios h2 {
font-size:100%;
font-weight:400;
}

#teambios img {
float:left;
width:50px;
margin:0 20px 25px 0;
}

.biowrapper {
clear:both;
}

.navbtn a,.navbtnover a {
color:#000;
text-decoration:none;
}

#itemlist2 a,#itemlist a,#teambios a,.navbtnactive a,.navbtnactiveover a,.navbtnactive a:hover {
color:#000;
text-decoration:none;
}

.navbtnactive,.navbtnactiveover {
border-bottom:1px solid #000;
}

#map {
float:left;
width:250px;
height:150px;
overflow:hidden;
border:1px solid #999;
margin-right:20px;
background-image:url("../images/site/map.png");
background-position: center center;
background-repeat:no-repeat;
text-indent: -5000px;
}

#artist0 {
display:none;
}

#page {
width:725px;
text-align:left;
margin:0 auto;
}

/* Press Releases */
.press-releases-page #leftcol li {
margin-bottom: 2em;
}

.press-releases-page #leftcol li a {
text-decoration: none;
}

/* blog */

.post, .commentlist {
float:left;
margin:0 0 2.33em 0;
width:465px;
}

.blog-page h2 {
font-size: 170%;
}



.post h3 {
font-size: 150%;
margin: 0 0 1px 0;
}


.post h3 a{
text-decoration: none;
}

.byline {
font-size: 81.3%;
color: #777;
}



/* Search */

input {
margin-bottom: 1em;
}


.search-box {
float: left;

}

.search-submit {
float: left;
margin-left: 3px;
/*background-color:#000000;
border:1px solid #000000;
color:#FFFFFF;
float:left;
height:22px;
margin:0 3px;
padding:0 0 2px;
text-align:center;
font-size: 90%;*/
}

.search-page .result {
padding: 11px;
}

.search-page .resultRowTwo{
background: #efefef;
}

.search-page h3 {
font-size: 100%;
float: left;
margin-right: 11px;
}

.search-page: .byline {
float: left;
}