@font-face {
	font-family: 'Font';
	src: url('fonts/font-webfont.eot');
	src: local('☺'), 
       url('fonts/font-webfont.svg#webfontk21xHazT') format('svg'),
       url('fonts/font-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
  margin:0;
  color:#afafaf;
  background-color:#000;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

#container {
  width:945px;
  margin:85px 0 0 25px;
}
#header {
  width:100%;
  background:#afafaf;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
  height:55px;
}
#content {
  float:right;
  padding:25px;
  width:470px;
}


/* 
 * BACKGROUNDS
 */
body#news {
  background-image:url('../img/site/bkg-news.jpg');
  background-position:left 150px;
}
body#works {
  background-image:url('../img/site/bkg-work.jpg');
  background-position:0 150px;
}
body#reels {
  background-image:url('../img/site/bkg-reels.jpg');
  background-position:0 150px;
}
body#about {
  background-image:url('../img/site/bkg-about.jpg');
  background-position:right 55px;
}
body#contacts {
  background-image:url('../img/site/bkg-contact.jpg');
  background-position:0 120px;
}


/* 
 * HEADINGS
 */
h1 {
  width:930px;
  height:125px;
  color:#ed008c;
  font-size:6.5em;
  text-transform:uppercase;
  text-indent:-9999px;
  background:url('../img/site/h1-mighty-nice.png') no-repeat;
}

h3.pink,
h4.pink {
  color:#ed008c;
  text-transform:uppercase;
  font-family:"Font";
}
h3.pink {
  font-size:2em;
  margin-bottom:15px;
}
h4.pink {
  font-size:1.2em;
}
h3.pink span {
  font-size:70%;
}

/*
 * LINKS
 */
a,
a:visited {
  color:#ed008c;
  text-decoration:none;
}
a:hover {
  color:#ed008c;
  text-decoration:underline;
}
a:hover {
  color:#ed008c;
  text-decoration:underline;
}
a.more {
  text-transform:uppercase;
  font-weight:bold;
  font-size:95%;
}


/* 
 * NAVIGATION
 */
.navigation {
  margin:0;
  padding:0;
  list-style:none;
}
.navigation li {
  float:left;
  display:inline;
  padding-right:10px;
  margin:0;
  padding:0;
}
.navigation li a {
  display:block;
  margin:0;
  padding:0;
}

#navigation-main {
  position:absolute;
  left:465px;
  width:505px;
}
#navigation-main span {
  display:none;
}

#navigation-main,
#navigation-main a {
  height:55px;
}
#navigation-main a {
  background:url('../img/site/bkg-navigation.gif');
}
#navigation-main li.news a { width:72px; }
#navigation-main li.news a:hover,
#navigation-main li.news a.active { background-position:0 -55px; }
#navigation-main li.work a { width:67px; background-position:-72px 0; }
#navigation-main li.work a:hover,
#navigation-main li.work a.active { background-position:-72px -55px; }
#navigation-main li.reel a { width:55px; background-position:-139px 0; }
#navigation-main li.reel a:hover,
#navigation-main li.reel a.active { background-position:-139px -55px; }
#navigation-main li.about a { width:76px; background-position:-194px 0; }
#navigation-main li.about a:hover,
#navigation-main li.about a.active { background-position:-194px -55px; }
#navigation-main li.contact a { width:95px; background-position:-270px 0; }
#navigation-main li.contact a:hover,
#navigation-main li.contact a.active { background-position:-270px -55px; }
#navigation-main li.client-login a { width:136px; background-position:-365px 0; }
#navigation-main li.client-login a:hover,
#navigation-main li.client-login a.active { background-position:-365px -55px; }

ul#time {
  position:absolute;
  list-style:none;
  color:#000;
  font-weight:bold;
  font-size:1.2em;
  line-height:1.2em;
  margin:10px 0 0 20px;
}


/* 
 * NEWS
 */
.item {
  clear:both;
  float:left;
  width:100%;
  border-bottom:solid 3px #f9a01b;
  padding-bottom:20px;
  margin-bottom:20px;
}
.item .text {
  height:95px;
  overflow:hidden;
}
.item div.left {
  height:130px;
  width:170px;
  overflow:hidden;
}
.item div.left img {
  margin:0;
}
.item div.right {
  position:relative;
  width:275px;
  height:130px;
  text-align:left;
}

.post-by,
.links {
  color:#ed008c;
}
.links span {
  padding:0 5px;
}
.post-by {
  color:#909090;
  text-transform:uppercase;
  font-weight:bold;
  font-size:90%;
  margin-top:3px;
  width:100%;
}
.post-by a {
  font-size:100%;
}

.index .item p,
.tags .item p {
  margin-bottom:3px;
}
.index .post-by {
  position:absolute;
  bottom:0;
}

