@font-face {
    font-family: PTSans;
    src: url('/fonts/PT-Sans/PTS55F-webfont.ttf') format("truetype");
	src: url('/fonts/PT-Sans/PTS55F-webfont.eot') format('embedded-opentype'),
         url('/fonts/PT-Sans/PTS55F-webfont.woff') format('woff'),
         url('/fonts/PT-Sans/PTS55F-webfont.svg') format('svg');
}

/*-----------MAINPAGE: 'PAUL CLIFT'----------*/
h1 { 
font-family: PTSans; 
font-size: 1.7em; 
color: #000000;
opacity:0.8;
font-style: normal;
font-weight: 500; 
line-height: 0.75em;
text-align: inherit;
display:inline;
letter-spacing:9px;
text-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
}

/*-----------MAINPAGE: 'COMPOSER'----------*/
h2 { 
font-family: PTSans; 
font-size: 1.3em; 
color: #000000;
font-style: normal;
font-weight: 400; 
line-height: 0.8em;
text-align: inherit;
display:inline;
opacity:0.9;
letter-spacing:6px;
text-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
}

/*-----------STANDARD TEXT (BIO, PROGRAMME NOTES ETC.) TEXT----------*/
h3 { 
font-family: PTSans; 
font-size: 0.95em; 
color: #222222;
font-style: normal;
font-weight: 100;
line-height: 1.6em;
letter-spacing:1px;
text-align: inherit;
display:inline;
}

/*-----------LIST OF WORKS & MEDIA: SMALL, DARKER----------*/
h4 { 
font-family: PTSans; 
font-size: 0.7em; 
color: #222222;
font-style: normal;
font-weight: 100; 
line-height: 1.2em;
text-align: inherit; 
display:inline;
}

/*-----------LIST OF WORKS & MEDIA: SMALL, LIGHTER----------*/
h5 { 
font-family: PTSans; 
font-size: 0.7em; 
color: #999999;
font-style: normal;
font-weight: 100; 
line-height: 1.2em;
text-align: inherit; 
display:inline;
}

/*-----------LIST OF WORKS & MEDIA: HEADINGS----------*/
h6 { 
font-family: PTSans; 
font-size: 1.5em; 
color: #DD3333;
font-style: normal;
font-weight: 100; 
line-height: 1em;
text-align: inherit; 
display:inline;
}

/*-----------IMITATION OF SHOW/HIDE MENU TEXT----------*/
h7 { 
font-family: PTSans; 
font-size: 0.8em; 
color: #222222;
font-style: normal;
font-weight: 100;
line-height: 1.6em;
letter-spacing:1px;
text-align: inherit;
display:inline;
}

/*-----------VARIANT ON H4 - USED FOR 'homesounds'----------*/
h8 { 
font-family: PTSans; 
font-size: 0.6em; 
color: rgba(20, 96, 170, 0.5);
font-style: normal;
font-weight: 100; 
letter-spacing:1.5px;
}

/*-----------H3 but lighter & more spaced; used with LANGUAGE MENU in 'bio' & highlighted text----------*/

H9 { 
font-family: PTSans; 
font-size: 0.95em; 
color: rgba(102, 102, 102, 1.);
font-style: normal;
font-weight: lighter;
line-height: 1.6em;
letter-spacing:1px;
text-shadow:0px 0px 2px rgba(102, 102, 102, 0.5);
	
    -moz-transition:color .5s;
    -webkit-transition:color .5s;
    -o-transition: color .5s;
    -ms-transition:color .5s;      
}

/*-------------------------------------------LINE STYLES--------------------------------------------*/

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

hr.double {
border-top: 3px double #888888;
color: #888888;
}
	/*----------TABLE-DATA-CELLS STYLE-----------*/

td {
display: table-cell;
vertical-align: middle;
background: transparent;
}

	/*----------LINK STYLES-----------*/

a { 
color: #AA1122;
text-decoration: none;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 

    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;      
}

a:link { 
color: #AA1122;
text-decoration: none;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 

    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;      
}

a:visited { 
color: #AA1122;
text-decoration: none;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 

    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;      
}

a:hover { 
color: #CC2233; 
text-decoration: none;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
font-stretch: inherit;
font-variant: inherit; 
text-align: inherit; 
}

a:active {}


/*----------DIV WINDOWS-----------*/

body {
background-color: #EEEEEE;
border: none; 
/*overflow: hidden; */
height:100%;
width:100%;
}


.highlight {
width:25%;

background: rgba(0,128,255,0.08);
background: -moz-linear-gradient(left, rgba(0,128,255,0.08) 0%, rgba(0,128,255,0.1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,128,255,0.08)), color-stop(100%, rgba(0,128,255,0.1)));
background: -webkit-linear-gradient(left, rgba(0,128,255,0.08) 0%, rgba(0,128,255,0.1) 100%);
background: -o-linear-gradient(left, rgba(0,128,255,0.08) 0%, rgba(0,128,255,0.1) 100%);
background: -ms-linear-gradient(left, rgba(0,128,255,0.08) 0%, rgba(0,128,255,0.1) 100%);
background: linear-gradient(to right, rgba(0,128,255,0.08) 0%, rgba(0,128,255,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#0080ff', GradientType=1 );

padding-top:0.25em;
padding-bottom:0.25em;
padding-left:5px;
padding-right:5px;
margin-top:16px;
margin-bottom:8px;
}

/*--FIX THIS-- WHAT IS THIS FOR, ANYWAY?? */
#background { 
position: absolute;
top:40%;
left:0;
right:0;
z-index: 3;
background: url("../images/backgrounds/background-2.png") 0 0 no repeat;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

#header { 
position: absolute;
top: 0px;
left: 0px;
right: 114px;
height: 46px;
z-index: 10;
}

#homesounds {
position: absolute;
overflow: hidden; 
top: 6px;
right: 6px;
height: auto;
width: auto;
z-index: 3;
display: table;
}

#homesounds span {
display: table-cell;
vertical-align: middle;
padding-right:6px;
padding-bottom:3px;
}

#main-page { 
background-color: #EEEEEE;
border: none; 

position: absolute;
overflow: hidden; 
max-height:100%;
width:auto;
top:50px;
left:190px;
right:20px;
bottom: 0;
right: 0;
z-index: 2;
text-align: center;
vertical-align: middle;
}

/*-----------MENU elements----------*/
#menu-outer {
display: table;
overflow: hidden; 
position: absolute;
left: 10px;
height: 98%;
width: 168px;
text-align:left;
z-index: 3;
}

#menu-middle {
display: table-cell;
vertical-align: middle;
}

#menu-inner {
margin-left: auto;
margin-right: auto; 
width: auto;
}

#menu-footer {
position: absolute;
left: 17px;
bottom: 12px;
width: 190px;
height:18px;
z-index: 4;
background: transparent;
}

/*----body#music----*/
#music {
border: none; 
overflow: auto; 
height:100%;
background-color:transparent;
background:transparent;
width:99%;
}

#centered {
position:relative;
width:100%;
height:100%;
text-align:center;
margin-top:30%;
}

/*----NEWS, WRITING, WORKS, CONTACT----*/
#content {
position:absolute;
padding-bottom:30px;
overflow:scroll;
}

/*----NEWS, WRITING, WORKS----*/
.text-item {
position:relative;
padding-bottom:16px;
margin-left:5px;
margin-right:50px;
text-align: justify;
text-justify: inter-word;
}

/*----FOR 'MUSIC' ONLY----*/
#media-menu {
position: absolute;
text-align: center;
z-index:9;
overflow-x: hidden; 
overflow-y: hidden; 
}