/*
Theme Name: PETER CROSS ART
Theme URI: http://petercross.co
Description: Peter Cross' Website Theme
Author: MA
Author URI: http://petercross.co
Version: 2.2
*/

/* ------------------------------------------------ */
/*         Layout Stylesheet PETER CROSS         */
/* ------------------------------------------------ */

* {margin: 0;}
html, body {height:100%;}

body {
	padding:0px;
	margin:0px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif!important;
	background: #FFF;
	/*overflow-x:hidden;*/
}
img, a, a img {border: none;outline: none;}
.screen-reader-text {display:none;}

#wrapper {background: #FFF;margin: 10px auto 0 auto;}

/*--------------------------- GLOBAL PAGE LAYOUT ---------------------------- */
#header,
#main, 
#content,
#footer {width: 1000px;margin: 0 auto 0 auto;}

#headerlogo {width:1000px;height:115px;margin:50px 0 10px 0; }
#access {display:block;float:left;width:1000px;margin: 5px auto 30px auto; }
#container {float:left;margin:5px auto 30px auto;width: 750px;min-height:500px;}
#container-fullwidth {margin:0;width: 100%;min-height:500px;}
#container-1000 {width:1000px;}

#container #content {width:750px;margin: 0 280px 0 0;}
#container #content .entry-content-narrow {width:770px;margin:0 auto 0 auto;}
#sidebar {float:right;width:230px;overflow: hidden;margin: 5px 0 0 0;}

#footerlinks {text-transform:uppercase; margin-bottom: 10px;word-spacing:5px;}
#footer {clear: both;background: none;margin: 30px auto 0 auto;padding-bottom:30px;}


/*--------------------------- PAGE HEADERPLATES ---------------------------- */
.headerplate {position:absolute;margin:-110px 0 0 425px;}



/*---------------------------PAGE-SPECIFIC ---------------------------- */
.wineguide-4 img {margin:0 20px 20px 0;}
.wineguide-3 img {margin:0 53px 20px 0;}

#books tr td {text-align:center!important;}

#biography {width:800px;margin:0 auto 0 auto;}
#biography .left-column {width:300px;float:left;}
#biography .right-column {width:450px;float:right;}

#dinosaurdays {width:1000px;height:auto;}
#dinosaurdays #egg {width:1000px;height:511px;background:url(/wordpress/wp-content/uploads/2010/egg.jpg) no-repeat;margin-top:-30px;}
#dinosaurdays #hand {position:absolute;margin:-460px 0 0 60px;}
#dinosaurdays #house {position:absolute;width:200px;margin:-200px 0 0 0;}
#dinosaurdays #seebee {float:right;margin:-270px -10px 0 0;}
#dinosaurdays #sketchbook {z-index:0;position:relative;margin:-380px 0 0 700px;}
#dinosaurdays #text {z-index:1;position:relative;padding:10px;width:400px;margin:0 0 0 250px;}
#dinosaurdays #house p,#dinosaurdays #sketchbook p {text-align:center;}

#dinosaurdays #leftcolumn {width:375px;float:left;padding:0 50px 0 50px;margin:0;}
#dinosaurdays #rightcolumn {width:375px;float:right;padding:0 50px 0 50px;margin:-10px 0 0 0;}

#booklinks {position:absolute;}
#key {width:300px;height:70px;float:left;margin:60px 0 0 0;background-image:url(/wordpress/wp-content/uploads/2010/key.png);}
#keyhole-trumpets {position:absolute;margin:340px 0 0 10px;}
#keyhole-dinosaur {position:absolute;margin:770px 0 0 10px;}
#keyhole-dudley {position:absolute;margin:1135px 0 0 10px;}
#keyhole-history {position:absolute;margin:1600px 0 0 10px;}

#trumpetDoor {width:1000px;height:667px;background-image:url(/wordpress/wp-content/uploads/2010/TheMagicalWorldofTrumpets.jpg);}
#trumpetDoor-over {display:none;width:1000px;height:667px;background-image:url(/wordpress/wp-content/uploads/2010/TheMagicalWorldofTrumpets-over.jpg);}

#bellpanel {position:absolute;width:600px;height:300px;background:none;margin:300px 0 0 450px;cursor: pointer !important;cursor:hand;}
#portals {display:none;position:absolute;width:300px;height:auto;margin:320px 0 0 770px;}
#tftportal {width:250px;height:100px;margin-top:10px;}
#tinglportal {width:250px;height:100px;margin-top:20px;}

