/*
Theme Name: pddppe
Author: Purple Dog Design
Author URI: http://www.purpledogdesign.com
Description: Site Theme for Pink Poppy Events
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}




html, body { height: 100%; }

/* Colour  STYLES
-------------------------------------------*/
body {
	background: url(images/bgd-1275x1.png) center top repeat;
	background-color: #FFFFFF;
}

a {
	color:#ED008C;
}



a img {
	border:none;
}



#topMenu ul li a:hover{
	color:#00A5FF;
}

.postItem h1 a:hover{
	color:#108ce4;
}

.postItem .categs a {
	background:#108ce4;

}

.postItem .categs2 a {
	background:#8BC435;

}

.icoAuthor {
	background:url(images/blue/ico_author.png) 0 2px no-repeat;
}

.icoComments {
	background:url(images/blue/ico_comments.png) 0 2px no-repeat;
}





/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body{
	font-weight:normal;
	font-family:Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	line-height:135%;
}

ul {
	list-style:none;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline:none;
}

p {
	margin:1.5em 0;
	font-size:14px;
}



#content.twocols #colLeft h3 {
	margin-top:30px;
	
}

 #content.twocols #colLeft h1, #content.twocols #colFull h1 {
	font-weight:700;
	color:#666;
	font-family: 'Tangerine', Arial, serif;
	font-size:55px;
}


h1, h2, h3 {
	letter-spacing:-1px;
	line-height:100%;
	padding-bottom:15px;
}


h1 {
	font-weight:normal;
	color:#666;
}

h1 a:hover {
	text-decoration:none;
	color:#333;
}

h2 {
	font-size:20px;
	padding-top:10px;
	font-weight:bold;
	color:#666;
	padding-bottom:2px;
}

h3 {
	font-size:16px;
	padding-top:10px;
	color:#666;
}

h1 {
    font-size: 25px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 100%;
    padding-bottom: 5px;
}



.meta h1 {
	font-size:28px;
	letter-spacing:-1px;
	line-height:100%;
	font-weight:normal;
	font-style:italic;
	padding-bottom:5px;
	float:left;
	padding-left:10px;
}



h2.h2comments {
	display:block;
	background:url(images/bk_solid_horiz.png) 0 100% repeat-x;
	margin-bottom:2px;
}

#content ul{
	list-style: disc;
	  margin: 20px;
}

#content blockquote{
	margin: 0 0 0 30px;
	padding:0;
}




 /* LAYOUT STRUCTURE
--------------------------------------------------*/

#mainWrapper {
	width:980px;
	/*background: url(images/bk_container.png) 0 0 repeat-x; */
	margin:30px auto 0;
	/*overflow:hidden;*/
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

}

#wrapper {
	width:auto;
	margin:10px;
	background:#fff url(images/bk_wrapper.png) 100% 0 no-repeat;
	/*overflow:hidden;*/
	padding: 0 27px 27px 27px;
}

#header {
    border-bottom: 1px solid #DDDDDD;
    height: 100px;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-bottom: 20px;
    position: relative;
}




#content {
	overflow:hidden;
	margin-top:5px;
	padding-top:10px;
	clear:both;
}


	/*sidebar column divider*/
#content.twocols {
	background:url(images/bk_dotted_vert.png) 625px 0 repeat-y;
}

/*if it's a full page template, skip the sidebard divider*/
body#full-width #content.twocols, 
body#home-full #content.twocols, 
body#gallery #content.twocols,
body#products #content.twocols,
body#homeslide #content.twocols {
	background:none;
}


#content.threecols  {
	
}


#colFull {
	float:left;
	width:900px;
	padding-top:20px;
	/*margin-left:10px;*/
}


#colLeft {
	float:left;
	padding-top:20px;
	width:600px;
	padding-right:25px;
}


body#homeslide h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 30px;
}


#colLeft h1, #colFull h1 {
	
	padding-left:0px;
}



#colRight {
	float:left;
	width:255px;
	padding-left:25px;
}




#footer {
   /* background: url("images/bk_container-footer.png") repeat-x scroll 0 0 transparent;*/
    /*height: 200px;*/
    margin: 25px 0 0;
    padding: 0;

}

#innerFooter {
    width: 960px;
	margin:0 auto;
	background: #fff;
}



/* HEADER ELEMENTS
-----------------------------------*/

/* -- logo --*/

#logo {
    display: block;
    float: left;
	margin: -20px 0 0 -50px;
    padding: 0;
	z-index: 999;
	position:relative;

}


#logo a img {
    border: medium none;
	width:170px;
}



#Navright {
    color: #999999;
    font-size: 11px;
    right: 150px;
    position: absolute;
    top: 65px;
	z-index:999;
}



