﻿div.post
{
display:block;
clear:both;
float:left;
width:100%;
margin-bottom:10px;
padding-bottom:15px;
border-bottom:1px solid rgb(230,230,230);
}

div.post div.likes
{
display:block;
clear:left;
float:left;
overflow:hidden;
width:99%;
height:13px;
font-size:11px;
padding:5px;
margin-top:5px;
margin-left:60px;
border-bottom:2px solid rgb(255,255,255);
background: rgb(230,235,255) url(../images/icons/sprite1.png) 5px -234px no-repeat;
}

div.post div.comments
{
display:block;
clear:left;
float:left;
width:99%;
font-size:11px;
margin-left:60px;
}

div.post div.comments div.comment
{
display:block;
clear:left;
float:left;
width:100%;
padding:5px;
font-size:11px;
background:rgb(230,235,255);
border-bottom:2px solid rgb(255,255,255);
}

div.post div.comments div.comment div.ppic
{
display:block;
clear:left;
float:left;
width:10%;
height:45px;
}

div.post div.comments div.comment  div.ppic img
{
float:left;
width:32px;
height:32px;
border:1px solid rgb(220,220,225);
}

div.post div.comments div.comment div.txt
{
display:block;
clear:right;
float:left;
width:89%;
}

div.post div.comments div.comment div.txt div.commentdetails
{
display:block;
clear:both;
float:left;
width:100%;
color:rgb(150,150,150);
font-size:10px;
padding-top:5px;
}

div.post div.comments div.writecomment
{
display:block;
clear:left;
float:left;
width:100%;
padding:5px;
font-size:11px;
background:rgb(230,235,255);
border-bottom:2px solid rgb(255,255,255);
}

div.post div.comments div.writecomment input[type="text"].writecomment,
div.post div.comments div.writecomment textarea.writecomment,
div.post div.comments div.writecomment div.writecomment
{
clear:both;
float:left;
width:97%;
height:15px;
padding:3px;
overflow:hidden;
color:rgb(150,150,150);
border:1px solid rgb(200,200,200);
background:rgb(255,255,255);
font-family:arial,sans-serif;
font-size:11px;
cursor:text;
}

div.post
{
display:block;
clear:both;
}

div.post div.postL
{
display:block;
clear:left;
float:left;
width:10%;
}

div.post div.postL div.img
{
display:block;
overflow:hidden;
clear:left;
float:left;
width:48px;
height:48px;
}

div.post div.postL div.img img
{
width:48px;
}

div.post div.postR
{
display:block;
clear:right;
float:left;
width:85%;
padding-left:10px;
padding-right:10px;
}

div.post div.postR div.posttitle
{
display:block;
clear:right;
margin-bottom:5px;
font-size:13px;
font-weight:bold;
color:rgb(50,120,200);
text-decoration:none;
}

div.post div.postR div.posttitle a
{
font-size:13px;
font-weight:bold;
color:rgb(50,120,200);
text-decoration:none;
}

div.post div.postR div.posttitle a:hover
{
text-decoration:underline;
}

div.post div.postR div.postlink
{
display:block;
clear:right;
margin-bottom:5px;
font-size:11px;
color:rgb(200,200,200);
}

div.post div.postR div.postlink a
{
color:rgb(150,150,150);
text-decoration:none;
}

div.post div.postR div.postlink a:hover
{
text-decoration:underline;
}

div.post div.postR div.postedby
{
padding-bottom:5px;
}

div.post div.postR a.postedby
{
font-size:13px;
font-weight:bold;
color:rgb(50,120,200);
text-decoration:none;
}

div.post div.postR a.postedby:hover
{
text-decoration:underline;
}

div.post div.postR div.postedto
{
padding-bottom:5px;
}

div.post div.postR a.postedto
{
font-size:13px;
font-weight:bold;
color:rgb(50,120,200);
text-decoration:none;
}

div.post div.postR a.postedto:hover
{
text-decoration:underline;
}

div.post div.postR div.postdetails
{
display:block;
clear:both;
float:left;
width:100%;
margin-top:5px;
padding-top:5px;
padding-left:22px;
font-size:11px;
color:rgb(150,150,150);
background: url(../images/icons/sprite1.png) 0px -114px no-repeat;
}

div.post div.postR div.postdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.postdetails a:hover
{
text-decoration:underline;
}


/** Links Attachments **/
div.post div.postR div.linkattachment
{
display:block;
clear:both;
float:left;
width:100%;
}

div.post div.postR div.videopreview
{
display:block;
float:left;
position:relative;
border:1px solid transparent;
}

div.post div.postR div.videopreview img
{
border:1px solid rgb(150,150,150);
position:relative;
margin:0px;
}

div.post div.postR div.videopreview img.playbtn
{
position:absolute;
bottom:0px;
left:0px;
width:36px;
height:30px;
z-index:10;
border:none;
}

div.post div.postR div.videolinkattachmentdetails
{
display:block;
clear:both;
float:left;
width:100%;
height:18px;
margin-top:5px;
padding-top:6px;
padding-left:22px;
font-size:11px;
color:rgb(150,150,150);
background: url(../images/icons/sprite1.png) 0px -34px no-repeat;
}

