/*
 * Copyright: 2009
 * Creator: style-nes
 * URL: www.style-nes.com
 * ICQ: 234930232
 * Email: style-nes@ya.ru
 */


/* Standart presets
------------------------------------------------------------------- */
*{margin:0; padding:0; border:0;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,img {margin:0; padding:0; border:0;}
table,td {border-collapse:collapse; border-spacing:0; vertical-align:top;}

html {height:100%;}
body {position:relative; height:100%; font-size:12px; font-family: Arial, Helvetica, sans-serif;}
#style-nes {position:relative; min-width:1000px;}

.wrap {max-width:1300px; margin:0 auto; padding:0 2% 0 2%;}
.clear {clear:both; display:block;}
.noMargin {margin:0;}
.noPadding {padding:0;}

/* Index Advertising Block */
.AdvertisingBlock {font-size:10px; font-style:italic;}
.AdvertisingBlock a {color:#424242;}


/* Typography 
------------------------------------------------------------------- */
/* Links */
a {font-family:Arial; text-decoration:underline; color:#5ba2ee;}
a:hover {text-decoration:none; color:#ae67e2;}
a.active {text-decoration:none;}

/* Headline */ 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
h1 {padding:0 0 25px 0; color:#717171; font-size:24px; line-height:22px;}
h2 {padding:0 0 10px 0; color:#717171; font-size:20px;}
h3 {padding:0 0 5px 0;color:#717171; font-size:18px;}

p {line-height: 1.4em; padding: 0.2em 0 1.2em;}
strong {color:#666;}
b {font-weight:bold;}
blockquote {display:block; clear:both; margin: 0.6em 0 1.6em; padding:15px 15px 15px 46px; background:#F6F6F2 url(../images/backgrounds.gif) no-repeat 0 -414px; border: 1px solid #E0E0D4; color:#332;}

ul li {list-style:inside; color:#666;}
ol li {list-style:decimal inside; color:#666; margin:0 0 5px 0;}



/* TopCells 
------------------------------------------------------------------- */
#topCells {position:relative; padding:25px 10px 30px 10px; background:#FFF; border-bottom:1px solid #ededed; font-family:Georgia, "Times New Roman", Times, serif;}
#topCells a {font-family:Georgia, "Times New Roman", Times, serif;}

#topCells .logo {margin:13px 0px 12px 0px;}

/* mainMenu */
#topCells .mainMenu {padding:15px 0 0 0; height:17px; font-size:15px;}
#topCells .mainMenu td {padding:0 23px 0 0;}
#topCells .mainMenu a {font-size:15px; color:#717171;}
#topCells .mainMenu a:hover {color:#ae67e2;}
#topCells .mainMenu .active {color:#ae67e2;}

/* workMenu */
#topCells .workMenu {padding:20px 0 0 0; color:#1144AA; font-size:17px;}
#topCells .workMenu td {padding:0 23px 0 0;}
#topCells .workMenu sup {font-size:12px; color:#999;}
#topCells .workMenu a {font-size:17px; font-style:normal;}
#topCells .workMenu a:hover {color:#ae67e2;}
#topCells .workMenu .active {color:#ae67e2;}

/* workView */
#workView {position:relative; height:100px; min-width:1000px; max-width:1200px; margin:0 auto; padding:0 20px; background:#FFF; border-bottom:1px solid #e5e5e5;}
#workView .back {position:absolute; left:20px; top:30px;}
#workView .back a {font-size:24px;}
#workView .back span {color:#5ba2ee; font-size:26px; font-weight:bold;}
#workView .logo {position:absolute; right:20px; top:20px;}


/* CenterCells 
------------------------------------------------------------------- */
#centerCells {padding:50px 0px 30px 10px; background:#fbfbfb; color:#424242; line-height:18px;}
#content {margin:0px 20px 20px 0;}
#content img {padding:2px; border:1px solid #ededed;}
#contentTitle {margin:0 0 20px 0;}
#contentTitle img {padding:0; border:none;}

/* IndexPage lastWork */
#IndexWorkLast {margin:0 0 30px 0;}
#IndexWorkLast .title {padding:0 0 15px 0;}
#IndexWorkLast .title a {color:#057ef7; font-size:20px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} 
#IndexWorkLast .title a:hover {color:#ae67e2;}
#IndexWorkLast .image img {padding:0px; background:#FFF; border:1px solid #e5e5e5;}

#IndexContent ul {padding:0 0 20px 0;}
#IndexContent h2 {clear:both;}
#IndexContent img {border:none; margin:0 10px 0 0; padding:0;}

/* breadcrumbs */
.B_crumbBox {display:block; padding:5px 0 0 0; font-size:11px; color:#727272;}
.B_crumbBox a {color:#6380af; font-size:11px;}
.B_crumbBox a:hover {color:#ae67e2;}

/* Portfolio All */
.PotfolioAllItem {float:left; width:inherit; margin:0 auto; height:180px; margin:0 3% 20px 0;}
.PotfolioAllItem sup {color:#969797; font-size:18px; font-family:"Times New Roman", Times, serif;}
.PotfolioAllItem a:hover {color:#ae67e2;}
.PotfolioAllItem ul {margin:10px 0 15px 0; line-height:20px;}
.PotfolioAllItem li a {color:#4c4b4b; font-size:12px;}
.PotfolioAllItem .id3, .id4, .id5, .id6, .id59, .id82 {font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.id3 {color:#629616;}
.id4 {color:#5877dd;}
.id5 {color:#dd9201;}
.id6 {color:#c63d64;}
.id59 {color:#b10cb3;}
.id82 {color:#5c8475;}
.PotfolioAllItem .more {padding:0 0 30px 0;}
.PotfolioAllItem .more a {padding:0 30px 0 0; color:#2380E0; font-size:11px;}
.PotfolioAllItem .more a:hover {color:#ae67e2;}

/* Works In Categories */
.PotfolioCatItem {position:relative; padding:0 0 30px 0; float:left; width:50%; overflow:hidden; zoom:1;}
.PotfolioCatItem .image {float:left; margin:0 20px 0 0;}
.PotfolioCatItem .image img {padding:0px; background:#FFF; border:1px solid #e1e1e1;}
.PotfolioCatItem .title {margin:0 0 10px 0; height:15px; white-space:nowrap;}
.PotfolioCatItem .title a {color:#057ef7; font-size:18px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;} 
.PotfolioCatItem .title a:hover {color:#ae67e2;}
.PotfolioCatItem .PrevLink {overflow:hidden; margin:0 0 10px 0;}
.PotfolioCatItem .PrevLink li {float:left; display:block; margin:0 5px 0 0;}
.PotfolioCatItem .PrevLink p {margin:0; padding:0;}

/* News Short */
.NewsItem {position:relative; padding:0px 0 20px 0px;}
.NewsItem .date {font-size:10px; color:#999; margin:0 0 -3px 0; padding:0;}
.NewsItem .title {padding:0 0 5px 0; color:#057ef7; font-size:16px; font-style:italic; font-family:Georgia;}
.NewsItem .title a {color:#057ef7; font-size:16px; font-family:Georgia;}
.NewsItem .title a:hover {color:#ae67e2;}
.NewsItem .empty img {vertical-align:middle;}
.NewsItem .empty p {padding:0;}

/* Article Short */
.ArticleShort {position:relative; padding:0px 0 10px 0px;}
.ArticleShort .date {font-size:10px; color:#999; margin:0 0 -3px 0; padding:0;}
.ArticleShort .title {padding:0 0 5px 0;}
.ArticleShort .title a {color:#057ef7; font-size:20px; font-style:italic; font-family:Georgia;}
.ArticleShort .title a:hover {color:#ae67e2;}

/* Post In Cat */
.PostInCat {margin:0 0 50px 0;}
.PostInCat .Title a {font-family:Georgia, "Times New Roman", Times, serif;}
.PostInCat .Meta {margin:0 0 10px 0; font-size:11px; line-height:15px;}
.PostInCat ul {margin:0 0 10px 20px;}
.PostInCat img {padding:2px; border:1px solid #ededed; margin:0 0 10px 10px;}

/* Post In Blog */
.BlogPost {margin:0 0 20px 0;}
.BlogPost img {margin:0 0 10px 10px;}
.BlogPost ol {list-style:decimal;}
.BlogPost ul {margin:0 0 10px 20px;}
.BlogPost h2 {padding:10px 0 10px 0; color:#717171; font-size:20px;}
.BlogPost h3 {padding:15px 0 10px 0;color:#717171; font-size:18px;}
.BlogPost .SourcePost {font-size:11px; font-style:italic;}


/* RightCells 
------------------------------------------------------------------- */
#rightCells {padding:0 0 0 0px; margin:-10px 0 0 0;}

/* Right White Background Block */ 
.RightWhiteBgBlockWrap {margin:-20px 0 0 0;}
.RightWhiteBgBlock .bgct {background:url(../images/navigation_work_bg_tb.gif) 0 0 repeat-x;}
.RightWhiteBgBlock .bgrt {width:20px; height:20px; background:url(../images/navigation_work_bg_corner.gif) -20px 0 no-repeat;}
.RightWhiteBgBlock .bgr {background:url(../images/navigation_work_bg_lr.gif) -20px 0 repeat-y;}
.RightWhiteBgBlock .bgrb {width:20px; height:20px; background:url(../images/navigation_work_bg_corner.gif) -20px -20px no-repeat;}
.RightWhiteBgBlock .bgcb {background:url(../images/navigation_work_bg_tb.gif) 0 -20px repeat-x;}
.RightWhiteBgBlock .bglb {width:20px; height:20px; background:url(../images/navigation_work_bg_corner.gif) 0 -20px no-repeat;}
.RightWhiteBgBlock .bgl {background:url(../images/navigation_work_bg_lr.gif) 0 0 repeat-y;}
.RightWhiteBgBlock .bglt {width:20px; height:20px; background:url(../images/navigation_work_bg_corner.gif) 0 0 no-repeat;}
.RightWhiteBgBlock .bgc {padding:10px; background:#FFF;}

/* Right Info Block */
.RightInfoBlock {margin:20px 0 0 0;}
.RightInfoBlock h3 {padding:0 0 10px 0; color:#717171; font-size:19px;}
.RightInfoBlock h3 a {font-style:italic; color:#717171; font-family:Georgia;}
.RightInfoBlock h3 a:hover {color:#ae67e2;}
.RightInfoBlock p {padding:0;}

/* Skrol Link */
.SkrolLink {margin:0 0 10px -5px;}
.SkrolLink a:hover {color:#dd9201; border-bottom:none;}
.SkrolLink .ditto_currentpage {margin:0 15px 0 5px; color:#dd9201; font-size:26px; font-family:"Times New Roman", Times, serif; text-decoration:none;}
.SkrolLink .ditto_page {margin:0 15px 0 5px; color:#6380af; font-size:18px; font-family:"Times New Roman", Times, serif; text-decoration:none; border-bottom:1px solid #6380af;}

/* Yaer Select */
.YaerSelect {color:#727272; font-size:14px; margin:0 0 0 -5px;}
.YaerSelect a {margin:0 0 0 5px; color:#6380af; font-size:18px; font-family:"Times New Roman", Times, serif; text-decoration:none; border-bottom:1px solid #6380af;}
.YaerSelect a:hover {color:#dd9201; border-bottom:none;}
.YaerSelect .active {color:#dd9201; border-bottom:none;}

/* Right Works Random */
.RightWorksRandom li {margin:0 0 10px 0; color:#CCC; font-size:13px; line-height:14px; font-style:italic; list-style:none;}
.RightWorksRandom a { font-family: Arial, Helvetica, sans-serif}
.RightWorksRandom .LinkCatName {color:#b5b5b5;}
.RightWorksRandom .LinkCatName:hover {color:#ae67e2;}

/* Navigation Link */
.navigReview {margin:0 0 20px 0;}
.navigReview .prev {background:url(../images/icons.gif) 0 -42px no-repeat;}
.navigReview .prev:hover {background:url(../images/icons.gif) 0 -72px no-repeat;}
.navigReview .next {background:url(../images/icons.gif) 0 0 no-repeat;}
.navigReview .next:hover {background:url(../images/icons.gif) 0 -57px no-repeat;}
.navigReview #navigReviewClick {margin:0 3px; cursor:pointer; //cursor:hand; background:url(../images/icons.gif) 0 -15px no-repeat;}
.navigReview #workList {display:none; padding:5px 0 5px 0; line-height:20px;}
.navigReview #workList a {display:block; padding:0 0 0 10px; background:url(../images/navigation_work_a.gif) 0 7px no-repeat;}

/* News Short */
.BlogLastPost {position:relative; padding:0px 0 10px 0px;}
.BlogLastPost .date {font-size:10px; color:#999; margin:0 0 -3px 0; padding:0;}
.BlogLastPost .title {padding:0 0 5px 0; color:#057ef7; font-size:16px; font-style:italic; font-family:Georgia;}
.BlogLastPost .title a {color:#057ef7; font-size:16px; font-family:Georgia;}
.BlogLastPost .title a:hover {color:#ae67e2;}

/* Work Info */
.WorkViewSource p {padding:0; margin:0;}
.WorkTags p {padding:0;}

/* Gallery */
.GalleryAllItems {float:left; position:relative; margin:0 1% 20px 0; font-size:14px; font-style:italic; font-family: "Times New Roman", Times, serif;}
.NameCat {position:absolute; width:140px; left:3px; bottom:3px; padding:2px; color:#000; font-weight:bold; text-align:center; background:#ffffff; opacity: 0.7; filter: alpha(opacity=70);}
.cat_name {padding:0 0 10px 0; color:#5c8475; font-size:16px; font-family:Georgia;}
.e2gback {padding:0 0 10px 0;}

/* About Autor Bg */ 
.AboutAutorBg {height:200px; background:url(/assets/images/blog/style-nes.jpg) center top no-repeat;}

/* Twitter Tweets */ 
.tweet .tweet_list {list-style-type:none;}
.tweet .tweet_list li {overflow: auto; padding:.5em;}
.tweet .tweet_list .url {color:#b5b5b5;}
.tweet .tweet_list .url a:hover {color:#ae67e2;}
.tweet .tweet_list .tweet_avatar {padding-right:.5em; float:left;}
.tweet .tweet_list .user {font-weight:bold; font-style:italic;}
.tweet .tweet_list .tweet_date {font-size:10px;}
.tweet .tweet_list .tweet_date a {color:#b5b5b5;}
.tweet .tweet_list .tweet_date a:hover {color:#ae67e2;}



/* footerCells 
------------------------------------------------------------------- */
#footerCells {position:relative; padding:30px 30px 30px 10px; background:#FFF; border-top:1px solid #ededed; color:#8a8a8a; line-height:18px;}
#footerCells p {padding:0 0 0px 0; margin:0;}




/* Comments 
------------------------------------------------------------------- */
#CommentsHandler .commentsTitle {position:relative; margin:0px 0 10px 0; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif;}
#CommentsHandler .commentsTitle span {display:inline; border-bottom:1px dashed #CCC; cursor:pointer;}

#CommentsHandler .commentItem {position:relative; padding:20px 0 0 0; max-width:500px;}
#CommentsHandler .commentItem .name {font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
#CommentsHandler .commentItem .empty {margin:8px 0 0 0;}

#hideShowForm {display:none;}
#hideShowForm .nameTd {width:200px; padding:10px 0 15px 0;}
#hideShowForm .nameInfo {padding:15px 0 0 0;}
#hideShowForm .nameInfo b {font-size:15px;}
#hideShowForm .nameInput {width:190px; margin:0 20px 0 0; padding:5px; border:2px solid #d1d1d1;}
#hideShowForm .contentTd {padding:0 0 15px 0;}
#hideShowForm .contentTd textarea {width:390px; overflow:auto; padding:5px; border:2px solid #d1d1d1;}
#hideShowForm .codeInput {width:55px; height:32px; margin:0 20px 0 0; padding:5px 5px 5px 5px; font-size:20px; color:#5972a2; text-align:center; border:2px solid #d1d1d1;}
#hideShowForm .button {height:32px; margin:10px 0 0 0; padding:0; background:none; border-bottom:1px dashed #CCC; color:#8a8a8a; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; cursor:pointer;}

#CommentsHandler .commentsError {padding:10px; margin:10px 0; width:300px; background:#FBE3E4; color:#8A1F11; border:1px solid #FBC2C4; font-weight:bold; font-style:italic;}
#CommentsHandler .commentsSuccess {padding:10px; margin:10px 0; width:300px; background:#E6EFC2; color:#264409; border:1px solid #C6D880; font-weight:bold; font-style:italic;}

#hideShowForm .nameInput:focus {border:2px solid #c0c0c0;}
#hideShowForm .nameInput:hover {border:2px solid #c0c0c0;}
#hideShowForm textarea:focus {border:2px solid #c0c0c0;}
#hideShowForm textarea:hover {border:2px solid #c0c0c0;}
#hideShowForm .codeInput:focus {border:2px solid #c0c0c0;}
#hideShowForm .codeInput:hover {border:2px solid #c0c0c0;}
#hideShowForm .button:focus {color:#5a5a5a; cursor:pointer;}
#hideShowForm .button:hover {color:#5a5a5a; cursor:pointer;}