/********************************************************************
    File:   
        single.css
    Brief:  
        Hold styles used in file single.php
    Author:
        DigitalCavalry
    Author URI:
        http://graphicriver.net/user/DigitalCavalry
*********************************************************************/

#singlePageContentContainer
{
    width: 960px;
    margin-left: 40px;
    margin-top: 20px;
    padding-bottom: 20px;
}
    
#singleContainer
{
    width:600px;
    float:left;
    background-color: #fff;
    padding-bottom: 20px;
    overflow: hidden;
}    

#singleContainerArt
{
    float:left;
    width: 960px;
    background-color: #fff;
    padding-bottom: 30px;
}  

.singleHeaderContainer
{
    margin-left: 0px;
    width: 600px;
    text-align: left;
    padding-top: 0px;
}

.singleHeaderContainerArt
{
    margin-left: 0px;
    text-align: left;
    padding-top: 0px;
}

.singleWrapper
{
    margin-top:30px;
}

.postImage
{
   width: 600px;
   height: 250px;
   margin-bottom: 5px;
   background-image: url('../img/common/ajax/loading3.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top: 0px solid #ccc;
    background-color: #FFF;   
}

.postPageTextWrapper
{
   font: 12px Verdana;
   margin-top:10px;
   margin-bottom: 30px;
   line-height: 140%;
   color: #000;
}

.postPageTextWrapper p
{
    text-indent: 15px;
    margin-bottom: 15px;
    font: 12px Verdana;
    line-height: 130%; 
}

.postCommentsField
{
    margin-top:15px;
    margin-right:0px;
    text-align:center;
    height:30px;
    width:110px;
    float:left;
    background-color:transparent;
    font:10px/20px Verdana;
    color:#000;
    background-image:url('../img/common/img/commentsFieldWhiteRight.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;                        
}

#singleRecentList
{
    margin-top: 30px;
    margin-bottom: 30px;
}

#singleRecentList .wrapper
{
    height: 168px;
    padding-left: 10px;
    width: 590px;
    overflow: hidden;
    background-color: #FFF;
    border-bottom: 1px solid #eee;
    cursor:pointer;
}

#singleRecentList .wrapper:hover
{
   background-color: #eee;
}

#singleRecentList .image
{
    height: 140px;
    width: 320px;
    border: 1px solid #eee;
    padding: 3px;
    margin-top: 10px;
    float:left;
    background-color: #FFF;
    
    background-image: url('../img/common/ajax/loading1.gif'); ;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#singleRecentList .desc
{
    height:148px;
    width:240px;
    float:left;
    padding-left:10px;
    padding-right:10px;
    font:11px Verdana;
    color:#000;
    margin-top:10px;
}

#singleRecentList .dateComments
{
   text-align:left;
   font:10px/12px Verdana;
   height: 12px;
   color:#000;
   width:240px;
   padding-top:0px;
   color:#888;
}

#singleRecentList .date
{
   text-align:left;
   font:10px/12px Verdana;
   color:#000;
   padding-top:4px;
   color:#888;
   float: left;
}

#singleRecentList .comment 
{
   text-align:left;
   font: 10px/12px Verdana;
   color: #888;
   padding-top: 4px;
   padding-left:20px;
   padding-right:5px;
   float: right;
   background-repeat: no-repeat;
   background-position: 0% 100%;
   background-image: url(../img/common/img/comments6.png);
}

#singleRecentList .title
{
    color: #3399CC;
    font: 20px/20px Verdana;
    margin-top:6px;
    padding-bottom:4px;
    display: block;
}

.postLeaveReplayContainer
{
    margin-top: 15px;
} 

.backToBlog
{
    line-height:10px;
    margin-top:10px;
    margin-bottom:5px;
}

/******************************
*   COMMENT STYLES
*******************************/

.commentsHeader
{
    font: normal 32px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #3399CC;
    margin-left: 0px;
    margin-bottom: 20px;
    height:32px;
}

.singleCommentWrapper
{
    padding-left: 0px;
    margin-bottom: 15px;
}

.singleCommentWrapper .topBar
{
    height: 10px;
}

.singleCommentWrapper .timeEgo
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#888;
    height:10px;
    text-transform: uppercase;
    float: right;
    display: block;
    
}

.singleCommentWrapper .date
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:10px;
    color:#000;
    text-transform: uppercase;
    float: left;
    display: block;
}

.singleCommentWrapper .middleBar
{
    margin-top: 15px;
    margin-bottom: 0px;
    line-height:10px;
}

.singleCommentWrapper .commentAuthor
{
    font: 16px Verdana;
    color:#3399CC;
    display: block;
    height: 16px;        
}  

.singleCommentWrapper .commentText
{
    font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;  
    color:#000000;
    margin-bottom: 20px;
    margin-top: 8px;        
}  


.singleCommentWrapper .underModeration
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;  
    color:#A00;
    height:10px;
    margin-top: 0px;
}

