/* -------------------------------------------------------------- 
   
    2008, GrandRating, www.grandrating.com
    Special for ProgBlog.ru
      
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border: 0pt none;
    font-family: inherit;
    font-size: 100.01%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0pt;
    padding: 0pt;
    text-align: left;
    vertical-align: baseline;
    font-weight: normal;
}

body
{
    background: #FFFFFF none no-repeat scroll 0% 0%;
    background-image: url(../images/backgroundGreen.jpg);
    font-size: 1em;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    color: #444;
    padding: 0;
    margin: 0;
}


a
{
    color: #659FD5;
}
a:hover
{
    color: #AA9650;
}



.verticalMiddled
{
    display: table-cell;
    vertical-align: middle;
}

/* ----------------- COLUMNS ---------------- */

.page
{
    overflow: hidden;
    width: 100%;
}

.mainColumn
{
    float: left;
    width: 70%;
    overflow: hidden;
    /* background-color: #ccffcc; */
}

.sideColumn
{
    float: left;
    overflow: hidden;
    width: 30%;
    margin-right: -1px;
    /* background-color: #ffcccc; */
}





/* ----- header ----- */

.header
{
    padding: 2em 0 1.5em 0;
}

.header .logoContainer
{
    padding-left: 6em;
}

.header h1
{
    font-size: 0.75em;
    font-weight: bolder;
    line-height: 1.2em;
}

.header p
{
    font-size: 0.75em;
}

.header .logo
{
    vertical-align: middle;
    padding-right: 1em;
}

.header .about
{
    vertical-align: middle;
    width: 28em;
    padding-right: 1.5em;
}


/* ----- HeaderMenu ----- */


.menuContainer
{
    padding-top: 1.5em;
    padding-left: 6.15em;
}
.menuContainer td
{
    width: 9.25em;
}
.menuContainer ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
.menuContainer ul li a
{
    color: #6D6F71;
    font-size: 0.7em;
    padding: 0pt 0pt 0pt 0.75em;
    text-decoration: underline;
}
.menuContainer ul li a:hover
{
    color: #000000;
    text-decoration: underline;
}
.menuContainer ul li
{
    margin: 0pt 0pt 0.35em;
}
.menuContainer ul li a.selected
{
    background-color: #000;
    color: #FFF;
    padding: 0.4em 0.75em;
    text-decoration: none;
    cursor: default;
}
.menuContainer ul li a.selected:hover
{
    background-color: #000;
    color: #FFF;
    padding: 0.4em 0.75em;
    text-decoration: none;
    cursor: default;
}


/* ----- content ----- */

.pageContent
{
    padding-left: 6.15em;
    padding-right: 3.5em;
}


/*------- post -------- */

.post
{
    margin-bottom: 2em;
}


.post .postHeaderContainer
{
    padding-top: 0.5em;
    margin-bottom: 1.25em;
}

.post .postHeaderContainer h1
{
    font-size: 1.25em;
    padding: 0.1em 0 0.2em 0;
    line-height: 1.3em;
    color: White;
    white-space: nowrap;
    display: inline;
    font-weight: normal;
}

.post .postHeaderContainer h1 a
{
    color: White;
    white-space: nowrap;
}

.post .green h1
{
    background-color: #9ABA4F;
}

.post .yellow h1
{
    background-color: #EF9724;
}

.post .red h1
{
    background-color: #D35238;
}

.post .blue h1
{
    background-color: #6C8BC1;
}

.authorAndTimeContainer
{
    padding-left: 0.45em;
    margin-bottom: 1.562em;
}

.authorAndTimeContainer .author
{
    font-size: 0.75em;
    line-height: 1.75em;
    display: inline;
    padding: 0.2em 0.4em 0.25em 0.4em;
    vertical-align: middle;
    margin-right: 0.75em;
}

.authorAndTimeContainer .smallAvatar
{
    height: 20px;
    width: auto;
    vertical-align: middle;
    margin-right: 0.05em;
}


.authorAndTimeContainer .time
{
    background: url(../images/icons/time.png) no-repeat scroll 0 50%;
    padding:0.2em 0 0.2em 22px;
    margin-right:0.75em;
    font-size: 0.75em;
    line-height: 1.75em;
    display: inline;
    vertical-align: middle;
}

.authorAndTimeContainer .commentsCount
{
    background: url(../images/icons/comment.png) no-repeat scroll 0 50%;
    padding:0.2em 0 0.2em 22px;
    font-size: 0.75em;
    line-height: 1.75em;
    display: inline;
    vertical-align: middle;
    text-decoration: underline;
    color:#808080;
}

.authorAndTimeContainer .commentsCount a
{
    color:#808080;
}

.tagsContainer
{
    padding-left: 0.45em;
    margin-top: 1.562em;
}

