/********************************************************************
    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;
    padding-bottom: 20px;
}
    
#singleContainer
{
	width:600px;
	float:left;
	background-color: transparent;
	overflow: hidden;
	padding: 20px;
	margin-left: 40px;
}    

#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;
	padding: 20px;
}

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

.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: transparent;
	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;
	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: #928663;
	line-height: 140%;
}

#articleContainer p
{
	font: 12px Verdana;
	color: #7D7643;
	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: transparent;
	padding-bottom: 20px;
}


#articleContainer p
{
	font: normal 12px Verdana;
	line-height: 140%;
	color: #858151;
	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: #7B7845;
	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: #4B411D;
	text-transform: uppercase;
}

.artPageBtn:hover
{
	background-color: #998F52;
	color:#FFF;
}