/*

Theme Name: Cleanr
Theme URI: http://wpshoppe.com/demo/cleanr/about/
Description: Clean, Clear and BIG! Just so easy to READ!
Version: 0.1.2
Tags: black, white, light, two-columns, right-sidebar, fixed-width, threaded-comments, photoblogging
Author: Chandra Maharzan
Author URI: http://www.wpshoppe.com/about/
License: All Rights Reserved
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css");


/*
 Editor styling
*/
.coll_rightbox { background:#eee; font-family:arial; font-size:13px; line-height:18px; width:300px; float:right; margin:0 0 10px 10px; padding:10px; display:block;}
.coll_firstparagraph { font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
.coll_pdf_link  {background:#eee; padding:1%; margin:0 0 10px 0; width:98%; border:1px solid #CCC; float:left; background:#eee url(../_images/pdfIcon.png); float:left;}
.coll_subheading {font-size:18px; font-weight:bold; color:#fff; width:610px; padding:5px 0 0 10px !important; display:block; text-transform:capitalize; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(blogtitle.jpg) top no-repeat; float:left; height:36px; margin:0 0 10px 0px !important;;}
.coll_video {background:#eee; padding:1%; margin:0 0 10px 0; width:98%; border:1px solid #CCC; text-align:center; float:left;}
.entry ul { border-bottom:1px dotted #FFC; border-top:1px dotted #FFC; color:#398db5; padding:1%; width:98%;  margin:0 0 10px 0; clear:both; float:left;}
.entry ul li { list-style:none; font-size:14px; padding:0px 0 5px 30px; background:url(libak.gif) left top no-repeat; margin-bottom:5px;}

.noborder { padding:0px !important; border:0px !important; background:none !important;}

.wp-polls-ul .pollbar { margin-top:10px !important;}
.wp-polls-ul small { background:#dddb49; color:#000; padding:2px; margin-right:5px;}



html { height:100%; background:url(botbak.jpg) no-repeat bottom fixed;}
body {font-size: 0.8em;font-family: Lucida Grande”, sans-serif; background:url(topbak.jpg) no-repeat top; height:100%; margin:0px;}
h1,h2,h3,h4 {letter-spacing:-1px;}
h1,h2,h3,h4,#nav,small, .small{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.fronth1 {font-family:"Georgia", Arial, Helvetica, sans-serif; font-weight:lighter; padding:0px 10px 0px 10px; color:#398db5; background:url(h2bak.gif) bottom repeat-x;}
h2 {margin: 0 0 5px 0;padding: 0; color:#398db5; background:url(h2bak.gif); height:50px; width:620px;}
h2.prodtitles {margin: 0 0 5px 0;padding: 0; color:#398db5; background:url(h2bak.gif); height:50px; width:460px; font-size:18px;}
h3 { color:#b50d0c; font-family:"Georgia", Arial, Helvetica, sans-serif;font-weight:lighter; float:left; width:100%;}
.clearboth { width:100%; clear:both;}

table tr { border-bottom:1px solid #CCC;}

p strong {font-family: Georgia, serif;
font-size: 20px; color:#398db5;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;}
a {color:#999;text-decoration: none;border-bottom: 1px solid #eee}
a:hover {color:#000;border-bottom:1px solid #ccc}
small {font-size:10px;color:#ccc; padding:10px 8px 5px 0px;float:left;text-transform: uppercase;font-weight: bold;}
p {color:#555}
hr {margin:0; clear:both}


/* HEADER */

#header_shoppingbasket {position:absolute; top:0;}


#header_searchbak {position:absolute; top:0; background:url(searchbak.gif) no-repeat; width:260px; padding:0 0 0 20px; height:100px;  margin:0 0 0 180px; left:50%;}

#header_shoppingbasket_front {position:absolute !important; clear: left; top:0px; background:url(basketback.gif) no-repeat; width:280px; height:100px; margin:0 0 0 180px; left:50%; float:none;}
#header_shoppingbasket {position:absolute !important; clear: left; top:0px; background:url(basketback.gif) no-repeat; width:280px; height:100px; margin:0 0 0 180px; left:50%; float:none;}



#header_shoppingbasket_front img, #header_shoppingbasket  img {position:absolute; margin:45px 0 0 184px; }
#header_shoppingbasket_items { position:absolute; margin:20px 0 0 98px; width:90px; font-size:40px; color:#FFF; text-align:center; }
#header_shoppingbasket_total { position:absolute; margin:65px 0 0 98px; width:90px; font-size:10px; color:#FFF; text-align:center;}
#header { width:960px; height:190px; margin:0px 0 0 0;}
#header h1 {font-size:40px;padding:0;margin:25px 0;float:left; text-indent:-10000px; }
#header span {font:13px Georgia; font-style: italic; color: #aaa; margin-left:20px;position:relative;top:-7px;letter-spacing: 0}
#checkoutbasket {  position:absolute; background:red; top:0px; margin:0 0 0 600px;}

/* navigation */
#navigation ul { list-style: none; margin-top:160px; position:absolute;  width:960px; height:40px;} 
#navigation ul  li { float: left; width:100px; height:40px; text-align:center;} 
.navigation_pages  a { text-decoration:none; color:#3589b1; font-family: Georgia, serif; font-size:18px;}
.current_page_item, .navigation_selected { background:url("navbak.gif") no-repeat;}
.current_page_item a, .navigation_selected a { color:#fff; text-decoration:none;}

/* front */
#content_front { width:940px; margin-top:20px;}
#front_images { width:940px; float:left;}
#front_images img { float:left; clear:left;}
#front_images div {float:left; clear:right;}
#front_column_wrapper {width:940px; padding:10px; float:left; margin:20px 0 0 0;}
#front_column1 ul li { list-item:none;}
#front_column1 { width:293px; padding:0 20px 0 0; float:left;}
#front_column2  { width:293px; padding:0 20px 0 0; float:left;}
#front_column3  { width:293px; padding:0 20px 0 0; height:250px; float:left; background:url(collspeaks.gif) no-repeat;}


/* Mail Chip */
 
#bottom_bar { bottom:0; color:#FFFFFF; float:left; left:0; margin:0 0; height:50px; position:fixed; top:auto; width:100%; z-index:300; background:url(botbak.png) center no-repeat;}
#mailchimp-widget { width:960px;  margin:0 auto; margin-top:15px;}
.mc_var_label { position:absolute; bottom:-1000px;}
.mc_input { margin:-2px 0 0 90px; height:21px; width:150px;}
.button { background:url(subscribe.png) no-repeat; width:91px; height:28px; border:0px;}
li#mailchimp-widget { list-style-type:none;}
#mailchimp-widget h2 { display:none;}
#mc_message { position:absolute; margin:-35px 0 0 0;}
#mc_message .mc_error_msg { background:#dfdd4b; color:#000; font-weight:bold; padding:5px;}
.mc_success_msg  { background:#dfdd4b; color:#000; font-weight:bold; padding:5px;}
.bottomtwitter { position:absolute; margin:-11px 0 0 360px;}



/* Twitter */
.twtr-hd { display:none;}
.twtr-ft { display:none;}
.twtr-tweet-wrap {width:230px; height:80px; float:left; white-space:normal; background:#FFF; color:#000;}
.twtr-doc { width:238px; height:80px; position:absolute; margin:-320px 0 0 650px;}
.twtr-tweet-text p { width:230px !important;}
.twtr-tweet { width:230px;}
.twtr-timeline  { width:230px;}
.twtr-bd  { width:230px;}
#content {margin-bottom:0;padding-bottom: 20px;}
#content .post {padding-top:0px;clear:both; width:620px; padding:0 0 10px 0; margin:0 0 10px 0;}
#content .post p { padding:10px 0 0 0;}

div.breadcrumb {
  margin: 0px 0px 20px 0px; color:#da40c2;
}
div.breadcrumb a {
  color:#da40c2; font-weight:bold;
}
div.breadcrumb a:hover {
  color:#888;
}

#content {padding:0px 50px 0 0; width:570px; margin:20px 0 0 0;}
#sidebar a.wpsc_category_link { color:#b50d0c; font-size:14px; width:85%; font-family:Georgia, "Times New Roman", Times, serif; float:left; padding:4px 0 4px 6px; text-decoration:none; border-bottom:1px solid #FFF;  -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior:url(border-radius.htc);  background:#FFF; margin:0 0 2px 0;}
#sidebar a:hover.wpsc_category_link { color:#fff; background:#b50d0c;}



#sidebar .cat-item a { color:#b50d0c; font-size:14px; width:85%; font-family:Georgia, "Times New Roman", Times, serif; float:left; padding:4px 0 4px 6px; text-decoration:none; border-bottom:1px solid #FFF;  -moz-border-radius: 10px; -webkit-border-radius: 10px;  background:#FFF; margin:0 0 2px 0;}
#sidebar .cat-item a:hover { color:#fff; background:#b50d0c;}


#price-range .widgettitle { margin:0px 0 15px 0; float:left;}
#price-range a  { color:#b50d0c; font-size:14px; width:85%; font-family:Georgia, "Times New Roman", Times, serif; float:left; padding:4px 0 4px 6px; text-decoration:none; border-bottom:1px solid #FFF;  -moz-border-radius: 10px; -webkit-border-radius: 10px;  background:#fff; margin:0 0 2px 0;}
#price-range a:hover { color:#fff; background:#b50d0c;}

#sidebar {font-size:16px; background:url(menubak.png); margin:20px 0 20px 0; clear:right; padding:10px 0 0 30px; width:250px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#sidebar ul {list-style: none;  padding:10px 0 0 0;}
#sidebar ul li ul li {margin:0}

#sidebar ul li { float:left;  width:250px; clear:both; display:block; margin:0px;}
#sidebar .widgettitle { background:url(sidebar_title.gif) no-repeat; width:210px; height:40px; padding:0 0 0 10px; color:#FFF;}

/* shopping cart */

#sidebar_shoppingbasket { float:left; margin:-10px 0 0 -30px; width:240px; padding:10px 10px 0 30px;}
#sidebar_shoppingbasket table { font-size:14px; text-align:left;  width:220px; margin:0 0 5px 0;}
#sidebar_shoppingbasket table th { font-size:11px; text-align:left; padding:10px 9px 2px 0;}
#sidebar_shoppingbasket table td { font-size:11px; text-align:left; padding:5px 9px 5px 0;}
#sidebar_shoppingbasket table tr { border-bottom:1px solid #FFF;}
#sidebar_shoppingbasket .shoppingcart { margin:0px;}
#sidebar_shoppingbasket.sidebar_shoppingbasket {}
#sidebar_shoppingbasket .total { font-size:12px; color:#b50d0c; font-weight:bold; padding:0 0 5px 0; margin:10px 0 0 0; float:right; width:200px; text-align:right;}
#sidebar_shoppingbasket .emptycart a {font-size:12px; width:100px; padding:5px; float:left; background:#b50d0c;  -moz-border-radius: 10px; -webkit-border-radius: 10px;  color:#FFF; text-align:center; text-decoration:none;}
	.emptycart a:hover { background:#FFF; color:#b50d0c;}
	
span.gocheckout a {font-size:12px;  width:98px; margin:10px 0 0 350px; padding:5px; float:left; background:#cac829;  -moz-border-radius: 10px; -webkit-border-radius: 10px;  color:#FFF; text-align:center;  text-decoration:none;}	
	
#sidebar_shoppingbasket .gocheckout a {font-size:12px;  width:98px; margin:0 0 0 2px; padding:5px; float:left; background:#cac829;  -moz-border-radius: 10px; -webkit-border-radius: 10px;  color:#FFF; text-align:center;  text-decoration:none;}
	#sidebar_shoppingbasket .gocheckout a:hover { background:#FFF; color:#cac829;}
#sidebar_shoppingbasket .numberitems, .cartcount { font-size:12px; color:#b50d0c; font-weight:bold; padding:0 0 5px 0;}
.date {font-size: 30px;font-weight: bold;line-height: 0.8;color:#fff;}
.blogdate { background:url(blogdate.jpg) no-repeat bottom; padding:4px; margin:5px 0 0 0; text-align:center;}
.blogbak { background:url(blogbak.jpg) repeat-y;}
.blog_archivelist { background:url(archivebak.jpg) bottom no-repeat; float:left; padding:10px 10px 30px 10px; width:600px;}
.blog_archivelist img { border:0px !important; background:none !important; text-decoration:none !important;}
.blog_archivelist h4 a { width:550px !important;}
.blog_archivelist .entry p { width:570px !important;}
h4 a {margin: 5px 0 0px 10px;padding: 8px 0 0 0; color:#398db5; height:40px; width:568px; background:url(h2bak.gif); position:absolute; text-decoration:none; border:0px;}
h4 a:hover {border:0px;}


div.postmetadatab {
  margin: 0px 0px 20px 0px;
}
div.postmetadata a {
  color:#b50d0c; font-size:7px !important;
}
div.postmetadata a:hover {
  color:#888;
}


.nobullet { float:left; margin:0 0 20px 0;}

.small  {font-size:12px;color:#aaa;margin-top:10px;}
.postmetadata small  {font-size:12px;color:#aaa;text-transform: inherit;font-weight: normal; border-top: 1px solid #eee;text-transform: none}
.alignnone {display: block}
img.size-medium {margin:0 0 10px 0}

.entry { width:620px; float:left; clear:both;}
.entry a img { margin:0 0 10px 0; vertical-align:top;}
.entry img {border: 1px solid #ddd;	text-align: center;	background-color: #fafafa;	padding: 5px; margin: 5px 10px 10px 0px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
dl.gallery-item  {margin:0}
dl.gallery-icon img {border: 1px solid #ddd}
dl.gallery-item a {border: none}
img.wp-smiley {border:none;margin:0;padding:0}
.entry ul li {color:#666}


/* SEARCH FORM */
#searchform {margin-bottom:30px;padding:0; position:absolute; top:50px;}
#searchform #s {border: 1px solid #ccc; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px;font:14px Georgia;background: #fafafa;width: 200px}
#searchbtn {vertical-align:bottom;padding: 0 0 5px 2px;}
.hidden {display: none;}



/* PREV NEXT NAV */

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.navigation, .comment-navigation {display: block;clear:both;}
.navigation {	margin-top: 40px; padding-bottom: 70px;	}
.comment-navigation {margin-top: 15px;	padding-bottom: 5px;}		
.navigation a, .comment-navigation a {background: #eee;padding: 5px 10px;-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.navigation a:hover, .comment-navigation a:hover {background: #ddd;padding: 5px 10px;-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.attachment a { border:0}
.navigation a img {border-radius:0; border:none}
.navigation-image a {border:none}	



/* Begin Comments*/
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; width:91%; float:left;}
ol.commentlist li { border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:10px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard {  }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-style: italic }
ol.commentlist li div.vcard cite.fn a.url { color:#333; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:4px solid #d5d5d5; float:left; margin-right:10px;}
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font: 12px Arial, Verdana; color#aaa}
ol.commentlist li div.comment-meta a { color:#aaa; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li div.commentbody {margin-top: 1em; font-size: 14px}
ol.commentlist li p {  margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { margin-bottom: 7px }
ol.commentlist li div.reply a:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 arial,sans-serif; padding:5px 6px 4px;  text-align:center; width:36px;color:#fff; text-decoration:none; text-transform:uppercase;}

ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .18em; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 .18em; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Comment Form */

#commentform input {width: 170px;	padding: 4px;	border:1px solid #ccc;	font-size:14px;	font-family:Georgia, Times;	}
#commentform {	margin: 5px 10px 0 0;	padding-bottom:30px; }
#commentform p label { width: 120px; display:block;float:left}
#commentform p {border-top:1px solid #eee; padding: 10px 0; margin:0;font-size: 14px}
#commentform textarea {	width: 70%;	padding: 2px;	border:1px solid #ccc;	padding: 4px;	font-family: Georgia, Times;}
.cancel-comment-reply {display: none;}
#commentform #submit {	margin-left: 120px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #aaa; font-weight: bold}
#commentform small, #commentform #submit {color:#333;text-transform: uppercase;font-family: arial;}
#commentform small {font-size:11px;font-weight: bold}	
#respond h3 { padding-top: 20px; margin-bottom: 10px; }


/* WIDGETS */

.widget {margin-bottom: 20px;}
.widget ul li ul {margin-left:10px;margin-bottom:0}
.categories ul.children {margin: 0 0 0 10px}
#sidebar ul li {color: #666}
.categories { margin-bottom:20px;}
.nobullet p { color:#b50d0c; font-size:11px; padding:10px 0 0 0;}

.archivelinks a { color:#b50d0c; font-size:12px;}

/* FOOTER */

#footer p {text-align: center; font-size: 14px; font-style: italic; margin: 30px;}
#footer-wrapper { width:960px; margin:0 auto; padding-bottom:120px;}

/* Forms */

.wpcf7-not-valid-tip { margin:30px 0 0 -200px;}
.wpcf7-form fieldset { margin:0px; float:left; background:#cbeafc;  -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #000; padding:20px; width:580px;}
.wpcf7-form fieldset label { width:100%; clear:both; display:block;float:left; padding:0px 0 10px 0;}
.wpcf7-form fieldset input { float:left; padding:5px; background:#fff; color:#000; border:0px; padding:10px;  -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #000;  -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wpcf7-form fieldset textarea { float:left; padding:5px; background:#fff; color:#000; border:0px; padding:10px; width:580px; height:130px;}
.wpcf7-form fieldset li { width:500px; clear:both; padding:5px 0 5px 0; float:left;}
.wpcf7-form fieldset legend { display:none;}
.wpcf7-form .button { padding:8px; margin:10px 0 10px 0; font-size:1.5em; background:#038cc0; color:#FFF;}  
.wpcf7-form .input { width:350px;}
.wpcf7-form .inputsmall { width:150px;}
.wpcf7-form .radiobuttons label { width:85%; display:block;  float:left;}