#hometitle h1 {
    color: #ED008C;
    font-family: 'Salsa',Helvetica,Arial,sans-serif;
    font-size: 29px;
    font-weight: 500;
    letter-spacing: 0.6px;
    padding: 5px;
    position: absolute;
    right: 70px;
    top: 10px;
}



/* TOP SOCIAL */

#topSocial {
	position:absolute;
	right:0;
	top:15px;
	font-size:11px;
	color:#999;
}

#topSocial a img {
	border:none;
	vertical-align:middle;
	margin-left:10px;
}

/* TOP MENU */

#topMenu {
	
	height:12px;
	padding:0 0 17px;
}

#topMenu ul li{
	float:left;
	padding-right:10px;
	font-size: 14px;
}

#topMenu ul li a {
    color: #fff;
    display: block;
    padding-bottom: 17px;
    padding: 10px;
    text-transform: uppercase;
    background: #ed008c;
   text-align: center;
	min-width: 80px; 
	border-radius: 7px;	
	behavior: url(http://www.pinkpoppyevents.co.nz/wp-content/themes/pddppe/PIE.htc);

}

#topMenu ul li a:hover{
	color:#333;
	text-decoration:none;
}





/* Home Page */


#home-intro-page {
	margin: 50px auto 20px 20px;
		
}


/* for IE7 */
#home-intro-page a:hover, 
#home-intro-page .left a, #home-intro-page .left a:hover, 
#home-intro-page .content a, #home-intro-page .content a:hover, 
#home-intro-page .right a, #home-intro-page .right a:hover
{cursor:pointer; }
	
	

#home-intro-page .left {
    float: left;
    padding: 5px 5px 30px;
    position: relative;
    width: 33%;
}
	
    #home-intro-page .right {
    float: left;
     padding: 5px 5px 30px;
    position: relative;
    width: 30%;
}
	
    #home-intro-page .content { 
	float: left; 
	width: 33%; 
	 padding: 5px 5px 30px;
	position: relative;/*** IE needs this ***/ }





	 
#home-intro-page .content span, #home-intro-page .right span, #home-intro-page .left span {
    background: url(images/photo-frame292s.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 317px;
    left: -14px;
    position: absolute;
    top: -17px;
    width: 318px;
}








/* COLLEFT ELEMENTS
-----------------------------------*/

#archive-title {
	padding:0 0 9px;
	margin:0 0 20px;
	display:block;
	/*background:url(images/ico_archive.png) 2px 50% no-repeat;*/
	border-bottom:1px solid #ddd;
}

.postItem {
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(images/bk_solid_horiz.png) 0 100% repeat-x;
	overflow:hidden;
}

/* Removed to allow the photo frames to work
.postItem a img {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #FFFFFF !important;
    outline: 1px solid #DDDDDD;
    padding: 5px;
}*/

.postItem .meta {
	font-size:10px;
	color:#999;
	padding-bottom:7px;
	overflow:hidden;
		float:right;
}

#Single .postItem .meta {
	font-size:10px;
	color:#999;
	padding-bottom:7px;
	overflow:hidden;
float:none;
}


.postItem .meta div {
	float:right;
	margin-right:15px;
}

.postItem .meta .icoAuthor, .postItem .meta .icoComments{
	padding-left:20px;
}

.postItem .meta img {
	vertical-align:middle;
}

.postItem h1 a{

	font-weight:bold;
}

.postItem h1 a:hover{
	text-decoration:none;
}

.postItem .categs, .postItem .categs2 {
	margin:0 0 10px;
	overflow:hidden;
	float:right;
}

.postItem .categs a, .postItem .categs2 a {
	display:block;
	float:left;
	font-size:9px;
	padding:4px 6px;
	color:#fff;
	margin-right:2px;
	text-transform:uppercase;
}



.postItem p {
    margin: 10px; 
}



/* COLRIGHT ELEMENTS
-----------------------------------*/

#colRight h2 {
	font-size:13px;
	text-transform:uppercase;
	padding:0 0 10px;
	border-bottom:2px solid #C8C8C8;
	font-weight:bold;
}

#colRight .rightBox{
	margin-bottom:2px;
}

#colRight .rightBox p {
	margin:15px 0;
}

#colRight .rightBox ul li {
	padding:9px 0;
	border-bottom:1px solid #ddd;
	  list-style:none;
}

#colRight .rightBox ul li:before{
   content: "\00BB";
   color:#aaa;
 

}

#colRight .rightBox ul li a{
	font-size:12px;
}

#colRight .rightBox ul li a:hover {
	text-decoration:none;
}

#colRight .rightBox ul li:hover {
	background:#F7F7F7;
}