#tingl {}
#grumpettitleimage {margin-top:-580px;margin-bottom:175px;}
#trumpettrain {width:100%;height:415px;}
#trumpettrain img {margin-left:-850px;margin-top:0;}
#tingl #textblock {width:100%;}
#tingl #textblock #dallas-smith {position:absolute;margin-left:-40px;}
#tingl #textblock #drill {position:absolute;margin-left:830px;}

#tft {overflow:show;}
#tft li {list-style-image:url(/wordpress/wp-content/themes/crosstheme/images/reddot.png);font-size:13px;margin-bottom:10px;}
#tft li.noshow {list-style:none;height:16px;}
#twopeters {float:right;width:230px;}
#twopeters li {list-style:none;width:230px;margin:2px 0 0 -30px;color:#000;}
#worldoftrumpets {float:left;width:230px;}
#trumpetland {float:right;width:230px;}
#bombardiers {float:left;width:230px;}
#bombardiers p {width:190px;padding-left:30px;}
#troubletext {float:left;}
#troubletext span.right {margin-top:5px;}
#hotwaterbottle {position:absolute;width:140px;height:140px;margin:280px auto 0 430px;}

#wrapper-noheader {width:100%;height:100%;margin:0;background:url(/wordpress/wp-content/themes/crosstheme/images/bombardierrepeat.jpg);}
#backpage {width:170px;padding:10px 10px 4px 10px;background:#FFF;}
#backpage p {width:170px;text-align:center!important;}

#blackberrygrove {width:998px;height:1150px;background:#FCF3C8;border:1px solid #CCC;-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}
#bg-menu {width:143px;height:998px;float:left;}
#bg-main {width:855px;height:958px;float:right;}
#TL,#BL,#TR,#BR {width:418px;height:525px;background:#EEE;border:1px solid #CCC;-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}
#TL {float:left;margin-top:45px;}
#BL {position:absolute;margin-top:580px;}
#TR {position:absolute;margin-left:428px;margin-top:45px;}
#BR {position:absolute;margin-left:428px;margin-top:580px;}

.detailimage {border:1px solid #CCC;-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}
#lapizbox {width:1000px;height:1444px;background-image:url(/wordpress/wp-content/uploads/2012/10/LapizBox-1000.jpg);}
#lapizbox #detail1 {position:absolute;margin:260px 0 0 300px;width:205px;height:368px;}
#lapizbox #detail2 {position:absolute;margin:1005px 0 0 700px;width:206px;height:360px;}
#lapizbox #detail3 {position:absolute;margin:940px 0 0 290px;width:209px;height:360px;}
#lapizbox #detail4 {position:absolute;margin:550px 0 0 75px;width:205px;height:360px;}
#lapizbox #detail5 {position:absolute;margin:140px 0 0 520px;width:203px;height:732px;}
#lapizbox #detail1 img,#lapizbox #detail2 img,#lapizbox #detail3 img,#lapizbox #detail4 img,#lapizbox #detail5 img {
	width:100%!important;height:100%!important;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
}

#boxesthreedee {}
#boxesthreedee h4 {text-transform:uppercase;text-align:center;}
#boxesthreedee p {text-align:center!important;}

#boxesthreedee #leftcolumn {width:300px;height:auto;float:left;margin:0 20px 0 -80px;}
#boxesthreedee #leftcolumn img {margin-left:0;}
#boxesthreedee #middleleft {width:300px;height:auto;float:left;}
#boxesthreedee #middleright {width:200px;height:auto;float:left;margin:0 0 0 20px;}
#boxesthreedee #rightcolumn {width:300px;height:auto;float:right;margin:0 -80px 0 20px;}

#boxesthreedee #middleright #badgertext {width:100px;margin:-180px 0 100px 40px;}
#boxesthreedee #middleright #dangertext {position:absolute;margin-left:-10px;}
#boxesthreedee #middleright #dangertext2 {position:absolute;margin:0 0 0 -50px;}

#contact #hello {margin-left:-30px;margin-top:80px;}

#links .linkimage {float:left;margin-right:30px;margin-left:230px;}
#links .linktext {float:left;}
#links h2 {font-size:18px;margin-top:17px;margin-bottom:10px;}

#home p.center {font-size:13px!important;}
#followme {float:right;margin-top:10px;margin-bottom:-40px;}
#followme li {display:block;float:right;}
#followme li.text {margin-right:10px;margin-top:40px;}
#followme li.text a {text-decoration:none;font-size:14px;}

