/*  
Theme Name: Theme 1
Description:  BASIC LIGHT Styles
Version: 1
Author: Queensberry
Author URL: https://www.queensberry.com

TABLE OF CONTENTS

01 - Global 
02 - General Layout
03 - Header
04 - Navigation
05 - Galleries
06 - Album
07 - Shopping Cart
08 - Widgets
09 - Blog CSS
10 - Footer
11 - Responsive CSS
*/




/* ///////////////////////////////////////////////////////////////////// 
//  01 - Global
/////////////////////////////////////////////////////////////////////*/
/*--------------------------------------
Font Styles 
---------------------------------------*/

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #555; 
line-height: 1.600em;
}

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

a:hover {
color: #505050;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size:1.5em;
text-transform: uppercase;
margin-top: 3.125em;
border-bottom: 0px solid #dddddd;
color: #555555;
font-weight: normal;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.875em;
text-transform: uppercase;
margin-top: 2.500em;
padding-bottom: 0px;
border-bottom: 0px solid #dddddd;
color: #555555;
font-weight: normal;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.813em;
text-transform: uppercase;
margin-top: 1.875em;
margin-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #555555;
font-weight: bold;
}


h4 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.813em;
text-transform: uppercase;
margin-top: 1.563em;
margin-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #555555;
font-weight: normal;
}

h5 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.813em;
margin-top: 1.563em;
margin-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #555555;
font-weight: bold;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.813em;
margin-top: 1.563em;
margin-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #555555;
font-weight: normal;
}

blockquote, address {
margin: 20px 0 20px 30px;
padding: 0 30px 0 30px;	
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
border-left: 5px solid #C0C0C0; 
}

/*--------------------------------------
Page Element Styles (lists, lines, etc)
---------------------------------------*/

ul {
padding-left: 15px;
}


.hr_aa {
background-color: #dddddd;
margin: 15px 0 25px 0 !important;
}

.cart-hr {
border-top:1px solid #dddddd;
height:5px;
}

input[type="submit"]{
font-family:Arial, Helvetica, sans-serif;
}


/*--------------------------------------
Page Styles 
---------------------------------------*/

body {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}

#pageWidth {
margin:auto;
margin-top: 0px;
padding:0;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #555555;
line-height: 18px;
}

#pgContent {
padding-left: 1.250em;
padding-right: 1.250em;
-moz-box-shadow: 0 0 7px #999;
-webkit-box-shadow: 0 0 7px#999;
box-shadow: 0 0 7px #999;
width: 90%;
margin: auto;
}

#mainPageWrapper {
clear: both;
}

.mainPageContent {
min-height:500px;
}

#inner_mainPageContent {
padding-bottom:50px;
}

.photographer-custom-page {
width:100%;
}

.nopadding {
    padding: 0px !important;
}

.padding2 {
    padding: 2px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

/* ///////////////////////////////////////////////////////////////////// 
//  03 - header
/////////////////////////////////////////////////////////////////////*/

#pgLogo_img {
padding: 20px 0 20px 0;
max-width:100%;
}

#pgCompany {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.500em;
text-transform: uppercase;
padding-top: 30px;
margin-bottom: 40px;
line-height: 30px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  04 - Navigation
/////////////////////////////////////////////////////////////////////*/

#pgNavigation {
clear:both;
margin-bottom: 20px;
margin-top:12px;
border-bottom: 1px solid #dddddd;
padding-left:0px;
}

#pgNavigation li {
float: left;
width: auto;
display: block;
padding-right: 40px;
}

#pgNavigation li{
color: #555555;
text-decoration: none;
}

#nav-pg {
padding-left: 0px;
}

#nav-pg ul li {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:0.850em;
color: #555555;
}

#nav-pg ul {
padding-left: 0px;
display: inline-block;
padding-bottom: 0px;
margin-top:4px;
margin-bottom: 4px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  05 - Galleries
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Event Page Styles 
---------------------------------------*/

