body
{
    background-image: url(/images/login/youtube_BG.png);
    margin: 0px;
    
    overflow-y: scroll;
}

a:focus
{
    outline: none;
}

div
{
    margin: 0px;
}

#topMenu
{
    background-color: White;
    
    width: 100%;
    height: 54px;
    
    border-bottom: 3px solid #567fb7;
    
    font-family: Tahoma;
    font-size: 16px;
}

#topMenuCentered
{
    width: 960px;
    height: 54px;
    
    margin: auto;
}

.left
{
    float: left;
}

.left img
{
    border: none;
}

.right
{
    float: right;
}

#links1
{
    padding-top: 16px;
    color: #567fb7;
}

#links1 a
{
    color: #567fb7;
    text-decoration: none;
}

#links1 a:visited
{
    color: #567fb7;
    text-decoration: none;
}

#links1 a:hover
{
    color: Blue;
    text-decoration: underline;
}

#pageContent
{
    width: 922px;
    
    margin: 0px auto 10px auto;
    
    border-left: 3px solid #567fb7;
    border-right: 3px solid #567fb7;
    border-bottom: 3px solid #567fb7;
    
    padding: 8px 16px 30px 16px;
    
    background-color: #ffffff;
    background-image: url(/public/images/pageContentBG1.png);
    
    font-family: Times New Roman;
    font-size: 18px;
    line-height: 28px;
    
    overflow-x: hidden;
}

img.screenshot
{
    border: 2px solid #cccccc;
    padding: 2px;
    
    background-color: #ffffff;
}

/* headers */
h1 
{
    display: block;
    float: left;
    width: 900px;
    
    margin: 10px 0px 10px 0px;
    
    font-size: 26px;
    font-weight: normal;
    
    background-color: #d5eafd;
    padding: 10px 10px 8px 10px;
    
    border: 1px solid #eaf4fe;
    border-radius: 8px;
}

h1 img
{    
    margin-right: 10px;
    vertical-align: middle;
    
    padding-bottom: 3px;
}

h2
{
    margin: 5px 0px 10px 0px;
    
    font-size: 20px;
    font-weight: bold;
}

h3
{
    margin: 10px 0px 10px 0px;
    
    font-size: 20px;
    font-weight: bold;
    
    text-align: center;
}

h5
{
    display: block;
    float: left;
    width: 902px;
    
    margin: 10px 0px 10px 0px;
    
    font-size: 18px;
    font-weight: normal;
    
    background-color: #eeeeee;
    padding: 5px 10px 5px 10px;
}

/* links */
/* a1 */
a.a1
{
    color: Black;
    text-decoration: none;
}

a.a1:visited
{
    color: Black;
    text-decoration: none;
}

a.a1:hover
{
    color: Black;
    text-decoration: underline;
}

/* a2 */
a.a2
{
    color: #567fb7;
    text-decoration: none;
}

a.a2:visited
{
    color: #567fb7;
    text-decoration: none;
}

a.a2:hover
{
    color: Blue;
    text-decoration: underline;
}

/* a3 */
a.a3
{
    font-family: Tahoma;
    font-size: 12px;

    color: #567fb7;
    text-decoration: none;
}

a.a3:visited
{
    color: #567fb7;
    text-decoration: none;
}

a.a3:hover
{
    color: Blue;
    text-decoration: underline;
}

/* comments */
.comments
{
    display: block;
    float: left;
    
    width: 922px;
    margin-top: 5px;
}

.comments a
{
    color: Blue;
    text-decoration: none;
}

.comments a:hover
{
    color: Blue;
    text-decoration: underline;
}

.comments .comment
{
    display: block;
    float: left;
    
    width: 922px;
    margin-top: 10px;
}

.comments .comment img
{
    display: block;
    float: left;
    
    border: 1px solid #cccccc;
    padding: 1px;
    background-color: #ffffff;
    
    margin-right: 10px;
    border-radius: 6px;
    -webkit-border-radius:0px;
}

.comments .comment .commentText
{
    display: block;
    float: left;
    
    width: 855px;
}

.comments .comment .commentText b
{
    font-family: Tahoma;
    font-size: 12px;
    line-height: 20px;
    
    font-weight: bold;
}

.comments .comment .commentText span
{
    font-family: Tahoma;
    font-size: 14px;
    line-height: 20px;
}

/* user info wrapper */
#userInfoWrapper
{
    display: block;
    float: left;
    
    width: 100%;
    font-family: Verdana;
    font-size: 14px;
    line-height: 22px;
    
    background-color: White;
    margin: 10px 0px 0px 0px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffffff;
}

#userImage
{
    display: block;
    float: left;
    
    border: 1px solid #cccccc;
    padding: 1px;
    background-color: White;
    
    margin-right: 10px;
    
    border-radius: 6px;
    -webkit-border-radius:0px;
}

#userProfileLinks
{
    color: #567fb7;
}

#userInfo a
{
    color: #567fb7;
    text-decoration: none;
}

