/* PETER PAN THEME */
@import url(http://s3.amazonaws.com/devhub/template/theme/dh-columns.css); /* Standard column elements */

#sitelogo a { font-family: Helvetica,Arial,serif; }

.col-padding { padding-right: 0; }
.box,
.gallery {
	margin-bottom: 0;
}
.box {
	padding:10px 10px 0;
	background: transparent;
}
.box-inner {
background: #d6ddfe;
padding: 20px;
}

#searchbar,
#innerwrapper,
#body,
#footer,
#header,
#nav {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#outerwrapper {
background: no-repeat scroll 156px 63px transparent;
height:883px;
padding:0px 0;

}

/************/

body {
background: url(images/map-to-never-neverland-bg.jpg) repeat-x scroll 0 0 #D6DDFE;
color: #000;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
	color: #1C3790;
	text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#searchbar {
	height: 26px;
	background: transparent;
	padding: 0px 0;
	margin: 0 auto;
}

#searchbox {float: right;}

#header #search {
	position: absolute;
	top: 0;
	right: 0;
}

#search {
background: url(images/tweeter-peter-pan.png) no-repeat;
color:#9BC8DA;
}

.search {
background-color:#FFFFFF;
border:medium none;
color:#777777;
cursor:text;
font-family:helvetica,arial,sans-serif;
margin-left:36px;
margin-right:-3px;
padding:8px 5px;
}

.search_button {
background: url(images/peter-pan-search-for-neverland.png) no-repeat scroll 0 ;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:helvetica,arial,sans-serif;
margin:0;
padding:7px 14px;
}

.identity {
text-align: right;

}

.identity span a{
color:#FFFFFF;
text-decoration:none;
}

.identity span a:hover{
text-decoration:underline;
}

#sitelogo {
	padding-left: 15px;
	font-size:1.3em;
	letter-spacing:-0.05em;
	line-height:1em;
	margin-top:-30px;
	padding-bottom:30px;
}

#sitelogo a { text-decoration: none; font-weight: normal; }

div.fixed_corner {
	background: url(images/peter-pan-sunburst.png) no-repeat;
	height: 129px;
	left:0;
    top:0;
    width:125px;
    clear:both;
    margin:0;
    padding: 3px 3px 0;
    position:fixed;
    text-indent:-2999px;
    z-index:2999;
    opacity: .9;

}

div.fixed_corner a {
	background: none;
    display:block;
    width:105px;
    height:100px;
    padding:0;
    margin:0 0 0px;
}

div.fixed_corner:hover {
opacity:1;
}

/*div.fixed_peter {
background: url(images/peter-pan-and-tinkerbell-in-love.png) no-repeat;
	height: 629px;
	left:0;
    top:120px;
    width:225px;
    clear:both;
    margin:0;
    padding: 3px 3px 0;
    position:fixed;
    text-indent:-9999px;
    z-index:9999;
}*/

#tagline {
padding-bottom:0;
padding-left:0;
z-index: -1;
}

#tagline img {
z-index: -1;
}

#outer {
background:url("/images/peter-pan-and-tinkerbell-in-love.png") no-repeat scroll 156px 48px transparent;
height:800px;
padding:10px 0;
}

#innerwrapper {
background:none repeat-x scroll 0 58px #FFFFFF;
border-color:transparent #FFFFFF;
border-style:none solid solid;
border-width:0 1px 1px;
margin-top:-508px;
padding:0;
position:inherit;
}

#corner {
position: relative;
top: 0;
left: 0;
}

#nav {
	margin: 0 -1px 0;
	width: auto;
	background: #fff repeat-x scroll 0 0;
}

#sitenav {
	padding-left: 10px;
	margin: 0;
	line-height: 15px;
	width: auto;
	background: #111;
	font-size:.95em;
}

#sitenav li {
	float: left;
	list-style: none;
}

#sitenav li a {
	background-image: url(/images/gradient-hover.png);
	background-color: #6A395E;
	background-repeat:repeat-x;
	background-position: center bottom;
color:#FFFFFF;
display:block;
font-size:1em;
margin:4px 3.7px 0 0;
padding:11px 10px;
text-align:center;
text-decoration:none;
width:132px;
}

#sitenav li a:hover, #sitenav li a.selected {	
	background-image: url(/images/gradient-hover.png);
	background-color: #1C3790;
	background-repeat:repeat-x;
	background-position: center bottom;
	color: #fff;
}


#subnav {
	padding-left: 10px;
	line-height: 15px;
	width: auto;
	font-size:.95em;
}

#subnav li {
	float: left;
	list-style: none;
}

#subnav li a {
background:url("/images/gradient-hover.png") repeat-x scroll center bottom #6A395E;
color:#FFFFFF;
display:block;
font-size:1.5em;
height:75px;
margin:4px 3.7px 0 0;
padding:9px 10px;
text-align:center;
text-decoration:none;
width:210px;

}