.post .tags
{
    background: url(../images/icons/tags.png) no-repeat scroll 0 50%;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0.2em 0 0.2em 22px;
    font-size: 0.75em;
    line-height: 1.75em;
    vertical-align: middle;
    overflow: hidden;
}

.post .tags li
{
    display: inline;
}

.post .tags a
{
    color: #808080;
}

.post .postContent
{
    overflow: hidden;
    padding-left: 0.45em;
}


/*------- pagination -------- */


.pagination
{
    margin: 3em 0 1em 0;
}

.pagination ul
{
    list-style-image:none !important;
    list-style-position:outside !important;
    list-style-type:none !important;
}

.pagination ul li
{
    display: inline;
    margin: 0 1.5em 0 0 !important;
}

.pagination ul li a
{
    font-size: 0.75em;
    color: #000;
}

.pagination ul li a:hover
{
    color: #AA9650;
}

.pagination ul li a.selected
{
    color: #000;
    text-decoration: none;
}

.pagination ul li a.selected:hover
{
    color: #000;
}




/* --------- TYPOGRAPHY ----------- */

.postContent p
{
    font-size: 0.95em;
    line-height: 1.25em;
    margin: 1em 0;
    text-align: left;
}

.postContent h1
{
    font-size: 1.25em;
    margin: 1.25em 0 0.75em 0;
    font-weight: normal;
}

.postContent h2
{    
    font-size: 1.25em;
    margin: 1.25em 0 0.75em 0;
    font-weight: normal;
}

.postContent h3
{    
    font-weight: bolder;
    margin: 1.25em 0 0.95em 0;
}

.postContent h4
{
    font-size: 0.95em;
    font-weight: bolder;
    margin: 1.5em 0 1em 0;
}

.postContent blockquote
{
    font-size: 0.95em;
    line-height: 1.25em;
    margin: 1.25em 0;
    padding-left: 3em;
    text-align: left;
    font-style: italic;
    font-weight: normal;
}

.postContent cite span
{
    font-size: 0.95em;
    font-weight: normal;
}

.postContent em, .postContent i, .postContent dfn
{
    font-size: 0.95em;
    font-style: italic;
}

.postContent abbr, .postContent acronym, .postContent address
{
    font-size: 0.95em;
}

.postContent ul, .postContent ol
{
    font-size: 0.95em;
    line-height: 1.25em;
    margin: 1em 0 1em 2em;
    text-align: left;
}

.postContent ol li ol, .postContent ol li ul, .postContent ul li ul, .postContent ul li ol
{
    margin: 0.25em 0 0.25em 2em;
}

.postContent table
{
    margin: 0.95em 0;
    text-align: left;
    display: block;
}

.postContent table caption
{
    font-size: 0.8em;
    padding-bottom: 0.8em;
    font-style: italic;
}

.postContent table th
{
    font-size: 0.95em;
    font-weight: normal;
    border-right: solid 3px #fff;
    border-bottom: solid 5px #fff;
    padding: 0.25em;
    background-color: #DCDDDE;
}

.postContent table td
{
    font-size: 0.95em;
    border-right: solid 3px #fff;
    padding: 0.25em;
}

.postContent img.left
{
    float: left;
    padding-top: 0.35em;
    padding-right: 0.75em;
    padding-bottom: 0.2em;
}

.postContent img.right
{
    float: right;
    padding-top: 0.35em;
    padding-left: 0.75em;
    padding-bottom: 0.2em;
}

.postContent .postCut
{
    margin: 1em 0;
    
}

.postContent .postCut a
{
    font-size: 0.95em;
}


/* ----- commentIt ----- */


.commentIt
{
    width: 90%;
    background-color: #DCDDDE;
    padding: 0.4em 0 0.6em 0.75em;
    margin: 2em 0 1.188em 0;
}

.commentIt table
{
    width: 100%;
}

.commentIt td
{
    vertical-align: middle;
}

.commentIt label
{
    font-size: 0.7em;
}
   
.commentIt .inputHolder
{
    padding-right: 1.4em;
}

.commentName, .commentMail, .commentSite
{
    padding: 0.25em;
    width: 100%;
}

.commentIt .makeComment
{
    padding: 0.25em;
    margin-bottom: -0.1em;
}

.commentIt textarea
{
    padding: 0.25em;
    width: 100%;
    height: 5em;
}

.commentIt .formInput
{
    padding: 0.2em 0;
}

/* ------ Comments ------ */

.postComments
{
    padding-left: 0.45em;
    margin-bottom: 1.562em;
}

