/* -- CSS for morgangrether.info -- */
/* last update 5 Sep 2010 */

@font-face {
	font-family: 'TitilliumText14L250wt';
	src: url('/fonts/TitilliumText250wt-webfont.eot');
	src: local('☺'), url('/fonts/TitilliumText250wt-webfont.woff') format('woff'), url('/fonts/TitilliumText250wt-webfont.ttf') format('truetype'), url('/fonts/TitilliumText250wt-webfont.svg#webfont') format('svg'), url('http://morgangrether.info/fonts/TitilliumText250wt-webfont.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText14L800wt';
	src: url('/fonts/TitilliumText800wt-webfont.eot');
	src: local('☺'), url('/fonts/TitilliumText800wt-webfont.woff') format('woff'), url('/fonts/TitilliumText800wt-webfont.ttf') format('truetype'), url('/fonts/TitilliumText800wt-webfont.svg#webfont') format('svg'), url('http://morgangrether.info/fonts/TitilliumText800wt-webfont.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText14L999wt';
	src: url('/fonts/TitilliumText999wt-webfont.eot');
	src: local('☺'), url('/fonts/TitilliumText999wt-webfont.woff') format('woff'), url('/fonts/TitilliumText999wt-webfont.ttf') format('truetype'), url('/fonts/TitilliumText999wt-webfont.svg#webfont') format('svg'), url('http://morgangrether.info/fonts/TitilliumText999wt-webfont.woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Folksolid';
	src: url('/fonts/Folksolid-webfont.eot');
	src: local('☺'), url('/fonts/Folksolid-webfont.woff') format('woff'), url('/fonts/Folksolid-webfont.ttf') format('truetype'), url('/fonts/Folksolid-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HartingPlain';
	src: url('/fonts/Harting_plain-webfont.eot');
	src: local('☺'), url('/fonts/Harting_plain-webfont.woff') format('woff'), url('/fonts/Harting_plain-webfont.ttf') format('truetype'), url('/fonts/Harting_plain-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NegotiateFree';
	src: url('/fonts/negotiate_free-webfont.eot');
	src: local('☺'), url('/fonts/negotiate_free-webfont.woff') format('woff'), url('/fonts/negotiate_free-webfont.ttf') format('truetype'), url('/fonts/negotiate_free-webfont.svg#webfont') format('svg'), url('http://morgangrether.info/fonts/negotiate_free-webfont.woff');
	font-weight: normal;
	font-style: normal;
}

body {
	font: 1.2em/1.2em NegotiateFree,'Helvetica Neue', Helvetica, Tahoma, sans-serif;
}

.skiplink {display:none;}

#page {
	margin: 30px auto;
	padding: 0 1em;
	max-width: 1050px;
}

a {
	border: 0;
}

a img {
	text-decoration: none;
	border: 0px;
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #190094;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #190094;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
	background-color: #ff008e;
	color: #fffeff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#header {
	-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}

h5 {
	padding-left: 50px;
	padding-right: 1em;
	font-size: xx-large;
	font-variant: small-caps;
	background-color: #ff008e;
	text-decoration: none;
	width: 33%;
	line-height: 1.1em;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

h5 a:link {
	color: #ffffff;
}

h5 a:visited {
	color: #ffffff;
}

.shadow {
  box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
margin: 1em;
}

.reflect {
-webkit-box-reflect:below 3px
    -webkit-gradient(linear, left top, left bottom, from(transparent),
    color-stop(0.5, transparent), to(white));
-moz-box-reflect:below 3px
    -webkit-gradient(linear, left top, left bottom, from(transparent),
    color-stop(0.5, transparent), to(white));
box-reflect:below 3px
    -webkit-gradient(linear, left top, left bottom, from(transparent),
    color-stop(0.5, transparent), to(white));
}

.entry {
	float: left;
	width: 100%;
}

.entry h1 {
	color: #fffeff;
	text-transform: uppercase;
	background-color: #a9a9a9;
	padding-left: 1em;
	font: bold 2em/1.2em "magion-web-1","magion-web-2",sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.entry h2 {
	color: #fffeff;
	text-transform: uppercase;
	background-color: #a9a9a9;
	padding-left: 1em;
	font: bold 2em/1.2em "magion-web-1","magion-web-2",sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.entry .info {
	float: left;
	margin-top: 0.7em;
	line-height: 6em;
	text-align: center;
	font-size: 88%;
}

.entry .content {
	float: left;
	width: 983px;
	margin-left: 50px;
	border-left: thin solid #eaeaea;
	border-right: thin solid #eaeaea;
	padding-left: 15px;
}

.entry .main {
	float: left;
	width: 98%;
}

.entry .text {
	width: 90%;
}

.entry .meta {
	float: right;
	width: 31%;
	font-size: 80%;
	margin-top: 1em;
}

.entry .meta  h2 {
	font-size: 110%;
}

/*MAIN MENU*/

.main_menu {
	float: left;
	width: 998px;
	border-left: thin solid #eaeaea;
	border-right: thin solid #eaeaea;
	margin-right: 0;
	margin-left: 50px;
	margin-bottom: 0;
}

.main_menu li {
	float: left;
	list-style: none;
	margin: 0px 0 0 5px;
	padding: 10px;
}

.main_menu li a {
	text-transform: uppercase;
	color: #464646;
	font-family: TitilliumText14L999wt,'Helvetica Neue', Helvetica, Tahoma, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
}

.main_menu a:hover {
	background-color: #ff008e;
	color: #fffeff;
	border-bottom: 3px solid #000000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*ART section*/
.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}

#cycle { margin: 0; padding: 0; width: 500px; height: 494px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 494px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }

/*WEB section*/

#testimonialzone {
	font-size: 80%;
	float: left;
	width: 100%;
	margin: 1em 0 2em;
}

#testimonialzone h3 {
	color: #4c4c4c;
	margin-right: 5px;
	margin-left: 5px;
}

#testimonialzone p {
	color: #4c4c4c;
	font-style: italic;
	padding: 5px;
}

#testimonial1 {
	background-color: #e6e6e6;
	width: 32%;
	float: left;
	top: 0;
	left: 0;
}

#testimonial2 {
	background-color: #e6e6e6;
	width: 32%;
	float: left;
	margin-left: 1.3em;
	top: 0;
}

#testimonial3 {
	background-color: #e6e6e6;
	width: 32%;
	float: right;
	top: 0;
	right: 0;
}

dt {
	margin-top: 1em;
}

dd {
	border-bottom: thin solid #ccc;
}

.logo2 img {
	float: right;
	margin-top: 1em;
	margin-left: 1em;
}

#awards {
	margin: 40px;
	padding: 20px;
	background-color: #ff008e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#bands {
	margin: 40px;
	padding: 20px;
	background-color: #ff008e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#oracle {
	font-weight: bold;
	font-style: italic;
	color: #fffeff;
	font-size: xx-large;
	line-height: 1.1em;
	border-bottom: medium dotted #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#oracle_no_em {
	font-weight: bold;
	color: #fffeff;
	font-size: xx-large;
	line-height: 1.1em;
	border-bottom: medium dotted #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#monograph {
	margin: 40px;
	padding: 20px;
	background-color: #ff008e;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*MUSIC section*/

#music {
	padding: 1em;
	/*float: left;*/
}

