/*
THEME NAME: Gryphon
THEME URI: http://plusminus.com.au
DESCRIPTION: Custom Gryphon Entertainment theme based on Sandbox
VERSION: 1.0
AUTHOR: Russell Greenwood
AUTHOR URI: http://plusminus.com.au
*/

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	/*background: #012758 url('img/background-collage-dark.jpg') top repeat-x;*/
	background: #8e9eb5 url('img/background-collage-light.jpg') top repeat-x;
	font-family: Arial, sans-serif;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {
	clear:both;
	}

/* GRYPHON STYLES */

.skip-link a {
	display:block;
	position: absolute;
	top:2px;
	left:2px;
	font-size:.8em;
	color:#000;
	margin:-9999px;
	}

.skip-link a:focus {
	margin:0;
	padding:1em;
	background:#fff;
	}

#blog-title span {
	display: none;
	}

div#wrapper {
	width:750px;
	padding:0 20px;
	margin:0 auto;
	text-align: center;
	position: relative;
	background: none;
	background: url('img/shadow.png') center repeat-y;
	}

div.sidebar {
	float:left;
	overflow:hidden;
	padding:10px 1.9%;
	width:46%;
	}

div#primary {
	clear:both;
	}

div#footer {
	clear:both;
	width:750px;
	background:url('img/footer-back.jpg') no-repeat;
	height:123px;
	}

div#bottom-shadow {
	display: block;
	width:765px;
	height:25px;
	margin:0 auto;
	text-align: center;
	background:url('img/bottom-shadow.png') 1px 0px repeat-x;
	}

div#header {
	background:url('img/header-back.jpg') no-repeat;
	height:175px;
	display: block;
	position: relative;
	}

div#header-search {
	position: absolute;
	bottom:3em;
	left:1em;
	}

div#header-search #cat-search {
	border:1px solid #3f4f57;
	background:#fff;
	color:#999;
	padding:.25em .5em;
	font-size:.7em;
	width:9em;
	}

div#header-search #cat-search-go {
	background:#155ba4;
	font-weight: bold;
	text-align: center;
	color:#fff;
	padding:.2em .5em .2em .5em;
	font-size:.7em;
	
	border-top:1px solid #559cd4;
	border-left:1px solid #559cd4;
	border-right:1px solid #030b1c;
	border-bottom:1px solid #030b1c;
	}

#menu {
	position: absolute;
	bottom:.5em;
	left:2em;
	width:750px;
	}

#menu ul li {	
	display:inline;
	}

#menu ul li a {
	font-size: .7em;
	font-weight: bold;
	letter-spacing: 1px;
	float:left;
	display:block;
	color:#d5dfea;
	width:11em;
	padding:.5em 0;
	text-decoration: none;
	text-transform: uppercase;
	border-right:1px solid #000;
	border-left:1px solid #2b3843;
	}

#menu ul li a:hover {
	color:#b99630;
	}

#menu ul li.page-item-13 a {
	border-left:none;
	width:5.5em;
	padding-right:1.5em;
	}

#menu ul li.page-item-11 a {
	border-right: none;
	}

#footer #footer-links {
	text-align: center;
	padding:.2em 0 1em 0;
	}

#footer #footer-links li {
	display: inline;
	color:#5A3E00;
	}

#footer #footer-links li a {
	padding:0 1em;
	color:#5A3E00;
	font-size: .7em;
	font-weight: bold;
	border-left:1px solid #5A3E00;
;
	text-decoration: none;
	}

#footer #footer-links li a:hover {
	text-decoration: underline;
	color:#000;
	}

#footer #footer-links li.first a {
	border-left: none;
	}

#footer-contact-details {
	clear:both;
	text-align: left;
	color:#7b909d;
	padding:1em 1em 0 2em;
	font-size:.7em;
	}

#footer-contact-details h3 {
	font-weight: bold;
	font-size:1.2em;
	color:#b99630;
	padding-bottom:.5em;
	}

#footer-contact-details p {
	letter-spacing: 1px;
	line-height: 1.2em;
	}

#footer-contact-details p a {
	color:#7b909d;
	text-decoration: none;
	}

#footer-contact-details p a:hover {
	color:#fff;
	}

div#container {
	clear:both;
	background: #fff;
	}

h2.entry-title {
	font-size:1.3em;
	color:#eee;
	background: #002244 url('img/subheading-back.jpg') repeat-x;
	font-weight: bold;
	text-align: left;
	padding:.5em 1em .5em 2em;
	display: block;
	border-bottom:1px solid #aaa;
	
	text-shadow: 2px 2px 6px #000;
	}

h2.homepage-title, h2.secondary-bar {
	background: #d7dee0;
	color:#183b57;
	text-transform: uppercase;
	font-weight: bold;
	font-size:.75em;
	text-align: left;
	height:15px;
	border-bottom: 15px solid #c0c7ca;
	position: relative;
	z-index: 1000;
	}