.postComments .postCommentsHeader
{
    font-weight:bolder;
    margin:1.25em 0 0.95em;
}
.comment .commentHeader .author a
{
    color:Black;
}
.comment .commentHeader .author
{
    font-size: 0.75em;
    line-height: 1.75em;
    display: inline;
    padding: 0.2em 0.4em 0.25em 0.4em;
    vertical-align: middle;
    margin-right: 0.75em;
}

.comment .commentHeader .smallAvatar
{
    height: 20px;
    width: auto;
    vertical-align: middle;
    margin-right: 0.05em;
}

.comment .commentHeader .time
{
    margin-right:0.75em;
    font-size: 0.75em;
    line-height: 1.75em;
    display: inline;
    vertical-align: middle;
    color: #CCC;
}

/* ------ Comments Typography ------ */

.comment .commentContentContainer
{
    margin: 0.5em 0 0.75em 0;
}


.comment .commentContentContainer div
{
    font-size: 0.75em;
}


/* ----- SideColumn ------ */

.sideColumn .rssFeedIcon
{
    position: absolute;
    top: 2.5em;
    right: 2.5em;
}

.sideColumn .rssFeedIcon img
{
    width: 2em;
    height: 2em;
}


/* --- TheFlag --- */

.sideColumn .theFlag
{
    overflow: hidden;
    padding-top: 2.5em;
    margin-right: 6em;
    padding-left: 3px;
}

.sideColumn .tagCloud
{
    font-size: 0.85em;
}

.sideColumn .tagCloud div.tag
{
    display: block;
    float: left;
    background-color: #CDCCCC;
    color: #FFF;
    height: 1.8em;
}

.sideColumn .tagCloud div.tag:hover
{
    cursor: pointer;
}

.sideColumn .tagCloud div.tag table
{
    height: 1.8em;
}

.sideColumn .tagCloud div.tag table td
{
    vertical-align: middle;
    white-space: nowrap;
    height: 1.8em;
    padding: 0 0.5em;
}

.sideColumn .tagCloud a
{
    color: #FFF;
    text-decoration: none;
}

.sideColumn .tagCloud a:hover
{
    text-decoration: underline;
}

.sideColumn .theFlagStaff
{
    height: 154px;
    width: 81px;
    background-color: #FFF;
    margin-bottom: 30px;
}

/* --- sideMenus --- */



/* ----- footer ----- */

.footer
{
    padding-left: 6.15em;
    margin-top: 2.5em;
    padding-bottom: 3em;
}

.footer .copyright p
{
    font-size: 1.25em;
    padding: 0.35em 0 0.3em 0;
    line-height: 1.6em;
    background-color: #DCDDDE;
    white-space: nowrap;
    display: inline;
    font-weight: normal;
}

.footer .postHeaderContainer a
{
    color: White;
    white-space: nowrap;
}

.footer .copyright
{
    float:left;
}

.footer .copyright p
{
    font-size: 0.75em;
}

.madeIn
{
    padding-top: 1em;
    padding-bottom: 2em;
}

.madeIn table
{
    font-size: 0.75em;
}

.madeIn table td
{
    vertical-align: middle;
}

/* ----- registerForm ----- */


.registerFormHolder
{
    padding-left:6.55em;
    padding-right:3.5em;
}

.registerFormHolder h1
{
    font-size:1.25em;
    font-weight:normal;
    line-height:1.3em;
    padding:0.1em 0 0.2em;
}

.registerForm
{
    width: 90%;
    background-color: #EFEFEF;
    /* border: solid 1px #CCC; */
    padding: 0.4em 0 0.6em 0.75em;
    margin: 1.188em 0 1.188em 0;
}

.registerForm h3
{
    font-size: 0.85em;
    font-weight: bold;
    margin: 0.5em 0 0.75em 0; 
}

.registerForm table
{
    width: 100%;
}

.registerForm td
{
    vertical-align: middle;
}

.registerForm label
{
    font-size: 0.7em;
}
   
.registerForm .inputHolder
{
    padding-right: 1.4em;
}

.registerForm .inputHolder input
{
    width: 100%;
}

.registerForm .registerButton
{
    margin: 0.6em 0 0 0;
}

.commentName, .commentMail, .commentSite
{
    padding: 0.25em;
    width: 100%;
}

.registerForm .makeComment
{
    padding: 0.25em;
    margin-bottom: -0.1em;
}

.registerForm textarea
{
    padding: 0.25em;
    width: 100%;
    height: 5em;
}

.registerForm .formInput
{
    padding: 0.2em 0;
}

/* ------ goods ------ */

.goodsBlock .goodHolder
{
	margin: 0 15px 20px 0;
	float: left;
	text-align: center;
}
.goodsBlock .goodHolder img
{
    border: solid 1px silver;
}

.goodsBlock .goodHolder p
{
    font-size: 0.95em;
    margin: 5px 0;
}