/*  
Theme Name: Theme 7
Description: GRID - LIGHT
Version: 1.4
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 - Slideshow
07 - Widgets
08 - Homepage
09 - Editable Collection
10 - Shopping Cart
11 - Blog CSS
12 - Footer
13 - Responsive CSS
*/

/* ///////////////////////////////////////////////////////////////////// 
//  01 - Global
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Font Styles 
---------------------------------------*/

p {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
color:gray;
font-size: 1.1em;
line-height: 1.500em;
}

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

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

h1 {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.5em;
text-transform: uppercase;
margin-top: 3.125em;
padding: 0 0 10px 0;
font-weight: normal;
letter-spacing: 0.1em;
}

h2 {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.125em;
font-weight: normal;
margin-top: 3.125em;
}

h3 {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.938em;
font-weight: bold;
margin-top: 3.125em;
}

h4 {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.938em;
font-weight: normal;
margin-top: 3.125em;
margin-bottom: 10px;
}

h5 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.750em;
text-transform: uppercase;
margin-top: 3.125em;
padding-bottom: 0px;
font-weight: normal;
margin-bottom: 10px;
}

h6 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.750em;
margin-top: 3.125em;
padding-bottom: 0px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
margin-bottom: 10px;
}


blockquote, address {
padding: 0 30px 0 30px;
font-style: italic;
font-weight: normal;
font-size: 1em;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
border-left: 4px solid #a3cef2;
}

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

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

ul {
padding-left: 20px;				
}

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

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

body {
background-color: white;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}

#pageWidth {
margin: 0;
padding: 0;
border: 0;
width:100%;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7em;
font-size: 100%;
color: gray;
vertical-align: baseline;
background-color: #ffffff;
}

#pgContent {
margin: 0;
padding: 0;
border: 0;
width: 90% !important;
float: left;
vertical-align: baseline;
background-color: white;
}


#inner_mainPageContent{
padding-top :70px;
padding-left: 50px;
top: 20px;
position: absolute;
width: 940px                   
}

#inner_mainPageContent_alt{
background-color: #ffffff;
}

.mainPageContent {
height:100%;
padding-right: 40px;
padding-left: 40px;
width:950px;
position: absolute;
left: 210px;
background-color: white;
}

#mainPageWrapper {
padding-right: 2.500em;
padding-left: 2.500em;
position: absolute;
left: 210px;
top: 20px;

}

#leftContainer {
background-color: #f2f2f1;
width: 210px;
height: 100%;
position: fixed;
z-index: 2;
top: 0;
left: 0;
}

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

.nopadding {
    padding: 0px !important;
}

.padding2 {
    padding: 2px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

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

#pgCompany {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
font-size: 1.500em;
text-transform: uppercase;
padding-top: 20px;
margin-bottom: 20px;
line-height: 31px;
}


#pgLogo {
width:180px;
padding-left: 30px;
padding-bottom: 50px;
float:left;
clear: none;
}

#pgLogo img {
margin-top: 30px;
max-width: 150px !important;
}          

#mainPageHeader {
margin: 0;
padding-top: 50px;
z-index:1;
}

#myqby_header {
margin-bottom:30px;
padding: 0px;
}

#shoppingcart_header, #cartcurrency {
margin-top: 3.125em !important;
margin-bottom:0px;
padding: 0px;
}

#isPageHeader {
float:left;
clear: none;
width: 100%;
margin-bottom: 0px;
}

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

#pgNavigation {
padding-left: 10px;
border-bottom:none;
margin-bottom: 20px;
float:left;
clear: none;                              
}

#pgNavigation li {
width: 130px;
display: block;
}

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

#nav-pg ul li {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 0.688em;
color: white;
float: left;
clear: both;
padding: 10px 0 10px 10px;
border-bottom: 1px solid lightgray;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;				
}


#pgNavigation li a:hover  {
color: #aaaaaa;
}

li.item29.current  {
color: #ffffff;
background-color: darkgray;                           
}

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


li.item29.not_current a {
color: gray;
}


/* ///////////////////////////////////////////////////////////////////// 
//  05 - Gallery
/////////////////////////////////////////////////////////////////////*/

#allGalleries {
margin-left:-0px;
overflow: hidden;
text-align: center;
margin-left:auto;
margin-right:auto;                       
}

#galleryParent {
height: 182px;
width: 190px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
margin-top: 0px !important;
display: inline-block;
float:none !important;
}

#pgGallery {
height: 170px;
width:180px;
background-color: #f2f2f1;
border-radius: 2px;
margin: 0px !important;
}

#pgGallery .wraptocenterGallery {
height: 170px;
width:180px;
}

#galleryTitle {
height:180px;
width: 180px;
margin: 0px !important;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
color: black;
background-color:#ffffff;
opacity: 0.6;
text-transform: uppercase;
padding: 80px 5px 10px 5px;
position: relative;
top: -180px;
font-size: 0.750em;
z-index: 1;
text-align: center;
display:none;
letter-spacing: 0.3em;
}


