/*  
Theme Name: Theme 3
Theme URI: https://template.queensberryworkspace.com/
Description:  SOCIAL Page Styles
Version: 1.2
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: Georgia, Times New Roman, serif;
font-size: 1.1em;
line-height: 1.700em;
color: #151517;

}

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

a:hover {
color: #505050;
}

h1 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 1.5em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 10px;
border-bottom: 1px solid #dddddd;
color: #151517;
font-weight: normal;
padding-top:0px;
margin-bottom: 22px;
}

h1#shoppingcart_header, h1#cartcurrency {
margin-top: 3.125em !important;
}

h2 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 0.875em;
text-transform: uppercase;
margin-top: 2.500em;
color: #151517;
font-weight: normal;
}

h3 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 0.813em;
text-transform: uppercase;
margin-top: 2.500em;
color: #151517;
font-weight: bold;
}


h4 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 0.813em;
text-transform: uppercase;
margin-top: 2.500em;
color: #151517;
font-weight: normal;
margin-bottom:10px;
}

h5 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 0.813em;
margin-top: 1.563em;
color: #151517;
font-weight: bold;
margin-bottom:10px;
}

h6 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 0.813em;
margin-top: 1.563em;
color: #151517;
font-weight: normal;
margin-bottom:10px;
}

blockquote, address {
color: #151517;
margin: 20px 0 20px 30px;
padding: 0 30px 0 30px;	
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
border-left: 5px solid #DDD;
}

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

ul {
padding-left: 40px;
}

.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: Georgia, Times, "Times New Roman", serif;
}

/* ///////////////////////////////////////////////////////////////////// 
//  02 - General Layout
/////////////////////////////////////////////////////////////////////*/

body {
background-color: #ffffff;
font-family: Georgia, Times New Roman, serif;
}

#pageWidth {
margin:auto;
margin-top: 0px;
padding:0;
font-family: Georgia, Times New Roman, serif;
color: #151517;
line-height: 18px;
width: 100%;
}

#pgContent {
padding-left: 1.250em;
padding-right: 1.250em;
width: 90%;
margin: auto;
background-color: #ffffff;
max-width:1021px;
}

#mainPageWrapper {
  clear: both;
}

.mainPageContent {
display: inline-block;
min-height:650px;
}

#inner_mainPageContent {
margin-bottom: 20px;
}

#inner_mainPageContent h1{
margin-top: 40px;
}

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

.nopadding {
    padding: 0px !important;
}

.padding2 {
    padding: 2px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}


/* ///////////////////////////////////////////////////////////////////// 
//  03 - Header
/////////////////////////////////////////////////////////////////////*/


#pgLogo {
display: inline-block;
padding-top:15px;
}

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



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

#pgNavigation {
clear:both;
margin-bottom:20px;
margin-top: 10px;
height:auto;
border-bottom:0px;
background-color: #dddddd;
}

#pgNavigation li {
float:left;
width: auto;
display: block;
padding: 7px 40px 0 10px;
}

#pgNavigation ul{
float:none;
display: inline-block;
}

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

#nav-pg ul li {
font-family: Georgia, Times New Roman, serif;
text-transform: uppercase;
font-size:0.750em;
color: #151517;
}

#nav-pg ul {
padding-left: 0px;
margin: 5px 0 10px 0;
}

li.item29.current a {
font-family: Georgia, Times New Roman, serif;
text-transform: uppercase;
color: #151517;
border-bottom: 1px solid #999999;
}

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

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

#allGalleries {
width: auto;
min-height: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


#pgGallery { 
border-spacing:0px;
width: 205px;
height: 205px;
background-color: #dddddd;
overflow: visible !important;
}

#pgGallery .wraptocenterGallery {
width: 205px;
height: 205px;
}

#galleryParent {
height: 238px;
width: 215px;
display: inline-block;
float:none !important
}

#galleryTitle {
height: 25px;
background-color: #dddddd;
text-transform: uppercase;
position: relative;
margin: 10px 0;
top:-8px;
padding: 3px 5px 0 8px;
font-size: 0.750em;  
color: #151517;
width:auto;
}

#imgCat {
font-size:0.750em;
}

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

#slideshow {
width:100% !important;
}

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

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

}

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

.paging_container {
font-size:0.750em;
height:50px;
}