#userInfo a:visited
{
    color: #567fb7;
    text-decoration: none;
}

#userInfo a:hover
{
    color: Blue;
    text-decoration: underline;
}

/* last added pictures */
#lastPicturesWrapper
{
    display: block;
    float: left;
    
    width: 100%;
}

.lastPictureWrapper
{
    display: block;
    float: left;
    
    width: 131px;
}

.lastPictureWrapper a img
{
    border: 2px solid #cccccc;
    padding: 2px;
    
    border-radius: 6px;
    -webkit-border-radius:0px;
}

.lastPictureWrapper a:visited img
{
    border: 2px solid #cccccc;
    padding: 2px;
}

.lastPictureWrapper a:hover img
{
    border: 2px solid Orange;
    padding: 2px;
}

.lastPictureWrapper .title
{
    display: block;
    float: left;
    
    margin-top: 5px;
    margin-left: 5px;
    
    width: 121px;
    
    font-family: Tahoma;
    font-size: 12px;
    line-height: 15px;
    
    text-align: center;
}

#friendsWrapper
{
    display: block;
    float: left;
    
    padding-left: 2px;
    
    width: 100%;
}

.friendWrapper
{
    display: block;
    float: left;
    
    width: 92px;
    margin: 0px 5px 0px 5px;
}

.friendWrapper a
{

}

.friendWrapper a img
{
    display: block;
    float: left;
    
    border: 1px solid #cccccc;
    padding: 1px;
    margin-left: 14px;
    
    background-color: White;
    border-radius: 6px;
    -webkit-border-radius:0px;
}

.friendWrapper a:hover img
{
    display: block;
    float: left;
    
    border: 1px solid #55b829;
    background-color: #96e174;
    
    padding: 1px;
    margin-left: 14px;
}

.friendWrapper .friendNick
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
    
    font-family: Tahoma;
    font-size: 12px;
    line-height: 20px;
    
    text-align: center;
}

.friendsSeparator
{
    display: block;
    float: left;
    
    width: 100%;
    height: 15px;
}

/* blog entries wrapper */
#lastBlogEntriesWrapper
{
    display: block;
    float: left;
    
    width: 100%;
}

.lastBlogEntryWrapperWithImage
{
    display: block;
    float: left;
    
    width: 100%;
    margin-top: 15px;
}

.lastBlogEntryWrapperWithoutImage
{
    display: block;
    float: left;
    
    width: 100%;
    margin-top: 15px;
}

.blogEntryCreatedAt
{
    display: block;
    float: left;
    
    width: 100%;
    font-size: 14px;
}

.blogEntryImageWrapper
{
    display: block;
    float: left;
    
    width: 104px;
    
    margin-right: 10px;
}

.blogEntryImageWrapper img
{
    border: 1px solid #cccccc;
    padding: 1px;
    
    border-radius: 6px;
    -webkit-border-radius:0px;
}

.lastBlogEntryWrapperWithImage .blogEntryContent
{
    display: block;
    float: left;
    
    width: 790px;
}

.lastBlogEntryWrapperWithoutImage .blogEntryContent
{
    display: block;
    float: left;
}

.blogEntryContent .title a
{
    color: #567fb7;
    
    font-size: 16px;
    line-height: 18px;
    
    font-family: Tahoma;
    text-decoration: none;
}

.blogEntryContent .title a:visited
{
    color: #567fb7;
    
    font-size: 16px;
    line-height: 18px;
    
    font-family: Tahoma;
    text-decoration: none;
}

.blogEntryContent .title a:hover
{
    color: Blue;
    
    font-size: 16px;
    line-height: 18px;
    
    font-family: Tahoma;
    text-decoration: underline;
}

.blogEntryContent .content
{
    margin-top: 3px;
    font-size: 15px;
    line-height: 18px;
    
    font-family: Tahoma;
}

#adImage
{
    cursor: pointer;
}

#advertisingText
{
    display: block;
    float: left;
    width: 100%;
    
    text-align: center;
    
    font-family: Tahoma;
    font-size: 12px;
}

#advertisingText a
{
    color: Black;
    text-decoration: none;
}

#advertisingText a:visited
{
    color: Black;
    text-decoration: none;
    
}

#advertisingText a:hover
{
    color: Blue;
    text-decoration: underline;
}

.error
{
    color: Red;
    font-weight: bold;
}

.redBorder
{
    border: 2px solid Red;
}

.success
{
    color: Green;
    font-weight: bold;
}

#passwordReminderWrapper
{
    font-family: Tahoma;
    font-size: 16px;
    line-height: 28px;
}

.publicButton1
{
    padding: 5px 10px 5px 10px;
}

.publicButton1Hover
{
    padding: 5px 10px 5px 10px;
    
    border: 1px solid #999999;
    background-color: #d5eafd;
}

#googleAdWrapper
{
    
}

#pictureImg
{
    border-radius: 8px;
    -webkit-border-radius:0px;
}