#galleryNavTitle {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.250em;
text-transform: uppercase;
margin-top: 3.125em;
padding: 0 0 10px 0px;
font-weight: normal;
letter-spacing: 0.1em;
}

#galleryNavigation {
clear:both;
}

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


#fbdiscussionWrapper {
margin-top:20px;
}

.slideshowinfo {
line-height: 1.7em;
}

/*--------------------------------------
Thumbnail view
---------------------------------------*/

#imgCat {
font-size:0.750em;
}

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

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

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

#collabInfo {
font-size:0.750em;
}



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

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

#main{
margin-top: 90px;
width: 100%;
}


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

#mydiv {
padding-top: 20px;
margin-top: 0px;
}

#content {
position: relative;
padding-bottom: 60px;		
}

#content.full {
background-color: white;
}  

#mainNav {
height: 0px;
padding-top: 0px;
z-index:100;
top: 10px;
position: absolute; 
width: 92%;                            
}

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

#landingNav li {
margin: 0px 20px 0 0;
display: inline-block;
list-style-type: none;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 0.813em;
font-weight: normal;
}

#landingNav li a{
text-decoration: none;
padding: 0px 0px 0px 0px;
color: gray;
}

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

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

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


/*--------------------------------------
Album Homepage
---------------------------------------*/

#allAlbums{
margin-left:-0px;
overflow: hidden;
text-align: center;
margin-left:auto;
margin-right:auto;        
}

#pgAlbum {
height: 170px;
width:180px;
background-color: #f2f2f1;
border-radius: 2px;
margin: 0px !important;
}

#albumsParent {
height: 182px;
width: 190px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
margin-top: 0px !important;
display: inline-block;
float:none !important;
}

#albumTitle {
height: 180px;
width: 180px;
margin: 0px !important;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
opacity: 0.6;
text-transform: uppercase;
color: black;
background-color:#ffffff;
padding: 80px 5px 10px 5px;
position: relative;
top: -180px;
font-size: 0.750em;
z-index: 1;
text-align: center;
display:none;
letter-spacing: 0.3em;
}


/*--------------------------------------
Log in
---------------------------------------*/

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

#album_submit{
margin-top: 3px; 
width: 230px; 
padding-left: 170px !important; 
}

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

#submitfrmLogin {
background-color: #a3cef2;
}

/*--------------------------------------
Album View
---------------------------------------*/

#custom-prev {
margin-left: 401px;
}

#imgNumber {
padding-top: 0px;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
color:#aaaaaa;
font-size: 0.688em;
font-weight: normal;
margin: 10px 30px 0 10px;			
}

.slide_show{
position: relative;
width: 940px;
margin-top: 0px;
z-index: 0;

}

.slideshow_img{
padding-top:0px;
padding-left:0px;
}


/*--------------------------------------
Album Feedback
---------------------------------------*/

.conversation_client {
color: #636363;
font-weight:bold;
}

#conversation_1 {
font-size:0.813em;
}

.conversation_pg {
color: #636363;
font-weight:bold;
}

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

.layoutnumber {
font-size: 0.813em;
clear: both;
width: 48%;
margin: 20px 0 15px 0;
padding-top:20px;
}

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

.full_width {
clear: both;
min-height: 250px;
}

#sendFeedbackToPg {
cursor: pointer !important;
display: inline-block !important;
padding: 2px 12px 0 12px !important;
position: relative !important;
text-decoration: none !important;
color: white !important;
font-size: 0.813em !important;
text-decoration: none !important;
text-transform: uppercase !important;
bottom: 0px;
border-radius: 2px;
}
    
.submitButton {
padding: 2px 8px 0px 8px !important;
margin: 0 5px 0 0;
height: 19px;
float: right;
margin-top: 5px;
margin-right: 4px;
height: 22px;
background-color: #222222;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7em;
font-size: 0.688em;
color:white;
border-radius: 2px;
border: 2px solid #353535 !important;
text-transform: uppercase;
}

.sendFeedbackUnsent {
background: none repeat-x scroll 0 0 #a3cef2;
}

.sendFeedbackSending{
background: none repeat-x scroll 0 0 #353535;
} 

.sharealbum {
padding-left: 0px;
width:270px;
}

.sharealbumby {
width: 130px;
}

.mini_header {
font-size: 0.813em;
}

/* ///////////////////////////////////////////////////////////////////// 
//  00 - Widgets
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Connect Full
---------------------------------------*/
#pg_connectFull {
width: 880px !important;
height: 65px;
}

#header_connectFull {
margin-bottom: 10px;
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
color:white;
font-size: 0.938em;
font-weight: normal;
}

.pgconnectfull_cat {
padding-bottom: 40px;
}

#pg_connectSmall {
width: 241px;
border-top: solid 0px #DDDDDD;
top:0px;
position: relative; 
padding: 0px;
}

#pgconnectsm_sh {
width: 155px;
border-top: solid 1px lightgray;
padding-top: 6px;
}

/*--------------------------------------
Contact Form
---------------------------------------*/
table {
font-size: 0.813em;
}

