/*

Theme Name: Churp CHurp
Version: 1.0
Author: Vernice Phoa, Firdauz Artiste (Churp CHurp Designers)
Author URI: http://www.churpchurp.com

________________________________________________________________*/


/* Universal styling
________________________________________________________________*/
img {max-width:100%;}
a img { border: none;}

h1, h2, h3 h4 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; letter-spacing:-0.0625em; margin:0 0 2px 0; padding:0;}
h1, h2 {font-weight:bold;}
h1 {font-size:2.6em; line-height:28px; color:#fff;}
h2 {font-size:2.4em; line-height:26px; color:#fff;}
h3 {font-size:2.0em; line-height:22px; color:#000000;}
h4 {font-size:1.4em; line-height:16px; color:#000000;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #fff;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

hr {display: none;}

label { font-size:1.2em;}
p, .psize {font-size:1.2em; line-height:18px;}
.uppcase {text-transform:uppercase;}
blockquote {font-family:"Georgia", Times New Roman, serif; color:#6E778A; font-style:italic; background:url(img/quote.gif) top left no-repeat; margin:0; padding:10px 40px;}
blockquote p {font-size:1.4em; line-height:20px;}
.img-r {text-indent:-9999px;}

.error, .success {padding:5px; margin:5px 0;}
.error {color:#991A00; background-color:#FFAA99; border:1px solid #D98D8D;}
.success {color:#5E801A; background-color:#CCFF99; border:1px solid #B8CC8F;}

.blue{color:#3A71A9;}

.campaign-name-blue {font-size:1.2em; line-height:16px; color:#3A71A9; padding-top:15px;}
.campaign-name {font-size:1.5em; line-height:16px; color:#000; }

ol, ul, form, input {margin:0;}
option{background:#fff;}
ul li, ol li {font-size:1.2em; line-height:14px;}
ul li ul li, ol li ul li {font-size:1.0em;}
ul li {list-style-type:none;}
ul.flt-l.auto {margin:0 0 7px 0;}
ul.flt-l.auto li {float:left; display:inline; margin:0 5px 0 0;}

a {overflow:hidden;}
a:link, a:visited { color:#3A71A9;}
a:hover, a:focus {color:#454A4D;  text-decoration:underline;}
a.del:hover, a.del:focus {color:#FFE5E5; text-decoration:underline;}
a img {border:none;}

.flt-l, .flt-r {display:inline;}
.flt-l {float:left;}
.flt-r {float:right;}
.clr:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clr-b {clear:both;}
.blk {display:block;}

.package{ display:none}

/*campaign-sorter*/
table.campaign-sorter {border-spacing:1px;background-color: #CDCDCD;/*border*/ padding:0;font-size: 8pt;width: 100%;text-align: left;
}
table.campaign-sorter td {border:1px solid #FFF;}
table.campaign-sorter thead tr th, table.campaign-sorter tfoot tr th {background-color:#c4d4e3; border:1px solid #FFF; font-size:8pt; padding:10px; color:#000;}/*head*/
table.campaign-sorter thead tr .header {background-image: url(img/bg.gif); background-repeat:no-repeat; background-position:center right; cursor: pointer;}
table.campaign-sorter tbody td {color:#393939; padding:4px; background-color:#FAFAFA; vertical-align:top;}
table.campaign-sorter tbody tr.odd td {background-color:#E6E6F6;}
table.campaign-sorter thead tr .headerSortDown, table.campaign-sorter thead tr .headerSortUp {background-color:#CCCCFF;}

/* round corners */
.roundCornerBox {padding:10px 15px 10px 15px;}
#contents .roundCornerBox h3 {background:none;}
.rtop, .rbottom {display:block;}
.rtop b, .rbottom b {display:block; height:1px; overflow:hidden;}
.r1 {margin:0 5px;}
.r2 {margin:0 3px;}
.r3 {margin:0 2px;}
.rtop .r4, .rbottom .r4 {margin:0 1px; height:2px;}
	.clr-one .roundCornerBox, .clr-one .rtop b, .clr-one .rbottom b {background:#98c2eb;}/* inside */
	.clr-one .rtop, .clr-one .rbottom {background:#5bb0cf;}
	.clr-two .roundCornerBox, .clr-two .rtop b, .clr-two .rbottom b {background:#98c2eb;}/* inside */
	.clr-two .rtop, .clr-two .rbottom {background:#000;}
	.clr-three .roundCornerBox, .clr-three .rtop b, .clr-three .rbottom b {background:#98c2eb;}/* inside */
	.clr-three .rtop, .clr-three .rbottom {background:#cce1f5;}
	.clr-four .roundCornerBox, .clr-four .rtop b, .clr-four .rbottom b {background:#f7f7f7;}/* inside */
	.clr-four .rtop, .clr-four .rbottom {background:#5db1d0;}
	
/* padding */
.padding-box{padding:20px;}
.padding-bottom-box{padding-bottom:5px;}
.padding-btm-box{padding-bottom:10px;}
.padding-five{padding:5px;}
.padding-r{padding-right:5px;}
.white-box{ padding:10px; background:#fff;}
.big-padding-btm{padding-bottom:50px;}

.txt-r{text-align:right;}

.blue-txt{color:#3a71a9; font-weight:bold;}

.caps-txt{ text-transform:uppercase;}

.churpie-says{width:450px; height:160px; background:url(img/churpie_bird_says.png) no-repeat 0 0; text-align:center; padding:20px;}
.churpie-head-class{padding-right:5px; width:20px; height:20px; background:url(img/churpie_head.png) no-repeat 0 0;}

/* textarea input select button
________________________________________________________________*/

.big_input input, .big_input select, .small_textarea textarea, .big_long_input input, select.date_front, select.date_middle, select.date_tail, .large_textarea textarea {font-size:1.6em; border:none; outline-style:none; font-size-adjust:none;}
.big_input input, .big_input select, .big_long_input input, select.date_front, select.date_middle, select.date_tail {overflow:hidden;}

.big_input input, .big_input select{ width:160px; }
.big_input, .big_long_input, .big_input_front, .big_input_middle, .big_input_tail, .date_input{padding:9px 15px;}

.big_input{background:url(img/big_input.png) no-repeat 0 0; width:165px; height:29px; }

.big_input input { background:none;}
.big_input select { background:#ffffff;}

.big_long_input { background:url(img/big_long_input.png) no-repeat 0 0; width:290px; height:29px;}
.big_long_input input{ width:285px; background:none;}

.small_textarea{background:url(img/text_area1.png) no-repeat 0 0; width:290px; height:65px; padding:15px; }
.small_textarea textarea{width:285px; background:none;}

select.date_front {width:45px;}
select.date_middle{width:52px;}
select.date_tail{width:70px;}

.date_input { background:url(img/date_input.png) no-repeat 0 0; width:175px; height:29px;}

.large_textarea { background:url(img/text_area_xlong.png) no-repeat 0 0; width:460px; height:120px; padding:15px;}
.large_textarea textarea{width:458px; background:none;}


/*x big long input*/
.xbiglong_textarea { background:url(img/xbig_long_input.png) no-repeat 0 0; width:840px; height:72px;}
/*medium text area*/
.medium_textarea { background:url(img/text_area_medium.png) no-repeat 0 0; width:340px; height:90px; padding:15px;}
.medium_textarea textarea{border:none;}

/*submit button*/
button.submit_button {background:url(img/submit_btn.png) no-repeat 0 0; height:29px; width:82px;  text-indent:-9999px; cursor:pointer; border:none; display:block;}

/*prev next button*/
button.prev_btn {background:url(img/prev_next.png) no-repeat 0 0; height:29px; width:82px;  text-indent:-9999px; cursor:pointer; border:none; display:block;}
button.next_btn {background:url(img/prev_next.png) no-repeat 0 -29px; height:29px; width:82px;  text-indent:-9999px; cursor:pointer; border:none; display:block;}






/* layout
________________________________________________________________*/
body {font-family:"Arial", Helvetica, sans-serif; font-size:62.5%; color:#393939; background:#c1d6d9 url(img/bg.jpg) repeat-x 0 0; margin:0; padding:0;}

/*layout*/
#page {background: none; margin: 0 auto; padding: 0; width: 930px;}

#content, #blog-page{font-size: 1.2em; background:#5db1d0 url(img/content_bg.jpg) repeat-x 0 0; float:left;}
#content { padding:20px; width:889px;}
#blog-page { width:929px;}


.sidebar-box{width:336px;}

.maincontent-box{width:530px; }

.light-blue-bg{background:#ddeeff; padding:20px;}

.tnc li {line-height:1.2em; list-style:disc; padding-bottom:5px;}

/* Main Navigation
________________________________________________________________*/
/*logo*/
#logo, #logo a {width:200px; height:68px; margin:0px auto 0 auto;}
#logo a {display:block; background-image:url(img/churpchurp_logo.jpg);}
#logo a img {display:none;}

/*main menu*/
#mainmenu {width:724px; height:50px; margin:0; padding:0; background:url(img/main_menu.png) no-repeat 0 0;}
#mainmenu li {text-indent:-9999px; float:left; display:inline; padding:0;}
	li#mmhome a {width:71px; margin:0 0 0 11px;}
	li#mmhowitworks a {width:125px; margin:0 0 0 11px;}
	li#mmfaq a {width:69px; margin:0 0 0 11px;}
	li#mmblog a {width:74px; margin:0 0 0 11px;}
	li#mmcontact a {width:116px; margin:0 80px 0 11px;}
	li#mmrss a {width:42px;}
	li#mmtwitter a {width:42px;}
	li#mmfacebook a {width:46px; margin:0 4px 0 0;}
#mainmenu li a {height:50px; display:block; background:url(img/main_menu.png) no-repeat 0 0;}
	li#mmhome a:link, li#mmhome a:visited {background-position: -11px 0;}
	li#mmhome a:hover, li#mmhome a:focus {background-position: -11px -50px;}
	li#mmhowitworks a:link, li#mmhowitworks a:visited {background-position: -93px 0;}
	li#mmhowitworks a:hover, li#mmhowitworks a:focus {background-position: -93px -50px;}
	li#mmfaq a:link, li#mmfaq a:visited {background-position: -229px 0;}
	li#mmfaq a:hover, li#mmmfaq a:focus {background-position: -229px -50px;}
	li#mmblog a:link, li#mmblog a:visited {background-position: -312px 0;}
	li#mmblog a:hover, li#mmmblog a:focus {background-position: -312px -50px;}
	li#mmcontact a:link, li#mmcontact a:visited {background-position: -400px 0;}
	li#mmcontact a:hover, li#mmcontact a:focus {background-position: -400px -50px;}
	li#mmrss a:link, li#mmrss a:visited {background-position: -593px 0;}
	li#mmrss a:hover, li#mmrss a:focus {background-position: -593px -50px;}
	li#mmtwitter a:link, li#mmtwitter a:visited {background-position: -632px 0;}
	li#mmtwitter a:hover, li#mmtwitter a:focus {background-position: -632px -50px;}
	li#mmfacebook a:link, li#mmfacebook a:visited {background-position: -674px 0;}
	li#mmfacebook a:hover, li#mmfacebook a:focus {background-position: -674px -50px;}

body#page-home li#mmhome a {background-position: -11px -100px;}
body#page-user-churps li#mmhowitworks a {background-position: -93px -100px;}
body#page-faq-twitterer li#mmfaq a {background-position: -230px -100px;}
body#page-blog li#mmblog a {background-position: -312px -100px;}
body#page-contact-us li#mmcontact a {background-position: -400px -100px;}

/* dock
________________________________________________________________*/

/*login*/
#login_bg {background: url(img/login_bg.png) no-repeat 0 0; height:80px; width:491px; margin:0;}
#login_content {padding:5px 8px;}
#login_content .input {border:none; background:url(img/input.png) no-repeat 0 0; width:120px; height:16px; padding:6px;}
#choose_login{padding:5px 0 10px 0;}

.small_input{background:url(img/input.png) no-repeat 0 0; width:132px; height:28px;}


button#loginbutton {height:29px; width:82px; background:url(img/submit_btn.jpg) no-repeat 0 0; border:none; text-indent:-9999px; cursor:pointer;}

#dock_bg { background: url(img/dock_bg.jpg) no-repeat center 0; height: 160px; width: 930px;}

.summary-box{background: #d2eef5; width:485px; height:93px;}

/*Twitter updates*/
#twitter_div{ background: url(img/twitter_bg_green.png) no-repeat center 0; height: 115px; width: 282px; padding:30px; position:absolute; top:80px; left:50%; margin:0 0 0 -400px;}
#twitter_update_list a, #twitter_update_list li, #twitter_div p{ font-size:1.5em; line-height:22px; color:#006080;}
#twitter_div ul, #twitter_div li, #twitter_div p{margin:0px; padding:0px;}

#twitter-link{ font-size:1.4em; line-height:16px; color:#1C678C;}


#cash-out, #cash-out a {width:82px; height:29px;  margin:0px; padding:0; background:url(img/cash_out_btn.png) no-repeat 0 0; text-indent:-9999px;}
#cash-out a {display:block; background:url(img/cash_out_btn.png) no-repeat 0 0;}


#search {margin:7px 20px 6px 0;}

/* footer
________________________________________________________________*/
#footer {color:#F2F2F2; background-color:#45749e; width: 919px; text-align: center; font-size:1.2em; padding:5px;}
#footer a {color:#FFF;}


/* index
________________________________________________________________*/

#home-content{width:auto; height:380px;}
#home-content p{font-size:1.4em; padding-top:10px;}

.bk-bg-content{background:#1f2325 url(img/content_two_bg.jpg) repeat-x 0 top; color:#fff; height:170px;  width:929px; padding-top:20px;}

/*start here button*/
#start-bk {width:82px; height:29px;  margin:0px auto 0 auto; padding:0; background:url(img/start-btn-blue.png) no-repeat 0 0;}
#start-bk li {text-indent:-9999px; float:left; display:inline; margin:0px; padding:0;}
	li#start-bk-btn a {width:82px;}
#start-bk li a {height:29px; display:block; background:url(img/start-btn-bk.png) no-repeat 0 0;}
	li#start-bk-btn a:link, li#start-bk-btn a:visited {background-position: 0 0;}
	li#start-bk-btn a:hover, li#start-bk-btn a:focus {background-position: 0 -29px;}

#start-blue {width:82px; height:29px;  margin:0px auto 0 auto; padding:0; background:url(img/start-btn-bk.png) no-repeat 0 0;}
#start-blue li {text-indent:-9999px; float:left; display:inline; margin:0px; padding:0;}
	li#start-blue-btn a {width:82px;}
#start-blue li a {height:29px; display:block; background:url(img/start-btn-blue.png) no-repeat 0 0;}
	li#start-blue-btn a:link, li#start-blue-btn a:visited {background-position: 0 0;}
	li#start-blue-btn a:hover, li#start-blue-btn a:focus {background-position: 0 -29px;}


/*Featured Twitterer*/
#featured-twitterer {width:460px; height:348px; background: url(img/black_bg.png) no-repeat 0 0; padding:20px 15px 25px 15px; position:absolute; top:275px; left:50%; margin:0 0 0 -28px;}
#featured-twitterer h3 {color:#fff; margin:0 0 15px 0;}

.featured-twitterer-img{width:66px; height:66px; background:#FFF;}
.featured-twitterer-img img{ border: 3px solid #fff; width:100%; height:100%;}
.featured-twitterer-profile{ padding-left:12px; margin-top:5px;}
.twitterer-name{font-size:1.4em; color:#000;}
.twitterer-type a:link, .twitterer-type a{ font-size:1.2em; color:#000; text-decoration:none;}
.twitterer-type a:hover { color:#454A4D;  text-decoration:underline;}
.twitterer-link{}
.featured-twitterer-followers{ padding:10px; text-align:center; background:url(img/followers_bg.jpg) no-repeat 0 0; width:109px; height:54px;}
.followers-numbers{ font-size:2.4em; font-weight:bold; text-align:center;}
.featured-box{height:75px; padding:8px; background:#98c2eb;}


/* twitterer register
________________________________________________________________*/
#twitterer-register .input {border:none; background:url(img/input.png) no-repeat 0 0; width:120px; height:16px; padding:6px;}
button#twitterer-register-btn {height:29px; width:82px; background:url(img/submit_btn.png) no-repeat 0 0; border:none; text-indent:-9999px; cursor:pointer;}
#twitterer-register label{color:#000;}

#auth-btn a{ background:url(img/authorize_btn.png) no-repeat 0 0; width:250px; height:45px; text-indent:-9999px; display:block;}
#auth-btn a:hover, #auth-btn a:focus{ background:url(img/authorize_btn.png) no-repeat 0 -45px; width:250px; height:45px; text-indent:-9999px; display:block;}


/* Advertiser register
________________________________________________________________*/
#advertiser-register .input {border:none; background:url(img/input.png) no-repeat 0 0; width:120px; height:16px; padding:6px;}
button#advertiser-register-btn {height:29px; width:82px; background:url(img/submit_btn.png) no-repeat 0 0; border:none; text-indent:-9999px; cursor:pointer;}

/* FAQ
________________________________________________________________*/
.faq p{color:#000; font-size:1.6em; padding:0; margin:0 0 5px 0;}
.faq ol{padding:10px 10px 10px 20px;}
.faq ol li{line-height:1.4em; margin:5px 5px 10px 10px; padding-bottom:5px;}

.sub-faq li{margin:5px;}
.sub-faq ul li{line-height:1.2em;}

/*main menu*/
#faqmenu {width:440px; height:65px; margin:0; padding:0;}
#faqmenu li {text-indent:-9999px; float:left; display:inline; padding:0;}
	li#faqtwitter a {width:200px; margin:0 0 0 11px;}
	li#faqadvertiser a {width:212px; margin:0 0 0 11px;}
	
#faqmenu li a {height:65px; display:block; background:url(http://www.churpchurp.com/wp-content/themes/default/img/faq-menu.png) no-repeat 0 0;}
	li#faqtwitter a:link, li#faqtwitter a:visited {background-position: 0 0;}
	li#faqtwitter a:hover, li#faqtwitter a:focus {background-position: 0 -65px;}
	li#faqadvertiser a:link, li#faqadvertiser a:visited {background-position: -229px 0;}
	li#faqadvertiser a:hover, li#faqadvertiser a:focus {background-position: -229px -65px;}
	

body#page-faq-twitterer li#faqtwitter a {background-position: 0 -65px;}
body#page-faq-advertiser li#faqadvertiser a {background-position: -229px -65px;}

#twitterer-faq span, #advertiser-faq span {color:#fff;}
#twitterer-faq, #advertiser-faq{margin-left:320px; margin-top:50px;}

.side-faq{margin: 0pt 0pt 0pt -440px; position: absolute; left: 50%; width:290px; padding-top:50px;}
.side-faq p{font-size:1.0em;}

/* FAQ
________________________________________________________________*/
.howitworks p{color:#000; font-size:1.6em; padding:0; margin:0 0 5px 0;}
.howitworks ol{padding:10px 10px 10px 20px;}
.howitworks ol li{line-height:1.4em; margin:5px 5px 10px 10px; padding-bottom:5px;}

.sub-howitworks li{margin:5px;}
.sub-howitworks ul li{line-height:1.2em;}

/*main menu*/
#howitworksmenu {width:470px; height:65px; margin:0; padding:0;}
#howitworksmenu li {text-indent:-9999px; float:left; display:inline; padding:0;}
	li#autochurps a {width:200px; margin:0 0 0 11px;}
	li#userchurps a {width:240px; margin:0 0 0 11px;}
	
#howitworksmenu li a {height:65px; display:block; background:url(http://www.churpchurp.com/wp-content/themes/default/img/howitworks-menu.png) no-repeat 0 0;}
	li#autochurps a:link, li#autochurps a:visited {background-position: 0 0;}
	li#autochurps a:hover, li#autochurps a:focus {background-position: 0 -65px;}
	li#userchurps a:link, li#userchurps a:visited {background-position: -229px 0;}
	li#userchurps a:hover, li#userchurps a:focus {background-position: -229px -65px;}
	

body#page-auto-churps li#autochurps a {background-position: 0 -65px;}
body#page-user-churps li#userchurps a {background-position: -229px -65px;}

#auto-howitworks span, #user-howitworks span {color:#fff;}
#auto-howitworks, #user-howitworks{margin-left:320px; margin-top:50px;}




/* twitter history - for admin
________________________________________________________________*/
#past_twitter ul li{ color:#000; font-size:1.0em; margin:5px;}
#past_twitter a {color:#039; font-size:1.0em;}
#past_twitter p {color:#393939; font-size:1.0em;}
#past_twitter .twitter_text{color:#000; font-size:1.0em;}


/* Tables - for admin
________________________________________________________________*/


table.tablesorter {border-spacing:1px;background-color: #CDCDCD;/*border*/ padding:0;font-size: 8pt;width: 100%;text-align: left;
}
table.tablesorter td {border:1px solid #FFF;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color:#c4d4e3; border:1px solid #FFF; font-size:8pt; padding:10px; color:#000;}/*head*/
table.tablesorter thead tr .header {background-image: url(img/bg.gif); background-repeat:no-repeat; background-position:center right; cursor: pointer;}
table.tablesorter tbody td {color:#393939; padding:4px; background-color:#FAFAFA; vertical-align:top;}
table.tablesorter tbody tr.odd td {background-color:#E6E6F6;}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color:#CCCCFF;}


/* - widecolumn , smallcolumn
________________________________________________________________*/

.widecolumn {width:60%;}
.smallcolumn {width:40%;}

/* blog
________________________________________________________________*/
#mainbody{ padding:20px;}
#mainbody.cloudy{ background:url(img/cloudy.jpg) no-repeat 0 bottom ;}
.sglpst {  padding-bottom:15px; padding-top:25px; }
.dashed-line{ border-bottom:2px #fff dashed; width:auto; padding-bottom:5px;}
.blogtitle h3, .blogtitle a, .blogtitle a:link, .blogtitle a:visited{ color:#000;}
.blogtitle h3 a:hover{ text-decoration:underline;}

/*Post-comment*/
.pst-comment { background:url(img/comment_bg.png) no-repeat 0 0 ; width:111px; height:30px; padding: 9px 8px 7px 8px ; text-align:center;}

.psthead { padding:5px; background:#ececec;}

.postcontent { }

/*Post-date and time*/
.dateicn, .pst-time { text-align:left;}
.dateicn-s, .pst-time-s { text-align:right;}
.dateicn-s h3 { padding:0px; margin:0px; color:#666;}
.pst-time p, pst-time-s p { padding:0; margin:0px;}
.read-more-post a{ font-size:1.4em; color:#000;}
.read-more-post a:link, .read-more-post a:visited{ text-decoration:none;}
.read-more-post a:hover{text-decoration:underline;}

.recent-post-title {background:url(img/recent_post_title.jpg) no-repeat 0 0 ; width:132px; height:30px; text-indent:-9999px;}

.commentlist li { font-size:1.0em; background:#98c2eb; margin:0px 0px 10px 0px; padding:10px; }
ul.commentlist{margin:0; padding:0px;}

.entry { font-size:1.2em; border-bottom: 2px #fff dashed;}

.postmetadata { font-size:1.0em;}

#blog-content, #blog-sidebar, .blog-main, .blog-side {padding:10px 0 10px 0;}

.blog-main, #blog-content { width:70%;}
.blog-side, #blog-sidebar { width:27%;}

.rct-post li { margin:0 0 10px 0; padding:0px; line-height:1.2em;}

ul.rct-post { margin:0px; background:#98c2eb; padding:15px 10px;}


#page-blog{margin: 0 auto; padding: 0; width: 930px;}