﻿ /* CSS Document */

/*=======================================================
A.gilman  -  Website CSS
=======================================================*/

/*-- Override --*/

/*START override default styles*/
body{ height:100%; margin:0; padding:0;}

html{ height:100%; margin:0; padding:0;}

body {
	font-size:0.8em;
	font-family: Arial, Helvetica,  Sans-Serif;
	color:#fff;
	background:#0C1419;
	text-align:left;
	min-width:1050px;
	margin:0; padding:0;
	}
	
h6 {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h5 {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h4 {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h3 a {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h3 {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h2 a {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h2 {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h1 {font-family: 'LatoLight', Helvetica, Arial, sans-serif!important; letter-spacing: 0.02em; text-transform:uppercase; margin:0px; padding:0px; color:#fff; text-align:left; font-weight:normal; line-height:1.1em;}

h1 span{
	color: #FFF;
}

h2{
font-size:2em;
margin:20px 0 10px 0;
letter-spacing:0.05em;
}

h2 span{
color: #3C9696;
}

h3{
	font-size: 2em;
}

input{
font:0.96em 'LatoLight', Helvetica, Arial, Sans-Serif!important;
letter-spacing: 0.02em;
line-height:1.0em;
background:#afafaf;
border:none;
padding:5px;
}

select{
padding:2px;
font:0.86em 'LatoLight', Helvetica, Arial, Sans-Serif!important;
color:#ccc;
background:#111;
border:none;
}


p { font-family: Arial, Helvetica, sans-serif; font-size:0.96em;text-align:left;margin-top:0px;padding:0;margin-bottom:5px; letter-spacing:0.05em;}


p a {border:none!important; color:#999}


.more a {padding: 2px; color:#fff; font-weight:normal; text-decoration:none; -webkit-transition: 0.3s  ease-in-out;}


.more {padding: 2px; color:#fff; font-weight:normal; text-decoration:none; -webkit-transition: 0.3s  ease-in-out;}


a {padding: 2px; color:#fff; font-weight:normal; text-decoration:none; -webkit-transition: 0.3s  ease-in-out;}

a:focus {text-decoration:none; color:#333}

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

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

.more:hover {text-decoration:none; color:#333}

a img {
	display:block; border:none;}
.item a:focus img {
	border:none;}

.item a:active img {
	border:none;}

a:hover img {
	border:none;}

form {margin:0px}
label {cursor:pointer}

ul {
	margin:10px 0px 10px 0px;
	/*font-size:0.90em;*/
}

ul li{
	margin:0;
	padding:0;
}

span{
color: #3C9696;
font-family:'LatoHairline';
}

hr{ border:none; background:#c3c3c3; height:1px; display:block;}
	
/*END override default styles*/

/*START miscellaneous styles used throughout*/
.print {display:none}
.hide {display:none}
.floatLeft {float:left}
.floatRight {float:right}
.noborder img {border:none!important}
.noborder {border:none!important}
.nomargin {margin:0px!important}
.intro {font-size:1.4em}
.clearall{clear:both}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    _zoom: 1;
}


/*-- Main Theme Styles--*/


/* -- Logo -- */ 

#logo{
clear:both;
display:block;
background: url(Imagens/logo.png);
height:100px;
width:600px;
margin:30px 0 0 0;
float:left;
background-repeat:no-repeat;
}

#logo span{
display:none;
}

/*--Navigation--*/

.nav{
list-style-type:none;
border-bottom: dotted 1px #333;
height:30px;
margin:25px 0 0 0;
padding:0 0 8px 0;
}

.nav li{
float:left;
}

.nav li a{
color:#BBB;
font-family:'LatoLight', Helvetica, Arial, sans-serif;
line-height:1.0em;
letter-spacing: 0.03em;
font-size:1.2em;
text-transform:uppercase;
border:none;
margin:0 15px 0 0;
}

.nav li a:hover{
color: #3C9696;
border:none;
}

/*-- Content --*/

#content{
margin:0 auto;
max-width:1050px;
padding:0 20px;
min-height:100%;
height:auto;
}

.trackbytrack{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.latestvideo{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.right-footer{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

select{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.mainnews ol.comments{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.tour .tourpulllist{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.mainnews ol.comments li{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#footer .label{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#footer .footernav{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#footer{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#emailaddress{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#links a{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.entryaction{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.entry{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #2F3338;

}

.entry p{
margin:0 0 15px 0;
}

.mid .entry object{
width:100%;
height:180px;
margin:10px 0 0 0;
}

.mid .entry embed{
width:100%;
height:180px;
margin:10px 0 0 0;
}

.left .entry object{
width:100%;
height:180px;
margin:10px 0 0 0;
}

.left .entry iframe{
width:100%;
height:180px;
margin:10px 0 0 0;
}

.left .entry embed{
width:100%;
height:180px;
margin:10px 0 0 0;
}

.left #flashObj iframe{
height:230px;
margin:0 0 10px 0;
}

.left #flashObj object{
height:230px;
margin:0 0 10px 0;
}

.left #flashObj embed{
height:230px;
margin:0 0 10px 0;
}

.entry img{
margin:10px 10px 0 0;
}

.left .entry a img{
width:100%;
height:auto;
}

.mid .entry a img{
width:100%;
height:auto;
}

.mid .entry img{
width:100%;
height:auto;
}

.left .entry img{
width:100%;
height:auto;
}

.mainnews .entry object{
width:100%;
margin:10px 0 0 0;
}

.mainnews .entry embed{
width:100%;
margin:10px 0 0 0;
}

.left #flashObj object{
width:100%;
margin:10px 0 0 0;
}

.left #flashObj embed{
width:100%;
margin:10px 0 0 0;
}

.entry object{
width:100%;
margin:10px 0 0 0;
}

.mainleft .entry embed{
width:100%;
margin:10px 0 0 0;
}

.mainleft .entry iframe{
width:100%;
margin:10px 0 0 0;
}

.entry h3{
word-wrap:break-word;
font-size:1.2em;
line-height:1.2em;
margin:10px 0 20px 0;
}

.entry h4{
word-wrap:break-word;
line-height:1.25em;
margin:10px 0 5px 0;
}

.left{
float:left;
width:32%;
padding:5px;
clear:both;
margin:0 0 20px 0;
}

.mainleft{
float:left;
width:65%;
padding:5px;
clear:both;
margin:0 0 20px 0;
}

.mainleft .entry{
background:#afafaf;
padding:20px;
margin:10px 0 0 0;
color:#3a3637;
}

.left .entry{
background: url(Imagens/AG2.png) no-repeat;
padding:20px; 
margin:10px 0 0 0;
color:#3a3637;
min-height: 647px;
}

.mainleft .entry .entryaction{
background:#9d9d9d;
width:100%;
padding:10px 20px 10px 20px;
margin:20px 0 -20px -20px;
}

.left .entry .entryaction{
background:#9d9d9d;
width:100%;
padding:10px 20px 10px 20px;
margin:20px 0 -20px -20px;
}

.left .entry h3 a{
color:#3C9696;
}

.left .entry h3 a:hover{
color:#eee;
}


.mainnews{
float:left;
width:65%;
padding:5px;
clear:both;
margin:0 0 20px 0;
}

.mid{
float:left;
width:31%;
padding:5px;
margin:0 0 20px 11px;
}


.mainnews .entry{
padding:20px;
background: url('imagens/grey.png') top left;
margin:10px 0 0 0;
position:relative;
color:#ccc;
}

.mid .entry{
padding:20px;
margin:10px 0 0 0px;
position:relative;
color:#ccc;
background: #2F3338;
height: 506px;
}


.mainnews .entry p a{
color:#333;
}


.mid .entry p a{
color:#333;
}

.mainnews .entry p a:hover{
color:#ddd;
text-decoration:underline;
/*padding:2px;*/
}

.mid .entry p a span.caps:hover{
color:#ddd;
text-decoration:underline;
/*padding:2px;*/
}

.mid .entry p a:hover{
color:#ddd;
text-decoration:underline;
/*padding:2px;*/
}

.mainnews .entry .entryaction{
background:#8d8d8d;
width:100%;
padding:10px 20px 10px 20px;
margin:20px 0 -20px -20px;
color:#ccc;
}

.mid .entry .entryaction{
background:#8d8d8d;
width:100%;
padding:10px 20px 10px 20px;
margin:20px 0 -20px -20px;
color:#ccc;
}

.mainnews .entry span{
color:#ccc;
}

.mid .entry .entryaction span{
color:#ccc;
}

.right{
float:left;
width:31%;
padding:5px;
margin:0 0 20px 11px;
}

.right a:hover{
color:#3C9696;
}

.right .tour{
padding:0 0 20px 0;
margin:10px 0 0 0;
position:relative;
color:#fff;
}

.right .entry h3{
margin:10px 0;
}

.published{
margin:0 0 20px 0;
}

.timestamp{
margin:0 0 20px 0;
}

.mainnews .published{
color:#3a3637;
}

.mainnews .timestamp{
color:#3a3637;
}

.mid .timestamp{
color:#3a3637;
}

.moresection{
font:0.96em 'LatoLight', Helvetica, Arial Sans-Serif!important;
line-height:1.0em;
letter-spacing: 0.02em;
text-transform:uppercase;
margin:10px 0 0 0;
}

.pagination{
font:0.96em 'LatoLight', Helvetica, Arial Sans-Serif!important;
line-height:1.0em;
letter-spacing: 0.02em;
text-transform:uppercase;
margin:10px 0 0 0;
}

.pagination a{
margin:0 10px 0 0;
font-size:2.0em!important;
}

.moresection{
float:left;
font-size:2.0em!important;
}

/*-- Promo --*/

#promo{
text-align:right;
margin: 15px 0 0 0;
padding:0 175px 0 0;
float:right;
background: url(Imagens/cover.png) top right no-repeat;
height:164px;
}

#promo h2{
height:30px;
margin:3px 0 0 0;
text-align:right;
}

#promo h2 span{
display:block;
width:240px;
margin:5px 0 0 0;
}

/*-- Live --*/

.tour{
margin:10px 0 0 0;
}

.tour h2{
margin:10px 0 10px 0;
}

.tour .tourpulllist{
padding:9px;
background: url(imagens/bar.png) top left;
right:0;
margin:0 0 1px 0;
color:#fff;
list-style-type:none;

}


.tourpulllist li{
margin:0px;
padding:0px;
}

.tourpulllist p{
float:left;
color:#ccc;
margin:0px;
padding:0px;
}
.tourpulllist a{
float:right;
color:#bbb;
margin:0px;
padding:0px;
font-size:0.9em;
}

/*-- Photos --*/

.thumbnail{
float:left;
margin:0 10px 10px 0;
}

.photoBackLink{
clear:both;
padding:10px 0;
font-family:'LatoLight', Arial, sans-serif;
line-height:1.0em;
letter-spacing: 0.02em;
text-transform:uppercase;
}

#galleryPager{
clear:both;
padding:10px 0;
font-family:'LatoLight', Arial, sans-serif;
line-height:1.0em;
letter-spacing: 0.02em;
text-transform:uppercase;
}

.singlePhoto{
width:100%;
}

.photoBackLink{
font-size:1.4em;
float:left;
}

#pages{
font-size:3.4em;
float:left;
}

#prevpage {
font-size:1.4em;
float:right;
}

#nextpage {
font-size:1.4em;
float:right;
}


/*-- Links --*/

#links{
margin:0 0 0 0;
}

#links a{
font-size:1.5em;
padding:0px 10px 4px 10px;
margin:10px 0 0 0;
line-height:1.9em;
text-transform:uppercase;
font-family:'LatoLight', Arial, sans-serif;
letter-spacing: 0.02em;
}

#links a:hover{
color#ffffff !important;
}

#links a img{
	margin-top:-42px;
}

#links a img:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity:0.5;
}

