html
{
    margin: 0px 0px 0px 0px;
	padding: 0px;
    height: 100%;
}

body
{
    margin: 0px 0px 0px 0px;
	padding: 0px;
    height: 100%;
    background-color: #EEEEEE;
}

#top-stripe
{
    background-color: #000000;
    display: block;
    width: 100%;
    height: 40px;
    border-bottom: solid 1px #555555;
    text-align: center;
}

#top-menu
{
    /*width: 800px;*/
    width:100%;
    margin: 0px auto;
    /*text-align: center;*/
}

#top-menu ul
{
    display: inline-block; *display: inline; zoom: 1;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
    line-height: 40px;
    font-family: "Helvetica Neue";
    font-weight: bold;
    color: #DDDDDD;
}

#top-menu ul li
{
    float: left;
    text-align: center;
    /*width: 100px;*/
	padding: 0px 20px 0px 20px;
}

#top-menu ul li :hover
{
    color: #FFB12B;
}

#top-menu ul li a
{
    text-decoration: none;
    color: #DDDDDD;
}

#header
{
	background-image: url('/img/logo.png');
	background-position: center right;
	background-repeat: no-repeat;
    background-size: 300pt;
    background-color: #363333;
    display: block;
    width: 100%;
    height: 100px;
}

#footer
{
    background-color: #363333;
    display: block;
    width: 100%;
    height: 100px;
}

#bottom-stripe
{
    background-color: #000000;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-top: solid 1px #555555;
}

#bottom-stripe ul, #bottom-stripe li
{
    margin: 0px;
    padding: 0px;
}

#bottom-stripe li
{
    display: inline-block; *display: inline; zoom: 1;
    float: left;
}

#bottom-stripe #copyright
{
    float: right;
    text-align: right;
    font-size: 10px;
    color: #DDDDDD;
    padding: 0px 20px;
}

#bottom-stripe #buildserver-status
{
/*     float: left; */
/*     font-size: 10px; */
/*     color: #DDDDDD; */
    padding: 0px 20px;
    line-height: 40px;
    vertical-align: bottom;
    height: 40px;
}

#bottom-stripe #buildserver-status img
{
    margin-top: 12px;
}

#bottom-stripe #sdk-revision
{
    font-size: 10px;
    color: #DDDDDD;
    padding: 0px 20px;
}

#body-block
{
    display: block;
    width: 100%;
    min-height: 768px;
    text-align: center;
    padding: 0px;
}

.content-body
{
	width: 800px;
	text-align:left;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.298);
	padding: 20px 43px 50px; padding: 20px 2.86rem 50px;
	margin: 55px auto; margin: 3.43rem auto;
	overflow: hidden;
}

.warning
{
    clear: both;
    background-color: #FAEBD7;
    border: 1px solid #CCCCCC;
    color: #000000;
    padding: 7px;
    margin: 30px auto 30px auto;
    vertical-align: middle;
    text-align: left;
}

/*** Dload related ***/
#dload-body
{
	width: 800px;
	text-align:left;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.298);
	padding: 20px 43px 50px; padding: 20px 2.86rem 50px;
	margin: 55px auto; margin: 3.43rem auto;
	overflow: hidden;
}

#dload-body .description
{
    
}

#dload-body h2
{
    margin-bottom: 30px;
}

.dload-section
{
    /*float: left;*/
    display: inline-block; *display: inline; zoom: 1;
    overflow: hidden;
    margin: 5px 30px 5px 30px;
    vertical-align: top;
}

#dload-body table
{
    text-align: center;
}

#dload-body table th
{
    background-color: #BBBBCC;
    padding: 5px 20px;
}

#dload-body table td
{
    padding: 5px 10px;
    background-color: #EEEEEE;
}

#dload-body table td.numbers
{
    text-align: right;
}

#dload-body a
{
    color: #1982D1;
    text-decoration: none;
}

#dload-body a:hover, #respond a:active
{
    text-decoration: underline;
}

#dload-body ol
{
    list-style-type: none;
    counter-reset:num;
    overflow: hidden;
    padding-left: 40px;
    line-height: 20px;
    font-family: "Open Sans", "lucida grande", "Segoe UI", "arial", "verdana", "lucida sans unicode", "tahoma", sans-serif;
    /*font-size: 13px;*/
}
    
