/* 
Theme Name: FUNPASS
Theme URI: http://funpass.com
Description: Custom Theme for FUNPASS
Version: 1.1
Author: VG Universe Design (Vivien)
Author URI: http://www.vguniverse.com/
*/

/*colours*/
/*

#f2fde7 - light green bg on the left sidebar
#f13bae - pink for links on the sidebar
#a9c6eb - blue bg for funpass photos
#558fda - darker blue for text
#cdafe1 - purple bg for funpass blog
#a053d3 - dark purple for text
*/


/* RESET
--------*--------*--------*--------*--------*--------*--------*--------*--------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  small, strike, strong, a, abbr, code, em, img, li, ol, ul, form, label, fieldset, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; vertical-align: baseline;
}

html{font-size:100%;}

ol, ul {list-style: none;}

* {margin:0pt; padding:0pt;}

a img, :link img, :visited img {border: 0;}

.clear {clear: both;}

.clearfix {display: inline-block;}

a {text-decoration: none;}

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */


/* MAIN STRUCTURE
--------*--------*--------*--------*--------*--------*--------*--------*--------*/


body {background: #fac0e4; font: 1em Georgia,serif;}

a:link, a:visited {color: #f13bae;}
a:hover {color: #468608;}

sup {font-size: 0.689em; }

h1, h2, h3, h4 {font-weight: 500; }

h4 {font-size: 1.125em;}
h3 {font-size: 1.375em;}
h2 {font-size: 1.5em;}

strong {font-weight: 600;}

#pageWrapper {width: 850px; margin: 0 auto;}
.pageWrapper-container {overflow: hidden; background: #fff url(images/page_bg.gif) repeat-y;}

#sidebar {width: 250px; float: left; background: #f2fde7 url(images/sidebar_topbg.png) no-repeat left top; }
#page {width: 600px; float: right; background: #fff url(images/content_topbg.jpg) no-repeat left top; }

#logo {margin-left: 20px; margin-top: 50px; width: 200px;padding: 10px;}
#logo h1 a {
background:transparent url(images/funpassLogo.gif) no-repeat scroll left top;
display:block;
height: 98px;
text-indent:-9999px;
width:208px;
}

#tagline {margin-left: 320px; margin-top: 95px; width: 225px; padding: 10px;}
#tagline p {font-size: 1.275em; font-style: italic; line-height: 1.5em; text-align: center;}


/*sidebar*/

#navigation {padding: 20px; margin-top: 30px;}
#navigation ul li {padding: 12px 0; text-transform: uppercase; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; background: transparent url(images/menu_separator.gif) no-repeat left bottom; width: 205px;}

#social {background: transparent url(images/social_bg.gif) no-repeat left top; margin-top: 20px; margin-left: 20px;}
#social h3 {color: #7CCE2C; margin-left: 60px;}
#social ul {padding: 20px 10px 10px; margin-bottom: 20px;}
#social ul li a {color: #7CCE2C;}
#social ul li {padding-left: 26px; margin: 10px 0; font-size: 0.75em;}
#social ul li.rss {background: transparent url(images/icon_rss.png) no-repeat left top;}
#social ul li.email {background: transparent url(images/icon_rssemail.png) no-repeat left top;}
#social ul li.fb {background: transparent url(images/icon_facebook.png) no-repeat left top;}
#social ul li.twitter {background: transparent url(images/icon_twitter.png) no-repeat left top;}

/*content*/
#content {margin-top: 20px; padding: 20px;}

.promo h3 {margin: 0.5em 0;}
.promo {padding: 10px 0; line-height: 1.8em;}

#store, #photos, #news {padding: 10px 0;}
.sectionTitle {overflow: hidden; border-bottom: 1px solid #ff0000;}
.sectionHeading {background: #ff0000; color: #fff; width: 200px; float: left; padding: 5px;}
.sectionHeading h3 a {color: #fff;}
.sectionTagline {color: #ff0000; font-style: italic; font-size: 0.875em;float: right; padding-top: 15px;}


#storeGallery, #photoGallery, #specialGallery {overflow: hidden; padding: 10px 0;}
#storeGallery ul li, #photoGallery ul li, #specialGallery ul li {float: left; width: 122px; margin-right: 10px;}
#storeGallery ul li img, #specialGallery ul li img { border: 1px solid #ff0000;}
/*#storeGallery ul li.last, #photoGallery ul li.last {margin-right: 0;}*/
#storeGallery ul li .prodTitle {font-size: 0.75em; padding: 3px 0;}
#storeGallery ul li .prodTitle a {color: #ff0000;}


#photos .sectionTitle {border-bottom: 1px solid #a9c6eb;}
#photos .sectionHeading {background: #a9c6eb;}
#photos .sectionTagline {color: #558fda; }
#photoGallery ul li img { border: 1px solid #a9c6eb;}

#news .sectionTitle {border-bottom: 1px solid #cdafe1;}
#news .sectionHeading {background: #cdafe1;}
#news .sectionTagline {color: #a053d3; }

#featured_news h3 {margin: 0.5em 0;}
#featured_news a {color: #a053d3;}
#featured_news p {font-size:0.875em; line-height:1.6em;}

/*Post styling*/
.post, .page {margin: 10px 0;}
.post h2, .page h2 {letter-spacing: -0.02em; line-height: 1.5em; color: #f13bae;}
.post .authordate {font-size: 0.75em; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: 0.02em; padding: 5px 0;}
.post p, .page p, #store p {margin: 1em 0; font-size: 0.875em; line-height: 1.375em;}
.post .postmetadata {font-size: 0.75em; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; padding: 5px 0; border-top: 1px solid #FFE9F6; border-bottom: 1px solid #FFE9F6;}

/*funpass store*/
#onlinestore {overflow: hidden;}
#onlinestore, #specials {float: left; width: 280px;}
.store-container {padding: 3px;}
.special-container {padding: 3px 6px;}

.btn {background: #D4FFAA; padding: 8px 30px; color: #fff; font-size: 0.914em;}
a.btn {color: #427411;}

/*footer*/

#footer {text-align: center;}
#footer p {font-size: 0.689em; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; padding: 10px 0;}


/* COMMENTS
--------*--------*--------*--------*--------*--------*--------*--------*--------*/
.comments-template {font-size: 0.814em; letter-spacing: 0.01em; line-height: 1.6em;}
.comments-template ol li, ol.commentlist li {margin: 1.5em 0; overflow: hidden;}

.comments-template .commentheading, #commentbits {border-top: 2px solid #C7A9E7; border-bottom: 1px solid #cba8e2; margin: 10px 0; overflow: hidden; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; color: #44206a; font-size: 0.875em; letter-spacing:0.02em; text-transform: uppercase;}
#commentbits {font-size: 0.750em; line-height: 1.4em;}
.comments-template .alt .commentheading  {border-top: 2px solid #C5F5BB; border-bottom: 1px solid #C5F5BB;}
.comments-template .commentheading cite {font-style: normal;}

.comments-template .comment_container {width: 438px; float: left; margin-right: 64px;}
.comments-template .commentnumber {width: 246px; float: left; text-align: right;}
.commentnumber h3 {padding: 10px 0; font-style: normal; font-size: 3.5em; color: #ABD6A8; text-align: right;}

.pinglist {width: 438px; font-size: 0.75em; line-height: 1.4em;}

.comments-template .authorcomment .commentheading {background: #C5F5BB; padding-left: 3px; padding-right: 3px;}

/*styling my author comments differently*/

#commentform p {margin: 1em 0;}
.commentlist p {margin: 0 0 1.5em 0;}

#commentform label {display: block; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; background: #F2FDE7; padding:2px 4px; width: 300px;}
#commentform input, #commentform textarea {font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 1em; border: none;}
#commentform input#author, #commentform input#email, #commentform input#url {width: 300px; border: 1px solid #F2FDE7;}

#commentform input, #commentform textarea {border: 1px solid #C5F5BB; border-top: 1px solid #46875C; background: transparent; padding: 3px;}
#commentform input#submit {background: #EE1E9A; padding: 2px; width: 300px; margin-left: 4px; color: #fff; border: none;}

#commentform textarea {width: 400px;}

#commentform .subscribe-to-comments label {display: inline; background: none;}

/*miscellaneous*/

/*input#email, textarea#comment {display: none;}*/ /*no-captcha spam*/

/*default WP styles - still needs more styling later*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft, .left {
   float: left; margin: 0 0.5em 0.5em 0;
}

.alignright, .right {
   float: right; margin: 0 0 0.5em 0.5em;
}

.wp-caption {
   text-align: center;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {

}

.wp-caption p {
   font-size: 0.875em;
   line-height: 1.125em;
font-variant: small-caps;
text-transform: lowercase;
color:#44206A;
   padding: 4px 5px 0;
   margin: 0;
}