.display .post img {
  width:470px;
}
.display .post-by {
  margin-top:30px;
}
.display .post-by .left {
  width:55%;
}
.display .post-by .right {
  width:40%;
}


/* 
 * ABOUT
 */
#about #content {
  margin-right:15px;
  margin-top:40px;
  padding-top:40px;
  background:url('../img/site/bkg-content-black.png') repeat 0 0;
}
#about h4.pink {
  text-align:right;
  float:right;
  width:115px;
}
#about .post {
  clear:both;
}


/* 
 * CONTACT 
 */
#contacts #content {
 margin-right:15px;
 margin-top:40px;
 padding-top:40px;
 background:url('../img/site/bkg-content-black.png') repeat 0 0;
}
#contacts #content .item p {
  font-size:120%;
}


/* 
 * REELS
 */
#reels #content {
  margin-right:15px;
  margin-top:40px;
  padding-top:40px;
  padding-bottom:0;
  background:url('../img/site/bkg-content-black.png') repeat 0 0;
}
#reels .item {
  border:0;
  margin:0 0 20px;
}
#reels h3 {
  margin:0;
}
#reels h5 {
  color:#FFF;
  font-weight:normal !important;
  font-size:120%;  
}


/* 
 * PAGING
 */
#paging {
  text-align:right;
}
#paging span {
  padding:0 5px;
}


/*
 * FORM
 */
.item form .text {
  height:auto;
}


/*
 * GENERIC
 */
.right {
  float:right;
  text-align:right;
  width:47%;
}
.left {
  float:left;
  width:47%;
}
.bkg-image {
  background-repeat:no-repeat;
  background-position:50% 50%;
}
.bkg-image span {
  display:none;
}
.thb-75 {
  width:75px;
  height:75px;
}


/*
 * TAGS
 */
#tags {
  margin-top:20px;
  float:left;
  color:#fff;
}
#tags ul {
  list-style:none;
  margin:0;
}
#tags ul li {
  float:left;
  clear:both;
  margin:0 0 8px;
}
#tags ul.tags {
  float:left;
  margin:0 0 10px;
}
#tags ul.tags li {
  margin:0;
}
#tags h3 {
  margin:0 0 5px;
  color:#9c3;
  font-size:100%;
}
#tags a {
  color:#ccc;
}
#tags a:hover,
#tags a.selected {
  color:#ed008c;
}


/*
 * CLIENTS
 */
body#clients-view {
  background-color:#FFF;
}

#navigation-clients {
  position:absolute;
  right:20px;
  width:225px;
}
#navigation-clients span{
  display:none;
}
#navigation-clients,
#navigation-clients a {
  height:55px;
}
#navigation-clients a {
  background:url('../img/site/bkg-navigation-clients.gif');
}
#navigation-clients li.mighty-nice a { width:140px; background-position:0 0; }
#navigation-clients li.mighty-nice a:hover,
#navigation-clients li.mighty-nice a.active { background-position:0 -55px; }
#navigation-clients li.logout a { width:85px; background-position:-140px 0; }
#navigation-clients li.logout a:hover,
#navigation-clients li.logout a.active { background-position:-140px -55px; }

#clients-view #container {
  float:left;
  width:95%;
}
#clients-view #content {
  font-size:115%;
  float:left;
  width:100%;
  background:none;
  padding:0;
}
#clients-view #right-column {
  float:right;
  width:69%;
  background:none;
}
#clients-view #left-column {
  float:left;
  width:29%;
}
#clients-view #left-column li {
  float:none;
}

#clients-view table td {
  padding:10px 0;
}
#clients-view table {
  width:100%;
  border-bottom:solid 2px #000;
}
#clients-view table td.image {
  vertical-align:middle;
  text-align:center;
}
#clients-view table .image {
  width:110px;
}
#clients-view table.image .image {
  width:110px;
  overflow:hidden;
}

#clients-view .text {
  padding-left:5%;
  vertical-align:middle;
}
#clients-view .links {
  font-size:90%;
}
#clients-view .text h4 {
  margin:0;
}
#clients-view td.image img {
  margin:0;
}

#clients-view #comments .alt {
  background:#eee;
}
#clients-view #comments .comment-by {
  font-size:90%;
  margin-bottom:.5em;
}
#clients-view #comments-form .textarea {
  margin:0;
}
#clients-view #comments-form .info {
  font-size:80%;
  color:#aaa;
}
#clients-view #comments .comment {
  padding:1em;
}
#clients-view #comments .comment p {
  color:#777;
}
#clients-view #comments .comment p:last-child {
  margin:0;
}

#clients-view.comments h3 span {
  float:right;
  font-size:70%;
}