/*  
Theme Name: Theme 6
Description:  BASIC GRID - LIGHT
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: Arial, Helvetica, sans-serif;
font-size: 0.875em;
line-height: 1.625em;
color: #787878; 
}

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

a:hover {
color: #aaaaaa;
}

a:visited {
color: #CCB676;
}

h1 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 1.375em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 10px;
color: #222222;
font-weight: normal;
letter-spacing: 0.12em;
text-align:center;
}

h2 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 1.063em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 0px;
color: #555555;
font-weight: normal;
letter-spacing: 0.15em;
}

h3 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 1.063em;
margin-top: 3.125em;
padding-bottom: 0px;
color: #666666;
font-weight: bold;
}


h4 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 0.938em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 0px;
color: #666666;
font-weight: bold;
letter-spacing:0.12em;
}

#popup_title h4 {
font-weight:normal;
letter-spacing:0em;
font-size: 1.063em;
}

h5 {
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 0.875em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 0px;
color: #555555;
font-weight: normal;
letter-spacing: 0.12em;
margin-bottom: 10px;
}

#row h5 {
letter-spacing: 0em;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.875em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 0px;
color: #555555;
font-weight: normal;
margin-bottom: 10px;
letter-spacing: 0.12em;
}

blockquote {
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 #CCB676;
}

blockquote p {
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
}

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

ul {
padding-left: 15px;
}

li {
display: list-item;
}

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

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

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


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

body {
border-top: 7px solid black;
font-size: 100%;
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: #787878;
line-height: 18px;
}

#pgContent {
padding-left: 1.250em;
padding-right: 1.250em;
width: 90%;
max-width: 61.250em;
margin: auto;
}

.mainPageContent {
min-height:500px;
}

#mainPageWrapper {
min-height:670px;
}

#inner_mainPageContent {
}

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

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


#pgLogo {
text-align: center;
padding: 20px;
}

#pgCompany {
font-family: Georgia, Times New Roman, serif;
font-size: 1.500em;
text-transform: uppercase;
padding-top: 20px;
margin-bottom: 20px;
letter-spacing: 0.2em;
}

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


#pgNavigation {
display:block;
clear:both;
margin: 0 10px 30px 10px;
border-top: 1px solid #dddddd;
text-align: center;
}

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

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

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

#nav-pg ul li {
font-family: Georgia, Times New Roma, serif;
text-transform: uppercase;
font-size: 0.750em;
color: #333333;
font-weight: bold;
letter-spacing: 0.063em;
}

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

li.item29.current a {
color: #151517;
}



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


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

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

.galleryImage .imagePublic {
height: 226px;
}

#pgGallery {
height: 205px;
width: 306px;
background-color: #eeeeee;
}

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

#galleryTitle {
font-family: Georgia, Times New Roman, serif;
background-color: #ffffff;
opacity: 0.6;
text-transform: uppercase;
color: #000000;
height: 116px;
padding: 90px 5px 0 5px;
width: 306px;
position: relative;
top: -215px;
font-size: 0.750em;
z-index: 1;
text-align: center;
display:none;
letter-spacing: 0.2em;
}

.galleryTitle2 {
font-family: Georgia, Times New Roman, serif;
background-color: #ffffff;
opacity: 0.6;
text-transform: uppercase;
color: #000000;
height: 116px;
padding: 90px 5px 0 5px;
width: auto;
position: relative;
margin:10px;
top:-215px;
font-size: 0.750em;
z-index: 1;
text-align: center;
display:none;
letter-spacing: 0.2em;
filter: alpha(opacity=50);/* for IE5-7*/
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* for IE8*/
}

#galleryParent {
width: 326px;
height: 215px;
}

#imgCat {
font-size:0.750em;
}

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

.gal_list_pagination {
margin-left:0px !important;
margin-top: 4px;
font-family: Georgia, Times New Roman, serif;
font-style: italic;
}

#collabInfo {
font-size:0.750em;
}

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

#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;
font-family: Georgia, Times New Roman, serif;
font-style: italic;
}


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

.unlock-collection {
text-transform:uppercase;
font-family: Georgia, Times New Roman, serif;
}

#frmEdit {
margin-left: 10px;
}

.editEventTitle {
margin-top: 10px;
font-family: Georgia, Times New Roman, serif;
clear:both;
font-size: 1.375em;
text-transform: uppercase;
margin-top: 20px;
padding-bottom: 10px;
color: #222222;
font-weight: normal;
letter-spacing: 0.15em;
text-align:center;
}

#gallerymanage {
width:940px;
}

#mainGallery {
background-color:#eeeeee;
}

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

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

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

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

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

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


.collectionheader, .catheader {
font-family: Georgia, Times New Roman, serif;
color: #000000;
}

.collection_title, .cat_title {
font-family: Georgia, Times New Roman, serif;
}

.colHeadSubTitle {
font-family: Georgia, Times New Roman, serif;
}

/* ///////////////////////////////////////////////////////////////////// 
//  06 - Albums
/////////////////////////////////////////////////////////////////////*/

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

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

#pgAlbum {
height: 205px;
width: 306px;
background-color: #eeeeee;
}

#albumsParent {
width: 326px;
height: 215px;
}

#albumTitle {
font-family: Georgia, Times New Roman, serif;
letter-spacing: 0.2em;
background-color: #ffffff;
opacity: 0.6;
text-transform: uppercase;
color: #000000;
height: 116px;
padding: 90px 5px 0 5px;
width: 306px;
position: relative;
top: -215px;
font-size: 0.750em;
z-index: 1;
text-align: center;
display:none;
}


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

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

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