#galleriesList_2 {
margin:auto;
width:96%;
}

#allGalleries {
margin-top:25px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#pgGallery {
height: 226px;
width:305px;
background-color: #eeeeee;
overflow: visible !important;
}

#pgGallery .wraptocenterGallery {
height: 226px;
width:305px;
}

#galleryParent {
width:326px;
margin-bottom: 15px;
height: 286px;
display: inline-block;
float:none !important
}

#galleryTitle {
text-transform: uppercase;
background-color:#eeeeee;
color: #666666;
height: auto;
padding: 6px 10px 6px 10px;
font-size: 0.750em;
width: 305px;
margin: 10px 0;
}

#imgCat {
font-size:0.750em;
}

.paging_container {
font-size:0.750em;
margin-top:10px;
}

.gal_list_pagination {
margin-left:0px !important;
margin-top: 4px;
}

#collabInfo {
font-size:0.750em;
}

/*--------------------------------------
Event Slideshow & Thumbnail Styles 
---------------------------------------*/

#slideshowContainer {
margin-left: auto;
margin-right: auto;
}

#slideshow {
width:100% !important;
}

.qbyMain, .qbyMainCurrent, .qbyMainCurrentImage, .qbyMainNextImage .qbyMainNext {

}

span#numGalImages {
font-size: 0.750em;
color: #aaaaaa;
}

.paging_container {
height:50px;
}

li#gal_images_25, li#gal_images_50, li#gal_images_75, li#gal_images_100 {
list-style-type: none;
}

/*--------------------------------------
Editable Collection 
---------------------------------------*/

#frmEdit {
margin-left:30px;
margin-top:30px;
}

.unlock-collection {
text-transform:uppercase;
}

.editEventTitle {
clear:both;
font-size:1em;
text-transform: uppercase;
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 0px solid #dddddd;
color: #555555;
font-weight: normal;
}


#gallerymanage {
width:940px;
}

#mainGallery {
background-color:#eeeeee !important;
}

#client_manage .collection {
background-color:#dddddd !important;
}

#client_manage .current_collection {
background-color:#eeeeee !important;
}

#client_manage .category {
background-color:#dddddd !important;
}

#client_manage .current_category {
background-color:#eeeeee !important;
}

.clm-pagination-top, .clm-pagination-bottom {
font-size: 0.750em;
}

.clm-pagination-bottom {
margin-bottom: 15px;
margin-top:0px;
}

/* ///////////////////////////////////////////////////////////////////// 
//  06 - Album
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Album Page Styles 
---------------------------------------*/

#allAlbums {
margin-top:25px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#main .wrap {
width: 100%;
margin: 0 auto;
padding: 0 0 0 0;
}

#pgAlbum {
height: 226px;
width:305px;
background-color: #eeeeee;
overflow: visible !important;
}

#albumsParent {
width:326px;
margin-bottom: 15px;
height: 286px;
display: inline-block;
float:none !important
}

#albumTitle {
text-transform: uppercase;
background-color:#eeeeee;
color: #666666;
height: auto;
padding: 6px 10px 6px 10px;
width:305px;
font-size: 0.750em;
margin: 10px 0;
}

/*--------------------------------------
Album Proofing Styles 
---------------------------------------*/

.albumlogin {
background-color: #dddddd;
padding: 1px 10px 10px 0;
width: 200px;
color: #555555;
}

#login_album_id span, #login_password span {
font-size:0.813em;
}

#album_submit {
margin-top: 11px;
padding-left: 166px !important;
}


#landingNav ul {
padding-left: 0px;
}


#landingNav li {
margin: 0 24px 0 0;
display: inline-block;
list-style-type: none;
padding-right: 20px;
padding-bottom: 2px;
font-size:0.750em;
}

#landingNav li a{
text-decoration: none;
}

#landingNav li a:hover{
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid #555555;
}

#landingNav .current a {
color: #000000;
padding-bottom: 2px;
border-bottom: 1px solid #555555; 
}

