﻿/* Not Embeded */
.not-embeded{
    margin-top: 4em;
}
.not-embeded .main-panel, .not-embeded .layout-onecolumn{
    width: 840px;
}

/* Embed */
.not-embeded { min-width: 440px; }

.layout-table-cell { display: table }

.lounge-post, #morePostButtonContainer
{
    border-top-style: solid;
    padding-top: 2em;
    padding-bottom: 2em;
}

.main-panel > div:first-child 
{ 
    border-top-style: none; 
    padding-top: 0;
}

#newPost { padding-bottom: 0.5em }

.lounge-comment
{
    border-bottom: 0px none;
    border-collapse:separate;
    padding: 0.5em;
    margin-bottom: 0.25em;
    width:100%;
    font-size:0.8em;
    display: table;
}

.lounge-post h3, .lounge-comment h4
{ 
    margin: 0;
    margin-bottom: 0.5em;
    padding: 0;
}

.lounge-post h3 { font-weight: normal; display: inline-block; }

.lounge-comment > form { display: table-row }
.lounge-comment > form > div { display: table-cell }
.lounge-comment > form > div:first-child { width: 100% }
.lounge-comment > form > div:first-child  input { width: 100% }

.lounge-comment > div
{
    display:table-cell;
    vertical-align: top;
    width: 100%;
}

.fbTextArea, .fbTextArea:focus
{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background-color: transparent;
    border-style: none;
    outline: none;
}

.wrapText, .ui-autocomplete
{
    word-wrap: break-word;
    max-width: 780px;
}

.has-image .wrapText { max-width: 620px }

.profile-picture, #newPost .spacer
{
    display:table-cell;
    vertical-align: top;
    padding-right: 1em;
    width: 50px;
    height: 50px;
}

#newPost .spacer { min-width: 50px; }

.new-post-box
{
    display:table;
    width:100%;
    border-style: solid;
    padding:0.25em;
    margin-bottom:0.5em
}

.lounge-comment .profile-picture
{
    width: 30px;
    max-width: 30px;
    height: 30px;
}

.lounge-comment input[type=text], .lounge-comment .placeholder-for-input
{
    background-color: white;
    color: #333;
    border-style:none;
    padding-top: 4px;
    padding-bottom: 4px;
    outline: none;
}

.post-comments .action-button
{
    margin-left: 0.5em;
    padding-top: 4px;
    padding-bottom: 4px;
}

.post-image
{
    max-height: 120px; 
    max-width:180px; 
    vertical-align:middle; 
    margin-right:10px; 
    margin-bottom: 5px;
}

.lounge-post { display: table; width: 100% }
.lounge-post > div, #newPost > form > div
{
    display:table-cell;
    vertical-align: top;
    width: 100%;
}

.post-comments
{
    display: table;
    width: 100%;
    border-spacing: 0 0.25em;
    margin-top: 1.25em;
}

.spanLink
{
    cursor:pointer;
    width:80px;
    margin-bottom: 6px;
    padding:4px;
    display:inline-block;
}

#postAddImageButton
{
    display: table-cell;
    height: 4em;
    cursor: pointer;
    font-size: 0.8em;
    vertical-align: middle;
    text-align: center;
    min-width: 90px;
    border-style: solid;
    border-color: lightgray;
    background-color: lightgray;
}

#NewPost_Description, #NewPost_Description:focus
{
    width:99%;
    resize:none;
    display:block;
    margin:0;
}

#NewPost_BlogTitle, #NewPost_BlogTitle_placeholder
{
    font-size: larger;
    font-weight: bold;
}

.bigFont
{
    font-size: 2em;
    font-weight: bold;
    vertical-align: middle;
}

.layout-leftpanel-main .main-panel
{
    border-left-style: solid; 
    padding-left: 1.5em;
    vertical-align: top;
}

#htmlEditorContainer
{
    margin-top:0.5em;
}

.action-button[value=Post]
{
    width:58px;
}

.action-button[value=Ask]
{
    width:50px;
    height:35px;
}

#cke_NewPost_BlogDetails
{
    border-style: none;
    padding: 0;
}

.left-panel .header
{
    margin-bottom: 3em; 
    display:table
}

.left-panel .header > div
{
    display:table-cell; 
    vertical-align:middle; 
    word-break: break-all
}

.left-panel .header a, .continue-reading, .post-body a, .post-comments a
{
    text-decoration:underline;
}

.buttons-and-date-container 
{ 
    margin-top: 1.5em; 
    color: gray;
    font-size: 0.8em
}

.buttons-and-date-container a 
{ 
    color: gray;  
}

.continue-reading { font-size: 0.8em }

#usernameLeftPanel, .continue-reading, .post-body a  
{ 
    font-weight: bold 
}

#editMyProfile { font-size: 0.8em }
.left-panel li { cursor: pointer }

.postCreatedDate { vertical-align: top }
.postButtonsContainer { display:inline-block; margin-left: 1em } 
.postButtonsContainer a { vertical-align: top }

.hoverLink a {
    text-decoration: none;
}

.hoverLink a:hover {
    text-decoration: underline;
}

/* Lounge addin google buttons */
.pm-post-button, .pm-new-post-button
{
    float: right;
    margin-bottom: -9px;
    margin-left: 9px;
    margin-top: -1px;
}

.pm-new-post-button
{
    margin-bottom: 24px;
    margin-top: 1px;
}

/*Hiding the floating AddThis box*/
.atss {
    display: none;
}