/*TABLE OF CONTENTS

1. CSS Reset
2. Master Styles
3. Page Structure
4. Header Styles
5. Message Styles
6. Display Countdown or Twitter Feed
7. Countdown Timer Styles
8. Label Styles
9. Twitter Feed Widget Styles
10. Subscription Bar Styles
11.Button styles
12. Modal Forms Styles
13. Footer Styles

*/
@import url('animations.css');
/* 
1. CSS Reset
html5doctor.com Reset Stylesheet
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

input, select {
    vertical-align:middle;
}




/*2. Master Styles*/
body{
	font-family:  'Droid Sans', Arial, Lucida Sans, sans-serif;
	color: #d5d5d5;
	font-size: 12px;
	background: #f4f4f4 url(../images/patterns/graphy.png) repeat;
	overflow:hidden;
}

/* links */
a:link, a:visited {
  color: #9A9A9A;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #898989;
}

/* custom selection colors */
::-moz-selection {
	color: #fff;
	color: rgba(255, 255, 255, 0.85);
	background: #ea4c89;
}
::selection {
	color: #fff;
	color: rgba(255, 255, 255, 0.85);
	background: #ea4c89;
}
input::-webkit-input-placeholder,.hasPlaceholder {
	color:#d5d5d5
	}
input::-moz-input-placeholder {
	color:#d5d5d5
	}
	
/*
3. Page Structure
*/
div#wrapper{
	width:742px;
	margin:5% auto;
	overflow:hidden;
	-webkit-animation:bounce 1300ms normal;
	}
div#wrapper-glass{
	background: #fff;
	width:740px;
	padding:50px 0 60px 0;
	border-radius:4px 4px 0 0;
	border:1px solid #dad8d8;
	border-bottom:none;
	text-align:center;
	}
section#subscription-bar{
	background: url(../images/subscribe-bar-gradient.png) repeat-x;
	width:700px;
	padding:10px 20px 10px 20px;
	height:45px;
	}
	
/*
4. Header Styles
*/
header{
	display:block;
	padding-bottom:10px;
	clear:both;
	}
h1#logo a{
	display:block;
	float:left;
	}
div.motto{
	margin:10px 0 0 0;
	float:right;
	color:#a5a5a5;
	background: #fff;
	padding:3px 4px 3px 4px;
	}
	
	
/*
5. Message Styles
*/
h2#message{
	font-size:18px;
	font-weight:normal;
	color:#919191;
	line-height:24px;
	}
	
/*
6. Display Countdown or Twitter Feed
*/
div#tweet-container{
	display:none;
	}
div#countdown-container{
	
	}
	
/*
7. Countdown Timer Styles
*/
label#countdown-label img{
	margin:0 5px -5px 0;
	}
section#countdown{
	width:345px;
	max-width:400px;
	margin:0 auto;
	background:#fbfbfb;
	color:#a0a0a0;
	padding:15px;
	border:1px solid #f0f0f0;
	border-radius:4px;
	overflow:hidden;
	}

.countdown_rtl {
	direction: rtl;
}

.countdown_section {
	display: block;
	float: left;
	margin:0 15px 0 15px;	
}
.countdown_amount, .count_titles {
	font-family: Arial;
	font-size:28px;
	color:#7B7B7B;
}

/*
8. Label Styles
*/
label#countdown-label, label#tweetfeed-label{
	display:block;
	color:#bfbfbf;
	margin:60px 0 0 0;
	padding:0 0 15px 0;
	}
	
/*
9. Twitter Feed Widget Styles
*/
 label#tweetfeed-label img{
	margin:0 3px -2px 0;
	}
section#twitter-feed{
	width:520px;
	margin:0 auto;
	background:#fbfbfb;
	color:#a0a0a0;
	padding:15px;
	border:1px solid #f0f0f0;
	border-radius:4px;
	}

section#twitter-feed a{
	color:#77bed2;
	}
#twitter_update_list{
	list-style:none;
	line-height:20px;
	}
/*
10. Subscription Bar Styles
*/
section#subscription-bar{
	border:1px solid #dad8d8;
	border-radius:0 0 4px 4px;
	}
section#subscription-bar p{
	font-size:18px;
	color:#979797;
	text-shadow:0 1px 0 #fff;
	float:left;
	margin:13px 0 0 0;
	}
section#subscription-bar	.button{
	float:right;
	margin:3px -3px 0 0;
	}
	
	
/*
11.Button styles
*/
button.button, a.button{
	display:block;
	padding:10px 20px 10px 20px;
	margin-top:10px;
	}
