/* 
	Theme Name: The Brothers Grinn
	Theme URI: http://www.meowhaus.net
	Description: A custom theme created for The Brothers Grinn. Designed and developed by <a href="http://www.meowhaus.net">MeowHaus</a>.
	Author: MeowHaus
	Author URI: http://www.meowhaus.net
	Version: 1.0
*/

body  
{ 
background:#000 url(images/background.jpg) no-repeat;
margin: 0px;
padding: 0px;
}

br.clear {
clear: both;
}

/*------------------------------- Main Structure ----------------------------------*/

#container {
width: 950px;
height: auto;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.imgBorder{
border:1px solid #000000;
}

.imgBorder:hover{
border:1px solid #ffffff;
}


.workHidden {
visibility:hidden;
}

#WorkCategories{
	left:386px;
	top:0px;
	position:absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#WorkCategories a{
color:white; 
text-transform: uppercase;
font-family: Rockwell, Georgia, Times, Serif;

}
#WorkCategories a:hover{
color:#cc6600;
}
/*------------------------------- Header ----------------------------------*/

#header {
width: 940px;
height: 30px;
text-align: left;
border: 0 0 0 0;
padding: 20px 10px 0 0;
margin: 0 0 0 0;
}

.nav {
float: right;
font-size: 12px;
color: #cc6600;
font-family: Rockwell, Georgia, Times, Serif;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 20px;
}

/*------------------------------- Left Column ----------------------------------*/

#left_column {
width: 324px;
height: auto;
text-align: center;
float: left;
border: 0 0 0 0;
padding: 200px 0 0 0;
margin: 0 0 0 0;
}

/*------------------------------- Right Column ----------------------------------*/

#right_column {
width: 526px;
height: auto;
float: left;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#content {
width: 480px;
height: auto;
border: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
font-size: 11px;
line-height: 18px;
color: #fff;
font-family: Trebuchet, Arial, Helevtica, Sans;
position:relative;
}

#content p {
width: 320px;
border: 0 0 0 0;
padding: 0px 10px 0px 10px;
margin: 0 0 0 0;
}

#content img {	
/*border: 1px solid #000;
border: 0 0 0 0;*/
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.date {
width: 320px;
border-bottom: 1px solid #fff;
padding: 10px 10px 10px 10px;
margin: 0 0 0 0;
}

#content h1 {
font-size: 42px;
line-height: 42px;
font-weight: normal;
color: #fff;
font-family: Georgia, Times New Roman, Times, serif;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#content h2 {
font-size: 18px;
font-weight: normal;
color: #fff;
font-family: Georgia, Times New Roman, Times, serif;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#content h3 {
font-size: 11px;
font-weight: normal;
font-style: italic;
color: #534826;
font-family: Arial, Verdana, Helvetica, sans;
}


/*------------------------------- Video Stylings ----------------------------------*/

#video_column {
width: 526px;
height: auto;
float: left;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#video_column p {
width: 320px;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
/*------------------------------- Page Stylings ----------------------------------*/

#content_p {
width: 340px;
height: auto;
border: 0 0 0 0;
padding: 150px 0 0 0;
text-align: left;
font-size: 11px;
line-height: 18px;
color: #fff;
font-family: Trebuchet, Arial, Helevtica, Sans;
}

#content_p p {
width: 320px;
border: 0 0 0 0;
padding: 10px 10px 30px 10px;
margin: 0 0 0 0;
}

#content_p img {	
border: 0 0 0 0;
border: 0 0 0 0;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#content_p h1 {
font-size: 16px;
line-height: 16px;
font-weight: normal;
color: #fff;
font-family: Georgia, Times New Roman, Times, serif;
border: 0 0 0 0;
padding: 20px 0 0 10px;
margin: 0 0 0 0;
}

#content_p h2 {
font-size: 14px;
line-height: 14px;
font-weight: normal;
color: #fff;
font-family: Georgia, Times New Roman, Times, serif;
border: 0 0 0 0;
padding: 10px 0 0 10px;
margin: 0 0 0 0;
}



#footer {
position:absolute;
left: 30px;
top: 620px;
width: 393px;
height: auto;
font-size: 10px;
text-align: left;
color: #989680;
font-family: Arial, Verdana, Helvetica, sans;
border: 0 0 0 0;
padding: 0 0 0 0;
}

#footer img
{
vertical-align:text-bottom
}


/*------------------------------- Links ----------------------------------*/


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

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

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

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

/*------------------------------- FORMS ----------------------------------*/

input
{
border: 1px solid #000000;
font-size: 14px;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
color: #330000;
font-family: Rockwell, Georgia, Times New Roman, Times, serif;
background-color: #cc9933;
}

select
{
border: 1px solid #333;
font-size: 12px;
color: #ccc;
font-family: arial, verdana, sans;
background-color: #000;
}

/*------------------------------- Vertical Buttons ----------------------------------*/
.next-vertical {
    position: absolute;
    top:45px;
    bottom: 5px;
    left: 0px;
    width: 18px;
    height: 27px;
    cursor: pointer;
    background: transparent url('http://www.thebrothersgrinn.com/site/wp-content/themes/grinn/images/down_arrow.png') no-repeat 0 0;
}

.next-vertical:hover {
    background-position: 0 -27px;
}

.next-vertical:active {
    background-position: 0 -54px;
}

.next-disabled-vertical,
.next-disabled-vertical:hover,
.next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -54px;
}

.prev-vertical {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 18px;
    height: 27px;
    cursor: pointer;
    background: transparent url('http://www.thebrothersgrinn.com/site/wp-content/themes/grinn/images/up_arrow.png') no-repeat 0 0;
}

.prev-vertical:hover {
    background-position: 0 -27px;
}

.prev-vertical:active {
    background-position: 0 -54px;
}

.prev-disabled-vertical,
.prev-disabled-vertical:hover,
.prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -54px;
}
/*------------------------------- LightBox Styles ----------------------------------*/