/* styling of the container. */

a.myPlayer {
	display:block;
	width: 240px;
	height:180px; 
	text-align:center;
	margin:0 55px 55px 0;
	float:left;
	border:1px solid #999;
}


/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}


#footer{
clear:both;
border-top:dotted 1px #333;
padding:10px 0 0 0;

}


#footer .footernav{
font:0.8em 'LatoLight', Helvetica, Arial Sans-Serif!important;
float:left;
border:none;
margin:0 1px 0 0;
padding:10px 10px 0 0;
list-style-type:none;
height:20px;
min-width:520px;
width:65%;
text-transform:uppercase;
}

.footernav li{
float:left;
margin:0 5px 0 0;
}

.footernav li a{
color:#bbb;
}

#footer .label{
display:block;
float: right;
background: url(Imagens/oehms.png) top left no-repeat;
height:29px;
padding:0;
width:72px;
right:0;
}

#footer img{
	margin-top:-13px;
	vertical-align:top;
	cursor:pointer;
}


<!----------Tables--------------!>

#audioplayer a.play_btn{
	display: block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background-image: url(imagens/ico-play.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: none;
	}

#audioplayer a.play_btn:hover {
	background-color: none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity:0.5;
}

.icon{
	padding: 3px 9px;
	}
	
table.general colgroup.title { }
table.general colgroup.time { width: 80px; }
table.general colgroup.preview { width: 60px; }
	
table.general {
	width: 290px;
	margin-top: 1.3em;
	border-bottom: 1px solid #444;
	}

table.general tr td {
	padding: 0.8em 0 0.8em 0;
	border-top: 1px dotted #444;
		}
	
td{
	text-align:left;
}
	
.tr_p{
		font-size:0.8em;
		color: #bbb;
	
	}
	