#pgfrmResponse {
height: 10px;
padding: 0px;
}

#frmContact {
margin-bottom: 0px;
padding: 0px;
font-size: 0.813em;
}

input[type='submit'] {
background: none repeat-x scroll 0 0 #a3cef2;
border: medium none;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 0.750em;
height: 23px;
margin: 20px 5px 20px 20px;
padding: 2px 12px;
position: relative;
text-decoration: none;
text-transform: uppercase;
border-radius: 2px;
}


.sharename {
text-transform: uppercase;
font-size: 0.750em;
padding-top: 0px !important;
}

.buttonYel1 {
background-color: #999999;
color: #ffffff;
padding: 2px 6px 2px 6px;
}

small {
font-size: 0.750em;
}

#submitfrmContact {
background-color: #a3cef2;
}

#submitfrmApprove {
background-color: #a3cef2;
}


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

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

.editEventTitle {
font-family:'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
clear:both;
font-size: 1.250em;
font-weight: normal;  
text-transform: uppercase;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 3.125em;
padding: 0 0 10px 0;
}

#gallerymanage {
width:940px;
line-height: 1.3em;
}

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


/* ///////////////////////////////////////////////////////////////////// 
//  10 - Shopping Cart
/////////////////////////////////////////////////////////////////////*/

.cartItems {
float: left;
margin-bottom: 50px;
line-height: 1.5em;
}

.gen-button {
margin-bottom: 10px;
}

.buttonYel2 {
padding: 1px 12px 4px 12px;
}

.orderSummary {
width: 200px;
float: left;
margin-left: 15px;
background-color: #EEE;
color: black;
}

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

/* ///////////////////////////////////////////////////////////////////// 
//  11 Template Grid Light - 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;
left:0px;
padding:0px;
}

#storyboardTitle {
display: none;
}

.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 {
padding-bottom:5px;
color:#555555;
letter-spacing: 0px;
line-height: 25px;
font-size: 1.5em;
}

.loadcontent1 #allGalleries, .loadcontent #allAlbums {
width:auto;
}

.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: #F2F2F1;
padding-top: 18px;
padding-bottom: 10px;
padding-left: 7px;
}

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

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

.recentpostslist, .recentCategorieslist {
padding-left:0px !important;
}

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

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

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


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

.searchIcon {
border:1px solid #ddd;

}


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


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

.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: #ffffff;
font-size: 1.1em;
}

#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 #ddd;
font-size: 0.938em;
color:#353535;
font-family: Arial, Helvetica, sans-serif;
}

#fbdiscussionWrapper {
width:auto !important;
}

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

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

/* ///////////////////////////////////////////////////////////////////// 
//  12 - Footer
/////////////////////////////////////////////////////////////////////*/

#pgFooter {
padding: 20px 20px 15px 30px;
margin-top:0px;
padding-top:0px;
font-size:0.688em;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}

#isPageFooter{
position: fixed;
bottom:0;
z-index:2;
width:210px;
color: gray;
background:rgba(242, 242, 241, 0.85);
margin-bottom: 20px;
}


#poweredby {
padding-top:8px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
font-size: 0.563em !important;
}


#pgFooter #poweredby{
position:relative;
left:0px;
bottom:0px;
}


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

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

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

/*--------------------------------------
Responsive navigation
---------------------------------------*/
    @media (max-width: 768px) {
        #pgNavigation, #nav-pg {
            padding-right: 0;
            padding-left: 0;
        }
        #bgslideshowContainerRight, #bgslideshowContainerLeft {
            width: 40px;
        }
        #mainPageWrapper {
            position: relative !important;
        }
        #bgslideshowContainerTop, #bgslideshowContainerRight, #bgslideshowContainerLeft, #bgslideshowContainerBottom {
            position: absolute;
        }
        #leftContainer {
            background-color: white;
            background-color: white;
            z-index: 2000;
            position: relative;
            width: 100%;
            top:0;
            height:auto;
            transition: max-height 30ms ease 0s;
        }

        #pgNavigation ul {
            max-height: 0px;
            overflow: hidden;
            transition: max-height 300ms ease 0s;
            list-style: none outside none;
            padding: 0;
            top: 100%;
        }

#nav-pg ul li {
line-height:0.5em !important;
}
        
        #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: 0px solid #ccc;}
            #pgNavigation ul li a:hover { }


        #mainPageWrapper {
            left: 0;
            width: 100%;
            clear:both;
        }
        #mainPageWrapper.open {
            /*left: 272px;*/
        }
        #isPageFooter {
            margin-top:20px;
            width : 100%;
            position:relative;
            /*background-color:white;*/
        }
         #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;
        }
        #pgLogo {
            padding-bottom: 0;
        }

        #pgNavigation {
            height:auto;
            margin-bottom:0;
        }
        #isPageHeader {
            float:none;
            clear:both;

        }
        .leftContainerEnd, .pg_connectSmallEnd {
            clear:both;
        }
        #isPageFooter #pg_connectSmall {
            float:none;
            width:100%;
        }
        #pgContent {
            width: 100% !important;
        }
    }