/*
Theme Name: Launchit! Surosowan
Theme URI:
Description:
Version: 1.0
Author: kucrut
Author URI: http://kucrut.org/
Tags:
License:

*/

/*
 * http://meyerweb.com/eric/tools/css/reset/
 * v1.0 | 20080212
 */

html *{padding:0;margin:0}
* html{padding:0;margin:0}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,
p,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,b,u,i,center,dl,dt,dd,ol,ul,
li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
button,textarea,select,option {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent}

ol,ul{list-style:none}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none}
/* remember to define focus styles! */
:active,:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
sub,sup {font-size:80%;line-height:0}
sub{vertical-align:sub}
sup{vertical-align:top}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}
address {font-style:normal}

.cf{clear:both}
.hidden{display:none}
.hider{overflow:hidden}
.holder{overflow:auto}


/* Floats
 * --------------------- */
.aligncenter{margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}

/* Text */
.tLeft{text-align:left}
.tCent{text-align:center}
.tRight{text-align:right}
.tBold{font-weight:bold}
.tItalic{font-style:italic}
.tUline{text-decoration:underline}

/* Start Here
 * ------------- */

body {
  background:#000 url(images/bg-body.png) no-repeat center -130px;
  color:#d7d7d7;
  font:.625em/1 Myriad Pro, 'Sagoe UI', sans-serif}
a {
  color:#ff0000;
  text-decoration:none}


/* Page */
#page {
  margin:0 auto;
  padding-top:200px;
  position:relative;
  width:870px}


.block {
  font-size:12px;
  float:left;
  width:245px}
.block p,
.block address {
  line-height:1.3}


#we-are {
  background:url(images/line-grey.png) repeat-x 0 bottom;
  float:right;
  padding:0 0 34px 40px}
#we-are h1 {
  background:url(images/logo.png) no-repeat;
  height:31px;
  margin-bottom:30px;
  text-indent:-9999em;
  width:233px}



#subscribe {
  background:url(images/line-grey.png) repeat-x 0 bottom;
  clear:right;
  float:right;
  margin-top:-150px;
  width:285px}
#subscribe div {
  background:url(images/icon-mail.png) no-repeat 0 20px;
  height:23px;
  padding:20px 0 22px 50px;
  position:relative}
#subscribe input {
  background:url(images/bg-form.png) no-repeat;
  color:#5f6a72;
  display:block;
  font-size:1em;
  padding:5px 85px 5px 10px;
  width:140px}
#subscribe button {
  color:#fff;
  cursor:pointer;
  display:block;
  font-size:1em;
  padding-top:3px;
  position:absolute;
  right:0;
  text-align:center;
  text-shadow:-1px 0 #000;
  top:21px;
  width:80px}
#subscribe p {
  font-family:Georgia, 'Liberation Serif', serif;
  font-style:italic;
  line-height:1.3;
  padding:20px 0;
  text-align:right}


#tweet {
  background:url(images/icon-twitter.png) no-repeat 0 20px;
  clear:right;
  float:right;
  margin-top:-90px;
  padding:20px 0 20px 50px;
  width:235px}
#tweet p {padding-bottom:10px}
#tweet p a:focus,
#tweet p a:hover {
  text-decoration:underline}

#follow {
  background:url(images/bg-button2.png) no-repeat center center;
  color:#fff;
  float:right;
  height:37px;
  line-height:39px;
  text-align:center;
  text-shadow:-1px 0 #000;
  width:130px}

#follow:focus,
#follow:hover {
  background-image:url(images/bg-button3.png)}



#timer,
#soon {
  clear:left;
  float:left;
  text-align:right;
  width:280px}



#soon {padding-bottom:10px}
#soon h2 {
  color:#fff;
  font-size:2.5em;
  font-weight:bold}
#soon .sorry {
  color:#fff200;
  font-size:1.25em;
  padding:5px 0 10px}



#timer h2 {
  color:#fff;
  font-size:1.5em;
  font-weight:bold;
  padding:.5em 0 .3em}
#countdown {text-align:right}
#countdown .countdown_section {
  display:inline-block;
  margin-left:20px;
  text-align:center}
#countdown .countdown_amount {
  color:#fff200;
  font-size:3.25em;
  font-weight:bold;
  line-height:1;
  text-align:right;
  word-spacing:.5em}
#timer .count-desc {
  word-spacing:3.6em}



#slides {
  float:right;
  height:284px;
  margin:-10px 52px 0 0;
  overflow:hidden;
  position:relative;
  width:200px}
#slides .glow {
  background:url(images/cover-glow2.png) no-repeat;
  display:block;
  height:284px;
  left:0;
  position:absolute;
  top:0;
  width:200px;
  z-index:999}

.nivoSlider {position:relative}
.nivoSlider img {
  position:absolute;
  top:0;
  left:0px}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:60;
  display:none}
/* The slices in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:50;
  height:100%}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0;
  bottom:0;
  background:#000;
  color:#fff;
  opacity:0.8; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:89}
.nivo-caption p {
  padding:5px;
  margin:0}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:99;
  cursor:pointer}
.nivo-prevNav {left:0px}
.nivo-nextNav {right:0px}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:99;
  cursor:pointer}
.nivo-controlNav a.active {font-weight:bold}