.albumreview_info {
font-size:0.813em;
margin: 20px 0 35px 0 !important;
padding:0px !important;
width:60%;
}



/*--------------------------------------
Feedback Page
---------------------------------------*/

.feedback_box {
font-size: 0.813em;
}

#changeview-rf.submitButton {
padding: 6px 12px 1px 12px;
font-size: 0.750em;
}

.conversation_client {
color: #000000;
}

.conversation_pg {
color: #000000;
}

.layoutnumber {
font-size:0.813em;
}

.conversation_header {
text-transform: uppercase;
margin-bottom: 10px;
}

.ago {
color: #cccccc;
margin-bottom: 10px;
font-size: 0.750em;
}

.submitButton {
font-size: 0.938em;
color: white;
text-transform: uppercase;
background-color:#353535;
}
       
#sendFeedbackToPg {
color: white;
font-size: 0.813em;
text-decoration: none;
text-transform: uppercase;
margin-bottom:20px;
}
   
.sendFeedbackUnsent{
background: none repeat-x scroll 0 0 #A9A9A9;
}
   
.sendFeedbackSending{
background: none repeat-x scroll 0 0 #555555;
} 

.sharealbum {
padding-left: 0px;
}

.mini_header {
font-size: 0.813em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  07 - Shopping Cart
/////////////////////////////////////////////////////////////////////*/

#popup_title {
font-size: 0.813em;
}

#popup_title h4 {
font-size: 1.3em;
}

.buyFooter p {
font-size: 1em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  08 - Widgets
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Connect Widgets
---------------------------------------*/

#header_connectFull {
text-transform: uppercase;
margin-bottom: 10px;
font-size:0.813em;
}

.sharename {
text-transform: uppercase;
font-size: 0.725em;
margin-right: 24px;
padding-top: 0px !important;
padding-left: 5px;
}

img.pgconnectfull_imgpad {
height: 18px !important;
width: auto !important;
padding: 0 0px 0 0;
}

.pgconnectfull_cat {
padding-bottom: 30px;
}

#pg_connectFull {
margin-bottom:20px;
}

#frmContact {
font-size: 0.813em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  09 Template 01 - Blog CSS
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Main
---------------------------------------*/

.blogWrapper {
font-size: 0.813em;
line-height: 1.65em;
}

.blogWrapper p {
font-size: 1.2em;
}

.categoryHeader h1, .searchHeader h1 {
margin-top:20px;
}

#storyboardTitle h1 {
margin-top: 0px;
padding-bottom: 0px;
}

.postTags {
padding-top:20px;
}

.postCategories {
padding-top:5px;
}

.postedDate {
color: #A0A0A0;
}

.postRow .loadcontent, .loadcontent1 {
margin-top:30px;
margin-bottom:30px !important;
}

.postRow {
border-bottom: 1px solid #dddddd;
padding-bottom: 42px !important;
}

.postHeader .subject h1 {
font-size: 1.5em;
margin-bottom: 0px;
padding-bottom:5px;
}

.entries {
border-top:2px solid #dddddd;
}

.authorInfo {
height:62px !important;
}

.postedDate {
font-size: 1.1em;
}

.authorName {
font-size: 1.1em;
}

.useraboutme {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #555; 
line-height: 1.600em;
}

/*--------------------------------------
Side Panel
---------------------------------------*/

.blogSidePannel {
background-color: #eeeeee;
padding-top: 18px;
padding-bottom: 10px;
padding-left: 7px;
max-width: 300px;
}

.recentpostsBox {
padding-left: 14px;
padding-right: 20px;
}

.recentCategories {
padding-left: 14px;
padding-right: 20px;
}

.recentpostsBox li a, .recentCategories li a {
color:#555555;
}

.recentpostsBox li a:hover, .recentCategories li a:hover {
color:#A0A0A0;
}

