@charset "UTF-8";/*
Theme Name: 180byDesign v2
Theme URI: http://www.180bydesign.com/
Description: The homesite of 180byDesign
Version: 2.0
Author: 180byDesign Team
Author URI: http://www.180byDesign.com/
Tags: 180, website, design, developement, business, process, work

	180byDesign v2
	http://www.180byDesign.com/

	This theme is owned and maintained by 180byDesign. It may not be copied, reproduced, or 
	photographed in whole or in part except by explicit expressed permission by its owners.

*/

/* CSS RESET */
/* ---------------------------------------------------------------------------------------------------*/
*{margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* GLOBALS */
/* ---------------------------------------------------------------------------------------------------*/
html, body {height: 100%;}
body {font: 13px/20px Arial, sans-serif;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.hide {display: none !important;}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: none; color:#00a6dd;}
a:hover {color:#0d0d0d;}
textarea {font: 13px/20px Arial, sans-serif;}
#wrap {min-height: 100%; height: auto !important; height: 100%; margin-bottom: -72px; position: relative;}
#loader, .details-loading {position: absolute; width: 42px; height: 12px; top: 50%; left: 50%; margin: -6px 0 0 -21px; z-index: 50; background: url(../img/loader.gif) no-repeat 0 0;}
.details-loading {top: 246px; margin-top: 0;}
.container, #flashMessage {width: 978px; margin: 0 auto; position: relative;}
#flashMessage {background-color: #eee; padding: 5px; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#flashMessage.error {background-color: red; color: #fff; font-weight: bold;}
#error {position: absolute; z-index: 1000; background-color: #fff; border: solid 2px red; width: 500px; left: 50%; margin-left: -250px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px;}
#error h1 {font-size: 18px; font-weight: bold; padding-bottom: 10px;}
#noscript {position: absolute; z-index: 8001; background-color: #fff; padding: 40px; left: 50%; top: 150px; margin-left: -200px; width: 400px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#noscript-shield {position: fixed; z-index: 8000; zoom: 1; width: 100%; height: 100%; background: #000; opacity: .8; filter: alpha(opacity = 80);}
/* Backgrounds */
#bg {position: absolute; top: -63px; width: 1139px; height: 488px; left: 50%; margin-left: -570px; z-index: 0;}
#bg.index {background: url(../img/index-bg.jpg) no-repeat 0 0;}
#bg.work {background: url(../img/work-bg.jpg) no-repeat 0 0;}
#bg.process {background: url(../img/process-bg.jpg) no-repeat 0 0;}
#bg.contact {background: url(../img/contact-bg.jpg) no-repeat 0 0;}

/* HEADER */
/* ---------------------------------------------------------------------------------------------------*/
/* Global Header */
#header {height: 32px; background-color: #000;}
#header ul li {float: left;}
#header li a {display: block; height: 32px; color: #999; line-height: 32px;}
#header a:hover {color: #00a6dd;}
#header a.primary {color: #fff;}
#header .left a {margin-right: 12px;}
#header .right a {margin-left: 12px;}
/* Navigation */
#nav {height: 89px; background: transparent url(../img/nav-bg.gif) repeat-x 50% 65px; margin-top: 16px; position: relative; z-index:6;}
#logo {float: left; position: relative; z-index: 5;}
#menu li {float: left; padding: 0 10px 0 11px; background: url(../img/nav-sep.gif) no-repeat 100% 0; height: 43px;}
#menu li.last {background: none; padding-right: 0px;}
#menu li a {display: block; height: 21px; background: url(../img/nav.png) no-repeat 0 0; text-indent: -100000px; padding-top: 12px; padding-bottom: 5px; position: relative;}
#menu li a.active {border-bottom: 4px solid #000;}
#menu .work {width: 53px; background-position: 0 12px;}
#menu .work:hover, #menu .work.active {background-position: 0 -31px;}
#menu .process {width: 79px; background-position: -88px 12px;}
#menu .process:hover, #menu .process.active {background-position: -88px -31px;}
#menu .blog {width: 44px; background-position: -202px 12px;}
#menu .blog:hover, #menu .blog.active {background-position: -202px -31px;}
#menu .contact {width: 79px; background-position: -283px 12px;}
#menu .contact:hover, #menu .contact.active {background-position: -283px -31px;}

/* CONTENTS */
/* ---------------------------------------------------------------------------------------------------*/
#contents {padding: 40px 0; position: relative; z-index: 1; zoom: 1;width:100%;}
.blinder {position: absolute; width: 978px; height: 100%; background-color: #fff; z-index: 25; top: 0; left: 0;}
#contents .heading {border-bottom: solid 1px #d7dfe1; /*padding-bottom: 80px;*/ height: 257px; position: relative;}
#contents .heading .image {width: 478px; height: 50px; padding-right: 22px;}
#contents .heading .heading-text {width: 478px;}
#contents .heading h1 {font: bold 80px "Slab", Georgia, serif; padding-bottom: 10px; position: relative; z-index: 1;}
#contents .heading .description {font: 20px "Slab", Georgia, serif; color: #95a1a5;}
#contents .subcontainer {padding-top: 40px; position: relative;}
/* Index */
#contents .index .heading {height: 425px;}
#contents .index .heading h1 {font-size: 28px; font-weight: normal;}
#seebutton {margin-top: 40px;}
#seemore {display: block; width: 164px; height: 40px; background: url(../img/see_more.gif) no-repeat 0 0; text-indent: -10000px;}
.index .blocks .block {margin-right: 60px; width: 198px;}
.index .blocks .first {width: 429px;}
.index .blocks .last {margin-right: 0;}
.index .block.first h3 {font: bold 24px "Slab", Georgia, serif; padding-bottom: 40px; border: 0;}
.index .block.first .description {color: #95a1a5; font-size: 22px; padding-bottom: 20px;}
.index .block.first p {font-size: 16px; line-height: 26px; color:#596569; padding-bottom: 20px;}
.index .blocks h3 {font: bold 18px "Slab", Georgia, serif; border-bottom: solid 1px #d7dfe1; padding-bottom: 15px;}
/* Work */
#contents .subcontainer.work {padding-top: 0;}
#viewoptions {position: absolute; top: -24px; z-index: 50;}
#contents .work ul li {display: inline; float: left;}
#viewoptions li a {display: block; height: 24px; background: url(../img/options.png) no-repeat 0 0; text-indent: -10000px;}
#viewoptions a.grid {background-position: 0 0; width: 28px; margin-right: 1px;}
#viewoptions a.grid:hover {background-position: 0 -51px;}
#viewoptions a.grid.selected {background-position: 0 -26px; cursor: text;}
#viewoptions a.detailed {background-position: -29px 0; width: 28px; margin-right: 4px;}
#viewoptions a.detailed:hover {background-position: -29px -51px;}
#viewoptions a.detailed.selected {background-position: -29px -26px; cursor: text;}
#viewoptions a.filter {background-position: -61px 0; width: 70px;}
#viewoptions a.filter:hover, #viewoptions a.filter.active {background-position: -61px -51px;}
#filters {height: 36px; background-color: #00a6dd; font-size: 14px; font-weight: bold; padding: 0 4px;}
#filters a {color: #fff; display: block; padding: 0 10px; height: 32px; line-height: 32px; margin-top: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
#filters a:hover {color: #000;}
#filters a.selected {color: #000; background-color: #fff;}
#projects {padding-top: 22px;}
#projects .project {width: 211px; height: 192px; background-color: #e7ecee; padding: 8px; float: left; margin: 0 23px 23px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative;}
.project .fade {width: 100%; height: 100%; background-color: #fff; position: absolute; z-index: 10; top:0; left: 0;}
#projects .project.last {margin: 0;}
#projects .project span {color: #727f84; font: bold 16px/20px Slab, Georgia, serif; padding-top: 10px; display: block;}
#projects .project span.hover {color: #fff; display: none;}
#projects .cufon {margin: 1px 0 3px 0;}
#projects .hover {background-color: #00a6dd; cursor: pointer;}
#projects .hover span {display: none;}
#projects .hover span.hover {display: block;}
/* Details */
#details {background-color: #fff; position: absolute; z-index: 50; width: 100%; height: 504px; top: 0;}
#details .nav {display: block; width: 48px; height: 48px; background: url(../img/details-nav.png) no-repeat 0 0; position: absolute; text-indent: -10000px;}
#details #details-prev {background-position: 0 0; left: -106px; top: 188px;}
#details #details-prev:hover {background-position: 0 -48px;}
#details #details-next {background-position: -48px 0; right: -106px; top: 188px;}
#details #details-next:hover {background-position: -48px -48px;}
.details {position: relative; width: 978px; height: 504px; background-color: #fff; z-index: 5;}
.details .fade {position: absolute; width: 100%; height: 100%; z-index: 20; top: 0; left: 0; background-color: #fff;}
.details .info {width: 228px; margin-right: 56px; padding-top: 38px;}
.details h3 {font: bold 24px Slab, Georgia, sans-serif; position: relative; z-index: 1;}
.details .panel {border-bottom: solid 1px #d7dfe1; padding-bottom: 24px;}
.details .panel.last {border: none;}
.details .panel a {color: #00a6dd; font-size: 14px; font-weight: bold; display: block; background: url(../img/arrow-right.gif) no-repeat 0 29px; padding: 24px 0 0 15px;}
.details .panel a:hover {color: #000; background-position: 0 -17px;}
.details .panel div {color: #4e595d; font-size: 14px; line-height: 20px; margin-top: 15px; width: 228px;}
.details .panel div span {color: #858e92; font-size: 12px; line-height: 14px; display: block; margin: 15px 0 -10px; position: relative;zoom:1;}
.details .thumbs {width: 694px; overflow: hidden; position: relative;}
.details .thumbs ul {position: relative; left: 50%; float: left; margin: 0 auto 15px;}
.details .thumbs ul li {float: left; position: relative; padding: 0 1px; right: 50%;}
.details .thumbs ul a {display: block; width: 12px; height: 12px; background: url(../img/details-tab.png) no-repeat 0 -12px;}
.details .thumbs ul a.active, .details .thumbs ul a:hover {background-position: 0 0;}
.details .window {width: 9000px; position: relative; clear: both;}
.details .thumbs img {float: left; margin-right: 15px; cursor: pointer; width: 694px; height: 486px;}
/* Process */
#contents .subcontainer.process .blocks {padding-top: 15px;}
#contents .subcontainer.process .blocks div{color: #596569; width: 200px; margin-right: 50px;}
#contents .subcontainer.process .blocks div.last {margin-right: 0;padding-right: 0;}
/* Blog */
.blog .main {width: 664px; margin-right: 87px; background-color: #fff;}
.blog a {color: #00a6dd;}
.blog #contents a:hover {text-decoration: underline;}
.blog #contents .title a:hover {text-decoration: none;}
.blog h2 a {font: bold 18px "Slab", Georgia, serif; color: #131313;}
.blog div.post {border-top: solid 1px #d7dfe1;}
.blog div.latest {margin-top: 17px;}
.blog div.date {float: right; width: 48px; height: 40px; padding-top: 8px; background-color: #95a1a5; color: #fff; font-size: 12; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 10px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;}
.blog .date span {display: block;}
.blog div.date .day {font-size: 24px;}
.blog .latest h3.title, .blog .author h3.title {font-size: 40px; font-weight: bold; color: #00a6dd; margin-top: 30px; width: 610px;}
.blog .meta, .blog .pagetitle {color: #95a1a5; font-size: 12px; height: 25px; line-height: 25px; padding: 5px 0;}
.blog .meta div.author {margin-right: 5px; padding-right: 5px; border-right: dotted 1px #bfbfbf; height: 25px;}
.blog .meta a {text-decoration: underline;}
.blog .entry {color: #596569; font-size: 16px; line-height: 24px; margin-bottom: 30px;}
.blog .entry img {max-width: 664px;}
.blog .entry p {margin-bottom: 24px;}
.blog .past .entry {font-size: 14px; line-height: 20px;}
.blog .past {width: 308px; float: left;}
.blog .past.pad {margin-right: 48px;}
.blog .author_posts.past.pad {margin-right: 23px;}
.blog .past h4.title {font-size: 24px; font-weight: bold; margin-top: 30px; width: 258px; line-height: 28px;}
.blog .more-link {display: block; width: 61px; height: 28px; background: url(../img/read-more2.gif) no-repeat 0 0; text-indent: -10000px; margin-top: 15px;}
.blog .latest .more-link {background: url(../img/read-more.gif) no-repeat 0 0; width: 77px; height: 40px;}
.blog #comments, .blog #respond h3 {font: bold 16px "Slab", Georgia, serif; color: #000; border-bottom: solid 1px #d7dfe1; padding-bottom: 15px; margin-bottom: 15px;}
.blog li.comment {margin-bottom: 30px;}
.blog #commentform label {color: #131313; font-weight: bold; font-size: 16px;}
.blog #commentform input {background: url(../img/input.gif) no-repeat 0 0; border: 1px solid #bac8cb; height: 22px; font-size: 18px; padding: 5px; width: 311px; margin-bottom: 20px;}
.blog #commentform textarea {height: 118px; width: 651px; border: solid 1px #bac8cb; background: url(../img/input.gif) no-repeat 0 0; font-size: 18px; padding: 5px; margin-bottom: 20px;}
.blog #commentform #submit {width: 77px; height: 40px; background: url(../img/send.gif) no-repeat 0 0; text-indent: -10000px; border: 0; padding: 0; font-size: 1px; cursor: pointer;}
.blog .comment-body {padding: 5px;}
.blog .comment-body p {margin:5px 0px 5px 40px; font-size: 17px;}
.blog .comment-body .reply {/*margin: 0px 0px 0px 40px; font-size: 10px; font-style:italic;*/ display:none;}
.blog .comment-author.vcard {font-weight:bold}
.blog .comment-author.vcard .says {font-weight:normal}
.blog .commentmetadata {font-size: 11px; font-style:normal; cursor:default; color:#131313; }
.blog .commentmetadata a {cursor:default; color:#131313; }
.blog .commentmetadata a:hover {text-decoration:none;}
.blog .comment .children {margin: 2px 0px 2px 40px;}
.blog #sidebar {width: 227px; background-color: #fff;}
.blog li.widget {margin-bottom: 30px;}
.blog #contents .widget a:hover {text-decoration: none; color: #000;}
.blog #sidebar h2 {font: bold 16px "Slab", Georgia, serif; color: #000; border-bottom: solid 1px #d7dfe1; padding-bottom: 20px; margin-bottom: 20px;}
/*.blog #sidebar ul ul li {padding: 0 0 10px; font-weight: bold; font-size: 14px;}*/
/*.blog #sidebar ul.children {margin: 0px 0px 0px 5px;}*/
.blog #sidebar ul.children li {padding: 0px;}
.blog #categories-3 ul ul ul {display: none;}
.blog #categories-3 ul li a {display: block; border-bottom: 1px dotted #e1e7e8; color: #808a8d; padding-bottom: 6px; margin: 12px 0 6px; font-weight: normal; font-size: 13px;}
.blog #categories-3 ul li a:hover {color: #4f5557; text-decoration: none;}
.blog #categories-3 ul.children li a {border-bottom: none; color: #00A6DD; padding: 0 0 0 10px; margin: 0; background: url(../img/blog-ticks.gif) no-repeat 0 6px;}
.blog #categories-3 ul.children li a:hover {background-position: 0px -96px; text-decoration: none; color: #000;}
.blog #social li {display: inline;}
.blog #social a {display: block; width: 35px; height: 36px; float: left; background: url(../img/social.jpg) no-repeat; text-indent: -10000px; margin-right: 5px;}
.blog #social .fb {background-position: 0px 0px;}
.blog #social .twitter {background-position: -41px 0px;}
.blog #social .feed {background-position: -81px 0px;}
.blog #sidebar .widget_yarpp_widget li {border-bottom: 1px dashed #e1e7e8; font-weight: bold; padding: 8px 0;}
.blog #sidebar .widget_yarpp_widget a br {display: none;}
.blog .entry h1 {color:#0d0d0d; font: bold 26px "Slab", Georgia, serif; margin: 50px 0px 20px 0px;}
.blog .entry h2 {color:#0d0d0d; font: bold 18px "Slab", Georgia, serif; margin: 30px 0px 20px 0px;}
.blog .category_title {color:#0d0d0d; font-size:18px; margin: 35px 0px 0px 0px;}
.blog .category_desc {line-height:28px; color:#596569; font-size:18px; margin: 20px 0px 45px 0px;}
.blog .subscribe_form > input{background: url(../img/input.gif) no-repeat 0 0; border: 1px solid #bac8cb; height: 22px; font-size: 14px; padding: 5px; /*border: 1px solid #BAC8CB; padding: 2px;*/ color:#95a1a5; width: 217px;}
.blog .subscribe_form p {margin: 5px 0px 0px 0px;}
.blog .subscribe_form p input {width: 102px; height: 28px; text-indent: -10000px; border: none; background: url(../img/subscribes.jpg) no-repeat -85px 0; cursor: pointer;}
.blog .subscribe_form p input:first-child {width: 84px; height: 28px; text-indent: -10000px; background: url(../img/subscribes.jpg) no-repeat 0 0; border: none; cursor: pointer;}
.blog .meta_credits {margin: 0px 0px 30px 0px; font-size: 14px; color:#596569; }
.blog .author_posts {margin: 0px 0px 30px 0px; font-size: 14px; color:#596569;}
.blog .avatar {float:left; margin: 0px 10px 0px 0px;}


/*images*/
.main_image {margin: 0px 0px 10px 0px;}


div.sociable{margin:16px 0}
span.sociable_tagline{position:relative}
span.sociable_tagline span{display:none; width:14em}
span.sociable_tagline:hover span{position:absolute; display:block; top:-5em; background:#ffe; border:1px solid #ccc; color:black; line-height:1.25em}
.sociable span{display:block}
.sociable ul{display:inline; margin:0 !important; padding:0 !important}
.sociable ul li{background:none; display:inline !important; list-style-type:none; margin:0; padding:1px}
.sociable ul li:before{content:""}
.sociable img{float:none; width:16px; height:16px; border:0; margin:0; padding:0}
.sociable-hovers{opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40)}
.sociable-hovers:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100)}

/* Contact */
#contents .form {width: 664px; background-color: #fff;}
#contents .subcontainer.contact span.ex {color: #95a1a5; font-size: #95a1a5; padding-bottom: 30px; display: block;}
#contents .input {float: left;}
#contents .form label {color: #131313; font-weight: bold; font-size: 16px; display: block; padding-bottom: 10px;}
#contents .form input {background: url(../img/input.gif) no-repeat 0 0; border: 1px solid #bac8cb; height: 22px; font-size: 18px; padding: 5px; width: 311px; margin-bottom: 20px;}
#contents .form input.error {border-color: #c00;}
#contents #PagesFirstName {margin-right: 16px;}
#contents #PagesCompany {width: 651px;}
#contents #PagesMessage {height: 118px; width: 651px; border: solid 1px #bac8cb; background: url(../img/input.gif) no-repeat 0 0; font-size: 18px; padding: 5px; margin-bottom: 20px;}
#contents .form .submit {clear: both;}
#contents .form .submit input {width: 77px; height: 40px; background: url(../img/send.gif) no-repeat 0 0; text-indent: -10000px; border: 0; padding: 0; font-size: 1px; cursor: pointer;}
#contents .contact .address {font-size: 14px; color: #566165; width: 228px;}
#contents .contact .address h3 {font-size: 16px; font-weight: bold; color: #000; border-bottom: dotted 1px #a3adb1; padding-bottom: 12px; margin-bottom: 12px;}
#formcheck {background-color: #c00; color: #fff; padding: 5px; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.thanks {text-align: left; }
.thanks h2 {font-size: 42px; margin-bottom: 15px; font-weight: bold;}
.thanks span {font-size: 16px; color: #566165;}
/* USERS */
#authMessage {color: #95a1a5; font-size: #95a1a5; padding-bottom: 15px; display: block;}
#login {width: 300px; margin: 0 auto; border: solid 1px #D7DFE1; padding: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#login label {display: block; color: #131313; font-weight: bold; font-size: 16px; padding-bottom: 10px;}
#login input {background: url(../img/input.gif) no-repeat 0 0; border: 1px solid #bac8cb; height: 22px; font-size: 18px; padding: 5px; width: 288px; margin-bottom: 20px;}
#login #UserAutoLogin {width: auto; height: auto; float: left; margin-right: 5px; margin-top: 3px;}
#login label.remember {width: 200px;}
#login .submit {clear: both;}
#login .submit input {width: 77px; height: 40px; background: url(../img/login.gif) no-repeat 0 0; text-indent: -10000px; border: 0; padding: 0; font-size: 1px; cursor: pointer;}
#login div.hr {border-bottom: 1px solid #eee; margin-bottom: 10px;}
#login a {color: #00a6dd;}
/* MANAGE */
#manage {width: 664px;}
#manage a {color: #00a6dd;}
#manage h1 {font-size: 32px; font-weight: bold; margin-bottom: 15px;}
table {border:1px solid #ccc; border-right:0; clear: both; color: #333; margin-bottom: 10px; width: 100%;}
th {background: #f2f2f2; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: center; font-weight: bold; color: #F42015;}
th a {background:#f2f2f2; display: block; padding: 2px 4px; text-decoration: none;}
th a:hover {background: #eee; color: #333; text-decoration: none;}
table tr td { border-right: 1px solid #ccc; padding: 3px; text-align: center; vertical-align: middle;}
table tr.altrow td {background: #f4f4f4;}
td.actions {text-align: center; white-space: nowrap;}
td.actions a {margin: 0px 6px;}
tr:hover {background-color: #f0f0f0;}
td em {color: #888;}
.even {background-color: #f5f5f5;}
#manage span.add a {font-size: 32px; color: #ccc;}
#manage span.add a:hover {color: #00a6dd;}
#manage #projectlist {margin-bottom: 15px;}
#manage .title {font-size: 16px; border-bottom: solid 1px #eee; padding: 15px 0; clear: both;}
#manage .title .thumb img {height: 38px; margin-right: 15px;}
#manage .title a {color: #00a6dd; font-size: 12px; padding: 0 5px;}
#manage .title .del {color: red;}
#manage .title .tags {font-size: 12px; color: #999; font-style: italic;}
#manage label {display: block; color: #131313; font-weight: bold; font-size: 16px; padding-bottom: 10px;}
#manage .input {clear: both;}
#manage input {background: url(../img/input.gif) no-repeat 0 0; border: 1px solid #bac8cb; height: 22px; font-size: 18px; padding: 5px; width: 288px; margin-bottom: 20px;}
#manage .file input {font-size: inherit; background: none; border: 0;}
#manage .file.input a.remove {color: red;}
#manage textarea {height: 118px; width: 651px; border: solid 1px #bac8cb; background: url(../img/input.gif) no-repeat 0 0; font-size: 18px; padding: 5px; margin-bottom: 20px;}
#manage .input span {color: #ccc; padding-left: 15px;}
#manage .submit {clear: both;}
#manage .submit input {width: auto; height: auto; cursor: pointer;}
#manage .sub {border: solid 1px #eee; padding: 15px; width: 634px; margin-bottom: 15px;}
#manage .sub a:hover {text-decoration: underline;}
#manage .thumbedit {padding-bottom: 15px;}
#manage .thumbedit img {height: 25px;}
#manage .input .shot {position: relative;}
#manage .input .shot a {position: absolute; z-index:1; top: 0; right: 15px; color: red; font-weight: bold; display: block; width: 25px; height: 25px; background-color: #000; text-align: center; line-height: 25px;}
#manage .shot img {width: 150px; margin: 0 15px 15px 0;}
#changes {position: fixed; top: 175px; right: 0; width: 400px; padding: 15px; color: #fff; background-color: #000; z-index: 10;}
#managebar {width: 285px; padding-left: 29px;}
#managebar .box {padding: 5px 15px; margin-bottom: 15px; border: solid 1px #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#managebar h2 {font-size: 18px; font-weight: bold; margin-bottom: 15px; border-bottom: solid 1px #eee; padding-bottom: 5px;}
#managebar li {padding: 3px 0;}
#managebar a {color: #00A6DD;}
#managebar a:hover {text-decoration: underline;}
#managebar a.red {color: red;}
#manage #sortable li {border: solid 1px #ddd; padding: 5px; margin: 5px 0; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: move;}

/* FOOTER */
/* ---------------------------------------------------------------------------------------------------*/
#footer, #push {height: 72px;}
#footer {background-color: #000; font-size: 12px; position: relative; z-index: 1;}
#footer .links a {color: #999; display: block; float: left; margin-right: 12px; line-height: 72px;}
#footer .links a:hover {color: #00a6dd;}
#footer .links a.primary {color: #fff;}
#footer .copyright {color: #42474a; line-height: 72px;}
#footer .copyright .pp {color: #42474a; text-decoration: underline;}