.singleCommentWrapper .bottomBar
{
}


.singleCommentWrapper .authorURL
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:10px;
    color:#888;
    text-transform:none;
    text-align: center;
    margin-top: 4px;
    display: block;   
}

.singleCommentWrapper .authorURL a
{
    color:#888;
} 

.singleCommentWrapper .authorURL a:hover
{
    color:#3399CC;
}

.singleCommentWrapper .replayLink
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:10px;
    color:#888;
    text-transform: uppercase;
    float: right;
    display: block;   
}

.singleCommentWrapper .replayLink  a
{
    color:#888;
}

.singleCommentWrapper .replayLink  a:hover
{
    color:#3399CC;
}

 
.singleCommentWrapper .columnAuthor
{
    background-color:#FFF;
    width:100px;
    height: 100%;
    float:left;
}

.singleCommentWrapper .gravatarImageWrapper
{
    width:79px;
    height:70px;
    padding:0px;
    background-color:#FFF;
    border: 0px solid #EEE;
    margin-left: 15px;
    background-image: url('../img/common/img/gravatar2.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
}

.singleCommentWrapper .gravatarImage
{
    position: absolute;
    width: 60px;
    height: 60px;
    left: 5px;
    top:5px;
    background-image: url('../img/common/img/avatar1.jpg');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}  

.singleCommentWrapper .columnCommentFrame
{
    border: 1px solid #dfdfdf;
        margin-left: 100px; 
}

.singleCommentWrapper .columnComment
{
    background-color:#F5F5F5;
    
    padding: 20px;
}

/*********************************
* COMMENT FORM
*********************************/



#respond
{
    background-color:transparent;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-left: 0px;
    text-align: left;
}

#respond .submitCommentBtn
{
    background-color:#FFF;
    padding-left:21px;
    padding-right:21px;
    padding-top:8px;
    padding-bottom:8px;
    border: 1px solid #ddd;
    color: #000;
    font: bold 18px Tahoma;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

#respond .submitCommentBtn:hover
{
    color:#FFF;
    background-color:#000;    
    border: 1px solid #000;      
}

#respond .inputComment
{
    border: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 260px;
    background-color: #f5f5f5;
    margin-bottom: 4px;
    height: 16px;
    color: #444;
    font: 12px Arial;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}
     
#respond .textareaComment
{
    border: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;        
    margin-bottom: 10px;
    margin-top:4px;    
    width: 500px;
    max-width: 500px;
    height: 150px;
    max-height: 150px;
    overflow:auto;
    font-size: 14px;
    font-family: Arial;
    background-color: #f5f5f5;
    color: #444;
    padding:10px;
    padding-left:6px;
} 

#respond .controlLabel
{
    font: 11px Verdana;
}

#respond .controlErrorMsg
{
    font: 10px Verdana;
    font-style: italic;
    color: #A00;
    visibility: hidden;
}

#respond .controlLabelItalic
{
    font: 10px Verdana;
    font-style: italic;
    color: #999;
}

#respond .adminLogOut
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:12px;
    color:#888;
    text-transform: uppercase;
    display: block;
    margin-top: 2px;
    margin-right: 10px;       
}


#respond .adminLogOut a
{
    color:#888;
}

#respond .adminLogOut  a:hover
{
    color:#3399CC;
}



#respond .cancelRespond
{
    font:10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height:12px;
    color:#888;
    text-transform: uppercase;
    display: block;
    margin-top: 20px;
    margin-right: 10px;       
}


#respond .cancelRespond a
{
    color:#888;
}

#respond .cancelRespond  a:hover
{
    color:#3399CC;
}


/**************************
*  SMALL THUMB LIST
***************************/

#singleRecentItemsContainer  
{
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;    
}

.singleItemWrapper
{
    border-bottom: 1px solid #ECECEC;
    height: 110px;
    margin-bottom: 0px;
    cursor:pointer;
}

.singleItemWrapper:hover
{
    background-color: #eFeFeF;
}

.singleItemWrapper .imageWrapper
{
    float:left;
    padding-left: 10px;
    width: 106px;
    height: 96px;
    margin-top: 7px;
}

.singleItemWrapper .image
{
    height:90px;
    width:90px;
    display: block;  
    padding:2px;
    border:1px solid #eee;
    background-color: #FFF;
    
    background-image: url('../img/common/ajax/loading1.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.singleItemWrapper .itemDesc
{
    height:96px;
    margin-top:7px;
    width: 480px;
    float:left;
    background-color:transparent;
    overflow: hidden;
}

.singleItemWrapper .dateComments
{
    height: 18px;
}

.singleItemWrapper .itemDesc .date
{
   text-align:left;
   font: 10px/12px Verdana;
   color: #888;
   padding-top: 5px;
   float: left;
}

.singleItemWrapper .itemDesc .comments
{
   text-align:left;
   font: 10px/12px Verdana;
   color: #888;
   padding-top: 5px;
   padding-left:20px;
   padding-right:5px;
   float: right;
   background-repeat: no-repeat;
   background-position: 0% 100%;
   background-image: url(../img/common/img/comments6.png);
}

.singleItemWrapper .itemDesc .title
{
   font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 0px;
   color: #3399CC; 
}

.singleItemWrapper .itemDesc .text
{
    font: 11px Verdana;
    color: #000;
    margin-top: 0px;
}


/**************************
    ARTICLES
***************************/

#articleContainer
{
    width: 960px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    
    font: 12px Verdana;
    color: #000;
    line-height: 140%;
}

#articleContainer p
{
    font: 12px Verdana;
    color: #000;
    line-height: 140%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    text-indent: 15px;
}

#underArticleContainer
{
    width: 960px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
}

#underArticleContainer .contentLeft
{
    width:600px;
    float:left;
    background-color: #fff;
    padding-bottom: 20px;
}


#articleContainer p
{
   font: normal 12px Verdana;
   line-height: 140%;
   color: #000;
   margin-bottom: 15px;
   text-indent: 15px;
}
   




.artPageBtnWrapper
{
    height: 20px;
    background-color:transparent;
    margin-bottom: 0px;
    text-align: right;
}

.artPageBtn
{
    display:block;
    color: #fff;
    font: normal 10px/20px Verdana;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    float:right;
    text-decoration: none;
    background-color: #000;
    margin-left: 2px;
    text-transform: uppercase;
}

.artPageBtnActual
{
    display:block;
    color: #FFF;
    font: normal 10px/20px Verdana;
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 2px;
    float:right;
    text-decoration: none;
    background-color: #3399cc;
    text-transform: uppercase;
}

.artPageBtn:hover
{
     background-color: #3399cc;
     color:#FFF;
}