body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #181B20;
	background: #000000 url("https://www.deadheadcomics.co.uk/uploads/images/core/cards.jpg") no-repeat center 80px;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
}
body#tinymce {
	background:#fff;
	color:#000;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Arvo', serif;
	font-weight: normal;
	color: #FF9F04;
}

h1 {
	font-size: 2em;
	margin-left:30px;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #FF9F04;
}

a:hover {
	text-decoration: underline;
}

img.border {
	border: 6px solid #EEE7DF;
}

img.alignleft {
	float: left;
	margin-right: 25px;
	background: white;
	padding: 10px;
	display: block;
	-moz-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
}

#cggm_map_defn_1 {
	-moz-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	background: white;
	padding: 5px;
	clear:both;
}

img.alignright {
	float: right;
	background: white;
	padding: 10px;
	display: block;
	/*-moz-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);*/
	margin: 0 auto;
}
#menu li.separator {
	height:30px;
	width:0px;
	border:1px solid #fff;
	margin:12px 0;
}

.search-input {
	height: 30px;
	margin: 10px 0 0;
	padding: 0 0;
	border-bottom: 1px solid #B6BFD0;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 20px;
	color: #FFB105;
	font-family: 'Arvo', serif;
}

.search-button {
    border: 1px solid #ccc !important;
    padding: 6px 8px 4px 9px;
    transition: all 0.4s ease;
    font-size:1.4em;
}
.search-button:hover {
    box-shadow: 3px 4px 3px #888;
    transition: all 0.4s ease;
    text-decoration:none !important;
    cursor:pointer;
}

img.aligncenter {
	margin: 0px auto;
}


/* Header */

#header-wrapper {
	height: auto;
}

#header {
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
}

/* Logo */

#logo {
	width: 100%;
	height: 250px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
}

#logo h1, #logo p {
	display: block;
	margin: 0;
	padding: 0;
}

#logo h1 {
	margin: 60px 0 0;
	letter-spacing: -1px;
	text-align: center;
	text-transform: uppercase;
	font-size: 54px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	width: 100%;
	/* */
	transition: background 1s linear;
	margin: 0px;
	text-indent: -99999px;
	background: url("/uploads/images/OrangeLogo.png") top center no-repeat; 
	min-height: 160px;
	/* */
}

#logo h1 a {
	color: #FFFFFF;
}

#logo p {
	text-align: center;
	font-family: 'Arvo', serif;
	letter-spacing:0.1em;
	font-size: 20px;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 100px;
	padding: 0;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 60px 0 0 30px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 195px;
	padding: 6px 10px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #7F7F81;
}

#search-submit {
	display: none;
}

/* Menu */

#menu {
	min-height: 56px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
	background: #FF9F04;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	transition: all 0.3s ease;
}
	#menu li:hover {
		background:#c77b00;
		transition: all 0.3s ease;
	}

#menu a {
	display: block;
	float: left;
	height: 56px;
	margin: 0px;
	padding: 0px 30px 0px 30px;
	line-height: 56px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arvo', serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}

#menu .current_page_item a {
	background: #FFCB2E url("http://www.deadheadcomics.co.uk/uploads/Mobility/img02.gif") no-repeat right bottom;
	color: #000000;
}

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

/* Page */

#sample-images {
    float:right;
    width:140px;
}
    #sample-images img {
	background: white;
	padding: 10px;
	-moz-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.6);
	margin:0 10px 10px 0;
    }


.addToCartDiv {
    width:100px;
    float:left;
    border:0px solid grey;
    padding:5px;
}

.addToCartPrice {
    font-size:1.4em;
    font-weight:bold;
    text-decoration: none;
    color: #FF9F04
}

.addToCart {
width: 41px;
height: 20px;
display: inline;
text-align: center;
font-size: 0.8em;
text-transform: uppercase;
background-image: url("http://www.deadheadcomics.co.uk/uploads/Mobility/img05.gif");
border:0;
color:#fff;
padding:0;
}

.addToCartQuantity {
width:20px;
border:1px solid #999;
}
.checkout {
width: 60px;
height: 20px;
display: inline;
text-align: center;
font-size: 0.8em;
text-transform: uppercase;
background-image: url("http://www.deadheadcomics.co.uk/uploads/Mobility/img05b.gif");
border:0;
color:#fff;
padding:0;
float:right;
margin:0 0 0 2px;
}
.addToCart:hover {
text-decoration:underline;
cursor:pointer;
}
.checkout:hover {
text-decoration:underline;
cursor:pointer;
}
.box {
width:450px;
border:1px solid #ccc;
padding:20px;
box-shadow: 8px 10px 5px #888;
margin:5px auto;
border-bottom:1px solid #888;
}
.box h3 {
text-align:center;
padding:20px 0;
font-weight:bold;
font-size:1.2em
}