.recentpostsBox .title h2, .recentCategories .title h2 {
padding-bottom:6px;
margin-top:17px;
border-bottom:1px solid #ddd;
font-size:1em;
}

.recentCategories li {
background-color: #FDFDFD;
padding: 4px 0px 4px 6px;
}

.searchboxfld {
border:1px solid #bbbbbb;
font-size: 0.750em;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
height: 35px !important;
}

.searchIcon {
border:1px solid #bbbbbb;
}

.userPhoto {
width:150px !important;
border: 1px solid #a0a0a0 !important;
}

.fb-like-box-wrapper {
padding-left: 18px !important;
}


/*--------------------------------------
Comments
---------------------------------------*/

.comment {
border:1px solid #eeeeee;
width: 77% !important;
margin-left: 0px !important;
}

.commentperson {
padding-right: 10px !important;
}

#replyform {
background-color:transparent;
}

#replyform .row1 h2 {
letter-spacing:0px;
margin-left:-13px;
font-size: 1.5em;
width:94% !important;
}

#replyform .title {
border: 0px solid #999;
background-color: transparent:
color: #333;
font-size: 1.1em;
width: 69px !important;
}

#replyform input {
border: 1px solid #999;
width: 77% !important;
font-size: 0.938em;
color: #353535;
font-family: Arial, Helvetica, sans-serif;
}

#replyform textarea {
border:1px solid #999;
font-size: 0.938em;
color:#353535;
font-family: Arial, Helvetica, sans-serif;
}

.postHeader .commentsCount {
background:url('http://queensberry.s3.amazonaws.com/images/comment_icon.png')no-repeat scroll 22px 0px transparent !important;
height:29px;
color: #888888 !important;
}

#fbdiscussionWrapper {
width:auto !important;
}

.buttonYel1 {
padding-top: 3px !important;
}

#replyform .buttonYel1 {
margin-right: 56px !important;
font-size: 1em;
letter-spacing: 1px;
}

.commenttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #555; 
line-height: 1.600em;
}
  
/* ///////////////////////////////////////////////////////////////////// 
//  10 - Footer
/////////////////////////////////////////////////////////////////////*/

#pgFooter {
padding: 30px 0 132px 0;
}


/* ///////////////////////////////////////////////////////////////////// 
//  11 - RESPONSIVE CSS
/////////////////////////////////////////////////////////////////////*/

/*  HandHeld - Ipad in Portrait or screen smaller that 980px CSS */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  { 

/*--------------------------------------
General
---------------------------------------*/

#nav-pg ul li {
font-size:0.950em;
}

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

.blogMain {
width:100% !important;
}

.blogMainWrapper {
width:100% !important;
}

.blogSidePannel {
display:none;
}

.blogWrapper p {
font-size: 1.3em;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}

#galleryParent, #albumsParent {
width: 290px;
margin-bottom: 15px;
height: 270px;
}


#pgGallery, #pgAlbum {
height: 200px;
width: 270px;
}

#pgGallery .wraptocenterGallery {
height: 200px;
width:270px;
}

#galleryTitle, #albumTitle {
height: auto;
padding: 6px 10px 6px 10px;
width: auto;
font-size: 0.750em;
}

.buttonYel1 {
margin-right: 108px !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  { 

/*--------------------------------------
General
---------------------------------------*/

#nav-pg ul li {
font-size:0.950em;
}


#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

.blogWrapper p {
font-size: 1.3em;
}

#galleryParent, #albumsParent {
width: 290px;
margin-bottom: 15px;
height: 270px;
}


#pgGallery, #pgAlbum {
height: 200px;
width: 270px;
}

#pgGallery .wraptocenterGallery {
height: 200px;
width:270px;
}

#galleryTitle, #albumTitle {
height: auto;
padding: 6px 10px 6px 10px;
width: auto;
font-size: 0.750em;
}

.buttonYel1 {
margin-right: 108px !important;
}
}

@media only screen and (max-width: 884px) {

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogMainWrapper {
width:100% !important;
}

    .blogSidePannel {
       display:none;
    }

#replyform {
width: 95% !important;
}