#music a img{
	padding: 1.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 1ex 0.5ex 0;
}

#music a img:hover {
    -webkit-box-shadow: #666 0px 0px 6px;
      -moz-box-shadow: #666 0px 0px 6px;
      box-shadow: #666 0px 0px 6px;
      background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), color-stop(0.5, #fff), to(#e1e1e1));
}


#music p {
	margin-top: 5px;
	padding-top: 5px;
	clear: both;
}

#music .caption {
	display: none;
	font-variant: normal;
}


.cd {
	margin-top: 150px;
}

/*end MUSIC*/

.main_image_style {
	float: right;
}

#chatterbox {
	float: right;
	margin: 5px;
}

#britishness {
	font: xx-large HartingPlain, "Courier New", Courier, mono;
	border: thin solid #a9a9a9;
	margin: 1em 1em 1em 3em;
	padding: 1em;
	background-color: #fbff00;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/**SCIFI**/        

#scifi {
	margin: 40px;
	padding: 20px;
	background-color: #ff008e;
}

#scifi h4 {
    font-family: HartingPlain,'Helvetica Neue', Helvetica, Tahoma, sans-serif;
    font-weight: bold;
    }

#sitemap {
	width: 50%;
	margin-left: 3em;
	font-size: 90%;
}
       
/*FOOTER*/

#footer {
	font-size: 54%;
	background-color: #c0c0c0;
	width: 998px;
	height: 60px;
	border-top-style: solid;
	border-top-color: #ff008e;
	margin-left: 50px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px	
}

#footer_a {
	float: right;
	padding-top: 1em;
	padding-right: 1em;
}

#ymp-relevance {
visibility: hidden;
}
/**END CSS**/