/* FOOTER ELEMENTS
----------------------------------*/
#footer #footerWidgets {
	overflow:hidden;
}

#footer .boxFooter {
	float:left;
	width:210px;
	padding-right:30px;
	overflow:hidden;
	margin-bottom:40px;
	color:#666;
}


#footer h2 {
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:2px solid #C8C8C8;
	font-weight:normal;
}

#footer .boxFooter ul li {
	padding:7px 0;
	border-bottom:1px solid #ccc;
}

#footer .boxFooter ul li a {
	text-decoration:none;
	color:#666;
	font-size:12px;
	font-style:normal;

	
}

#footer .boxFooter ul li a:hover {
	color:#1FA2E1;
}

#footer .boxFooter p {
	margin:15px 0;
}

/* Copyright */

#copyright {
	border-top:2px solid #ccc;
	padding:25px;
	margin-top:15px;
	position:relative;
	margin-right:30px;
	font-size:11px;
	color:#777;
}


#facebook {
    float: left;
    left: 180px;
    position: absolute;
    top: 15px;
}
	

#pddbottom {
	position:absolute;
	right:0;
	top:17px;
}

#pddbottom img {
	border:none;
}

#pddbottom a {
	color:#666
}

#pddbottom a:hover {
	color:#333
}





/* GALLERY / Product page ELEMENTS
-------------------------------------------*/

/* Product template */
	
#colFull #product-page table, #colFull #product-page{
	
	margin:0 auto 40px;
	
}


#colFull #product-page table h3 {
    font-size: 18px;
    margin: 0;
    padding: 20px 0 10px;
}



#colFull #product-page table td {
	padding:0;
	margin:0;
    padding: 0 15px 0 0;
}



#colFull #product-page table img {
	background:none;
	
}








.gallery {
	margin-top:10px;
	margin-bottom:20px;
	width: 100%;
}

.gallery .portfolioItem {
	margin:0 auto;
	width: 100%;

}


#content .portfolioItem ul {
    margin:0;
	padding:0;


}


.portfolioItem ul li {
	width: 24%;  /* IE needs this */
	float: left;
    height: 270px;
    list-style: none outside none;
    padding:2px 4px 8px;
    overflow: hidden;
	margin-bottom:20px;
}


.portfolioItem ul li h2 {
    
    padding: 8px;
}



.gallery .excerpt {
	max-width:190px;
	text-align:justify;
    padding: 0 10px;
}





/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
	border-image: url(images/photo-frame292s.png) 22 25 25 20 fill stretch;
	border-width:20px;
	-moz-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Mozilla version*/
	-webkit-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Webkit version*/
	-o-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Opera version*/


}




.img-news {
	float:left;
	padding-right: 10px;
}


.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin: 10px 20px 10px 20px;
		border-radius:3px;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
	margin: 10px -10px 10px 20px;
	border-radius:3px;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;

}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius:3px;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
	border-width:20px;
	border-image: url(images/photo-frame292s.png) 22 25 25 20 fill stretch;
	-moz-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Mozilla version*/
-webkit-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Webkit version*/
-o-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Opera version*/

}


img.alignnone {
	clear: both;
	display: inline;
	margin-left: auto;
	margin-right: auto;
	border-width:20px;
	border-image: url(images/photo-frame292s.png) 22 25 25 20 fill stretch;
	-moz-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Mozilla version*/
-webkit-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Webkit version*/
-o-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Opera version*/


}


img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
border-width:20px;
border-image: url(images/photo-frame292s.png) 22 25 25 20 fill stretch;
-moz-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Mozilla version*/
-webkit-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Webkit version*/
-o-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Opera version*/


}
.wp-caption {
	line-height: 18px;
	margin-bottom: 10px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px 30px;
	text-align: center;
}
.wp-caption img {
	    margin: 5px 0 0 ;
		border-radius:3px;
	-moz-border-radius:34px;
    -webkit-border-radius:3px;
   
border-image: url(images/photo-frame292s.png) 22 25 25 20 fill stretch;
-moz-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Mozilla version*/
-webkit-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Webkit version*/
-o-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*Opera version*/
-ms-border-image: url(images/photo-frame292s.png) 22 25 25 20 stretch; /*IE syntax when it does support this prop*/
border-width:20px;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 0 0 5px 20px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}


.gallery .product-image {
   margin:20px;
   position:relative;
     }
	 
	 
.gallery .product-image span {
   	background: url("images/photo-frame201x162.png") no-repeat scroll center top transparent;
    display: block;
    height: 204px;
    left: -30px;
    position: absolute;
    top: -10px;
    width: 235px;
}




.gallery br+br {
	display: none;
}

#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}