#album_submit {
padding-left: 340px !important;
margin: 5px auto !important;
}

#mydiv {
padding-top: 30px;
}

#landingNav {
text-align: center;
float:none !important;
}

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

#landingNav li {
margin: 0 12px 0 12px;
display: inline-block;
list-style-type: none;
padding-right: 10px;
padding-left:10px;
font-size:0.813em;
}

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

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

#landingNav .current a {
color: #000000; 
}

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

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

.feedback_box {
font-size: 0.813em;
}

#changeview-rf.submitButton {
padding: 4px 12px 0px 12px !important;
font-size: 0.750em;
}


#content .full {
margin-right: 20px;
}

.conversation_client {
color: #000000;
}

.conversation_pg {
color: #000000;
}

.conversation_header {
font-family: Georgia, Times New Roman, serif;
color: #222222;
text-transform: uppercase;
padding-bottom: 10px;
}

.layoutnumber {
font-size:0.875em;
text-transform: uppercase;
font-family: Georgia, Times New Roman, serif;
color: #222222;
}

.ago {
color: #aaaaaa;
margin-bottom: 20px;
font-family: Georgia, Times New Roman, serif;
font-style: italic;
font-size: 0.750em;
}

.submitButton {
font-size: 0.938em;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
background-color: #353535;
border-radius: 2px;
padding: 2px 12px 0px 12px !important;
}
       
#sendFeedbackToPg {
color: #ffffff;
background-color: #353535;
font-size: 0.750em;
border-radius: 2px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 50px;
}
      
.sendFeedbackUnsent{
background: none repeat-x scroll 0 0 #aaaaaa;
}
   
.sendFeedbackSending{
background: none repeat-x scroll 0 0 #666666;
}   

.sharealbum {
padding-left: 0px;
}

.mini_header {
font-size: 0.813em;
}


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

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

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

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


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

#header_connectFull {
text-transform: uppercase;
margin-bottom: 10px;
padding-top: 40px;
font-family: Georgia, Times New Roman, serif;
font-style:italic;
}

.sharename {
text-transform: uppercase;
font-style:italic;
font-family: Georgia, Times New Roman, serif;
color: #787878;
}

.sharealbum {
margin: 0 0 130px 0 !important;
}

#pgconnectsm_sh {
visibility:hidden;
}

#pg_connectSmall-l {
font-style:italic;
font-size: 0.688em;
font-family: Georgia, Times New Roman, serif;
padding: 1px 0 15px 0;
text-transform: capitalize;
}

.pgconnectsm_cat-l a {
color: #333333;
}

 #frmContact {
font-size: 0.813em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  09 Template 06 Grid Light - Blog CSS
/////////////////////////////////////////////////////////////////////*/

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

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

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

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

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

.postRow {
border-bottom: 1px solid #dddddd;
padding-bottom: 23px;
}

.postHeader .subject h1 {
color:#222;
font-size: 1.2em;
font-weight: lighter;
text-transform: uppercase;
letter-spacing:0px;
text-align:left;
}

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

.postTags {
padding-top:20px;
}

.postCategories {
padding-top:5px;
}

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

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

.blogSidePannel {
background-color: #F3F2F1;
padding-top: 18px;
padding-bottom: 10px;
padding-left: 7px;
}

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

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

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

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

.recentpostsBox .title h2, .recentCategories .title h2 {
padding-bottom:0px;
margin-top:17px;
border-bottom:1px solid #DDD;
font-size:0.938em;
color:#333;
font-weight: bold;
letter-spacing: 0px;
}

.recentCategories li {

}

.searchboxfld {
border:1px solid #DDD;
font-size:0.813em;
color:#555;
font-family:Arial, Helvetica, sans-serif;
height: 24px !important;
}

.searchIcon {
border:1px solid #DDD;

}

.searchIcon img {
width: 20px !important;
}


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

.comment {
border:1px solid #eeeeee;
}

#replyform {
background-color:#F3F2F1;
}

#replyform .row1 h2 {
letter-spacing:0px;
}

#replyform .title {
border:1px solid #999;
background-color: #999;
color: #FFFFFF;
font-size: 0.938em;
}

#replyform input {
border: 1px solid #999;
width: 387px;
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;
}

/* ///////////////////////////////////////////////////////////////////// 
//  10 - Footer
/////////////////////////////////////////////////////////////////////*/

#isPageFooter {
margin-top: 50px;
margin-bottom: 50px;
clear: both;
}

#pgFooter {
border-top: 1px solid #e5e5e5;
margin-right: 10px;
margin-left:10px;
}

#poweredby {
float: right !important;
margin-top: 10px !important;
}

/* ///////////////////////////////////////////////////////////////////// 
//  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)  { 

#galleryParent, #albumsParent {
width: 290px;
height: 200px;
}


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

#galleryTitle, #albumTitle {
height: 100px;
width: 260px;
font-size: 0.750em;
top:-200px;
position:relative;
}


}

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


#galleryParent, #albumsParent {
width: 290px;
height: 200px;
}


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

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

#galleryTitle, #albumTitle {
height: 100px;
width: 260px;
font-size: 0.750em;
top:-200px;
position:relative;
}


}


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

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

.blogMain {
width: 100% !important;
}

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

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

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

}