html { font-size: 16px; }body {  font-size: 62.5%;  font-family: Helvetica, Arial, sans-serif;  background: url(../images/bg.jpg) repeat-x white;  color: #0b1822;  text-align: center;  overflow-x: hidden;}a { text-decoration: none; }.clear { clear: both; }.blockbg {  display: block;  text-indent: -30000px;}input[type="text"], input[type="password"], textarea { color: #bebebe; }.focus { color: #0b1822; }#coming {  position: absolute;  display: block;  text-indent: -30000px;  background: url(../images/coming.png);  width: 199px;  height: 42px;  top: 81px;}.flash {  position: absolute;  top: 82px;  right: 0;  overflow: hidden;  text-shadow: 1px 1px 0 white;  border-radius-bottomleft: 3px;  -moz-border-radius-bottomleft: 3px;  -webkit-border-bottom-left-radius: 3px;  border-radius-bottomright: 3px;  -moz-border-radius-bottomright: 3px;  -webkit-border-bottom-right-radius: 3px;}.flash p {  font-size: 1.3em;  padding: 10px 30px 10px 30px;}#flash-notice { background: #cfecc1; }#flash-error {  background: #e77575;  text-shadow: 1px 1px 0 #f69697;}#wrapper {  width: 960px;  margin: auto;  text-align: left;  position: relative;}#header {  min-height: 113px;  background: url(../images/header_shadow.jpg) left bottom no-repeat;  position: relative;}#header #logo {  display: block;  text-indent: -30000px;  width: 270px;  height: 82px;  background: url(../images/logo.jpg);  float: left;}#header #user {  float: left;  width: 190px;  color: white;  font-size: 1.6em;  padding: 25px 0 0 500px;}#header #user #join {  display: block;  text-indent: -30000px;  background: url(../images/join_btn.jpg);  width: 111px;  height: 32px;  float: left;}#header #user span {  float: left;  padding: 8px 5px 0 8px;}#header #user .textlink {  float: left;  color: white;  margin-top: 8px;  z-index: 3;  position: absolute;}#header #user #logout {  background: url(../images/close_btn.png) no-repeat;  min-height: 16px;  position: absolute;  top: 33px;  right: -28px;  padding: 3px 0 0 23px;  font-size: 0.72em;  color: #0b1822;}#header #user #logout:hover { color: white; }#header #user #profile {  border-bottom: 1px solid #102e3f;  padding-bottom: 4px;}#header #user #profile:hover { border-bottom: 1px solid #61aeda; }#header #user #loginbox {  position: absolute;  top: 22px;  right: -20px;  width: 256px;  height: 219px;  background: url(../images/loginbox_bg.png);  z-index: 2;  display: none;}#header #user #loginbox a {  display: block;  text-indent: -30000px;  width: 16px;  height: 16px;  background: url(../images/close_btn.png);  float: right;  margin: 11px 9px 0 0;}#header #user #loginbox form { padding-top: 38px; }#header #user #loginbox form div {  border-bottom: 1px solid #d0cfcf;  border-top: 1px solid #f9f9f9;  padding: 16px 14px 16px 14px;}#header #user #loginbox form div input[type="text"] {  width: 216px;  background: url(../images/loginbox_input_bg.jpg);  border: none;  font-size: 14px;  padding: 7px;}#header #user #loginbox form div input[type="password"] {  width: 216px;  background: url(../images/loginbox_input_bg.jpg);  border: none;  font-size: 14px;  padding: 7px;}#header #user #loginbox form div input.focus {  background-position: 0 31px;  color: black;}#header #user #loginbox form div input[type="submit"] {  float: right;  border: none;  background: none;  color: #565656;  font-weight: bold;  font-size: 1.2em;  text-shadow: 1px 1px 0 white;  cursor: pointer;}#header #user #loginbox form div label { cursor: pointer; }#header #user #loginbox form div:first-child { border-top: none; }#header #user #loginbox form div.last {  border-bottom: none;  color: #a3a2a2;  font-size: 0.7em;  padding-top: 13px;}#header #switch {  position: absolute;  top: 78px;  left: -4px;}#header #switch a {  display: block;  float: left;  margin-left: 10px;  color: #0b1822;  font-size: 1.4em;  padding: 15px 22px 8px 22px;  border-radius: 3px;  -moz-border-radius: 3px;}#header #switch a:hover { text-decoration: underline; }#header #switch a.active {  background: #0b1822;  color: white;}#header #switch a.active:hover { text-decoration: none; }#index {  float: left;  width: 740px;  padding-top: 96px;}#index li {  position: relative;  width: 300px;  height: 230px;  float: left;  margin: 0 50px 54px 0;}#index li h1 {  top: 210px;  position: absolute;  font-size: 1.4em;  font-weight: bold;}#index li h1 a { color: #0b1822; }#index li div {  background: url(../images/thumb_small_border.png);  padding: 5px;  width: 290px;  height: 190px;  position: absolute;  top: 0;  left: 0;}#index li div p {  float: left;  width: 145px;  height: 190px;  background: rgba(11, 24, 34, 0.7);  overflow: hidden;  display: none;}#index li div p a {  display: block;  height: 155px;  padding-top: 80px;  text-align: center;  font-size: 2.8em;  color: white;}#index li div p a span {  font-size: 0.38em;  display: block;}#index li div p a:hover span { text-decoration: underline; }#index li div p:first-child { background: rgba(255, 255, 255, 0.7); }#index li div p:first-child a { color: #0b1822; }.pagination {  text-align: center;  font-size: 1.4em;  margin: 20px 0 100px 0;}.pagination a {  color: #565656;  padding: 0 3px 0 3px;}.pagination a:hover { color: #0b1822; }.pagination .current {  background: #0b1822;  color: white;  padding: 4px 5px 3px 5px;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}.pagination .gap { color: #565656; }ul.sitecats {  line-height: 28px;  padding-right: 16px;}ul.sitecats li {  float: left;  margin-right: 8px;}ul.sitecats li a {  background: #e3e2e2;  padding: 4px 10px 4px 10px;  color: #565656;  text-shadow: 1px 1px white;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}ul.sitecats li a:hover { color: #0b1822; }#single h1 {  font-size: 2em;  margin-bottom: 10px;}#single h1 a { color: #0b1822; }#single .meta {  font-size: 1.2em;  font-style: italic;  margin-bottom: 22px;  color: #565656;}#single .meta a {  color: #565656;  border-bottom: 1px solid #eeeeee;}#single .meta a:hover { color: #0b1822; }.entry h1 {  font-size: 2em;  margin-bottom: 10px;}.entry h1 a { color: #0b1822; }.entry .meta {  font-size: 1.2em;  font-style: italic;  margin-bottom: 22px;  color: #565656;}.entry .meta a {  color: #565656;  border-bottom: 1px solid #eeeeee;}.entry .meta a:hover { color: #0b1822; }#single {  float: left;  width: 740px;  padding-top: 33px;  color: #565656;}#single .thumb {  position: relative;  float: left;  width: 410px;}#single .thumb img {  position: absolute;  top: 0;  left: 0;}#single .thumb a {  position: absolute;  top: 0;  left: 0;}#single .thumb a {  display: block;  text-indent: -30000px;  background: url(../images/thumb_big_border.png);  width: 380px;  height: 250px;}#single .infos {  float: right;  width: 330px;  font-size: 1.3em;}#single .infos h2 {  margin-bottom: 10px;  padding-top: 22px;}#single .infos h2:first-child { padding-top: 0; }#single .infos ol {  list-style: decimal;  margin: 0 16px 0 20px;}#single .infos ol li {  line-height: 14px;  margin-bottom: 10px;}#single .infos ol li a { color: #0b1822; }#single .infos ol li a:visited { color: #565656; }#single .infos ol li a:hover {  text-decoration: underline;  color: #0b1822;}#single pre {  background: #2f2f2f;  font-family: 'Courier New', 'Terminal', monospace;  font-size: 13px;  color: #a5c261;  padding: 20px;  line-height: 16px;  overflow: scroll;  height: 250px;  width: 670px;}#single #code { margin: 50px 30px 20px 0; }#single #code h2 {  font-size: 1.3em;  margin-bottom: 10px;}#single #code h2 a {  float: right;  background: url(../images/expand_icon.jpg) top left no-repeat;  padding-left: 16px;  font-weight: normal;  color: #565656;  font-size: 0.9em;}#single #code h2 a:hover {  color: #0b1822;  background-position: 0 -12px;}#single #code #contract {  display: block;  text-indent: -30000px;  background: url(../images/overlay_close_btn.png);  width: 30px;  height: 30px;  display: none;  position: absolute;}#sidebar {  float: left;  width: 220px;  padding: 15px 0 100px 0;}#sidebar #submit {  display: block;  text-indent: -30000px;  background: url(../images/submit_btn.jpg);  width: 204px;  height: 31px;  margin-left: 8px;}#sidebar #subscribe { position: relative; }#sidebar #subscribe a {  display: block;  text-indent: -30000px;  background: url(../images/blog_follow_bg.jpg);  width: 220px;  height: 51px;  position: relative;}#sidebar #subscribe a:first-child {  background: url(../images/blog_subscribe_bg.jpg);  height: 49px;  margin-bottom: 5px;}#sidebar #subscribe a span {  position: relative;  top: 23px;  background: #eeeeee;  font-size: 1.2em;  padding: 6px 22px 4px 22px;  color: #565656;  font-style: italic;  text-shadow: 1px 1px white;  border-radius: 30px;  -moz-border-radius: 30px;  display: none;}#sidebar #subscribe a:first-child span { top: 16px; }#sidebar form {  background: #eeeeee;  margin-top: 50px;  padding: 8px;  border-bottom: 1px solid #d0cfcf;}#sidebar form input {  background: url(../images/search_input_bg.png) no-repeat;  width: 174px;  border: none;  font-size: 11px;  padding: 4px 5px 4px 26px;}#sidebar form .submit { display: none; }#sidebar form.focus { background: #61aeda; }#sidebar form.focus input { color: #0b1822; }#sidebar ul {  background: url(../images/fade_out.png) left bottom repeat-x #eeeeee;  border-top: 1px solid #f9f9f9;  padding-bottom: 80px;}#sidebar ul li {  padding: 8px;  font-size: 1.3em;  color: #565656;  margin-top: 16px;}#sidebar ul li h3 { margin-bottom: 12px; }#sidebar ul li a { color: #565656; }#sidebar ul li a:hover { color: #0b1822; }#sidebar ul li ul {  font-size: 0.75em;  background: none;  border: none;  padding: 0;  line-height: 20px;}#sidebar ul li ul li {  margin: 0;  padding: 0;}#sidebar ul li ul li a {  padding: 2px 0 2px 20px;  background: url(../images/rss_icon.png) no-repeat center left;}#sidebar ul li ul li.twitter a { background: url(../images/twitter_icon.png) no-repeat center left; }#sidebar ul li.categories ul li { float: left; }#sidebar ul li.categories ul li a {  background: #e3e2e2;  padding: 0;  display: block;  text-align: center;  width: 99px;  margin: 0 3px 3px 0;  text-shadow: 1px 1px 0 white;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  overflow: hidden;}#sidebar ul li.categories ul li.active a {  background: #61aeda;  color: black;  text-shadow: 1px 1px 0 #7dcbf7;}#sidebar ul li.latest_posts ul li {  line-height: 18px;  margin-bottom: 8px;  padding-left: 20px;  background: url(../images/sidebar_bullet.png) no-repeat;  background-position: 0 3px;}#sidebar ul li.latest_posts ul li a {  background: none;  padding: 0;}#sidebar ul li.advertisement ul li a {  background: none;  padding: 0;}#sidebar ul li.advertisement ul li a img { border: 2px solid #e3e2e2; }.page { padding: 91px 0 20px 0; }.page h1 {  font-size: 2.4em;  margin-bottom: 20px;}.page h1 a { color: #61aeda; }.page .focus { color: #0b1822; }.page .left { float: left; }.page .left form {  background: url(../images/fade_out.png) left bottom repeat-x #ededed;  padding-bottom: 60px;}.page .left form div {  border-top: 1px solid #f9f9f9;  border-bottom: 1px solid #d0cfcf;  padding: 16px;}.page .left form div input {  background: url(../images/input_bg.jpg) no-repeat top left;  border: none;  width: 304px;  font-size: 1.8em;  padding: 16px 16px 19px 16px;}.page .left form div input:focus { background-position: 0 -56px; }.page .left form div span {  display: block;  text-align: right;  color: #565656;  padding: 5px 20px 0 0;}.page .left form div span input { width: auto; }.page .left form div span label { cursor: pointer; }.page .left form div textarea {  background: url(../images/textarea_bg.jpg) no-repeat top left;  width: 292px;  height: 199px;  border: none;  font-family: Helvetica, Arial, sans-serif;  font-size: 1.8em;  padding: 16px;  margin: 3px;}.page .left form div textarea:focus {  border: 3px solid #61aeda;  margin: 0;  font-family: 'Courier New', 'Terminal', monospace;  font-size: 13px;  color: #0b1822;}.page .left form div textarea.set {  font-family: 'Courier New', 'Terminal', monospace;  font-size: 13px;}.page .left form div:first-child { border-top: none; }.page .left form div.submit {  text-align: center;  border-bottom: none;}.page .left form div.submit input {  display: block;  text-indent: -30000px;  width: 204px;  height: 31px;  cursor: pointer;  margin: auto;}.page .left form h3 {  font-size: 1.8em;  font-weight: normal;  color: #565656;  text-shadow: 1px 1px 0 white;  margin-bottom: 16px;}.page .right { float: left; }.page .right h2 {  font-size: 2em;  color: #565656;  margin-bottom: 36px;}.page .right ol li {  margin-bottom: 48px;  font-size: 1.4em;  line-height: 18px;}#register .left { width: 480px; }#register .left form { width: 380px; }#register .left form #password { display: none; }#register .left form #password_confirmation { display: none; }#register .left form .submit input { background: url(../images/register_btn.jpg) no-repeat; }#register .right { width: 480px; }#register .right li {  padding-left: 60px;  min-height: 40px;}#register .right li.one { background: url(../images/reasons_bullet1.jpg) no-repeat; }#register .right li.two { background: url(../images/reasons_bullet2.jpg) no-repeat; }#register .right li.three { background: url(../images/reasons_bullet3.jpg) no-repeat; }#submit .left { width: 720px; }#submit .left form {  width: 700px;  background: #ededed;  padding: 0;}#submit .left form .form_left {  width: 366px;  padding: 0 0 80px 0;  float: left;  border: none;  border-right: 1px solid #f9f9f9;}#submit .left form .form_right {  width: 332px;  padding: 0 0 80px 0;  float: left;  border: none;  border-left: 1px solid #d0cfcf;}#submit .left form .clear {  border: none;  padding: 0;}#submit .left form ul { font-size: 1.3em; }#submit .left form ul li:first-child {  height: 0px;  overflow: hidden;}#submit .left form ul .selected {  background: #61aeda;  color: black;  text-shadow: 1px 1px 0 #7dcbf7;}#submit .left form ol {  list-style: decimal;  font-weight: bold;  color: #565656;  font-size: 1.3em;  padding-left: 26px;}#submit .left form ol li {  padding-left: 10px;  margin-bottom: 3px;  position: relative;}#submit .left form ol li input {  background: url(../images/loi_input_bg.jpg) no-repeat;  width: 224px;  height: 17px;  padding: 7px 10px 6px 10px;  font-size: 0.9em;}#submit .left form ol li input:focus {  background-position: 0 -30px;  color: #0b1822;}#submit .left form ol li a {  position: absolute;  top: -3px;  right: 17px;  background: url(../images/loi_close_btn.png);  width: 12px;  height: 12px;  display: block;  text-indent: -30000px;}#submit .left form #add_loi {  color: #565656;  text-align: center;  display: block;  font-size: 3em;  font-weight: bold;  margin-top: 16px;  text-shadow: 1px 1px 0 white;}#submit .left form #add_loi span {  text-align: center;  padding: 0;  font-weight: normal;  font-size: 0.36em;}#submit .left form #add_loi:hover { color: #0b1822; }#submit .left form #add_loi:hover span { color: #0b1822; }#submit .left form .last { border-bottom: none; }#submit .left form .submit input {  background: url(../images/submitsite_btn.jpg) no-repeat;  margin-top: 30px;}#submit .left #form_fadeout {  background: url(../images/form_fade_out.png) left bottom repeat-x;  height: 80px;  position: relative;  top: -80px;}#submit .right { width: 240px; }#submit .right h2 { margin-bottom: 26px; }#submit .right ol li {  margin-bottom: 28px;  font-size: 1.3em;  padding-left: 30px;  min-height: 32px;  line-height: 16px;}#submit .right ol li.one { background: url(../images/rules_bullet1.jpg) no-repeat; }#submit .right ol li.two { background: url(../images/rules_bullet2.jpg) no-repeat; }#submit .right ol li.three { background: url(../images/rules_bullet3.jpg) no-repeat; }#submit .right ol li.four { background: url(../images/rules_bullet4.jpg) no-repeat; }#submit .right ol li.five { background: url(../images/rules_bullet5.jpg) no-repeat; }#submit .right ol li.six {  text-align: right;  color: #565656;  font-size: 1.1em;  line-height: 12px;}#whyregister { margin-bottom: 10px; }#whyregister .left {  width: 700px;  background: #565656;  color: white;  text-shadow: 1px 1px 0 #444444;  position: relative;}#whyregister .left h4 {  padding: 16px 16px 16px 16px;  font-size: 1.8em;}#whyregister .left p {  padding: 0 16px 18px 16px;  font-size: 1.5em;  line-height: 18px;  word-spacing: 2px;}#whyregister .left a {  background: #ddf9d2;  display: block;  text-align: center;  padding: 20px 0 20px 0;  font-size: 1.7em;  color: #565656;  text-shadow: 1px 1px 0 #caeabc;  border-top: 1px solid #f3ffef;}#whyregister .left a:hover { color: #0b1822; }#whyregister .left #closewr {  display: block;  text-indent: -30000px;  background: url(../images/close_btn.png);  width: 16px;  height: 16px;  position: absolute;  top: 16px;  right: 16px;  padding: 0;  border: none;}#whyregister .right h4 {  font-size: 1.6em;  color: #565656;  padding: 32px 0 3px 18px;  font-weight: normal;}#whyregister .right p {  display: block;  text-indent: -30000px;  margin-left: 18px;  background: url(../images/confuzius.jpg);  min-height: 93px;}#blog_index {  width: 740px;  float: left;  padding: 91px 0 20px 0;}#blog_index .entry {  border-bottom: 1px solid #eeeeee;  width: 660px;  margin-bottom: 80px;  position: relative;}#blog_index .entry .bubble {  position: absolute;  top: -30px;  left: -46px;  display: block;  width: 38px;  height: 28px;  padding-top: 10px;  background: url(../images/comments_bg.jpg);  font-size: 1.8em;  text-align: center;  color: #565656;  text-shadow: 1px 1px 0 white;}#blog_index .entry .bubble:hover { color: #0b1822; }#blog_index .entry .content { font-size: 1.4em; }#blog_index .entry .content h2 {  font-size: 1.15em;  padding: 20px 0 12px 0;}#blog_index .entry .content h3 {  font-size: 1.05em;  padding-bottom: 10px;  color: #565656;}#blog_index .entry .content p {  line-height: 21px;  margin-bottom: 21px;}#blog_index .entry .content a {  background: #61aeda;  color: white;  padding: 3px 6px 2px 6px;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  letter-spacing: 0.05em;  text-shadow: 1px 1px 0 #5098c5;}#blog_index .entry .content a:hover {  background: #0b1822;  text-shadow: 1px 1px black;}#blog_index .entry .content a:visited {  background: #eeeeee;  color: #565656;  text-shadow: 1px 1px white;}#blog_index .entry .content .gist {  font-size: 0.85em;  padding: 20px 0 20px 0;}#blog_index .entry .content .gist .gist-meta a {  background: none;  padding: 0;  color: #565656;  text-shadow: none;}#blog_index .entry .content .img {  text-align: center;  position: relative;  padding: 20px 0 20px 0;}#blog_index .entry .content .img a {  background: none;  padding: 0;}#blog_index .entry .content .img img { border: 5px solid #eaeaea; }#blog_index .entry .content .img span {  background: #dedede;  font-size: 0.9em;  color: #565656;  padding: 3px 20px 3px 20px;  border-radius: 10px;  -moz-border-radius: 10px;  -webkit-border-radius: 10px;  position: relative;  top: -9px;  border: 1px solid #cfcfcf;}#blog_index .entry .content .bestof li {  position: relative;  padding-left: 110px;  margin-bottom: 50px;  min-height: 80px;}#blog_index .entry .content .bestof li .thumb {  position: absolute;  top: 0;  left: 0;  background: none;  padding: 0;}#blog_index .entry .content .bestof li .thumb img {  border: 4px solid #eeeeee;  border-radius: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;}#blog_index .entry .content .bestof li h3 a {  padding: 0;  background: none;  color: #565656;  text-shadow: none;  border-bottom: 1px solid #eeeeee;}#blog_index .entry .excerpt {  position: relative;  padding-left: 170px;  min-height: 150px;}#blog_index .entry .excerpt a {  position: absolute;  top: 0;  left: 0;  padding: 0;  background: none;  display: block;  width: 150px;  height: 150px;}#blog_index .entry .excerpt a:hover { background: none; }#blog_index .entry .excerpt .demo_source {  display: block;  margin: 25px 92px 0 92px;  position: relative;}#blog_index .entry .excerpt .demo_source a {  position: relative;  float: left;  display: block;  text-indent: -30000px;  height: 31px;  margin: 0 20px 0 20px;}#blog_index .entry .excerpt .demo_source a.demo {  background: url(../images/demo_bg.jpg);  width: 107px;}#blog_index .entry .excerpt .demo_source a.source {  background: url(../images/source_bg.jpg);  width: 118px;}#blog_index .entry .read_more {  text-align: right;  font-size: 1.3em;  padding: 0 3px 5px 0;}#blog_index .entry .read_more a { color: #565656; }#blog_index .entry .read_more a:hover { color: #0b1822; }#blog_single {  width: 740px;  float: left;  padding: 91px 0 20px 0;}#blog_single .entry {  border-bottom: 1px solid #eeeeee;  width: 660px;  margin-bottom: 80px;  position: relative;}#blog_single .entry .bubble {  position: absolute;  top: -30px;  left: -46px;  display: block;  width: 38px;  height: 28px;  padding-top: 10px;  background: url(../images/comments_bg.jpg);  font-size: 1.8em;  text-align: center;  color: #565656;  text-shadow: 1px 1px 0 white;}#blog_single .entry .bubble:hover { color: #0b1822; }#blog_single .entry .content { font-size: 1.4em; }#blog_single .entry .content h2 {  font-size: 1.15em;  padding: 20px 0 12px 0;}#blog_single .entry .content h3 {  font-size: 1.05em;  padding-bottom: 10px;  color: #565656;}#blog_single .entry .content p {  line-height: 21px;  margin-bottom: 21px;}#blog_single .entry .content a {  background: #61aeda;  color: white;  padding: 3px 6px 2px 6px;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  letter-spacing: 0.05em;  text-shadow: 1px 1px 0 #5098c5;}#blog_single .entry .content a:hover {  background: #0b1822;  text-shadow: 1px 1px black;}#blog_single .entry .content a:visited {  background: #eeeeee;  color: #565656;  text-shadow: 1px 1px white;}#blog_single .entry .content .gist {  font-size: 0.85em;  padding: 20px 0 20px 0;}#blog_single .entry .content .gist .gist-meta a {  background: none;  padding: 0;  color: #565656;  text-shadow: none;}#blog_single .entry .content .img {  text-align: center;  position: relative;  padding: 20px 0 20px 0;}#blog_single .entry .content .img a {  background: none;  padding: 0;}#blog_single .entry .content .img img { border: 5px solid #eaeaea; }#blog_single .entry .content .img span {  background: #dedede;  font-size: 0.9em;  color: #565656;  padding: 3px 20px 3px 20px;  border-radius: 10px;  -moz-border-radius: 10px;  -webkit-border-radius: 10px;  position: relative;  top: -9px;  border: 1px solid #cfcfcf;}#blog_single .entry .content .bestof li {  position: relative;  padding-left: 110px;  margin-bottom: 50px;  min-height: 80px;}#blog_single .entry .content .bestof li .thumb {  position: absolute;  top: 0;  left: 0;  background: none;  padding: 0;}#blog_single .entry .content .bestof li .thumb img {  border: 4px solid #eeeeee;  border-radius: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;}#blog_single .entry .content .bestof li h3 a {  padding: 0;  background: none;  color: #565656;  text-shadow: none;  border-bottom: 1px solid #eeeeee;}#blog_single .entry .excerpt {  position: relative;  padding-left: 170px;  min-height: 150px;}#blog_single .entry .excerpt a {  position: absolute;  top: 0;  left: 0;  padding: 0;  background: none;  display: block;  width: 150px;  height: 150px;}#blog_single .entry .excerpt a:hover { background: none; }#blog_single .entry .excerpt .demo_source {  display: block;  margin: 25px 92px 0 92px;  position: relative;}#blog_single .entry .excerpt .demo_source a {  position: relative;  float: left;  display: block;  text-indent: -30000px;  height: 31px;  margin: 0 20px 0 20px;}#blog_single .entry .excerpt .demo_source a.demo {  background: url(../images/demo_bg.jpg);  width: 107px;}#blog_single .entry .excerpt .demo_source a.source {  background: url(../images/source_bg.jpg);  width: 118px;}#blog_single .entry .read_more {  text-align: right;  font-size: 1.3em;  padding: 0 3px 5px 0;}#blog_single .entry .read_more a { color: #565656; }#blog_single .entry .read_more a:hover { color: #0b1822; }#blog_single .entry { border: none; }#admin_login {  text-align: center;  padding-top: 200px;}#admin_login form {  background: #eeeeee;  padding: 20px;  width: 500px;  margin: auto;  text-align: left;  border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px;}#admin_login form div {  width: 230px;  float: left;  padding: 10px;}#admin_login form div label {  display: block;  font-size: 1.4em;  margin-bottom: 6px;  color: #565656;  text-shadow: 1px 1px white;}#admin_login form div input {  width: 200px;  padding: 10px;}#admin_login form div input[type="text"]:focus {  border: 2px solid #61aeda;  color: #0b1822;}#admin_login form div input[type="password"]:focus {  border: 2px solid #61aeda;  color: #0b1822;}#admin_login form div.submit {  float: none;  clear: both;  width: 480px;  text-align: right;  padding-top: 20px;}#admin_login form div.submit input { width: auto; }.formtastic {  background: #eeeeee;  border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px;}.formtastic li {  border-top: 1px solid #f9f9f9;  border-bottom: 1px solid #d0cfcf;  padding: 16px;  position: relative;}.formtastic li label {  font-size: 1.6em;  display: block;  color: #565656;  text-shadow: 1px 1px 0 white;  margin-bottom: 8px;}.formtastic li input[type="text"] {  width: 100%;  border: 1px solid #dddddd;  padding: 3px 0 3px 0;}.formtastic li textarea {  width: 100%;  border: 1px solid #dddddd;  padding: 3px 0 3px 0;}.formtastic li input[type="text"]:focus { color: #0b1822; }.formtastic li textarea { color: #0b1822; }.formtastic li .inline-errors {  position: absolute;  top: 44px;  right: 17px;  background: #e77575;  display: inline;  padding: 2px 20px 2px 20px;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}.formtastic li ol li {  border: none;  padding: 2px;}.formtastic li ol li label {  font-size: 1.35em;  cursor: pointer;  display: inline;}.formtastic li:first-child { border-top: none; }.formtastic li:last-child { border-bottom: none; }.formtastic li.boolean label {  font-size: 1.35em;  cursor: pointer;  display: inline;}.formtastic li.boolean label input { padding-right: 10px; }.formtastic .buttons ol { text-align: right; }.formtastic .buttons ol input { cursor: pointer; }#blog_new_post { margin: 70px 0 20px 0; }#blog_new_post form {  width: 560px;  position: relative;  float: left;  margin-bottom: 20px;}#blog_new_post form .buttons {  position: absolute;  right: 0;  bottom: 0;}#blog_new_post form #post_excerpt { height: 60px; }#blog_new_post form#new_post_category { width: auto; }#blog_new_post #post_options {  width: 340px;  float: left;  padding: 20px 0 20px 60px;}#blog_new_post #post_options li h3 {  font-size: 1.8em;  margin-bottom: 16px;}#admin_controls {  position: absolute;  top: 91px;  right: 10px;  text-align: left;  padding: 20px;  font-size: 1.4em;  background: #e77575;  border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  line-height: 28px;}#admin_controls li a {  color: black;  padding: 0 20px 0 20px;  display: block;}#admin_controls li a:hover {  background: black;  color: white;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}#comments {  padding: 0 140px 0 80px;  margin-top: 20px;}#comments li {  position: relative;  padding: 30px 0 30px 72px;  font-size: 1.3em;  border-top: 1px solid #eeeeee;}#comments li .userthumb {  position: absolute;  top: 30px;  left: 0;  border: 6px solid #eeeeee;  border-radius: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;}#comments li .meta {  color: #565656;  padding: 10px 0 20px 0;}#comments li .meta a {  color: #565656;  font-weight: bold;}#comments li .meta a:hover { color: #0b1822; }#comments li .meta span {  display: block;  font-size: 0.8em;  font-style: italic;  padding-top: 6px;}#comments li .meta span a { font-weight: normal; }#comments li .content p {  line-height: 14px;  margin-bottom: 14px;}#comments li .content a { color: #61aeda; }#comments li .content a:hover { text-decoration: underline; }#comments li .controls {  background: #0b1822;  padding: 5px 20px 5px 20px;  border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;}#comments li .controls a {  color: white;  margin-right: 10px;}#respond {  padding: 30px 0 16px 80px;  font-size: 2em;}#new_post_comment {  width: 520px;  margin: 0 0 100px 80px;  position: relative;}#new_post_comment .inputs {  float: left;  width: 245px;}#new_post_comment .inputs #post_comment_post_id_input { display: none; }#new_post_comment .inputs label { font-size: 1.3em; }#new_post_comment .inputs textarea {  height: 220px;  font-family: Helvetica, Arial, sans-serif;  font-size: 13px;}#new_post_comment .buttons {  position: relative;  top: -50px;  height: 0;}