.pagelinks {
  text-align:center;
  color:#fff;
}
.pagelinks-text {
  color:#000;
}

.pagelinks a {
    display:inline-block;
    padding:8px 12px;
    border-radius:6px;
    border:1px solid #aaa;
    margin:0 2px;
    transition: all 0.4s ease;
}

.pagelinks a:hover {
    box-shadow: 3px 4px 3px #888;
    transition: all 0.4s ease;
    text-decoration:none;
}
#page {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
	box-shadow: 5px 5px rgba(0,0,0,0.5);
}


/* Content */

#content {
	float: right;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
#content h1 {
margin:20px 0 20px 30px;
}

#news h2 {

background: url("http://www.deadheadcomics.co.uk/uploads/Mobility/img01.gif") no-repeat -1px 3px;
padding-left: 25px;
font-size:1.5em;
margin:15px 0 0;
}
.post {
	clear: both;
	padding-bottom: 10px;
}

.post .title {
	
	letter-spacing: -2px;
}

.post .title a {
	color: #FFB105;
	border: none;
}

.post .meta {
	padding-bottom: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
}

.post .entry {
	text-align: justify;
	margin-bottom: 25px;
	padding: 10px 0px 0px 0px;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
	min-height: 260px;
	padding: 0px 0px 0px 20px;
	margin: 5px 20px 20px 20px;
}

.sidebar-cart-link {
    border: 1px solid #ccc !important;
    padding: 5px 8px;
    border-radius: 5px;
    transition: all 0.4s ease;
    margin-left:10px;
}
.sidebar-cart-link:hover {
    box-shadow: 3px 4px 3px #888;
    transition: all 0.4s ease;
    text-decoration:none !important;
    cursor:pointer;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
	font-size:0.9em;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 10px;
}

#sidebar li li {
	padding:5px 0 0 30px;
	min-height:25px;
	background: url("http://www.deadheadcomics.co.uk/uploads/Mobility/img01.gif") no-repeat left 5px;
}

#sidebar li li span {
	padding: 0;
	font-style: italic;
}

#sidebar h2 {
	height: 38px;
	margin-top: 20px;
	padding: 12px 0 0 0px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 20px;
	color: #FFB105;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 15px 10px;
	text-align: justify;
}

#sidebar a {
	border: none;
	transition: all 0.4s ease;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	max-width: 1220px;
	height: 55px;
	padding:20px 30px;
	margin: 0px auto 40px auto;
	border-top: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 18px;
	line-height: normal;
	text-align: right;
	color: #404040;
        font-size:0.9em;
}

#footer a {
	color: #404040;
}
.cms_textarea {
	width:350px;
	height:100px;
	font-size:1em;
	font-family:arial;
}


@media screen and (max-width: 790px) {
    body {
        padding:0 0px;
    }

    p {
	margin:0 20px 10px 30px;
    }
    .search-input {
	width: calc(100% - 120px);
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
    .pagelinks a {
        display:inline-block;
        padding:12px 15px;
    }
    #header-wrapper {
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
    #sidebar {
	width: calc(100% - 40px);
	min-height:160px;
	padding:0 20px;
	margin:5px 0;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
    #sidebar li {
        font-size:1.4em;
    }



	.search-button {
	  border: 1px solid #ccc !important;
	  padding: 3px 40px 3px 40px;
	  transition: all 0.4s ease;
	  font-size: 1.2em;
	  border-radius: 5px;
	}




   .alignright {
      float:none !important;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
   }
   .alignleft {
      float:none !important;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
   }
    .hidemobile {
      display:none !important;
    }
   .summary-item-tile {
	width:82%;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
   }
   #menu ul li {
       width:100%;
       text-align:center;
       border-bottom:2px groove #FFB43B;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
   }
   #menu .separator{
       display:none;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
   }
   #menu a {
       float:none !important;
   }
   .view-cart-container {
     width: calc(100% - 50px);
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
   }
   footer {
	padding:10px 20px;
	font-size:2em;	
   }
}

@media screen and (min-width: 1165px) {
    .summary-item-tile {
	width: calc((100% / 3) - 28px - 4%);
	padding-left: 1%;
	padding-right: 1%;
	margin-right: 1%;
	margin-left: 1%;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
    body {
        padding:0 30px;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
}

@media screen and (min-width: 790px) {
  //*  .summary-item-tile {
	width:39% !important;
	padding-left:2%;
	padding-right:2%;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
 */
    body {
        padding:0 20px;
	transition: width 1s ease-in-out, left 1.5s ease-in-out;
    }
    .alignright {
	margin: 0 50px 0 10px !important;
    }
    .hidemobile {
      display:inline-block;
    }
}
/* Stylesheet: deadhead orange Modified On 2017-08-04 04:03:47 */