#dload-body ol li:before
{
    counter-increment:num;
    content: counter(num);

    /* display: inline-block; */
    position: absolute;
    float:left;
    left: -40px;
    display: block;
    float: left;
    text-align: center;
    width: 25px;
    height: 20px;
    line-height: 20px;
    background-color: #BBBBC0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    border-radius: 999px;
}

#dload-body ol li
{
    display: block;
    position: relative;
    padding: 10px 20px 10px 0px;
    line-height: 25px;
}

#dload-body code
{
    display: block;
    border: 1px solid #CCCCDD;
    background-color: #EEEEEE;
    padding: 5px;
    font-weight: 500;
    color: #222255;
    margin: 10px 5px;
}

#dload-body .submit
{
    text-align: center;
    margin-top: 40px;
}

#dload-body input[type="submit"]:hover, #dload-body input[type="submit"]:focus, #dload-body input[type="submit"]:active
{
    background-color: #1982D1;
    color: #EBEBEB;
}

#dload-body input[type="submit"]
{
    cursor: pointer;
    background-color: #E6E6E6;
    border: 1px solid #A2A2A2;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(64, 64, 64, 0.102);
    color: #585858;
    font-size: 12px; font-size: 0.79rem;
    font-weight: 700;
    line-height: 1.43;
    padding: 6px 11px; padding: 0.43rem 0.71rem;
}


/*** Blog related ***/
#blog-body
{
	background-color: #FFFFFF;
	box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.298);
	padding: 20px 43px; padding: 20px 2.86rem;
	margin: 55px auto; margin: 3.43rem auto;
	max-width: 777px; max-width: 48.57rem;
	overflow: hidden;
}

#blog-body .comments-title
{
	text-align: left;
	margin-bottom: 18px; margin-bottom: 1.21rem;
}

.post
{
	border-bottom: 4px double #DDDDDD;
	margin-bottom: 47px; margin-bottom: 3.14rem;
	overflow-wrap: break-word;
	padding-bottom: 26px; padding-bottom: 1.71rem;
}

