/*
Theme Name: Credit Card Comparison
Description: A custom wordpress theme for CreditCardComparison.com.au site with advanced features.
Version: 1.0
Author: Jonathan Leane
Author URI: 
*/

/* DEFAULT */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{line-height:1.4; font-size:13px; color:#656565; background:#e0efe0; font-family: Arial, Helvetica, sans-serif;}
a{text-decoration:none; color:#0f8805;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{background:#fff;}
#header{background:#e0efe0; border-bottom:#c0c0c0 1px solid; height:115px;}
#header .holder{position:relative;}
#nav-main{height:22px; line-height:22px; float:right; position:absolute; top:85px; right:240px; color:#88a356;}
#content-box{padding:20px 0;}
#main-panel{float:right; width:750px; margin-left:15px;}
#sidebar{float:left; width:201px; text-align:left;}
#footer{background:#e1efe0; border-top:#c0c0c0 1px solid; padding:10px 0; text-align:center; font-size:12px;}
.holder{width:970px; margin: 0px auto;}
	
/* HEADER */
#logo{width:482px; height:107px; position:relative; overflow:hidden; padding-top:5px; float:left; border:0px;}
#logo span{width:100%; height:100%; position:absolute; background:url(images/logo.png) no-repeat;}
#sub-logo{display:none;}
.top-ad{float:right; padding-top:10px; height:60px; overflow:hidden;}
.search-box{clear:right; float:right; margin-left:15px; padding-top:14px;}
.gsc-input{width:150px; height:17px;}
#cse-search-results iframe{width:700px!important;}

/* NAVIGATION */
#nav-main li{float:left;}
#nav-main li a{float:left; color:#88a356; padding:0 5px;}

/* CONTENT */
.pagetitle{text-align:center; font-weight:bold; font-size:14px; margin-bottom:10px;}

	/* SIDEBAR */
	.box{text-align:left; margin-bottom:15px;}
	.box h3{font-size:20px; margin-bottom:8px;}
	.box-green{background:#9cb95d url(images/box_green.png) no-repeat left top;}
	.box-green .box-hold{background:url(images/box_green.png) no-repeat right bottom; padding:7px 15px 15px 15px;}
	.box-green h3{color:#486628;}
	.box-green li{background:url(images/lbg.png) no-repeat left; padding:5px 0;}
	.box-green li a{color:#000; font-size:13px; padding-left:10px;}
	.box-grey{background:#e2e2e2 url(images/box_grey.png) repeat-y center;}
	.box-grey .box-top{background:url(images/box_grey.png) no-repeat left top;}
	.box-grey .box-bot{background:url(images/box_grey.png) no-repeat right bottom; padding:15px;}
	.box-grey h3{color:#000;}
	.box-grey li{padding:5px 0;}
        .box-grey a{color:#8aaf3a;text-decoration:underline;}
	.empty-box{margin-bottom:15px;}
	.empty-box h3{color:#000; font-size:20px;}
	.box b, .box strong{font-weight:bold;}
	.box i, .box em{font-style:italic;}

	/* POST */
	.post{margin-bottom:15px; clear:both;}
	.post-blog{border-bottom:#eaeaea 1px solid;}
	.post-title{font-size:26px!important; color:#8eae4d;}
	.post-title a{color:#8eae4d;}
	.post-title a:hover{text-decoration:none; color:#000;}
	.post-meta{padding:0 2px; font-weight:bold;}
	.post-content{padding:0px 2px;}
	.post-content p{padding:0 0 10px 0;}
	.post-content ul{list-style-type:disc; margin:10px 0 10px 25px;}
	.post-content ol{list-style-type:decimal; margin:10px 0 10px 30px;}
	.post-content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;}
	.post-content blockquote p{padding:0;}
	.post-content h1{font-size:20px; font-weight:normal;}
	.post-content h2{font-size:18px; font-weight:normal;}
	.post-content h3{font-size:16px; font-weight:normal;}
	.post-content b, .post-content strong{font-weight:bold;}
	.post-content i, .post-content em{font-style:italic;}
	.post-content .single-card{float:right; margin:0 0 20px 20px; background:#f5f5f5; border:#eee 1px solid; padding:10px; text-align:center;}
	.post-content .single-card img.card-img{margin-bottom:15px; display:block;}
	
	.navigation{height:20px; padding:4px 10px;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}
	
		/* CARD TABLE */
		.card-list{width:750px; margin-bottom:20px; background:url(images/card_list_head.png) repeat-x;}
		.card-list thead{height:62px;}
		.card-list thead th{text-align:center; height:62px; vertical-align:middle; color:#f8ffd5; border-right:#b1d269 1px solid; padding:0 5px;}
		.card-list thead th.lastitem{border:0;}
		.card-list tbody td{text-align:center; padding:10px 5px; vertical-align:middle; border:#eaeaea solid; border-width:0 1px 1px 0;}
		.card-list tbody td.lastitem{border-width:0 0 1px 0;}
		.card-list tbody tr.alt td{background:#f5f5f5;}
		.card-list tbody .apply-btn{margin-bottom:10px; display:block;}
		.card-list tbody td.firstitem a:hover{text-decoration:none;}
		.card-list tbody td.firstitem a:hover span{text-decoration:underline;}
		.card-list tbody a {color:#8fa155;}
	
			/* COLUMN WIDTH */
			.firstitem{width:100px;}
			.cc-col-2{width:200px;}
			.cc-col-3{width:50px;}
			.cc-col-4{width:60px;}
			.cc-col-5{width:60px;}
			.cc-col-6{width:60px;}
			.cc-col-7{width:60px;}
			.lastitem{width:60px;}
	
		/* Wordpress Classes */
		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center;}
		.alignleft{float: left; margin:0 10px 10px 0;}
		.alignright{float: right; margin:0 0 10px 10px;}
		.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

	/* COMMENT */
	#comment-area{padding:0 15px;}
	#comments, #respond{color:#000; font-size:18px;}
	#commentform{font-size:12px;}
	#commentform p{padding:8px 0; clear:left;}
	#commentform label{width:100px; color:#666; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;}
	#commentform .req{color:#f00;}
	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;}
	#comment{width:400px;}
	#submit{background:#64b632; border:0; color:#fff; height:30px; font-size:14px; margin-left:110px; padding-bottom:3px;}
	#submit:hover{background:#44a923; cursor:pointer;}
	
	ol.commentlist{padding:0;}
	ol.commentlist li{padding:10px; border-bottom:#eee 1px dotted;}
	ol.commentlist li.alt{background:#f5f5f5;}
	ol.commentlist .comment-author{}
	ol.commentlist .avatar{display:none;}
	ol.commentlist .comment-meta{font-size:11px; margin-bottom:5px;}

/* FOOTER */
#footer .holder{width:930px;}
#footer p{padding:4px 0 8px 0;}
#footer li{display:inline;}
#footer li a{color:#306f28; padding:0 4px;}

	/* Sticky Footer */
	* {margin:0;padding:0;} 
	html, body, #container {height: 100%;}
	body > #container {height: auto; min-height: 100%;}
	#main {padding-bottom: 190px;}  /* must be same height as the footer */
	#footer {position: relative;
		margin-top: -190px; /* negative value of footer height */
		height: 190px;
		clear:both;} 

	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


/* OTHER */
.clear{clear:both;}