/*<!-- ============================================================ CSS RESET http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) ============================================================ -->	*/  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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*<!-- ===========================================================  DROP SHAWDOW		DROP SHAWDOW  =========================================================== -->	*/ /* <!-- Shared styles --> */  .drop-shadow { position:relative; float:left; width: 500px; padding:10px; background: white; background: rgba(255,255,255,1); box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }  .drop-shadow:before, .drop-shadow:after { content:""; position:absolute; z-index:-2; } /* <!-- Curved shadows --> */  .curved:before { top:10px; bottom:10px; left:0; right:50%; box-shadow:0 0 15px rgba(0,0,0,0.6); border-radius:10px / 100px; }  .curved-vt-2:before { right:0; }  .curved-hz-1:before { top:50%; bottom:0; left:10px; right:10px; border-radius:100px / 10px; }  .curved-hz-2:before { top:0; bottom:0; left:10px; right:10px; border-radius:100px / 10px; } /* ---------------------------------------------------------------------------- drop shadow box shadow -----------------------------------------------------------------------------*/ .post:nth-child(10n+1) .drop-shadow{ box-shadow: 0 1px 4px rgba(70,133,198, 0.3), 0 0 40px rgba(70,133,198, 0.1) inset; } .post:nth-child(10n+2) .drop-shadow{ box-shadow: 0 1px 4px rgba(79,175,220, 0.3), 0 0 40px rgba(79,175,220, 0.1) inset; } .post:nth-child(10n+3) .drop-shadow{ box-shadow: 0 1px 4px rgba(234,80,123, 0.3), 0 0 40px rgba(234,80,123, 0.1) inset; } .post:nth-child(10n+4) .drop-shadow{ box-shadow: 0 1px 4px rgba(249,95,18, 0.3), 0 0 40px rgba(249,95,18, 0.1) inset; } .post:nth-child(10n+5) .drop-shadow{ box-shadow: 0 1px 4px rgba(246,172,64, 0.3), 0 0 40px rgba(246,172,64, 0.1) inset; } .post:nth-child(6) .drop-shadow{ box-shadow: 0 1px 4px rgba(87,151,232, 0.3), 0 0 40px rgba(87,151,232, 0.1) inset; } .post:nth-child(7) .drop-shadow{ box-shadow: 0 1px 4px rgba(250,37,26, 0.3), 0 0 40px rgba(250,37,26, 0.1) inset; } .post:nth-child(8) .drop-shadow{ box-shadow: 0 1px 4px rgba(84,179,255, 0.3), 0 0 40px rgba(84,179,255, 0.1) inset; } .post:nth-child(9) .drop-shadow{ box-shadow: 0 1px 4px rgba(133,162,239, 0.3), 0 0 40px rgba(133,162,239, 0.1) inset; } .post:nth-child(10) .drop-shadow{ box-shadow: 0 1px 4px rgba(146,155,239, 0.3), 0 0 40px rgba(146,155,239, 0.1) inset; } /* <!-- Curved shadows --> */ .post:nth-child(10n+1) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(70,133,198, 0.6); } .post:nth-child(10n+2) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(79,175,220, 0.6); } .post:nth-child(10n+3) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(234,80,123, 0.6); } .post:nth-child(10n+4) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(249,95,18, 0.6); } .post:nth-child(10n+5) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(246,172,64, 0.6); } .post:nth-child(6) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(87,151,232, 0.6); } .post:nth-child(7) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(250,37,26, 0.6); } .post:nth-child(8) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(84,179,255, 0.6); } .post:nth-child(9) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(133,162,239, 0.6); } .post:nth-child(10) .drop-shadow.curved:before { box-shadow: 0 0 15px rgba(146,155,239, 0.6); }  /*<!-- ===========================================================  LAYOUT		LAYOUT  =========================================================== -->	*/ .wrapper { width:1000px; height: 100%; display:block; margin: 0 auto; }  body{ width: 100%; padding: 0; margin: 0; font-size:16px; line-height: 24px; color: #555; font-family: 'Helvetica', Arial, sans-serif; background-color: #b9dbf2 ; background-image:  url("http://static.tumblr.com/simqb8f/yDclnoybk/stripes.png")  ; background-repeat: repeat ; background-attachment: fixed ; word-wrap: break-word; }   /* Header -----------------------------------------------------------------------------*/  #header{ background: transparent; width: 100%; border-bottom: 9px double #EEE; border-color: rgba(87, 151, 232, 0.08); margin-bottom: 45px; height: auto; padding: 35px 0 35px; }  #header .profile{ margin: 20px 0 15px 100px; max-width: 860px; float: left; }   #header .portrait{ float: left; margin-top: 5px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } #header .portrait img{ padding: 8px; background: rgba(255, 255, 255, 0.3); width: 75px; }  #header .blog_title{ padding-left: 110px; }  #header .blog_title h1{ font-size: 62px; line-height: 60px; letter-spacing: -0.04em; color: #fff; text-transform: none; font-weight: normal; }   #header .blog_title h1 a{ text-shadow: 0 2px 3px rgba( 0, 0, 0, 0.13); color: #fff; -webkit-transition: color  0.5s linear; -moz-transition: color 0.5s linear; -o-transition: color 0.5s linear; -ms-transition: color 0.5s linear; transition: color 0.5s linear; }   #header .blog_title h1 a:hover{ color: rgb(255, 98, 155); color: rgba(255, 98, 155, 1); text-decoration: none; } #header .description{ padding-left: 120px; } #header .description a{ color:#328FD0; }   /* Middle -----------------------------------------------------------------------------*/ #middle { width: 100%; background: transparent; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; overflow: hidden; } #content { width: 725px; float: left; background:transparent; z-index: 0; position: relative; } #container, #middle{ overflow: visible; }  /* Sidebar -----------------------------------------------------------------------------*/  #side{ width: 240px; float: left; z-index: 100; color: #fff; }  /* MENU ----------*/ .side-nav { margin: 0px auto; padding: 0; position: relative; width: 240px; } .side-nav ul { list-style-type: none; margin: 0 0 30px; padding: 0; overflow: hidden; box-shadow: 0 0 2px rgba(87, 151, 232, 0.3); border-radius: 3px; } .side-nav ul li { list-style-type: none; margin: 0; text-align: center; font-weight: bold; padding: 10px 8px 10px; background: rgba(87, 151, 232, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(87, 151, 232, 0.18); text-transform: uppercase; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; -ms-transition: background 0.5s linear; transition: background 0.5s linear; }  .side-nav ul li:hover { background: rgba(87, 151, 232, 0.8); } .side-nav ul li:first-child { border-top: 0; padding-top: 11px; } .side-nav ul li:last-child{ border-bottom: 0; padding-bottom: 11px; } .side-nav a, .side-nav a:active, .side-nav a:visited { display: block; color: #fff; text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.13) ; } .side-nav a:hover { text-decoration: none; }  /* Widget ----------*/ .widgets{ margin: 30px 0 0; width: 240px; }  h3.tw{ background: rgba(87, 151, 232, 0.4); text-transform: uppercase; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(87, 151, 232, 0.18); padding: 1px 0; width: 240px; margin: 0; text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.13); box-shadow: 0 0 2px rgba(87, 151, 232, 0.3); border-radius: 3px 3px 0 0; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; -ms-transition: background 0.5s linear; transition: background 0.5s linear; } h3.tw:hover{ background: rgba(87, 151, 232, 0.8); } h3.tw a, h3.tw a:active, h3.tw a:visited { display: block; cursor: default; color: #fff; text-align: center; margin: 15px 0; }   /* Flickr ---------------*/ img#dopiaza-popup-image { padding: 0; margin: 0 auto 20px; display: block; }  #dopiaza-flickr-photo-popup{ width: auto !important; height: auto !important; padding: 20px; margin-top: -50px; }  ul.dopiaza-flickr-badge-content, ul.dopiaza-flickr-badge-content li{ list-style-type: none; margin: 0; padding: 0; } ul.dopiaza-flickr-badge-content{ border-top: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0 0 3px 3px; padding: 7px 0 0px 7px; float: left; background: rgba(87, 151, 232, 0.2); } ul.dopiaza-flickr-badge-content li{ float: left; }  ul.dopiaza-flickr-badge-content li img{ height:70px; width: 70px; float: left; margin: 0 7px 7px 0; display: block; box-shadow: 0 0 2px #5797E8; }  ul.dopiaza-flickr-badge-content li img:hover{ box-shadow: 0 0 5px #5797E8; }  ul.dopiaza-flickr-badge-content li:nth-child(3n) img{ margin-right: 0; }  #dopiaza-flickr-photo-popup .dopiaza-flickr-photo-title, #dopiaza-flickr-photo-popup .dopiaza-flickr-photo-attribution, #dopiaza-flickr-photo-popup .dopiaza-flickr-photo-link { text-align: left; display: block; font-size: 16px; color: #666; margin: 0; } #dopiaza-flickr-photo-popup .dopiaza-flickr-photo-title{ margin-bottom: 5px; }  #dopiaza-flickr-photo-popup .dopiaza-flickr-photo-attribution{ width: 79%; float: left; }  #dopiaza-flickr-photo-popup .dopiaza-flickr-photo-link { margin: 0; text-transform: lowercase; }  #dopiaza-flickr-photo-popup a{ color: #666; background-color: transparent; }  #dopiaza-flickr-photo-popup a:hover{ color: #FF629B; background-color: transparent; }  /* more photo ---------------*/ .more_photo_post{ border-top: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0 0 3px 3px; padding: 7px 0 0px 7px; float: left; background: rgba(87, 151, 232, 0.2); }  .more_photo_post img{ width: 70px; box-shadow: 0 0 2px #5797E8; }  .more_photo_post a:nth-child(3n){ margin-right: 0; }  .more_photo_post a{ width: 70px; height: 70px; float: left; margin: 0 7px 7px 0; display: block; }  .more_photo_post img:hover{ box-shadow: 0 0 5px #5797E8; } /* twitter ---------------*/ ul#twitter_update_list, ul#twitter_update_list li{ list-style-type: none; margin: 0; padding: 0; } ul#twitter_update_list li strong{ font-weight: normal; }  ul#twitter_update_list h3.tw{ box-shadow: 0 0 0 transparent; border-radius: 3px 3px 0 0; }  ul#twitter_update_list li { list-style-type: none; margin:  0; padding: 8px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(87, 151, 232, 0.18); background: rgba(87, 151, 232, 0.2); -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; -ms-transition: background 0.5s linear; transition: background 0.5s linear; } ul#twitter_update_list li:hover { background: rgba(87, 151, 232, 0.4); cursor: default; } ul#twitter_update_list li:first-child { border-top: 0; } ul#twitter_update_list li:last-child{ border-bottom: 0; border-radius: 0 0 3px 3px; }  /* Likes ---------------*/ ul#likes, li.like_post { list-style-type: none; margin: 0; padding: 0; }  ul#likes li.like_post p{ margin: 10px 0 20px; }  ul#likes li.like_post:first-child { border-top: 0; } ul#likes li.like_post:last-child { border-bottom: 0; border-radius: 0 0 3px 3px; }  li.like_post { list-style-type: none; margin: 0; padding: 8px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(87, 151, 232, 0.18); background: rgba(87, 151, 232, 0.2); -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -o-transition: background 0.5s linear; -ms-transition: background 0.5s linear; transition: background 0.5s linear; }  li.like_post:hover { background: rgba(87, 151, 232, 0.4); }   li.like_post img { max-width: 100%; box-shadow: 0 0 2px rgb(87, 151, 232); }  li.like_post blockquote { margin: 5px 0 0; padding: 0 0 0 10px; border-left: 2px solid #ff; }  li.like_post ol, li.like_post ul { margin: 0 0 0 15px; padding: 0; }  li.like_post .like_link a { font-weight: normal; }  li.like_post .like_title { font-weight: normal; }  li.like_post .post_info_bottom { margin: 10px 0 0 0; display: block !important; } li.like_post.like_photo_post img{ margin-top: 5px; }  li.like_post.like_audio_post .like_audio embed{ box-shadow: 0 0 2px rgb(87, 151, 232); margin-top: 5px; }  /* Follow ---------------*/ ul.following { margin: 0; background: rgba(87, 151, 232, 0.2); padding: 16px 0 0 16px; width: 224px; float: left; border-radius:  0 0 3px 3px; list-style-type: none; } ul.following li{ margin: 0 16px 16px 0; padding: 0px; display: block; float: left; list-style-type: none; } ul.following li:nth-child(4n){ margin-right: 0 ; } ul.following li img { border: 0; padding: 0; display: block; box-shadow: 0 0 2px #5797E8; } ul.following li img:hover{ box-shadow: 0 0 8px #5797E8; }  /* Group ---------------*/ ul.groupmember{ margin: 0; background: rgba(87, 151, 232, 0.2); padding: 16px 0 0 16px; width: 224px; float: left; border-radius:  0 0 3px 3px; list-style-type: none; }  ul.groupmember li{ margin: 0 0 16px; float: left; padding: 0; height: 48px; list-style-type: none; }  ul.groupmember li img { border: 0; padding: 0; display: block; float: left; margin: 0 10px 0 0; box-shadow: 0 0 2px #5797E8; } ul.groupmember li img:hover{ box-shadow: 0 0 8px #5797E8; }  ul.groupmember li span{ width: 166px; height: 24px; float: left; overflow: hidden; }   ul.dopiaza-flickr-badge-content{width: 233px} .more_photo_post{width: 233px} ul#twitter_update_list{width: 240px} ul#likes{width: 240px} ul#following{width: 240px} ul#groupmember{width: 224px}   #side h3.tw a, #side h3.tw a:active,#side h3.tw a:visited, #side .side-nav a, #side .side-nav a:active, #side .side-nav a:visited{ color: #fff; }  /* Footer -----------------------------------------------------------------------------*/ #footer{ height: auto; float: left; margin-top: 60px; padding: 0 0 30px; width: 100%; } /*<!-- ===========================================================  STYLE		STYLE  =========================================================== -->	*/ /* headings ------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 {font-weight:lighter;} h1, h2, h3 {   margin:0 0 10px 0; line-height:1.5em;  } h4, h5, h6 { margin:0 0 5px 0;   } h1 {  font-size: 24px;} h2 {   font-size: 22px;} h3 {  font-size: 18px;} h4 { font-size: 16px;   } h5 {font-size: 14px;} h6 {font-size: 12px;} hr { width:100%; color: #333; background-color:#ddd; height: 1px; margin-top:15px; margin-bottom:15px; border:none; clear:left; } a   img { border-width: 0;  } ul, ol blockquote { margin-bottom: 20px; margin-top: 20px; } p{ line-height:1.5em; margin: 20px 0 20px; } ul , ol { margin-left: 30px; } ul   ul, ul   ol, ol   ul, ol   ol { margin: 5px 0; } li { margin-top:0.25em; margin-bottom:0.25em; list-style-type:disc; } blockquote{ border-left: 3px solid; margin: 10px 0 10px 10px; padding-left: 15px; } a, a:active, a:visited{ color: #4685c6; text-decoration: none; -webkit-transition: color  0.5s linear; -moz-transition: color 0.5s linear; -o-transition: color 0.5s linear; -ms-transition: color 0.5s linear; transition: color 0.5s linear; } a:hover{ color: #FF629B; text-decoration: none; } .post .post-content .caption a:hover{ color: #FF629B !important; text-decoration: none; } .post{ position:relative; margin-bottom: 70px; padding: 0; position: relative; width: 685px; }  .clear_fix{ height: 0px; overflow: hidden; width: 100%; clear: both; }  .caption img, .caption embed, .caption object, .caption object embed,.caption embed object{ max-width: 500px !important; margin: -10px 0 0 -10px; } .photo .caption, .photoset .caption, .video .caption{ margin-left: 10px; } .photoset    embed, .video    object, .video   object    embed{ float: left; }  .caption{ margin: 10px; } input{ margin: 0; padding: 0; } .post .caption pre { font-size: 14px; font-weight: normal; padding: 10px 15px; margin: 10px auto; line-height: 22px; overflow: auto; overflow-Y:hidden; border-color: #DBDBDB; border: 0px dotted rgba(0,0,0,0.1); background: rgba(0,0,0,0.1); font-family: "Courier New" , Courier , monospace; width: 430px; } .post:nth-child(10n+1)   pre{ background:  none; background: rgba(70,133,198 , 0.02) } .post:nth-child(10n+2)   pre{ background:  none; background: rgba(79,175,220, 0.02) } .post:nth-child(10n+3)   pre{ background:  none; background: rgba(234,80,123, 0.02) } .post:nth-child(10n+4)   pre{ background:  none; background: rgba(249,95,18, 0.02) } .post:nth-child(10n+5)   pre{ background:  none; background: rgba(246,172,64, 0.02) } .post:nth-child(6) 		pre{ background:  none; background: rgba(87,151,232, 0.02) } .post:nth-child(7) 		pre{ background:  none; background: rgba(250,37,26, 0.02) } .post:nth-child(8) 		pre{ background:  none; background: rgba(84,179,255, 0.02) } .post:nth-child(9) 		pre{ background:  none; background: rgba(133,162,239, 0.02) } .post:nth-child(10) 		pre{ background:  none; background: rgba(146,155,239, 0.02) }  .post .caption pre code { margin: 0 0 0 40px; padding: 0; display: block; font-weight: normal; }  /*<!-- ===========================================================  POST-META 	POST-CONTENT  =========================================================== -->	*/ /* left -----------------------------------------------------------------------------*/ .post-meta{ position: relative; width:165px; float: left; } /* date ----------------*/ .date { display: block; top: 0px; left: 0; margin: 0 auto; position: relative; font-size: 14px; text-decoration: none; font-weight: 700; text-transform: uppercase; text-align: center; padding: 0; width: 65px; height: 65px; line-height: 22px; border-radius: 33px; }  .date a{ display: block; color: white !important; padding-top: 12px; float: left; padding-right: 1px;  } .date a:hover { text-decoration: none; } /* heart ----------------*/ .heart { position: absolute; width: 25px; height: 25px; top: -5px; left: 98px; margin: 0; padding: 0; text-align: center; z-index: 0 ; } .heart:hover { -webkit-animation-name: cssAnimation; -webkit-animation-duration: 2.0s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear } @-webkit-keyframes cssAnimation { from { -webkit-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);} to { -webkit-transform: rotate(0deg) scale(2) skew(0deg) translate(0px)} } .heart:hover { -moz-animation-name: cssAnimation; -moz-animation-duration: 2.0s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: linear } @-webkit-keyframes cssAnimation { from { -moz-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);} to { -moz-transform: rotate(0deg) scale(2) skew(0deg) translate(0px)} } .heart:hover { animation-name: cssAnimation; animation-duration: 2.0s; animation-iteration-count: 1; animation-timing-function: linear } @-webkit-keyframes cssAnimation { from { transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px);} to { transform: rotate(0deg) scale(2) skew(0deg) translate(0px)} } .heart a{ position: relative; z-index: 1; color: #fff !important; font-weight: bold; vertical-align: -10px; } .heart a:hover{ text-decoration: none; } .heart:before, .heart:after { margin: 5px 0 0 2.6px; position: absolute; content: ""; left: 10px; top: 0px; width: 10px; height: 17px; background: rgba(252,46,90,1); border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .heart:after { left: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin :100% 100%; } /* tags - comment count ----------------*/ ul.tcc { list-style-type: none; padding: 0; display: block; text-decoration: none; text-transform: uppercase; position: relative; top: 10px; margin: 0; } ul.tcc li { font-weight: bold; font-size: 12px; padding: 2px 4px 1px; list-style-type: none; background: #C7E2F5; margin: 0 auto; text-align: center; width: 102px; border: 1px solid #e4f1fa; border-bottom: 0; }  ul.tcc li:last-child{ border-bottom: 1px solid #e4f1fa; }  ul.tcc li a:hover{ text-decoration: none ; }  ul.tcc li.cc { height: 24px; overflow: hidden; } /* right -----------------------------------------------------------------------------*/ .post-content{ width: 520px; float: left; } /*<!-- ===========================================================  conversation		conversation  =========================================================== -->	*/ .conversation    .lines { clear: both; list-style-type: none; padding: 0; border: 1px solid rgba(249, 95, 18, 0.1); border-top: 0; } .line { padding: 10px; border-top: 1px solid rgba(249, 95, 18, 0.1); }  .label { display: inline-block; margin-right: 4px; font-weight: bold; }  .conversation    .lines.caption{ margin: 0; }  .conversation.post:nth-child(10n+1) .lines{ border-color: #4685c6; border-color: rgba(70,133,198 , 0.1) } .conversation.post:nth-child(10n+2) .lines{ border-color: #4fafdc; border-color: rgba(79,175,220, 0.1)} .conversation.post:nth-child(10n+3) .lines{ border-color: #ea507b; border-color: rgba(234,80,123, 0.1) } .conversation.post:nth-child(10n+4) .lines{ border-color: #f95f12; border-color: rgba(249,95,18, 0.1)} .conversation.post:nth-child(10n+5) .lines{ border-color: #f6ac40; border-color: rgba(246,172,64, 0.1) } .conversation.post:nth-child(6) .lines{ border-color: #5797e8; border-color: rgba(87,151,232, 0.1) } .conversation.post:nth-child(7) .lines{ border-color: #fa251a; border-color: rgba(250,37,26, 0.1) } .conversation.post:nth-child(8) .lines{ border-color: #54b3ff; border-color: rgba(84,179,255, 0.1) } .conversation.post:nth-child(9) .lines{ border-color: #85a2ef; border-color: rgba(133,162,239, 0.1) } .conversation.post:nth-child(10) .lines{ border-color: #929bef; border-color: rgba(146,155,239, 0.1) }  .conversation.post:nth-child(10n+1) .line{ border-top-color: #4685c6; border-top-color: rgba(70,133,198 , 0.1) } .conversation.post:nth-child(10n+2) .line{ border-top-color: #4fafdc; border-top-color: rgba(79,175,220, 0.1)} .conversation.post:nth-child(10n+3) .line{ border-top-color: #ea507b; border-top-color: rgba(234,80,123, 0.1) } .conversation.post:nth-child(10n+4) .line{ border-top-color: #f95f12; border-top-color: rgba(249,95,18, 0.1)} .conversation.post:nth-child(10n+5) .line{ border-top-color: #f6ac40; border-top-color: rgba(246,172,64, 0.1) } .conversation.post:nth-child(6) .line{ border-top-color: #5797e8; border-top-color: rgba(87,151,232, 0.1) } .conversation.post:nth-child(7) .line{ border-top-color: #fa251a; border-top-color: rgba(250,37,26, 0.1) } .conversation.post:nth-child(8) .lines{ border-top-color: #54b3ff; border-top-color: rgba(84,179,255, 0.1) } .conversation.post:nth-child(9) .line{ border-top-color: #85a2ef; border-top-color: rgba(133,162,239, 0.1) } .conversation.post:nth-child(10) .line{ border-top-color: #929bef; border-top-color: rgba(146,155,239, 0.1) }  /*<!-- ===========================================================  TOP		C  =========================================================== -->	*/ .c{ width:100%; height:2px; background: #C1D0F7; } .c td { display: block; float: left; width:5%; height: 2px; } .c td:nth-child(1){ background-color:  #FBFCD0;} .c td:nth-child(2){ background-color:  #7B86E2;} .c td:nth-child(3){ background-color:  #D1E7F9;} .c td:nth-child(4){ background-color:  #C4D0F5;} .c td:nth-child(5){ background-color:  #7AA7D6;} .c td:nth-child(6){ background-color:  #DEF2A7;} .c td:nth-child(7){ background-color:  #A5E3CF;} .c td:nth-child(8){ background-color:  #AE94B3;} .c td:nth-child(9){ background-color:  #F39CB4;} .c td:nth-child(10){ background-color: #FACF91;} .c td:nth-child(11){ background-color: #DEF2A7;} .c td:nth-child(12){ background-color: #A5E3CF;} .c td:nth-child(13){ background-color: #A2C5F2;} .c td:nth-child(14){ background-color: #C1D0F7;} .c td:nth-child(15){ background-color: #DCDFFA;} .c td:nth-child(16){ background-color: #EDF7FF;} .c td:nth-child(17){ background-color: #FAF2F8;} .c td:nth-child(18){ background-color: #FB9765;} .c td:nth-child(19){ background-color: #FC746D;} .c td:nth-child(20){ background-color: #96CFEA;}   /*<!-- ===========================================================  RGBA 	RGBA  =========================================================== -->	*/  /* ---------------------------------------------------------------------------- Tags Background -----------------------------------------------------------------------------*/ .post ul.tcc li{ -webkit-transition: background 0.15s linear; -moz-transition: background 0.15s linear; -o-transition: background 0.15s linear; -ms-transition: background 0.15s linear; transition: background 0.15s linear; } ul.tcc a{ color: #fff !important; }  /* -------- Tags count comment ---------------*/ .post:nth-child(10n+1)   ul.tcc li{ background:  #4685c6; background: rgba(70,133,198 , 0.4) } .post:nth-child(10n+2)   ul.tcc li{ background:  #4fafdc; background: rgba(79,175,220, 0.4) } .post:nth-child(10n+3)   ul.tcc li{ background:  #ea507b; background: rgba(234,80,123, 0.4) } .post:nth-child(10n+4)   ul.tcc li{ background:  #f95f12; background: rgba(249,95,18, 0.4) } .post:nth-child(10n+5)   ul.tcc li{ background:  #f6ac40; background: rgba(246,172,64, 0.4) } .post:nth-child(6) 		ul.tcc li{ background:  #5797e8; background: rgba(87,151,232, 0.4) } .post:nth-child(7) 		ul.tcc li{ background:  #fa251a; background: rgba(250,37,26, 0.4) } .post:nth-child(8) 		ul.tcc li{ background:  #54b3ff; background: rgba(84,179,255, 0.4) } .post:nth-child(9) 		ul.tcc li{ background:  #85a2ef; background: rgba(133,162,239, 0.4) } .post:nth-child(10) 		ul.tcc li{ background:  #929bef; background: rgba(146,155,239, 0.4) }  .post:nth-child(10n+1)  	ul.tcc li:hover{ background:  #4685c6; background: rgba(70,133,198 , 0.8) } .post:nth-child(10n+2) 	ul.tcc li:hover{ background:  #4fafdc; background: rgba(79,175,220, 0.8)  } .post:nth-child(10n+3)   ul.tcc li:hover{ background:  #ea507b; background: rgba(234,80,123, 0.8)  } .post:nth-child(10n+4)   ul.tcc li:hover{ background:  #f95f12; background: rgba(249,95,18, 0.8)   } .post:nth-child(10n+5)   ul.tcc li:hover{ background:  #f6ac40; background: rgba(246,172,64, 0.8)  } .post:nth-child(6) 		ul.tcc li:hover{ background:  #5797e8; background: rgba(87,151,232, 0.8)  } .post:nth-child(7) 		ul.tcc li:hover{ background:  #fa251a; background: rgba(250,37,26, 0.8)   } .post:nth-child(8) 		ul.tcc li:hover{ background:  #54b3ff; background: rgba(84,179,255, 0.8)  } .post:nth-child(9) 		ul.tcc li:hover{ background:  #85a2ef; background: rgba(133,162,239, 0.8) } .post:nth-child(10)		ul.tcc li:hover{ background:  #929bef; background: rgba(146,155,239, 0.8) }  /* Count Comment Background -----------------------------------------------------------------------------*/ .post:nth-child(10n+1) 	 ul.tcc li.cc{ background:  #4685c6; background: rgba(70,133,198 , 0.55)  } .post:nth-child(10n+2) 	 ul.tcc li.cc{ background:  #4fafdc; background: rgba(79,175,220, 0.55)   } .post:nth-child(10n+3)	 ul.tcc li.cc{ background:  #ea507b; background: rgba(234,80,123, 0.55)   } .post:nth-child(10n+4)	 ul.tcc li.cc{ background:  #f95f12; background: rgba(249,95,18, 0.55)    } .post:nth-child(10n+5)	 ul.tcc li.cc{ background:  #f6ac40; background: rgba(246,172,64, 0.55)   } .post:nth-child(6) 		 ul.tcc li.cc{ background:  #5797e8; background: rgba(87,151,232, 0.55)   } .post:nth-child(7)		 ul.tcc li.cc{ background:  #fa251a; background: rgba(250,37,26, 0.55)    } .post:nth-child(8)		 ul.tcc li.cc{ background:  #54b3ff; background: rgba(84,179,255, 0.55)   } .post:nth-child(9) 		 ul.tcc li.cc{ background:  #85a2ef; background: rgba(133,162,239, 0.55)  } .post:nth-child(10) 		 ul.tcc li.cc{ background:  #929bef; background: rgba(146,155,239, 0.55)  }  .post:nth-child(10n+1)  	ul.tcc li.cc:hover{ background:  #4685c6; background: rgba(70,133,198 , 0.8) } .post:nth-child(10n+2) 	ul.tcc li.cc:hover{ background:  #4fafdc; background: rgba(79,175,220, 0.8)  } .post:nth-child(10n+3)   ul.tcc li.cc:hover{ background:  #ea507b; background: rgba(234,80,123, 0.8)  } .post:nth-child(10n+4)   ul.tcc li.cc:hover{ background:  #f95f12; background: rgba(249,95,18, 0.8)   } .post:nth-child(10n+5)   ul.tcc li.cc:hover{ background:  #f6ac40; background: rgba(246,172,64, 0.8)  } .post:nth-child(6) 		ul.tcc li.cc:hover{ background:  #5797e8; background: rgba(87,151,232, 0.8)  } .post:nth-child(7) 		ul.tcc li.cc:hover{ background:  #fa251a; background: rgba(250,37,26, 0.8)   } .post:nth-child(8) 		ul.tcc li.cc:hover{ background:  #54b3ff; background: rgba(84,179,255, 0.8)  } .post:nth-child(9) 		ul.tcc li.cc:hover{ background:  #85a2ef; background: rgba(133,162,239, 0.8) } .post:nth-child(10)		ul.tcc li.cc:hover{ background:  #929bef; background: rgba(146,155,239, 0.8) } /* ---------------------------------------------------------------------------- Date Background -----------------------------------------------------------------------------*/ .post:nth-child(10n+1) 	.date{ background:  #4685c6; background: rgba(70,133,198 ,1)  } .post:nth-child(10n+2) 	.date{ background:  #4fafdc; background: rgba(79,175,220, 1)  } .post:nth-child(10n+3) 	.date{ background:  #ea507b; background: rgba(234,80,123, 1)  } .post:nth-child(10n+4) 	.date{ background:  #f95f12; background: rgba(249,95,18, 1)   } .post:nth-child(10n+5) 	.date{ background:  #f6ac40; background: rgba(246,172,64, 1)  } .post:nth-child(6) 		.date{ background:  #5797e8; background: rgba(87,151,232, 1)  } .post:nth-child(7) 		.date{ background:  #fa251a; background: rgba(250,37,26, 1)   } .post:nth-child(8) 		.date{ background:  #54b3ff; background: rgba(84,179,255, 1)  } .post:nth-child(9) 		.date{ background:  #85a2ef; background: rgba(133,162,239, 1) } .post:nth-child(10) 		.date{ background:  #929bef; background: rgba(146,155,239, 1) }  /* ---------------------------------------------------------------------------- post > title background -----------------------------------------------------------------------------*/ h2.title{ letter-spacing: -0.04em; padding: 4px 15px 5px; padding: 13px 20px 14px; font-size: 23px; font-weight: bold; text-shadow: 0 2px 3px rgba( 0, 0, 0, 0.13);  -webkit-transition: background 0.15s linear; -moz-transition: background 0.15s linear; -o-transition: background 0.15s linear; -ms-transition: background 0.15s linear; transition: background 0.15s linear; border-radius: 0px;  margin: -10px -10px -1px; } h2.title a{color: #fff !important; }  h2.title a:hover{text-decoration: none;}  .post:nth-child(10n+1) 	h2.title{ background:  #4685c6; background: rgba(70,133,198 , 0.9) } .post:nth-child(10n+2)	h2.title{ background:  #4fafdc; background: rgba(79,175,220, 0.9) } .post:nth-child(10n+3) 	h2.title{ background:  #ea507b; background: rgba(234,80,123, 0.9) } .post:nth-child(10n+4) 	h2.title{ background:  #f95f12; background: rgba(249,95,18, 0.9) } .post:nth-child(10n+5)	h2.title{ background:  #f6ac40; background: rgba(246,172,64, 0.9) } .post:nth-child(6) 		h2.title{ background:  #5797e8; background: rgba(87,151,232, 0.9) } .post:nth-child(7) 		h2.title{ background:  #fa251a; background: rgba(250,37,26, 0.9) } .post:nth-child(8) 		h2.title{ background:  #54b3ff; background: rgba(84,179,255, 0.9) } .post:nth-child(9) 		h2.title{ background:  #85a2ef; background: rgba(133,162,239, 0.9) } .post:nth-child(10) 		h2.title{ background:  #929bef; background: rgba(146,155,239, 0.9) }  .post:nth-child(10n+1) 	h2.title:hover{ background:  #4685c6; background: rgba(70,133,198 , 0.7) } .post:nth-child(10n+2) 	h2.title:hover{ background:  #4fafdc; background: rgba(79,175,220, 0.7) } .post:nth-child(10n+3) 	h2.title:hover{ background:  #ea507b; background: rgba(234,80,123, 0.7) } .post:nth-child(10n+4) 	h2.title:hover{ background:  #f95f12; background: rgba(249,95,18, 0.7) } .post:nth-child(10n+5) 	h2.title:hover{ background:  #f6ac40; background: rgba(246,172,64, 0.7) } .post:nth-child(6) 		h2.title:hover{ background:  #5797e8; background: rgba(87,151,232, 0.7) } .post:nth-child(7)		h2.title:hover{ background:  #fa251a; background: rgba(250,37,26, 0.7) } .post:nth-child(8) 		h2.title:hover{ background:  #54b3ff; background: rgba(84,179,255, 0.7) } .post:nth-child(9) 		h2.title:hover{ background:  #85a2ef; background: rgba(133,162,239, 0.7) } .post:nth-child(10) 		h2.title:hover{ background:  #929bef; background: rgba(146,155,239, 0.7) } /* ---------------------------------------------------------------------------- post > a link color -----------------------------------------------------------------------------*/ .post:nth-child(10n+1) a,  .post:nth-child(10n+1) a:active,  .post:nth-child(10n+1) a:visited { color:  #4685c6; color: rgba(70,133,198, 1) } .post:nth-child(10n+2) a, .post:nth-child(10n+2) a:active, .post:nth-child(10n+2) a:visited { color:  #4fafdc; color: rgba(79,175,220, 1) } .post:nth-child(10n+3) a,  .post:nth-child(10n+3) a:active,  .post:nth-child(10n+3) a:visited { color:  #ea507b; color: rgba(234,80,123, 1) } .post:nth-child(10n+4) a, .post:nth-child(10n+4) a:active, .post:nth-child(10n+4) a:visited { color:  #f95f12; color: rgba(249,95,18, 1) } .post:nth-child(10n+5) a,  .post:nth-child(10n+5) a:active,  .post:nth-child(10n+5) a:visited { color:  #f6ac40; color: rgba(246,172,64, 1) } .post:nth-child(6) a, .post:nth-child(6) a:active, .post:nth-child(6) a:visited { color:  #5797e8; color: rgba(87,151,232, 1) } .post:nth-child(7) a,  .post:nth-child(7) a:active,  .post:nth-child(7) a:visited { color:  #fa251a; color: rgba(250,37,26, 1) } .post:nth-child(8) a, .post:nth-child(8) a:active, .post:nth-child(8) a:visited { color:  #54b3ff; color: rgba(84,179,255, 1) } .post:nth-child(9) a,  .post:nth-child(9) a:active,  .post:nth-child(9) a:visited { color:  #85a2ef; color: rgba(133,162,239, 1) } .post:nth-child(10) a, .post:nth-child(10) a:active, .post:nth-child(10) a:visited { color:  #929bef; color: rgba(146,155,239, 1) } /* -------- ASK ---------------*/ .ask .arrow{ width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid white; position: absolute; bottom: 0px; right: 20px; }  .ask h2.title img{ display: block; float: right; margin-top: 0px; margin-right: -5px; border-radius: 17px; width: 34px; }  .ask.post:nth-child(10n+1) 	 h2.title:hover{ background:  #4685c6; background: rgba(70,133,198 , 0.9) } .ask.post:nth-child(10n+2) 	 h2.title:hover{ background:  #4fafdc; background: rgba(79,175,220, 0.9) } .ask.post:nth-child(10n+3) 	 h2.title:hover{ background:  #ea507b; background: rgba(234,80,123, 0.9) } .ask.post:nth-child(10n+4) 	 h2.title:hover{ background:  #f95f12; background: rgba(249,95,18, 0.9) } .ask.post:nth-child(10n+5) 	 h2.title:hover{ background:  #f6ac40; background: rgba(246,172,64, 0.9) } .ask.post:nth-child(6) 		 h2.title:hover{ background:  #5797e8; background: rgba(87,151,232, 0.9) } .ask.post:nth-child(7)		 h2.title:hover{ background:  #fa251a; background: rgba(250,37,26, 0.9) } .ask.post:nth-child(8) 		 h2.title:hover{ background:  #54b3ff; background: rgba(84,179,255, 0.9) } .ask.post:nth-child(9) 		 h2.title:hover{ background:  #85a2ef; background: rgba(133,162,239, 0.9) } .ask.post:nth-child(10) 		 h2.title:hover{ background:  #929bef; background: rgba(146,155,239, 0.9) }  /*<!-- ===========================================================  PAGINATION		PAGINATION  =========================================================== -->	*/ .pagination{ width: 520px; margin-left:165px; float: left; height: 100%; margin-top: 10px; } .pagination a:hover{ text-decoration: none } #next,#prev{ color: #fff; font-size: 24px; font-weight: bold; position: relative; text-decoration: none; }  #next{padding:0.7em 0; width:100px; float: right; margin: 12px 16px 0 0} #prev{padding:0.55em 0; margin-top: -8px; width: 100px; float: left; margin: 3px 0 0 16px} #total_pages{ float: right; width: 400px; text-align: center; font-size: 24px; line-height: 98px; font-weight: bold; color: #fff; height: 34px;  }  span.next_span, span.prev_span{ background: rgba(255, 255, 255, 0.3); border-radius: 500px; display: block; padding: 0px; text-align: center; margin: 0px; height: 60px; width: 60px; float: right; } span.prev_span{ float: left; } span.total_span{ background: rgba(255, 255, 255, 0.3); border-radius: 500px; display: block; width: 100px; height: 100px; padding: 0px; text-align: center; margin: -23px auto 0; }  #next:before, #next:after{ background: #fff; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em; content:""; display:block; height:0.5em; position:absolute; right:0; width:1em; } #prev:before,#prev:after{ background: #fff; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em; content:""; display:block; height:0.5em; position:absolute; right:0; width:1em; }  #prev:before,#prev:after{left:0}  #next:before{ top:0.66em; -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg) }   #prev:before{ top:0.66em; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg) }   #prev:before{top:1em}   #next:after{ bottom:0.66em; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg) } #prev:after{ bottom:0.66em; -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg) }  #prev:after{top:0.66em}  #next:hover,#next:focus, #prev:hover, #prev:focus, #total_pages:hover, #total_pages:focus{ color: #FF629B; }  #next:hover:before,#next:hover:after, #next:focus:before,#next:focus:after, #prev:hover:before,#prev:hover:after, #prev:focus:before,#prev:focus:after{ background: #FF629B; }   /*<!-- ===========================================================  NOTES	NOTES  =========================================================== -->	*/ ol.notes { padding: 0; margin: 10px 0 0; list-style-type: none; border: 1px solid #E4F1FA; border-top: 0; }   ol.notes li.note { border-top: 1px solid #E4F1FA; padding: 10px; list-style: none; margin: 0; }  ol.notes li.note:first-child { border-tops: 0px; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: normal; }  ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; }    .div.drop-shadow{ margin: 40px 0 0; box-shadow: 0 1px 4px rgba(87, 151, 232, 0.3) ; } .div.drop-shadow .title{ background: rgba(87, 151, 232, 0.8); color: rgba(255, 255, 255, 1); padding: 12px 10px 12px; text-align: center; margin: -10px -10px 0; text-shadow: 0 2px 3px rgba( 0, 0, 0, 0.13); font-size: 20px; }  .div.drop-shadow #disqus_thread{ margin: 0; padding: 20px; border: 0; }   #footer .copyright{ font-size: 14px; font-weight: bold; margin: 35px  0 0 165px; float:left; background: rgba(255,255,255, 0.3); padding: 10px; border-radius: 2px; }  #go_to_top{ margin: 42px 35px 0 0; width: 30px; height: 30px; overflow: hidden; float: right; }