div.post div.postR div.linkattachmentdetails
{
display:block;
clear:both;
float:left;
width:100%;
height:18px;
margin-top:5px;
padding-top:6px;
padding-left:22px;
font-size:11px;
color:rgb(150,150,150);
background: url(../images/icons/sprite1.png) 0px -192px no-repeat;
}

div.post div.postR div.linkattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.linkattachmentdetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.linkattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.linkattachment div.linkattachmentDetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.linkattachment img
{
width:130px;
float:left;
margin-right:5px;
margin-bottom:5px;
border:none;
}


/** Recipe Attachments **/
div.post div.postR div.recipeattachment
{
display:block;
clear:both;
float:left;
width:100%;
}

div.post div.postR div.line
{
display:block;
clear:right;
padding-bottom:5px;
}

div.post div.postR div.recipeattachmentdetails
{
display:block;
clear:both;
float:left;
width:100%;
height:18px;
margin-top:5px;
padding-top:6px;
padding-left:22px;
font-size:11px;
color:rgb(150,150,150);
background: url(../images/icons/sprite1.png) 0px -212px no-repeat;
}

div.post div.postR div.recipeattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.recipeattachmentdetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.recipeattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.recipeattachment div.linkattachmentDetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.recipeattachment img
{
width:130px;
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid rgb(200,200,230);
}


/** Review Attachments **/
div.post div.postR div.reviewattachment
{
display:block;
clear:both;
float:left;
width:100%;
}

div.post div.postR div.line
{
display:block;
clear:right;
padding-bottom:5px;
}

div.post div.postR div.reviewattachmentdetails
{
display:block;
clear:both;
float:left;
width:100%;
height:18px;
margin-top:5px;
padding-top:6px;
padding-left:22px;
font-size:11px;
color:rgb(150,150,150);
background: url(../images/icons/sprite1.png) 0px -254px no-repeat;
}

div.post div.postR div.reviewattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.reviewattachmentdetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.reviewattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.reviewattachment div.reviewattachmentdetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.reviewattachment img
{
width:130px;
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid rgb(200,200,230);
}

/** Article Attachments **/
div.post div.postR div.articleattachment
{
display:block;
clear:both;
float:left;
width:100%;
}

div.post div.postR div.line
{
display:block;
clear:right;
padding-bottom:5px;
}

div.post div.postR div.articleattachmentdetails
{
display:block;
clear:both;
float:left;
width:100%;
height:18px;
margin-top:5px;
padding-top:6px;
padding-left:22px;
font-size:11px;
color:rgb(150,150,150);
background: url(../images/icons/sprite1.png) 0px -276px no-repeat;
}

div.post div.postR div.articleattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.articleattachmentdetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.articleattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.articleattachment div.articleattachmentdetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.articleattachment img
{
width:130px;
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid rgb(200,200,230);
}

/** Image Attachments **/
div.post div.postR div.imageattachment
{
display:block;
clear:both;
float:left;
width:100%;
}

div.post div.postR div.imageattachment img
{
border:1px solid rgb(150,150,150);
}

div.post div.postR div.imageattachmentdetails
{
display:block;
clear:both;
float:left;
width:100%;
height:18px;
margin-top:5px;
padding-top:6px;
padding-left:22px;
font-size:11px;
color:rgb(150,150,150);
background: url(../images/icons/sprite1.png) 0px -54px no-repeat;
}

div.post div.postR div.txt
{
display:block;
clear:both;
margin-top:5px;
padding-bottom:5px;
}

div.post div.postR div.imageattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.imageattachmentdetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.imageattachmentdetails a
{
font-size:11px;
color:rgb(0,100,150);
text-decoration:none;
}

div.post div.postR div.imageattachmentdetails div.linkattachmentDetails a:hover
{
text-decoration:underline;
}

div.post div.postR div.imageattachmentdetails img
{
width:130px;
float:left;
margin-right:5px;
margin-bottom:5px;
border:none;
}

div#MainPostsPager
{
display:block;
clear:both;
overflow:hidden;
width:100%;
margin-top:10px;
border:1px solid rgb(100,120,200);
}

div#CommentBox
{
display:none;
clear:both;   
float:left;
width:415px;
}

div#CommentBox div.cbLeft
{
display:block;
clear:left;
float:left;
width:35px;
}

div#CommentBox div.cbLeft img
{
float:left;
width:32px;
height:32px;
}

div#CommentBox div.cbRight
{
display:block;
clear:right;
float:left;
width:380px;
}

div#CommentBox div.cbRight div.txtbox
{
display:block;
clear:both;
float:left;
width:100%;
padding-bottom:5px;
}

div#CommentBox div.cbRight div.btn
{
display:block;
clear:both;
float:left;
width:100%;
text-align:right;
}

div#CommentBox div.cbRight textarea
{
width:98%;
height:40px;
float:right;
}

div#CommentBox div.cbRight input[type="button"]
{
font-size:10px;
padding:0px 5px 0px 5px;
height:22px;
}