#subnav li a:hover, #subnav li.selected a {	
	background-image: url(/images/gradient-hover.png);
	background-color: #1C3790;
	background-repeat:repeat-x;
	background-position: center bottom;
	color: #fff;
}

#subnav li span.3d {
	background-image: url(/images/peter-pan-3d.png);
	background-repeat:repeat-x;
	background-position: center bottom;
	border: medium none;
}

#subnav li span.tour {
	background-image: url(/images/peter-pan-radio.png);
	background-repeat:repeat-x;
	background-position: center bottom;
	border: medium none;
}

#subnav li span.radio {
	background-image: url(/images/peter-pan-radio.png);
	background-repeat:repeat-x;
	background-position: center bottom;
	border: medium none;
}

#subnav li span.blog {
	background-image: url(/images/peter-pan-radio.png);
	background-repeat:repeat-x;
	background-position: center bottom;
	border: medium none;
}

.post .title {
	margin:0;
	padding:10px 0 10px;
	
}
.post h2.title {
	font-size:1.6em;
	line-height: 1.25em;
}

.content,
.entry {
	font-size:.9em;
	line-height:1.3em;
	margin-bottom:40px;
}
.content a,
.entry a {
	color:#1C3790;;
}
.content img,
.entry img {
	border:0;
}

.headline {
	border-bottom:1px solid #ccc;
	position:relative;
	margin-bottom:5px;
}
.headline h1,
.headline h2,
.headline h3 {
	margin:0;
	padding:5px 0 10px;
	color: #1C3790;
}
.headline h1 { font-size:1.8em; }
.headline h2 { font-size:1.3em; }
.headline h3 { 
	font-size: .9em;
	text-transform: capitalize;
}

/*.col_2_2 .headline h3{
	background-image: url(/images/gradient-hover.png);
	background-color: #6A395E;
	background-repeat:repeat-x;
	background-position: center bottom;
	color:#FFFFFF;
	height:26px;
	margin-top:-16px;
	padding-bottom:1px;
	padding-left:20px;*/

}
.headline .more {
	position:absolute;
	top:8px;
	right:0;
	font-size:.8em;
}

.post .meta {
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.post .meta .comments {
	float:right;
}

.post .social {
	font-size:.7em;
	font-family: Lucida Grande, Arial, sans-serif;
	padding:1px;
}
.post .social a {
	display:block;
	padding:6px 26px;
	color:#1C3790;
	float:left;
	margin-right:2px;
}

.bookmark {background: transparent url(/images/bookmark.png) no-repeat scroll -2px 0;}
.twitter {background: transparent url(/images/tweets.png) no-repeat scroll -2px 0;}
.facebook {background: transparent url(/images/facebooking.png) no-repeat scroll -2px 0;}
.comment {
background: transparent url(/images/comment.png) no-repeat scroll -2px 0;
border-bottom:1px solid #FFFFFF;
list-style:none outside none;
padding-bottom:10px;
padding-top:29px;
}

.paginate {
	margin-top:14px;
}
.paginate a.button,
.paginate a.button:visited {
	font-family: Lucida Grande, Arial, sans-serif;
	display:block;
	padding:8px 10px;
	background:#ddd;
	color:#1C3790;
	border:1px solid #aaa;
	text-decoration:none;
	float:left;
}

.paginate a.button:hover {
	background: #1C3790;
	color: #fff;
}

.paginate .button.alt {
	float:right;
	text-align:right;
}

.item {
	padding:12px 0;
	border-bottom:1px solid #ccc;
	position:relative;
}
.item.last {
	padding-bottom:0;
	border:0;
}
.item .title {
	margin:0;
	padding:0 0 6px;
}
.item h3 {
	font-size:1.1em;
}
.item p {
	font-size:.8em;
	margin:0;
	padding-bottom:6px;
}
.item .graphic {
	float:left;
	margin-right:15px;
	margin-bottom:6px;
	position:relative;
}
.item .graphic img {
	width:60px;
	height:60px;
	border:3px solid #fff;
}
.item .meta {
	color:#555;
}
.item .meta a,
.item .meta span,
.item .social a {
	margin-right:5px;
}

.item .social a {
	font-family: Lucida Grande, Arial, sans-serif;
	margin: 5px 0 0 15px;
	padding: 5px 0 5px 27px;
	line-height: 2.5em;
}

.item .rating {
	position:absolute;
	top:10px;
	right:0;
}

.gallery {
	margin-bottom:15px;
	padding: 15px;
}
.gallery .caption {
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	background:url(http://dh.devhub.com/static/dh/dev/html-sample/black-opacity75.png) top left repeat;
	color:#fff;
	padding:15px;
	width:100%;
	text-shadow:0 -1px 0 #222;
}
.gallery .gallery-image {
	position:relative;
	height:350px;
	overflow:hidden;
	margin:0;
	border:1px solid #555;
	background:transparent;
}
.gallery .image img {
	width:100%;
}
.gallery a {
	color:#fff;
	text-decoration:none;
}
.gallery h3 {
	margin:0;
	font-size:1.2em;
	padding-bottom:5px;
}
.gallery p {
	margin:0;
	color:#ccc;
	font-size:.8em;
}

.list {
	font-size:.8em;
}
.list li {
	padding:2px 0;
}
.list ul {
	margin:0;
	padding:6px 0 6px 25px;
}

.product {
	padding:12px 0;
	border-bottom:1px solid #ccc;
	position:relative;
}
.product.last {
	padding-bottom:0;
	border:0;
}
.product .details {
	float:right;
	width:70%;
}
.product .graphic {
	float:left;
	width:30%;
	overflow:hidden;
}
.product .graphic img {
	max-width:75%;
	border:3px solid #fff;
	margin-left:5px;
}
.product .title {
	margin:0;
	padding:0 0 8px;
}
.product h3 {
	font-size:1.1em;
}
.product p {
	font-size:.9em;
	margin:0;
	padding:0 0 8px;
}
.product .price {
	color:red;
}
.product .button {
	display:block;
	background:#1C3790 url(/images/bg-button.png) repeat-x scroll 0 0;
	font-family: Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	padding:6px 8px;
	color:#fff;
	float:left;
	margin-right:2px;
	font-size:.9em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.form {
	padding:8px 0 0;
}
.form br {
	display:none;
	visibility:hidden;
}
.form fieldset {
	border:1px solid #ccc;
	background:#fff;
	padding:15px 10px;
}
.form label {
	position:absolute;
	top:0;
	left:0;
	padding:5px 10px;
	font-weight:bold;
}
.form legend {
	background:#fff;
	padding:5px 10px;
	border-top:1px solid #ccc;
}
.form p {
	margin:0;
	padding:5px 0 5px 200px;
	position:relative;
}

.embed {
	padding-top:5px;
}
.embed img {
	border: 0;
	height: 100px;
}

.clear {
	clear:both;
	display: block;
}

#footer {
 text-align: center;
}

#peter-logo{
text-align: center;
}
#sitefooternav{
	font-size:0.8em;
	height:50px;
}