.post-title
{
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

.post-title a
{
	text-decoration: none;
	color: #222222;
}

.post-title a:hover, .post-title a:active , .post-title a:focus
{
	color: #1982D1;
}

.post-date
{
	clear: both;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin-left: 10px;
}

.post-content
{
	text-align: left;
}

.post-content a
{
	color: #1982D1;
	text-decoration: none;
}

.post-content a:hover, .post-content a:active, .post-content a:focus
{
	text-decoration: underline;
}

.post-content blockquote
{
	display: block;
	padding: 0 24px 0;
	padding: 0 1.714285714rem 0;
	/*font-size: 15px;
	font-size: 1.071428571rem;*/
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

.post-content blockquote p
{
    margin: 0;
    padding: 0;
}

.post-navigation a
{
	text-decoration: none;
	color: #000000;
	margin: 0px 10px 0px 10px
}

.post-navigation a:active, .post-navigation a:hover, .post-navigation a:focus
{ 
	color: #555555;
}

.comments-link
{
	float: right;
}

.comments-link a
{
	background: url("http://joy-soft.org/img/comment-bubble.png") no-repeat #EEEEEE;
	color: #666666;
	font-size: 13px;
	font-weight: 400;
	height: 36px;
	line-height: 35px;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	top: 1.5em;
	width: 43px;
	display: block;
}

.comments-link a:active, .comments-link a:hover, .comments-link a:focus
{ 
	background-color: #1982D1;
	color: #FFFFFF; color: rgba(255, 255, 255, 0.804);
}

.comment-tree  /* comment and replies */
{
	/* border: 1px solid #DDDDDD; */
	padding: 10px 10px 0px 20px;
	margin-bottom: 20px;
}

.comment
{
	/* border-bottom: 4px double #DDDDDD; */
	/* border-bottom: 1px solid #DDDDDD; */
	/* margin-bottom: 47px; margin-bottom: 3.14rem; */
	overflow-wrap: break-word;
	/* padding-bottom: 26px; padding-bottom: 1.71rem; */
    padding: 0px;
    margin: 20px 0px; margin: 1.34rem 0px; 
}

.comment-tree .children
{
	padding-left: 85px;
	/* border-left: 1px solid #D3D3D3; */
}

.comment .avatar
{
	/* float:left; */
    position: absolute;
}

.comment .title
{
	text-align: left;
    padding-left: 85px; /* padding-left: 5.83rem; */
    overflow: hidden;
}

.comment .author
{
	font-size: 16px; font-size: 1.07rem;
	font-style: normal;
	line-height: 1.43;
	/* margin-left: 61px; margin-left: 4.07rem; */
    float: left;
    font-weight: bold;
}

.comment .author.post-author
{
	/* font-size: 11px; font-size: 0.71rem; */
	/* margin-left: 5px; margin-left: 0.36rem; */
	/* padding: 2px 5px; padding: 0.14rem 0.36rem;
	background-color: #21759B;
	background-image: none;
	border: 1px solid #1F6F93;
	border-radius: 2px;
	box-shadow: none;
	color: #FFFFFF; */
}

.comment .date
{
	color: #5E5E5E;
	font-size: 13px; font-size: 0.86rem;
	line-height: 1.71;
	margin-left: 10px; margin-left: 0.8rem;
    float: left;
}

.comment .content
{
    padding-left: 85px; /* padding-left: 5.83rem; */
	line-height: 24px; line-height: 1.62rem;
    font-size: 13px;
	/* margin: 0px 0px 26px; margin: 0px 0px 1.71rem; */
    margin: 0px;
	text-align: left;
}

.comment .content p
{
    padding: 0px 0px 10px;
    margin: 0px;
}

div.comment-reply-link
{
	text-align: right;
}

a.comment-reply-link
{
	background: #EEEEEE;
	border-radius: 3px;
	color: #666666;
	display: inline-block; *display: inline; zoom: 1;
	font-size: 12px;
	padding: 4px 8px 4px 10px;
	text-decoration: none;
}

a.comment-reply-link:hover, a.comment-reply-link:active, a.comment-reply-link:focus
{ 
	background: #888888;
	color: #FFFFFF;
}

.comment-reply
{
	border-bottom: 4px double #DDDDDD;
	margin-bottom: 47px; margin-bottom: 3.14rem;
	padding-bottom: 26px; padding-bottom: 1.71rem;
}

#respond
{
	background-color: #DDDDDD;
	overflow-wrap: break-word;
	text-align: left;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #BABABA;
	border-radius: 2px;
}

#respond #reply-title
{ 
	color: #373737;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

#respond .logged-in-as
{
	font-size: 13px;
}

#respond a
{
	color: #1982D1;
	text-decoration: none;
}

#respond a:hover, #respond a:active, #respond a:focus
{
	text-decoration: underline;
}

#respond .comment-notes
{
	font-size: 13px;
}

#respond .required
{
	color: #E73333;
}

#respond label
{
	display: block;
	line-height: 1.71;
}

#respond form input[type="text"], #respond form textarea 
{
	box-sizing: border-box;
	font-size: 13px; font-size: 0.86rem;
	line-height: 1.71;
	padding: 7px;
	border: 1px solid #999999;
	border-radius: 3px;
	font-family: inherit;
}

#respond input[type="submit"]:hover
{ 
	background-color: #1982D1;
	color: #EBEBEB;
}

#respond input[type="submit"]
{
	cursor: pointer;
	background-color: #E6E6E6;
	border: 1px solid #A2A2A2;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(64, 64, 64, 0.102);
	color: #5C5C5C;
	font-size: 12px; font-size: 0.79rem;
	font-weight: 400;
	line-height: 1.43;
	padding: 6px 11px; padding: 0.43rem 0.71rem;
}

#respond form textarea
{ 
	box-sizing: border-box;
	font-size: 13px; font-size: 0.86rem;
	line-height: 1.71;
	padding: 11px; padding: 0.71rem;
	width: 95%;
	resize: vertical;
}


/**** Features related ****/
.feature-column
{
    display: inline-block; *display: inline; zoom: 1;
    overflow: hidden;
    float:left;
    /*width: 300px;*/
    margin: 20px 20px 20px;
}

.feature-section
{
    width: 300px;
    padding: 0px 20px 10px;
    margin: 20px 0px 30px;
    
    background-color: #E6E6E6;
	border: 1px solid #A2A2A2;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(64, 64, 64, 0.402);
}