.blogWrapper p {
font-size: 1.3em;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape) {

/*--------------------------------------
General
---------------------------------------*/

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogWrapper p {
font-size: 1.3em;
}

    .blogSidePannel {
       display:none;
    }


.searchIcon {
margin-left:2% !important;
}

.blogSidePannel {
width: 99% !important;
float:none !important;
}

#commentContainer {
width: 93% !important;
}

#replyform {
width: 95% !important;
}

#replyform .buttonYel1 {
margin-right: 0px !important;
}

#replyform input {
width: 90% !important;
}

.recentpostsBox li {
display: inline;
margin-right:20px;
}

.recentCategories li {
display: inline;
margin-right:20px;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {

/*--------------------------------------
General
---------------------------------------*/

#pgContent {
width: 98%;
}

p {
font-size: 1.3em;
}

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

.blogMainWrapper {
width:100% !important;
}

.blogWrapper p {
font-size: 1.3em;
}

    .blogSidePannel {
       display:none;
    }

#commentContainer {
width: 93% !important;
}

#replyform {
width: 96% !important;
}

#replyform .buttonYel1 {
margin-right: 30px !important;
}

#replyform input {
width: 100% !important;
}

.useraboutme {
width:95% !important;
padding-top: 10px;
}

/*--------------------------------------
Gallery Thumbnails
---------------------------------------*/    

#galleryParent {
                        width: 235px !important;
                        height:184px !important;
                        padding-top: 34px;
                        padding-right:1px;
}

#galleryTitle {
                        width: 225px !important;
                        margin-bottom: 50px;
}

.galleryParentC {
                        width: 235px !important;
                        height:150px !important;
}

#pgGallery {
                        width: 225px !important;
                        height:150px !important;
                        margin:0px !important;
}

.pgGalleryImg {
                        height: 150px !important;
                        width:auto !important;
}

.wraptocenterGallery {
                        width: 235px !important;
                        height:150px !important;
}

/*--------------------------------------
Album Thumbnails
---------------------------------------*/ 

#albumsParent {
                        width: 235px !important;
                        height:184px !important;
                        padding-top: 34px;
                        padding-right:1px;
}

.albumsParentC {
                        width: 235px !important;
                        height:150px !important;
}

#pgAlbum{
                        width: 225px !important;
                        height:150px !important;
                        margin:0px !important;
}

#albumTitle {
                        top:-150px !important;
                        width: 225px !important;
                        margin-bottom: 50px !important;
}

.pgAlbumImg {
                        height: 150px !important;
                        width:auto !important;
}

.wraptocenterAlbum {
                        width: 235px !important;
                        height:150px !important;
}

#changeview-rf.submitButton {
top: 30px !important;
padding: 2px 18px 6px 18px !important;
font-size: 0.9em;
}
}
/*--------------------------------------
Responsive navigation
---------------------------------------*/
    @media (max-width: 768px) {
        #pgNavigation, #nav-pg {
            padding-right: 0;
        }
        #nav-toggle {
            background-image: url("http://workspace-cdn.s3.amazonaws.com/images/settings_navigation_icons/dropdown_menu.png");
            display: block !important;
            float: left;
            width: 30px;
            height: 30px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            position:none !important;
            
        }
        #pgNavigation ul {
            max-height: 0px;
            overflow: hidden;
            transition: max-height 300ms ease 0s;
            list-style: none outside none;
            padding: 0;
            top: 100%;
        }
        
        #pgNavigation ul.open {
            max-height: 1000px;      
        }
            #pgNavigation ul li { display: block; list-style: none; text-align: left; width: 100%; padding-right: 0; }
            #pgNavigation ul li a { display: block; padding: 15px 10px; border:none; text-decoration: none; }
            #pgNavigation ul.open li a { border-top: 1px solid #ccc;}
            #pgNavigation ul li a:hover { }
    }