h2.homepage-title span, h2.secondary-bar span {
	position: absolute;
	top:10px;
	left:3.5em;
	}

h2.secondary-bar span.right {
	left:inherit;
	right:1.5em;
	}

h2.secondary-bar span a.bracket {
	/*border-right:1px solid #888;*/
	border-left:1px solid #888;
	padding:.25em .75em;
	font-size:.9em;
	text-transform: capitalize;
	}

h2.secondary-bar span a {
	text-decoration: none;
	color:#002244;
	font-weight: bold;
	}

h2.secondary-bar span a:hover {
	text-decoration: underline;
	}

h2.secondary-bar span a#first {
	border-left: none;
	padding:2px 9px 2px 0;
	margin:0 0 0 0;
	}

h2.secondary-bar span a#last {
	border-right: none;
	padding-right:0;
	margin-right:0;
	}

div.entry-content {
	border-top:1px solid #ddd;
	text-align: left;
	font-size:.9em;
	padding:3em 0 1em 3em;
	}

div.entry-content h2 {
	font-weight: bold;
	font-size:1.4em;
	color:#b99630;
	padding-bottom:1em;
	}

div.entry-content p {
	padding-bottom:1em;
	line-height: 1.4em;
	color:#555;
	}

#featured-products {
	background: #eff3f5 url('img/featured-back.jpg') bottom repeat-x;
	height:15em;
	}

#hero {
	background:url('img/hero/hero1.jpg') no-repeat;
	width:750px;
	height:200px;
	}

#hero h1 {
	display: none;
	}

#product-lists {
	background: #eff3f5 url('img/featured-back.jpg') bottom repeat-x;
	border-bottom:1px solid #000;
	display: inline-block;
	}

#product-lists #new-releases, #product-lists #coming-soon {
	width:374px;
	padding:0;
	float:left;
	}

#product-lists #new-releases {
	border-right:1px solid #a1a7aa;
	}

#product-lists #coming-soon {
	border-left:1px solid #fff;
	}

#product-lists h3 {
	background: #d7dee0;
	color:#183b57;
	text-transform: uppercase;
	font-weight: bold;
	font-size:.75em;
	text-align: left;
	height:15px;
	border-bottom: 15px solid #c0c7ca;
	position: relative;
	}	

#product-lists h3 span.shiny {
	position: absolute;
	top:10px;
	left:3.5em;
	}

#product-lists h3 span span {	
	font-size: .8em;
	text-transform: lowercase;
	}

#product-lists h3 a {
	color:#183b57;
	}

#product-lists ul {
	list-style-position: inside;
	text-align: left;
	padding:1em 0 1em 2em;
	}

#product-lists ul li {
	width:370px;
	display: inline;
	}

#product-lists ul li a {
	color:#444;
	text-transform: uppercase;
	font-size:.6em;
	letter-spacing: 1px;
	text-decoration: none;
	padding:.5em 0 .5em 1.5em;
	display:block;
	background: url('img/bullet.gif') center left no-repeat;
	}

#product-lists ul li a:hover {
	text-decoration: underline;
	}

div.alert {
	display: block;
	background:#FFFF88;
	border-top:1px solid #D15600;
	border-bottom:1px solid #D15600;
	color:#D15600;
	padding:.5em;
	text-align: center;
	clear:both;
	}

div.red {
	background:#cc0000;
	color:#fff;
	border-color: #aa0000;
	}

/* HOMEPAGE */

#featured-products img.featured {
	margin:1em 6px 0 0;
	width:116px;
	padding:6px 6px 6px 8px;
	background:url('img/featured-shadow.png') no-repeat;
	}

/* ABOUT US */

body.pageid-2 div.entry-content {
	padding:3em 330px 0px 3em;
	margin-bottom:-32px;
	background:url('img/about-back.jpg') no-repeat;
	height:632px;
	}

/* CATALOGUE */
body.page-template-template-cat-index-php div.entry-content {
	padding:0;
	}

ul.cat-item {
	padding: 1em 2em 1em 3em;
	border-bottom:2px solid #aaa;
	border-top:2px solid #ddd;
	position: relative;
	clear:both;
	_height:8em;
	min-height:8em;
	}

ul.alt {
	background:#f5f5f5;
	}

ul.cat-item li.title a {
	font-weight: bold;
	color: #002244;
	font-size:1.2em;
	text-decoration: none;
	width:28em;
	display: block;
	margin-bottom:1em;
	}

ul.cat-item li.meta {
	display: block;
	position: absolute;
	top:1em;
	right:2em;
	text-align: right;
	color:#888;
	font-size:.9em;
	}

ul.cat-item li.release-date {
	display: block;
	text-align: left;
	color:#666;
	font-size:.7em;	
	font-weight: bold;
	text-transform: uppercase;
	margin:-.5em 0 .5em 0;
	}


ul.cat-item li.synopsis {
	font-size: .8em;
	line-height: 1.4em;
	color:#666;
	}