#imgCat {
font-size:0.750em;
}

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

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

#collabInfo {
font-size:0.750em;
}

#slideshowContainer {
margin-top: 100px;
}

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

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

.editEventTitle {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 1em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 10px;
border-bottom: 1px solid #dddddd;
color: #151517;
font-weight: normal;
margin-bottom: 22px;
}


#gallerymanage {
width:940px;
margin: 0px !important;
}

#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 
---------------------------------------*/

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

#pgAlbum {
width: 205px;
height: 205px;
background-color: #dddddd;
overflow: visible !important;
}

#albumsParent {
height: 238px;
width: 215px;
display: inline-block;
float:none !important
}


#albumTitle {
height: 25px;
background-color: #dddddd;
text-transform: uppercase;
position: relative;
top: -8px;
padding: 3px 5px 0 8px;
margin: 10px 0;
font-size: 0.750em;
width:auto;             
}

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

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

.albumlogin {
background-color: #eeeeee;
padding: 1px 10px 10px 0;
width: 200px;
margin-top: 30px;
}

#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;
margin-bottom: 30px;
margin-top: 30px;
}

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

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

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

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

.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 {
font-weight: bold;
margin-bottom: 8px;
}

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

.submitButton {
font-size: 0.938em;
color: white;
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;
display:none;
}

.sharename {
text-transform: uppercase;
padding-top: 5px;
font-size: 0.75em;
}

#pg_connectFull {
width: 262px;
height: 130px;
margin-top: 25px;
}

.pgconnectfull_cat {
padding-bottom: 17px;
}

.fb-like-box-wrapper {
margin-top: 27px;
}

small {
font-size: 0.750em;
}

#frmContact {
font-size: 0.813em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  08 Template 03 - Blog CSS
/////////////////////////////////////////////////////////////////////*/

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

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

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

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

.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-top:0px !important;
padding-bottom:5px;
border-bottom: 0px;
}

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

.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: #ddd;
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 #aaaaaa;
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;
}


/*--------------------------------------
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;
}

#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;
}

/* ///////////////////////////////////////////////////////////////////// 
//  09 - Footer
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Footer Styles
---------------------------------------*/

#pgFooter {
padding: 50px 0 15px 0;
margin-top:20px;
}


/* ///////////////////////////////////////////////////////////////////// 
//  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;
}

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

/*--------------------------------------
Gallery / Thumbnail
---------------------------------------*/    

#galleryParent, #albumsParent {
height: 310px;
width: 275px;
}


#pgGallery, #pgAlbum {
width: 265px;
height: 265px;
}

#pgGallery .wraptocenterGallery {
width: 265px;
height: 265px;
}

#galleryTitle, #albumTitle {
width: auto;
}
}

@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;
}

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

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

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


/*--------------------------------------
Gallery / Thumbnail
---------------------------------------*/

#galleryParent, #albumsParent {
height: 310px;
width: 275px;
}

#pgGallery, #pgAlbum {
width: 265px;
height: 265px;
}

#pgGallery .wraptocenterGallery {
width: 265px;
height: 265px;
}

#galleryTitle, #albumTitle {
width: auto;
}
}

@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;
}

.blogMain {
width: 100% !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;
}

#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;
            margin-left:13px;
            
        }
        #pgNavigation ul {
            max-height: 0px;
            overflow: hidden;
            transition: max-height 300ms ease 0s;
            list-style: none outside none;
            padding: 0;
            top: 100%;
        }

        #pgNavigation {
padding-left:0px !important;
margin-bottom:20px;
}

        
        #pgNavigation ul.open {
            max-height: 1000px;      
        }

#nav-pg {
             padding-left:15px !important;
             padding-right:15px !important;
}

            #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 { }
    }

#pgNavigation li {
padding: 0px !important;
}

#pgLogo {
padding-top:15px;
padding-bottom:15px;
}
}

/*--------------------------------------
responsive social media icon
---------------------------------------*/
@media (max-width: 768px) {
td.events_td {
  float: left;
}
td.connect_td {
  float: left;
  width:100%;
}
#pg_connectFull {
margin-left: auto;
margin-right: auto;
}
.fb-like-box-wrapper {
width:238px;
margin-left:auto;
margin-right:auto;
}
}