/*
Theme Name: WordPress PTCPay
Theme URI: http://www.ptcpay.com
Description: The theme for PTCPAY custom made.
Version: 1.0
Author: Ward Peeters
Author URI: http://coding-tech.com/

*/

/* RESET CSS
----------------------------------------------------------------------------*/
body, h1, h2, h3, ul, li, p, a, img, input, textarea, label {
	margin: 0; padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	
	color: #2f2f2f;
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
}

/* General CSS
----------------------------------------------------------------------------*/
html, body { 
	/* CSS background bottom fix */
	height: 100%;
}
body {
	background: #ebebeb;
	font-family: Tahoma, Arial, Verdana, sans-serif;
}
.background2 {
	background: #323232;
	width: 50%; height: 50px;
	position: absolute;
	top: 0; left: 50%;
}

.container {
	width: 952px;
	margin: 0 auto -93px;
	overflow: hidden;
	
	/* CSS background bottom fix */
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* Form CSS
----------------------------------------------------------------------------*/
form {
	margin: 10px 13px;
}
form div {
	margin: 4px 0;
	font-size: 12px;
}
form label {
	width: 73px;
	display: inline-block;
	vertical-align: middle;

	color: #2f2f2f;
	font-size: 12px;
	cursor: pointer;
}
form .textarea label, form .textarea span {
	margin: 5px 0;
	vertical-align: top;
	display: inline-block;
}
form input, form textarea, form select {
	width: 210px; height: 18px;
	padding: 6px 4px;
	border: 1px solid #9d9d9d;
	
	font-size: 12px;
}
form select {
	width: 220px; height: 22px;
	padding: 0;
}
form textarea {
	height: 150px;
}
form div span {
	color: #0f8dc2;
	font-size: 10px;
}
form div span.red { color: #ff0000; }

form div.buttons {
	margin: 10px 0;
	text-align: right;
}
form div.buttons input {
	background: url(images/submit.jpg) no-repeat;
	width: 62px; height: 28px;
	padding: 0;
	border: 0;
	
	color: #fff;
	cursor: pointer;
}

/* Header CSS
----------------------------------------------------------------------------*/
#header {
	background: #464646;
	width: 100%; height: 50px;
	overflow: hidden;
	position: absolute;
}
#header a.facebook {
	background: url(images/facebook.png) no-repeat;
	width: 48px; height:48px;
	display: block;
	text-indent: -9999px;
	outline: 0;

	position: absolute;
	top: 1px; right: 80px;
	z-index: 9999;
}
#header a.twitter {
	background: url(images/twitter.png) no-repeat;
	width: 48px; height: 48px;
	display: block;
	text-indent: -9999px;
	outline: 0;


	position: absolute;
	top: 1px; right: 20px;
	z-index: 9999;
}
	#header #inner {
		width: 755px; height: 50px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	#header #logo {
		background: url(images/overlay.jpg) no-repeat right;
		width: 406px; height: 50px;
		float: left;
	}
	#header #navigation {		
		margin: 0 0 0 -17px;
		float: left;
	}
	#header #navigation li {
		margin: 17px 10px 0 9px;
		float: left;
		
		font-size: 12px;
	}
	#header #navigation li.last { margin-right: 0; }
	#header #navigation li a {
		color: #fff;
	}
	#header #navigation li a:hover {
		text-decoration: underline;
	}
	
/* Content Box CSS
----------------------------------------------------------------------------*/
div.contentbox {
	background: url(images/box_back.jpg) repeat-y;
	width: 953px;
	margin: 11px 0 0;
}
div.contentbox div.top, div.contentbox div.foot {
	background: url(images/box_top.jpg) no-repeat;
	width: inherit; height: 5px;
}
div.contentbox div.foot {
	background: url(images/box_foot.jpg) no-repeat;
	clear: both;
}

div.contentbox h2 {
	margin: 10px 0 0 13px;
	color: #464646;
	font-size: 15px;
}
div.contentbox p {
	margin: 15px 13px;
	font-size: 12px;
	line-height: 19px;
}
div.contentbox div.col1, div.contentbox div.col2, div.contentbox div.col3, div.contentbox div.col4 {
	width: 238px;
	float: left;
}
div.contentbox div.col1 {
	background: url(images/test_line.jpg) no-repeat right center;
}
div.contentbox div.col3 {
	background: url(images/test_line.jpg) no-repeat left center;
}