ul.cat-item li.cover-image {
	display: block;
	width:75px;
	height:100px;
	background:#ddd;
	float:left;
	margin-right:10px;
	}

a#new-release {
	margin-left:85px;
	}

ul#genre-dropdown {
	position: absolute;
	top:0;
	left:0;
	z-index: 1000;
	}

ul#genre-dropdown li.top {
	display: inline;
	position: relative;
	z-index: 1000;
	}

ul#genre-dropdown li div {
	display: none;
	position: absolute;
	width:40em;
	background: #ddd;
	top:1em;
	left:0em;
	z-index: 1000;

  -moz-box-shadow:#888 0px 5px 10px;
  -webkit-box-shadow:#888 0px 5px 10px;
  box-shadow:#888 0px 5px 10px;
  }

ul#genre-dropdown li.hovering div {
	display: block;
	z-index: 1000;
	}

ul#genre-dropdown li div ul {
	display: block;
	width:13em;
	float:left;
	text-transform: capitalize;
	border-right:1px solid #fff;
	padding-bottom:1em;
	z-index: 1000;
	}

ul#genre-dropdown li div ul li a {
	padding:.25em .5em;
	display: block;
	z-index: 1000;	
	}

ul#genre-dropdown li div ul li a:hover {
	background:#ccc;
	text-decoration: underline;
	}

ul#genre-dropdown li div ul.col3 {
	border-right: none;
	}


/* SINGLE PRODUCT PAGE */

div.single-product {
	padding:0em 0em 2em 2em;
	}

div.single-product div#coverimage {
	margin:2em 2em 2em 1em;
	float:left;
	border:1px solid #eee;
	padding:4px;
	}

div#details {
	float:left;
	margin-left:1.5em;
	padding:2em 0 0 3em;
	background:url('img/vertbar.png') top left no-repeat;
	}

table#single-meta td {
	font-size:.9em;
	background:#DEE9F0;
	width:18em;
	margin:0 2px 2px 0;
	padding:.25em .5em;
	}

table#single-meta td.label {
	font-size:.9em;
	font-weight: bold;
	background:#DEE9F0;
	border-right:2px solid #fff;
	width:10em;
	margin:0 2px 2px 0;
	padding:.1em .5em;
	}

table#single-meta td.alt {
	background:#e9f1f5;
	}

div.single-product h2 {
	clear:both;
	color:#002244;
	padding:1em 0 .5em 0;
	}

div.single-product p {
	padding-right:2em;
	font-size: .9em;
	}

/* CONTACT PAGE */
body.pageid-11 div.the-map {
	float:left;
	margin-right:1em;
	border:1px solid #ddd;
	font-size: .8em;
	color:#fff;
	background:#ddd;
	}

body.pageid-11 div.address {
	float:left;
	width:20em;
	}

body.pageid-11 div.entry-content h3 {
	font-weight: bold;
	font-size:1.2em;
	color:#b99630;
	padding-bottom:.5em;
	}

body.pageid-11 div.entry-content p {
	font-size:.9em;
	color:#999;
	}

body.pageid-11 form.cform {
	width:19em;
	padding:0;
	margin:0;
	}
	
body.pageid-11 .linklove a {
	font-size:9px;
	color:#eee;
	margin-right:10px;
	display: none;
	}	
	
body.pageid-11 form.cform label {
	display: none;
	}

body.pageid-11 div.cf_info {
	width:16.5em;
	margin:0;
	}

body.pageid-11 form.cform input#cf_field_1, body.pageid-11 form.cform input#cf_field_2, body.pageid-11 form.cform textarea#cf_field_3 {
	font-size:11px;
	width:23em;
	border:2px solid #eee;
	background: #edf4f4;
	color:#555;
	padding:.5em;
	}

body.pageid-11 form.cform textarea#cf_field_3 {
	height: 5em;
	}

body.pageid-11 form.cform input.sendbutton {
	margin-right:6px;
	}

body.pageid-11 ul.staff-contact {
	width:48%;
	margin:2em 1em 1em 0;
	float:left;
	color:#888;
	font-size:.9em;
	line-height: 1.3em;
	}

body.pageid-11 ul.staff-contact b {
	color:#000;
	font-size:1em;
	}

body.pageid-11 ul.staff-contact li {
	margin-bottom:1em;
	}

div.partner-box {
	width:225px;
	float:left;
	margin-bottom:3em;
	font-size:.9em;
	color:#888;
	line-height: 1.3em;
	}

div.partner-box div.partner-image {
	height:10em;
	position: relative;
	text-align: center;
	}

div.partner-box div.partner-image img {
	position: absolute;
	left:0;
	top:0;
	}

div#lightcreative {
	font-size: 10px;
	display: block;
	text-align: center;
	color:#fff;
	padding-bottom:1em;
	}

div#lightcreative a {
	color:#fff;
	}