.button:hover, .button:active{
	cursor:pointer;
	}
.button:active{
	box-shadow:none;
	}
	
a.button-red, button.button-red{
	background: #ff7676 url(../images/red-button-gradient.png) repeat-x;
	border:1px solid #f76b6b;
	-webkit-box-shadow:0 1px 1px #c4c4c4;
	-moz-box-shadow:0 1px 1px #c4c4c4;
	-o-box-shadow:0 1px 1px #c4c4c4;
	box-shadow:0 1px 1px #c4c4c4;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 1px 0 #ff9b9b;
	color:#9a5151;
	}

a.button-blue, button.button-blue{
	background: #00cefa url(../images/blue-button-gradient.png) repeat-x;
	border:1px solid #550f60;
	-webkit-box-shadow:0 1px 1px #c4c4c4;
	-moz-box-shadow:0 1px 1px #c4c4c4;
	-o-box-shadow:0 1px 1px #c4c4c4;
	box-shadow:0 1px 1px #c4c4c4;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	}
	
a.button-green, button.button-green{
	background: #00cefa url(../images/green-button-gradient.png) repeat-x;
	border:1px solid #24a401;
	-webkit-box-shadow:0 1px 1px #c4c4c4;
	-moz-box-shadow:0 1px 1px #c4c4c4;
	-o-box-shadow:0 1px 1px #c4c4c4;
	box-shadow:0 1px 1px #c4c4c4;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 1px 0 #32e302;
	color:#1d8501;
	}
	
a.button-gray, button.button-gray{
	background: #eee url(../images/gray-button-gradient.png) repeat-x;
	border:1px solid #c3c3c3;
	-webkit-box-shadow:0 1px 1px #e0e0e0;
	-moz-box-shadow:0 1px 1px #e0e0e0;
	-o-box-shadow:0 1px 1px #e0e0e0;
	box-shadow:0 1px 1px #e0e0e0;
	font-size:16px;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
	color:#959595;
	}
/*
12. Modal Forms Styles
*/
div#subscribe-modal form, div#contact-form-modal form, #cboxLoadedContent{
	width: 580px;
	padding: 30px;
	background: #fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:7px solid #5B5B5B;
	display:none;
	}
form label{
	display:block;
	font-size:16px;
	margin:0 0 12px 0;
	}
form button{
	float:left;
	}
form h4{
	font-size:18px;
	font-weight:normal;
	color:#919191;
	margin:0 0 30px;
}
	
form fieldset{
	position:relative;
	display:block;
	}
input.name,input.email{
	display:block;
	width:560px;
	height:25px;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #e9e9e9;
	border-radius:4px;
	font-family:'Droid Sans', Arial;
	font-size:18px;
	color:#c1c1c1;
	}
textarea.comment{
	display:block;
	width:560px;
	height:150px;
	padding:10px;
	margin:0 0 20px 0;
	border:1px solid #e9e9e9;
	border-radius:4px;
	font-family:'Droid Sans', Arial;
	font-size:18px;
	color:#c1c1c1;
	}
div#action, div#sAction{
	margin:20px 0 10px 0;
	float:left;
	}
h4.form-success{
	display:block;
	padding:4px 0 0 15px;
	font-size:12px;
	color:#66c45f;
	}
p.error{
	position:absolute;
	display:block;
	background:#ff5050;
	border-radius:2px;
	color:white;
	padding:4px 5px 4px 5px;
	top:41px;
	right:12px;
	}
#cboxOverlay{
	position:fixed;
	background:#000;
	width:100%;
	height:100%;
	top:0;
	left:0;
	}
#cboxClose{
	position:absolute;
	top:30px;
	right:40px;
	text-indent:-9999px;
	background: #eee url(../images/closelabel.png) repeat-x;
	width:60px;
	height:23px;
	border:1px solid #c3c3c3;
	-webkit-box-shadow:0 1px 1px #e0e0e0;
	-moz-box-shadow:0 1px 1px #e0e0e0;
	-o-box-shadow:0 1px 1px #e0e0e0;
	box-shadow:0 1px 1px #e0e0e0;
	}
#cboxClose:hover{
	cursor:pointer;
	}
#cboxClose:active{
	box-shadow:none;
	}	

/*
13. Footer Styles
*/
footer{
	clear:both;
	text-align:center;
	padding:30px;
	line-height:20px;
	color:#838383;
	}
footer p{
	color:#989898;
	}
footer ul li{
	list-style:none;
	display:inline;
	}
footer ul li a{
	margin:5px;
	font-size:12px;
	
	}
	
	
	
/*
/* self-clear floats */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}