#crumbs{
	float:right;
}


/* COMMENTS
-----------------------------------*/


#content #colLeft ul.commentlist {
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:0 0 20px;
	background:url(images/bk_dotted_horiz_dbl.png) 0 100% repeat-x;
	padding:0;
	padding-bottom:10px;
}

#content #colLeft ul.commentlist ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
}

#content #colLeft ul.commentlist li {
	padding:20px 0 10px 35px;
	position:relative;
	margin-top:0;
	background:url(images/bk_solid_horiz.png) 0 0 repeat-x;
}

#content #colLeft ul.commentlist li img {
	border:none;
}

#content #colLeft ul.commentlist li p{
	font-size:13px;
	margin:10px 0;
}

#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
	margin-left:20px;	
}

#content #colLeft ul.commentlist li .comment-meta span {
	font-size:11px;
	color:#999;
}

#content #colLeft ul.commentlist li .comment-meta {
	font-size:16px;
}


#content #colLeft ul.commentlist li .gravatar {
	position:absolute;
	width:40px;
	height:40px;
	top:20px;
	left:0;
}

#content #colLeft ul.commentlist li .gravatar .gravatar_mask {
	position:absolute;
	left:0;
	top:0;
	background:url(images/bk_gravatar_mask.png) 0 0 no-repeat;
	width:40px;
	height:40px;
}

#content #colLeft ul.commentlist .reply {
	position:absolute;
	right:0;
	top:25px;
	width:46px;
	height:21px;
	text-align:center;
}

#content #colLeft ul.commentlist .reply a {
	display:block;
	width:46px;
	height:21px;
	text-transform:uppercase;
	font-size:11px;
}

#content #colLeft ul.commentlist .reply a:hover {
	text-decoration:none;
	color:#333;
}


#content #colLeft ul.commentlist li .children li {
	margin-top:15px;
	padding-top:25px;
	border-bottom:none;
	overflow:hidden;
	padding-bottom:5px;
}

#content #colLeft ul.commentlist li .children li .gravatar {
	top:20px;
}

#content #colLeft ul.commentlist li .children li .reply {
	top:30px;
}

/* PAGINATION */

.emm-paginate {padding:10px 0; overflow:hidden; clear:both;}
.emm-paginate a { border:1px solid #ddd; color:#666; margin-right:5px; padding:3px 7px; text-align:center; text-decoration:none; -moz-border-radius:2px;
   -webkit-border-radius:2px;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current { -moz-border-radius:2px;    -webkit-border-radius:2px;color:#fff; background:#999; border:1px solid #999; margin-right:5px; padding:3px 7px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}

/* FORMS
-------------------------------------------*/
#colRight #searchBox {
	overflow:hidden;
	margin-bottom:25px;
}

#searchform input {
	border:none;
	border-left:1px solid #CDCDCD;
	border-top:1px solid #CDCDCD;
	border-bottom:1px solid #CDCDCD;
	background:#fff;
	padding:6px 4px 6px 25px;
	color:#666;
	width:155px;
	float:left;
	background:#fff url(images/ico_search.jpg) 5px 50% no-repeat;
}

#searchform input[type="submit"] {
	width:70px;
	height:30px;
	border:none;
	background:url(images/but_search.jpg) -2px 0 no-repeat;
	cursor:pointer;
	padding:0;
	text-align:center;
	color:#ccc;
	font-size:11px;
}

/* COMMENTS F0RM */

#commentform p {
	margin:0;
}

#commentform label {
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	border:1px solid #ddd;
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#commentform input:focus, #commentform textarea:focus {
	border:1px solid #1FA2E1;
}


#commentform textarea {
	width:560px;
	font-size:13px;
}

#commentform input[type="submit"]{
	border:none;
	width:151px;
	height:32px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/bk_but_form.jpg) 0 100% repeat-x;
	color:#FFF;
	font-size:12px;
	padding:0;
}

/* Contact Form */

#contact label {
	display:block;
	padding:5px 0;
	font-weight:bold;
}

#contact input, #contact textarea {
	border:1px solid #ddd;
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}


#contact textarea {
	width:560px;
	font-size:13px;
}

#contact input[type="submit"]{
	border:none;
	width:151px;
	height:32px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/bk_but_form.jpg) 0 100% repeat-x;
	color:#FFF;
	font-size:12px;
	padding:0;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#contact input:focus, #contact textarea:focus {
	border:1px solid #1FA2E1;
}

.errormsg, .successmsg{
	background:#FEF4F1;
	border:1px solid #F7A68A;
	color:#DA4310;
	padding:10px;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.successmsg {
	background:#F5FAF1;
	border:1px solid #C2E1AA;
	color:#8FA943;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}