/*
Theme Name: Wordspop
Theme URI: http://wordspop.com
Description: Main themes for wordspop.com.
Version: 1.0
Author: Pupung Budi Purnama
Author URI: http://pupungbp.erastica.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #c9e9de url(images/mainbg-front.png) repeat-x top;
	font: normal 62.5% Helvetica, Arial, Sans-Serif;
}
body.single {
	background: #c9e9de url(images/mainbg.png) repeat-x top;
}
.ffix {
	clear: both;
}
a.active {
	outline: none;
}
:focus
{
  -moz-outline-style: none;
}
#container {
	width: 920px;
	margin: 0 auto;
	font-size: 1em;
}
#header {
	height: 162px;
}
.single #header {
	background: url(images/bg-inside-rainbow.png) no-repeat 0 45px;
}
h1 {
	background: url(images/logo.png) no-repeat top center;
	width: 202px;
	height: 160px;
	float: left;
}
h1 a {
	width: 202px;
	height: 160px;
	display: block;
	text-indent: -7777px;
}
ul.menu {
	width: 520px;
	height: 44px;
	float: right;
	list-style: none;
}
ul.menu li {
	float: left;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 5px;
}
ul.menu li a {
	color: #88a39e;
	text-decoration: none;
	float: left;
	padding: 6px 8px 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
ul.menu li a:hover, ul.menu li a.active {
	background-color: #d4eee5;
	color: #e9a74ei;
}
#motto {
	float: left;
	background: url(images/motto.png) no-repeat left bottom;
	width: 307px;
	height: 0;
	padding-top: 153px;
	text-indent: -7777px;
}
a.viewthemes {
	background: url(images/viewtheme.png) no-repeat left top;
	height: 44px;
	width: 278px;
	display: block;
	float: left;
	margin-top: 10px;
}
a.viewthemes:hover {
	background: url(images/viewtheme.png) no-repeat left bottom;
}
#main {
	padding-left: 10px;
	background: url(images/bg-rainbow.jpg) no-repeat 1px 1px;
}
.single #main {
	background: none;
}
#sidebar {
	background: url(images/leftbg.png) no-repeat top;
	width: 180px;
	float: left;
	height: 394px;
	text-align: center;
	padding-top: 50px;
}
#sidebar a {
	border: none !important;
}
.single #sidebar h2.twitter {
	background: url(images/twitterfollow.png) no-repeat top center !important;
	width: 168px;
	height: 51px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.9em !important;
	padding-top: 21px;
}
.single #sidebar h2.twitter a {
	display: block;
	padding-left: 70px;
	line-height: auto;
	text-decoration: none;
	color: #88a09c;
	text-transform: uppercase;
	background: none;
}
.single #sidebar h2 a:hover {
	color: #E9A74E;
}
#main-content {
	/*height: 600px;*/
}
#main-content .slideshow {
	padding-top: 10px;
	float: right;
	margin-top: -90px;
}
.stage {
	background: transparent url(images/slide-bgframe-single.png) no-repeat scroll 89px 0;
	height: 305px;
	padding-left: 104px;
	padding-top: 14px;
}
.stage #s5 {
	list-style: none;
	width: 496px;
	height: 292px;
}
.stage #s5 li {
	width: 481px;
	height: 292px;
	left: 10px;
}
.stage-border {
	background: url(images/slide-bgframe-shadow.png) no-repeat bottom;
	width: 700px;
	height: 41px;
	position: absolute;
	margin-top: -52px;
	z-index: 10;
}
a#prev {
	background: url(images/slide-prev.png) no-repeat bottom;
	width: 62px;
	height: 44px;
	display: block;
	position: absolute;
	margin-left: -50px;
	text-indent: -7777px;
	margin-top: 120px;
}
a#prev:hover {
	background: url(images/slide-prev.png) no-repeat top;
}
a#next {
	background: url(images/slide-next.png) no-repeat bottom;
	width: 62px;
	height: 44px;
	display: block;
	position: absolute;
	margin-left: -50px;
	text-indent: -7777px;
	margin-top: 160px;

}
a#next:hover {
	background: url(images/slide-next.png) no-repeat top;
}
.latesttheme {
	background: url(images/latesttheme.png) no-repeat top left;
	width: 98px;
	height: 115px;
	position: absolute;
	z-index:99;
	text-indent: -7777px;
	margin-left: -7px;
	margin-top: -6px;
}
#content {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #525c5a;
}
#content p {
	padding-top: 10px;
	padding-left: 2px;
}
#content .box {
	width: 270px;
	float: left;
	min-height: 300px;
	padding-top: 25px;
	padding-right: 30px;
}
#content .blog {
	background: url(images/border.png) no-repeat 280px 0px;
}
#content .blog h2 {
	background: url(images/title-fromtheblog.png) no-repeat top left;
	width: 138px;
	height: 24px;
	text-indent: -7777px;
}
#content .blog ul {
	list-style: none;
	padding-top: 5px;
}
#content .blog ul a, #footer a, #main-content a {
	text-decoration: none;
	color: #879f9b;
}
#content .blog ul a:hover, #footer a:hover, #main-content a:hover {
	color: #ff9715;
}
#content .blog ul li {
	padding: 3px 0;
	line-height: 1.6em;
}
#content .random {
	background: url(images/border.png) no-repeat 280px 0px;
}
#content .random h2 {
	background: url(images/title-random.png) no-repeat top left;
	text-indent: -7777px;
	width: 164px;
	height: 20px;
}
#content .random img {
	padding: 5px;
	background: #fff;
}
#content .about h2 {
	background: url(images/title-about.png) no-repeat top left;
	width: 62px;
	height: 20px;
	text-indent: -7777px;
}
#footer {
	clear: both;
	padding: 30px 0 30px;
	font-size: 1.2em;
	background: url(images/border-sep.png) repeat-x 0 20px;
}
#footer .wpop {
	background: url(images/wpop.png) no-repeat top left;
	width: 114px;
	height: 30px;
	text-indent: -7777px;
	float: left;
}
#footer .pupung {
	float: right;
	width: 500px;
	text-align: right;
	line-height: 3.0em;
	color: #525C5A;
}