div.contentbox div.col4 {
	background: url(images/test_line.jpg) no-repeat left center;
}

/* Blog CSS
----------------------------------------------------------------------------*/
div.blog .posts {
	width: 762px;
	padding-right: 18px;
	border-right: 1px solid #dedede;
	float: left;
}
div.blog .posts h2 {
	color: #464646;
	font-size: 15px;
	line-height: 25px;
	border-bottom: 1px dotted #b6b6b6;
}
div.blog .posts h2 a { color: inherit; }
div.blog .posts h2 span {
	color: #9b9b9b;
	font-size: 12px;
	font-weight: normal;
}
div.blog .posts .post { position: relative; }
div.blog .posts .meta {
	background: #ededed url(images/tags.jpg) no-repeat 5px;
	margin: 0 0 0 13px; padding: 10px 8px 10px 45px;

	font-size: 10px;
}
div.blog .posts a {
	color: #2f2f2f;
	font-weight: normal;
}
div.blog .posts p.center {
	text-align: center;
}

div.blog .posts .comment {
	background: url(images/comments.jpg) no-repeat;
	width: 53px; height: 38px;
	padding: 4px 0 0;
	text-align: center;
	position: absolute;
	top: 6px; right: 0;
}
div.blog .posts .comment a {
	margin-right:10px;
}

div.blog #sidebar {
	width: 142px;
	padding: 0 15px;
	float: left;
}

div.blog #sidebar ul li {
	color: #464646;
	font-size: 14px;
	font-weight: bold;
}
div.blog #sidebar ul li ul { margin: 0 0 0 20px; }
div.blog #sidebar ul li ul li {
	margin: 5px 0;
	list-style: disc;
	color: #146d91;
	font-size: 12px;
}
div.blog #sidebar ul li ul li a {
	color: #2f2f2f;
	font-size: 12px;
	font-weight: normal;
}

div.blog #sidebar form {
	margin: 0 0 15px;
}
div.blog #sidebar form label {
	display: block;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
}
div.blog #sidebar form input {
	width: 105px; height: 14px;
	padding: 4px 25px 4px 5px;
	border: 1px solid #bbbbbb;
}

div.blog #sidebar form .submit {
	background: url(images/search.jpg) no-repeat;
	width: 25px; height: 22px;
	margin: -23px 0 0 106px; padding: 0;
	border: 0;
	text-indent: -9999px;
	outline: 0;
}
div.blog #commentform textarea {
	width: 100%;
}
div.blog #commentform input.submit {
	width: 120px;
	height: 30px;
}

/* Other pages CSS
----------------------------------------------------------------------------*/
.breadcrumb, .container h1 {
	margin: 60px 0 0;

	color: #464646;
	font-size: 15px;
	font-weight: bold;
}
.container h1.invis {
	display: none;
}

.container a {
	color: #0f8dc2;
	font-weight: bold;
}

.breadcrumb a {
	color: #464646;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

.container img {
	margin: 13px 13px 0;
}
.container img.two {
	margin-right: 0px;
}
	
/* Footer CSS
----------------------------------------------------------------------------*/
div.footer {
	margin: 50px 0 25px;
}

.footer div ul {
	margin: 10px 0 5px 13px;
}
.footer div ul li {
	margin: 0 0 0 16px;
	list-style: disc;
	
	color: #146d91;
	font-size: 16px;
}
.footer div ul li a {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.footer div ul li a:hover { text-decoration: underline; }

div.footer div.col1, div.footer div.col2, div.footer div.col3, div.footer div.col4 {
	width: 238px;
}

/* Bottom CSS
----------------------------------------------------------------------------*/
.backfix {
	height: 93px;
}
.copyright {
	background: #dad9d5 url(../images/footer.jpg) repeat-x top;
	width: 100%; height: 93px;
	overflow: hidden;
}

.copyright a img { vertical-align: middle; }

.copyright p {
	width: 952px;
	margin: 28px auto 0;

	color: #858582;
	font-size: 13px;	
	text-align: right;
}