/*<!-- ============================================================ 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; } /* ---------------------------------------------------------------------------- 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: url("http://static.tumblr.com/simqb8f/yDclnoybk/stripes.png") #b9dbf2 fixed; background-color: #b9dbf2; 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 h1{ font-size: 62px; line-height: 60px; letter-spacing: -0.04em; color: white; text-transform: none; font-weight: normal; width: 526px; text-align: right; padding-left: 100px; float: left; } #header 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; } img.portrait{ border-radius: 24px; box-shadow: 0 1px 3px rgba(87, 151, 232, 1); float: right; position: absolute; margin-left: 10px; } #header h1 a:hover{ color: rgb(255, 98, 155); color: rgba(255, 98, 155, 1); text-decoration: none; } #header .description{ padding-left: 165px; text-align: right; width: 520px; margin-top: 0; letter-spacing: 0; } #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; height: 200px; position: fixed; top: 135px; margin-left: 725px; z-index: 0; }    /* Footer -----------------------------------------------------------------------------*/ #footer{ height: auto; background: url(http://static.tumblr.com/simqb8f/yDclnoybk/stripes.png) #C7E2F5 fixed; border-top: 9px solid #E4F1FA; border-color: rgba(87, 151, 232, 0.18); float: left; margin-top: 40px; padding:42px 0 25px; 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;}  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; } h1, h2{ font-size: 24px; line-height: 30px; } .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; }  .caption blockquote img, .caption blockquote embed, .caption blockquote object, .caption blockquote object embed,.caption blockquote embed object{ margin: 0; }  .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 { 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) } /* -------- Disable photoset flast ---------------*/ .post:nth-child(10n+1)   ul.tcc li.switch{ background:  #4685c6; background: rgba(70,133,198 , 0.8) } .post:nth-child(10n+2)   ul.tcc li.switch{ background:  #4fafdc; background: rgba(79,175,220, 0.8) } .post:nth-child(10n+3)   ul.tcc li.switch{ background:  #ea507b; background: rgba(234,80,123, 0.8) } .post:nth-child(10n+4)   ul.tcc li.switch{ background:  #f95f12; background: rgba(249,95,18, 0.8) } .post:nth-child(10n+5)   ul.tcc li.switch{ background:  #f6ac40; background: rgba(246,172,64, 0.8) } .post:nth-child(6) 		ul.tcc li.switch{ background:  #5797e8; background: rgba(87,151,232, 0.8) } .post:nth-child(7) 		ul.tcc li.switch{ background:  #fa251a; background: rgba(250,37,26, 0.8) } .post:nth-child(8) 		ul.tcc li.switch{ background:  #54b3ff; background: rgba(84,179,255, 0.8) } .post:nth-child(9) 		ul.tcc li.switch{ background:  #85a2ef; background: rgba(133,162,239, 0.8) } .post:nth-child(10) 		ul.tcc li.switch{ 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) }  /* ---------------------------------------------------------------------------- disable photoset flash box-shadow -----------------------------------------------------------------------------*/ .post:nth-child(10n+1) ul.display li img, .post:nth-child(10n+1) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(10n+2) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(10n+3) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(10n+4) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(10n+5) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(6) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(7) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(8) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(9) ul.thumb_view li img{ 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) ul.display li img, .post:nth-child(10) ul.thumb_view li img{ box-shadow: 0 1px 4px rgba(146,155,239, 0.3), 0 0 40px rgba(146,155,239, 0.1) inset; } /* ---------------------------------------------------------------------------- post > title background -----------------------------------------------------------------------------*/ h2.title{ letter-spacing: -0.04em; padding: 4px 15px 5px; padding: 8px 20px 8px; 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: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #fff; position: absolute; bottom: 0px; right: 20px; }  .ask h2.title img{ display: block; float: right; margin-top: 5px; margin-right: -2px; border-radius: 15px; }  .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) } /*<!-- ===========================================================  SIDE NAV	SIDE NAV  =========================================================== -->	*/ .side-nav { margin: 0px auto; padding: 0; position: relative; width: auto; } .side-nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; webkit-box-shadow: 0 0 2px rgba(87, 151, 232, 0.3); -moz-box-shadow: 0 0 2px rgba(87, 151, 232, 0.3); 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: 8px 15px 7px; background: rgba(87, 151, 232, 0.4); border-bottom: 1px solid rgba(87, 151, 232, 0.15); border-top: 1px solid rgba(87, 151, 232, 0.1); 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; } .side-nav ul li:last-child{ border-bottom: 0; } .side-nav a { display: block; color: #fff; text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.13) ; } .side-nav a:hover { text-decoration: none; } /*<!-- ===========================================================  PAGINATION		PAGINATION  =========================================================== -->	*/ .pagination{ width: 520px; margin-left:165px } .pagination a:hover{ text-decoration: none } #next,#prev{ color: #87b0da; font-size: 24px; font-weight: bold; position: relative; text-decoration: none; } #next,#prev{padding:0.5em 1.5em} #next:before,#next:after,#prev:before,#prev:after{ background: #87b0da; -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,#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,#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{ color: #4685C6; } #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: #4685C6; } /*<!-- ===========================================================  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; } /*<!-- ===========================================================  FOLLOWING	GROUP MEMBERS  =========================================================== -->	*/ /* ---------------------------------------------------------------------------- following -----------------------------------------------------------------------------*/ ul.following, ul.following li{ list-style-type: none; margin:0; padding: 0; float: left; } ul.following{ margin: 10px 0 40px; } ul.following li{ margin: 0 2px 3px 0; } ul.following li, ul.following li a{ height: 42px; } ul.following li a{ float: left; } ul.following li img{ border: 1px solid #E4F1FA; padding: 2px; } /* ---------------------------------------------------------------------------- group member -----------------------------------------------------------------------------*/ ul.groupmember, ul.groupmember li{ list-style-type: none; margin: 10px 0 0; float: left; } ul.groupmember{ margin: 0px 0 40px; } ul.groupmember li{ width: 250px; height: 48px; } ul.groupmember li .member-portrait{ width: 48px; height: 48px; float: left; margin-right: 10px; } ul.groupmember li .member-portrait img{ border: 1px solid #E4F1FA; padding: 2px; } ul.groupmember li .member-name{ float: left; width:190px; } ul.groupmember li .member-name span{ width:190px; height:24px; float:left; overflow: hidden; }  #footer .div.drop-shadow{ margin-bottom:30px; box-shadow: 0 1px 4px rgba(87, 151, 232, 0.3) ; } #footer .div.drop-shadow .title{ font-size:16px; font-weight: bold; background: rgba(87, 151, 232, 0.8); color: #fff; padding: 12px 10px 12px; text-align: center; margin: -10px -10px 0; text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.13); font-size: 20px; } #footer .copyright{ font-size: 14px; font-weight: bold; text-shadow: 0 1px #f2f8fd; padding: 20px 0 0 165px; border-top: 4px solid; border-color: rgba(87, 151, 232, 0.06); margin: 60px 0 0; } #footer .div.drop-shadow #disqus_thread{ margin: 0; padding: 20px; border: 0; }  .more_photo_post a{ height:75px;float:left; border: 1px solid #E4F1FA; margin: 0 2px 2px 0; padding: 2px; } .more_photo_post a:nth-child(6n){ margin-right: 0; } .more_photo_post { width: 496px; margin: 13px auto 0; display: block; }   #go_to_top{ position: absolute; bottom: -5px; right: 35px; width:310px; height:30px; overflow: hidden; }