.single #main-content {
	font-size: 1.4em;
	color: #525c5a;
	line-height: 1.6em;
}
.single #main-content h2 {
	padding: 30px 0 20px;
	text-transform: uppercase;
	color: #88a09b;
	font-size: 1.8em;
	background: url(images/border-sep.png) repeat-x bottom;
}
.single #main-content p.intro {
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 15px 0;
}
.single #main-content p {
	padding: 10px 0;
}
.single #main-content a, #main-content .box a {
	background: url(images/link-bg.png) repeat-x bottom;
}
.single #main-content a.download {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	background: none;
}
.single #main-content a.demo, .single #main-content a.support, .single #main-content a.donate {
	background: none;
}
#main-content .leftside {
	background: url(images/leftbg.png) no-repeat top left;
	width: 180px;
	min-height: 400px;
	float: left;
}
#main-content .mainside {
	float: left;
	width: 650px;
	float: left;
	padding-left: 40px;
	padding-bottom: 40px;
}
.single #main-content ul {
	list-style: none;
}
.single #main-content ul li {
	background: url(images/accept.png) no-repeat left 2px;
	padding-left: 20px;
}
#main-content h3 {
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px;
}
.theme {
	padding-top: 40px;
	padding-bottom: 10px;
	/*background: url(images/themes-border.png) no-repeat center bottom;*/
	background-color: #d4eee5;
	margin: 20px 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.theme-view {
	background: url(images/theme-shadow.png) no-repeat center bottom;
	width: 314px;
	height: 209px;
	text-align: center;
	float: left;
}
.theme-view img {
	
}
.theme-desc {
	width: 245px;
	float: left;
	padding-left: 20px;
}
.theme-desc h3 {
	font-size: 1.4em;
	color: #525C5A;
	text-transform: uppercase;
	font-weight: bold;
}
.link a {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	border: none !important;
	padding-right: 20px !important;
	background: none !important;
}
h2.cremove {
	font-size: 1.4em !important;
	padding-bottom: 15px;
}

/* BB Latest Discussion */
table#latest {
	width: 100%;
	border-collapse: collapse;
}
table#latest a {
	background: none !important;
}
table#latest th {
	padding: 5px;
	background: #D4EEE5;
}
table#latest tr:hover td {
	background: #D4EEE5;
}
table#latest td {
	padding: 5px;
/*	background: #f3f4d3;*/
}
table#latest tr.alt td {
/*	background: #fcf2de;*/
}
td.num {
	text-align: center;
}