/*
Theme Name: Wordspop Grey
Theme URI: http://wordspop.com
Description: Default theme for Wordspop
Version: 1.0
Author: Pupung Budi Purnama
Author URI: http://pupungbp.erastica.com
Tags: Gray, One Page.
*/

/* Reset CSS */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: #383938;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
/* typography */
body {
	font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Sans-Serif;
}
h2, h3, h4, a.support, p.intro1, .free-download, .view-demo, .twitter .twitter-timestamp, .footer, .ann {
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, Sans-Serif;
}
.intro2 {
	font-family: Arial, Helvetica, Sans-Serif;
}

/* Layout */
#header {
	background: url(images/liner.gif) bottom repeat-x;
	padding-bottom: 1px;
}
.twitter .logo {
	background: url(images/wpop-logo.png) no-repeat top left;
	width: 183px;
	height: 70px;
	float: left;
}
.twitter .logo a {
	display: block;
	width: 183px;
	height: 70px;
	text-indent: -7777px;
}
#header h1 {
	float: left;
	width: 50%;
	height: 45px;
	line-height: 45px;
	font-family: Georgia, Times, Serif;
	font-style: italic;
	color: #616261;
	font-weight: normal;
}
#header a.support {
	display: block;
	float: right;
	background: url(images/support-bg.gif) no-repeat top center;
	height: 26px;
	width: 128px;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	color: #313231;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#header a.support:hover {
	color: #fff;
	background: url(images/support-bg.gif) no-repeat bottom center;
}

#stage1 {
	height: 420px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.graphic {
	height: 420px;
	background: url(images/stage-beback.jpg) no-repeat right top;
}
#stage1 p.intro1 {
	/* font-weight: bold; */
	font-size: 38px;
	text-transform: uppercase;
	line-height: 36px;
	padding: 15px;
	color: #fff;
	text-shadow: 1px 1px #a8aeb4;
	letter-spacing: -1px;
}
#stage1 p.intro2 {
	font-size: 16px;
	padding: 15px;
	width: 300px;
	float: left;
	line-height: 24px;
	color: #282a2d;
	clear: right;
}
#stage1 .buynow {
	width: 427px;
	height: 89px;
	position: absolute;
	float: right;
	margin-left: 19px;
	margin-top: 290px;
}
#stage1 .buynow a {
	width: 427px;
	height: 89px;
	display: block;
	text-indent: -7777px;
	background: url(images/buy-now.png) no-repeat top right;
}
#stage1 .buynow a:hover {
	background: url(images/buy-now.png) no-repeat bottom right;	
}
#stage1 .buyfloat {
	float: right;
	width: 427px;
}
#stage1 .view-demo, #stage1 .free-download {
	float: left;
	display: block;
	background-color: #282a2d;
	font-size: #fff;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	padding: 5px 13px 3px 13px;
	color: #fff;
	text-decoration: none;
	margin-top: 25px;
	margin-right: 10px;
	text-transform: uppercase;
	line-height: 25px;
}
#stage1 a.view-demo:hover, #stage1 a.free-download:hover {
	background: #9fabb6;
	color: #313231;
}

/* main */
#main {
	background: url(images/liner.gif) repeat-x top;
}
.features {
	/* padding-top: 10px; */
	background: url(images/border-vert.gif) repeat-y right;
	padding-right: 5px;
}
h2.features {
	text-transform: uppercase;
	padding: 20px 0px;
}
.features h3 {
	font-size: 12px;
	text-transform: uppercase;
}
.features div {
	padding: 0 0 10px 10px;
}
.features div.themes {
	padding-left: 0px;
}
.features p {
	font-size: 11px;
	color: #7e7e7e;
	line-height: 16px;
}
.feature1 {
	background: url(images/icon1.gif) no-repeat 0px 10px;
}
.feature2 {
	background: url(images/icon2.gif) no-repeat 0px 10px;
}
.feature3 {
	background: url(images/icon3.gif) no-repeat 0px 10px;
}
.feature4 {
	background: url(images/icon4.gif) no-repeat 0px 10px;
}
.feature5 {
	background: url(images/icon5.gif) no-repeat 0px 10px;
}
.feature6 {
	background: url(images/icon6.gif) no-repeat 0px 10px;
}
/* twitter */

.twitter {
	text-align: right;
	font-size: 12px;
	padding: 20px 0;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style: italic;
	line-height: 18px;
	color: #868e97;
	background: url("images/liner.gif") repeat-x scroll center bottom transparent;
	/* float: right !important; */
}
.twitter .twitter-timestamp {
	font-style: normal;
	display: block;
}
.twitter .tagline {
	float: left;
	width: 45%;
	text-align: left;
}
.twitter .twitter-message {
	float: right;
	background: url(images/twt.png) no-repeat right;
	padding-right: 60px;
	width: 45%;
	min-height: 40px;
}

.themes {
	background: url("images/liner.gif") repeat-x scroll center bottom transparent;
	padding: 5px 0;
}

/* Footer */
.footer {
	background: url(images/liner.gif) repeat-x top;
	padding: 10px 0;
	clear: both;
	font-size: 12px;
	text-align: center;
	color: #616261;
}
.footer a {
	color: #9da5ad;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 5px;
}
.ann {
	background-color: #f1f3f5;
	padding: 10px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #313231;
	line-height: 16px;
}

.fotofolio {
	width: 460px;
	height: 150px;
	background: url(images/fotofolio.jpg) no-repeat left center;
}
.fotofolio a {
	display: block;
	float: left;
	padding: 5px 15px;
	font-size: 1.0em;
	text-transform: uppercase;
	text-decoration: none;
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, Sans-Serif;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	background: #313231;
	color: #fff;
	line-height: 17px;
	margin-right: 5px;
	margin-top: 120px;
}
.fotofolio a:hover {
	background: #9fabb6;
	color: #313231;
}
.pesona {
	padding: 5px 0px 5px 5px;
}
.pesonaku {
	background: url(images/pesonaku.jpg) no-repeat top right;
	height: 150px;
	width: 470px;
}