#ejectortext {float:left;width:550px;margin-left:100px;}
#ejectorimage {float:right;margin-top:-80px;margin-right:-40px;}
#linescribble {float:right;margin-top:-81px;margin-right:-10px;}

.doubleline p {line-height:30px!important;}


/*--------------------------- GLOBAL CLASSES ---------------------------- */
.left {float:left;text-align:left;}
.right {float:right;text-align:right;}
.rightalign,p .rightalign {text-align:right!important;}
.center,p .center {width:100%;text-align:center!important;}
.hidden {position:absolute;left:-9000px;}

.red {color:#F00;}
.red2 {color:#F00;margin-left:6px;margin-right:6px;}
.black {color:#000;}

h4 span.eighteen {font-size:18px;font-weight:lighter;}

.clearfix {clear:both;width:100%;}
.spacer {clear:both;width:100%;margin:0;height:1px;}
.spacer5 {clear:both;width:100%;margin:0;height:5px;}
.spacer10 {clear:both;width:100%;margin:0;height:10px;}
.spacer20 {clear:both;width:100%;margin:0;height:20px;}
.spacer25 {clear:both;width:100%;margin:0;height:25px;}
.spacer30 {clear:both;width:100%;margin:0;height:30px;}
.spacer35 {clear:both;width:100%;margin:0;height:35px;}
.spacer40 {clear:both;width:100%;margin:0;height:40px;}
.spacer50 {clear:both;width:100%;margin:0;height:50px;}
.spacer55 {clear:both;width:100%;margin:0;height:55px;}
.spacer60 {clear:both;width:100%;margin:0;height:60px;}
.spacer65 {clear:both;width:100%;margin:0;height:65px;}
.spacer70 {clear:both;width:100%;margin:0;height:70px;}
.spacer75 {clear:both;width:100%;margin:0;height:75px;}
.spacer80 {clear:both;width:100%;margin:0;height:80px;}
.spacer85 {clear:both;width:100%;margin:0;height:85px;}
.spacer90 {clear:both;width:100%;margin:0;height:90px;}
.spacer95 {clear:both;width:100%;margin:0;height:95px;}
.spacer100 {clear:both;width:100%;margin:0;height:100px;}
.spacer105 {clear:both;width:100%;margin:0;height:105px;}
.spacer110 {clear:both;width:100%;margin:0;height:110px;}
.spacer115 {clear:both;width:100%;margin:0;height:115px;}
.spacer120 {clear:both;width:100%;margin:0;height:120px;}
.spacer125 {clear:both;width:100%;margin:0;height:125px;}
.spacer130 {clear:both;width:100%;margin:0;height:130px;}
.spacer135 {clear:both;width:100%;margin:0;height:135px;}
.spacer140 {clear:both;width:100%;margin:0;height:140px;}
.spacer145 {clear:both;width:100%;margin:0;height:145px;}
.spacer150 {clear:both;width:100%;margin:0;height:150px;}
.spacer160 {clear:both;width:100%;margin:0;height:160px;}
.spacer170 {clear:both;width:100%;margin:0;height:170px;}
.spacer180 {clear:both;width:100%;margin:0;height:180px;}
.spacer190 {clear:both;width:100%;margin:0;height:190px;}
.spacer200 {clear:both;width:100%;margin:0;height:200px;}
.spacer250 {clear:both;width:100%;margin:0;height:250px;}
.spacer300 {clear:both;width:100%;margin:0;height:300px;}

.moveup30 {margin-top:-30px;}
.spaceup {margin-top:-40px;}

.linespacer {width:300px;height:10px;background:none;}

.firstletter {float: left;font-size: 50px;line-height: 1;font-weight: bold;margin-right: 5px;margin-top:-10px;}

.narrowtext {width:770px;margin:0 auto 30px  auto;}
.narrowtext500 {width:500px;margin:0 auto 30px  auto;}
.narrowtext600 {width:600px;margin:0 auto 30px  auto;}

/*--------------------------- IMAGES ---------------------------- */
.thumbnail300{width:300px;height:300px;background-color:#888;margin: 0 0 10px 0;}
.thumbnail300-2{width:300px;height:300px;background-color:#888;margin: 30px 0 10px 0;}

.thumbnail300NH{width:300px;height:auto;margin: 0 0 10px 0;}
.thumbnail300NH-2{width:300px;height:auto;margin: 30px 0 10px 0;}

.thumbnail200NH{width:200px;height:auto;margin: 0 0 10px 0;}
.thumbnail200NH-2{width:200px;height:auto;margin: 30px 0 10px 0;}

.thumbnailAUTONH{width:auto;height:auto;margin:0;float:left;}

#container img,
#container-fullwidth img,
#container-1000 img {border:1px solid #CCC;-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}

.noshadow-left,.noshadow,.noshadow-right,.mouseover {border:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;}
.noshadow-left {float:left;margin:-60px 20px 0 0;}
.noshadow-right {float:right;margin:0 -10px -80px 0;}

img.nomarginright {margin-right:0!important;}

/*--------------------------- GENERAL LINKS ---------------------------- */
a:link,
a:visited {color: #000; text-decoration: underline;}
a:hover {color: #F00;text-decoration: underline;}
a:active {color: #000;text-decoration: underline;}

#footer a:link,
#footer a:visited {color: #000; text-decoration: none;}
#footer a:hover {color: #F00;text-decoration: none;}
#footer a:active {color: #000;text-decoration: none;}

.linkecho a:link,
.linkecho a:visited {color: #000; text-decoration: none;}
.linkecho a:hover {color: #F00;text-decoration: none;}
.linkecho a:active {color: #000;text-decoration: none;} 

.sidebar a:link,
.sidebar a:visited {text-decoration:none;}
.sidebar a:active,
.sidebar a:hover {text-decoration:none;}

/*--------------------------- ACCESS ---------------------------- */
#access li.firstmenu {margin-left:66px;background:none;} /* fix for first menu item (.firstmenu applied to actual) */
#access li.widemenu ul a {width:auto;min-width:280px!important;} /* fix for wide menu (.widemenu applied to parent) */
#access li.superwidemenu ul a {width:auto;min-width:350px!important;} /* as above but wider) */

#access .menu-header {margin-left:0;}
#access .menu-header ul ul {padding:0;margin:0;} 
#access .menu-header li, div.menu li {float:left;position:relative;}
#access ul ul {display: none;position:absolute;z-index:99999;}
#access ul li:hover > ul {display: block;}
#access li a {margin-bottom:0;}

#access li a {
	color:#000;
	display:block;
	line-height:15px;
	padding:0 10px;
	font-size:15px!important;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
}
#access li:hover > a {background:none;color:#F00;font-weight:normal;}

#access li {padding-left:5px;background:transparent url(/wordpress/wp-content/themes/crosstheme/images/separator.png) no-repeat;}
#access li:first-child {}

#access ul li.current_page_item:hover  > a {}
#access ul li.current_page_item  > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {}

/* DROPDOWN (LEVEL 1) */
#access ul ul {
	background:none;
	border:none;
	min-width:180px;
	position:absolute;
	margin: 0 0 0 0!important;
	padding-top:10px!important;
}
#access ul ul li {background:#FFF;border-right:none;min-width:180px;font-size:14px;padding:10px;margin:0 0 -1px 0;border:1px solid #EEE;}
#access ul ul li:hover {background:#FAFAFA;}

/* DROPDOWN (LEVEL 2) */
#access ul ul li {min-width: 180px;}
#access ul ul ul,
#access .menu-header ul ul ul {left: 100%;top: 0;margin-left:-10px;margin-top:-11px!important;}

#access ul ul a {
	line-height: 1em;
	width: 180px;
	height: auto;
	color:/*inhertited*/;
}


/*----------------------------- TYPOGRAPHY ---------------------------- */
hr {
	background-color: #CCC;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
p {margin: 3px 0 3px 0; font-size: 12px;}
#footer p {font-size:11px;}

p .center {font-size:13px;}

#content .entry-content p,
#content .entry-content .narrowtext p,
#content .entry-content-narrow p,
#container-1000 p {font-size: 12px;line-height: 20px;text-align:justify;margin-bottom: 10px;}

h1 {font-size: 18px;font-weight:normal;font-style:italic;width:100%;text-align:center;margin:92px 0 52px 0;} /* NB: SEE ENTRY TITLE FOR PAGE TITLE H1 CLASSES */
h2 {font-size: 14px;font-weight:normal;font-style:italic;} /* IN-TEXT HEADING (Terms etc.) */
h3 {font-size: 16px;font-weight:normal;font-style:italic;width:100%;text-align:center;margin-bottom:20px;} /* ITALIC CENTRALISED TEXT HEADER */ 

h4 {font-size: 14px;font-weight:normal;} /* ITEM TITLE, NORMAL CASE */
h6 {font-size: 18px;font-weight:normal;margin-bottom:10px;} /* ITEM TITLE, NORMAL CASE - BIGGER */
h5 {font-size: 14px;font-weight:normal;text-transform:uppercase;margin-bottom:10px;} /* ITEM TITLE, UPPER CASE */

#books h4 {font-size: 14px;font-weight:bold;text-transform:uppercase;}
#books h5 {font-size: 14px;font-weight:normal;text-transform:none;} 

tr,td {margin: 3px 0 3px 0; font-size: 12px;}
ul {list-style: none;margin: 0 0 3px -10px;}
ol {list-style: none;margin: 0 0 18px 1.5em;}

ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul,
ol ol,
ul ol,
ol ul {margin-bottom: 0;}
dl {margin: 0 0 24px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}

.sidebar{text-align: left; width: 200px;}
.sidebar li {text-align: left; margin-left: -30px;}
.sidebar p {font-size: 12px; padding: 0 10px 0 0;text-align: justify;line-height:18px;}

.wpcolumn-wrapper-3 h4,
.wpcolumn-wrapper-3 p {text-align: center!important;}
.wpcolumn-wrapper-3 h4{margin-bottom: 0;text-transform:uppercase;}


/*----------------------------- PAGE CONTENT [ENTRY-] ---------------------------- */
.entry-title {/*SINGLE LINE IN CIRCLE*/
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	font-style: normal!important;
	text-transform: uppercase;
	text-align: center;
	margin: 60px auto 20px auto;
	padding: 30px 0 0 0;
	width: 134px;
	height: 55px;
	background-image: url(/wordpress/wp-content/themes/crosstheme/images/titleoval.png);
	background-repeat:no-repeat;
}
.entry-title-2 {/*ITALIC*/
	color: #000;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin: 70px 0 20px 0;
}
.h1_italic2 {/*ITALIC 2*/
	color: #000;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	margin: 70px 0 30px 0;
}

.entry-title-2a {/*TWO LINE IN CIRCLE*/
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	font-style: normal!important;
	text-transform: uppercase;
	text-align: center;
	margin: 60px auto 20px auto;
	padding: 22px 5px 0 5px;
	width: 124px;
	height: 58px;
	background-image: url(/wordpress/wp-content/themes/crosstheme/images/titleoval.png);
	background-repeat:no-repeat;
}

.entry-title-4 {/*UPPERCASE ONLY*/
	color: #000;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	font-style: normal;
	letter-spacing:3px;
	text-transform:uppercase;
	margin: 70px 0 20px 0;
}

.entry-title-post {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	margin: 70px 0 5px 0;
}
.entry-title-news {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	text-align: center;
	margin: 0 0 0 0;
	padding: 3px 0 3px 0;
}

.entry-meta {color: #000;font-size: 12px;font-weight: normal;line-height: 18px;margin: 0 0 10px 0;}


/*----------------------------- WP-COLUMN ---------------------------- */
.wpcolumn-clearfix {clear:both;}
.wpcolumn-wrapper-3 .wpcolumn {float:left;width:300px;}
.wpcolumn-wrapper-3 .wpcolumn-last {float: right;margin-right:0;width:300px;}
.wpcolumn-wrapper-3 .wpcolumn-1 {float:left;width:300px;margin-right:50px;}
#contact .wpcolumn-wrapper-2 .wpcolumn {float: left;margin: 0 0 0 0; width: 380px;}
#contact .wpcolumn-wrapper-2 .wpcolumn-1 {float: right;margin: 40px 0 0 40px; width: 350px;}


/*----------------------------- WIDGETS --------------------------- */
.widget_search #s {width: 57%;}
.widget_search label {display: none;}
.widget-container {margin: 0 0 10px 0;}
.widget-title {color: #000;font-weight: normal;font-size: 15px;}
.widget-container li {line-height: 15px; font-size: 12px;}


/*----------------------------- INPUT TEXT ---------------------------- */
input[type="text"],
textarea {
	background: #FFF;
	color: #000;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
input[type="submit"] {cursor: pointer !important;cursor:hand;}
.wpcf7-submit{cursor:pointer!important;cursor:hand;}

#contact input[type="text"],
textarea {width:500px;}