#sitefooternav a {
	color: #000;
	text-decoration: underline
}
#sitefooternav a:hover {
	color:#1C3790;
}


.compact fieldset {
	background: transparent url(/images/bg-search.png) scroll 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input.button {
	color: white;
	background: #1C3790 url(/images/bg-button.png) repeat-x scroll 0 0;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 5px;
}


.adcontainer .ads {
	padding: 5px 0;
}
.adcontainer a,
.adcontainer a:hover p {
	text-decoration: none !important;
}
.adcontainer a:hover h6 {
	text-decoration: underline;
}
.adcontainer a h6 {
	font-size: 14px !important;
	margin: 0;
	padding: 0;
}
.adcontainer a p {
	font-size: 12px !important;
	margin: 0;
	padding: 0;
	color: #000;
}
.adcontainer a p.url {
	color: #555;
}
.adcontainer .sponsored {
	font-size: 11px;
	margin: 0;
	padding: 0 0 2px;
	text-align: right;
}


.social-networks {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 auto;
	margin-right: 15px;
	padding: 25px 0 25px 40px;
	width: 440px;
}

.social-networks li {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	width: 200px;
}

.social-networks li a:link,
.social-networks li a:visited,
.social-networks li a:hover,
.social-networks li a:focus,
.social-networks li a:active {
	background-position: 5px 6px;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-weight: normal;
	font-size: 16px;
	padding: 15px 5px 7px 51px;
	width: 145px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.social-networks li a:hover,
.social-networks li a:focus,
.social-networks li a:active {
	background-color: skyblue;
	background-position: 4px 5px;
	-webkit-transition: background-color 1s linear;
}

.youtube a:link,
.youtube a:visited,
.youtube a:hover,
.youtube a:focus, 
.youtube a:active {
	background-image: url(images/youtube.png);
}


.facebook a:link,
.facebook a:visited,
.facebook a:hover,
.facebook a:focus, 
.facebook a:active {
	background-image: url(images/facebook.png);
}

.twitter a:link,
.twitter a:visited,
.twitter a:hover,
.twitter a:focus, 
.twitter a:active {
	background-image: url(images/twitter.png);
}

.bookmarks a:link,
.bookmarks a:visited,
.bookmarks a:hover,
.bookmarks a:focus, 
.bookmarks a:active {
	background-image: url(images/del.png);
}