/*  
Theme Name: Mobile Syrup 2010
Theme URI: n/a
Description: Custom theme for MobileSyrup.com
Version: 1.0
Author: Shawn Ellsworth
Author http://www.ellsworthmedia.com
*/

/* reset ****************************** */
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:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:#333;background:white;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


/* function classes ****************************** */
.leftIt {text-align: left;} /* left align */
.rightIt {text-align: right;} /* right align */
.centerIt {text-align: center;} /* center align */
.boldIt {font-weight: bold;}
.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.swap {text-indent: -2000em; z-index: 1000;}


/* overall html */
html {height: 101%;}
body { background: #EBEFF2; text-align: center; font-family: Arial, Helvetica, sans-serif}
a {color: #224970; text-decoration: none; outline:none;}
a:hover {text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-weight: bold;}
b, strong {font-weight: bold;}
i, em {font-style: italic;}

blockquote {display: block; padding: 20px 20px 20px 50px; background: #f3f3f3; margin: 20px 10px;}
blockquote p {padding: 0 20px 0 0; font-style: italic; font-size: 15px;}
blockquote:before {background: #f3f3f3 url(images/lq.png) no-repeat 20px 20px;}
blockquote:after {background: #f3f3f3 url(images/rq.png) no-repeat bottom right;}



/* overall layout
-------------------------------------------------------------- */
.container {width: 980px; margin: auto; text-align: left; position:relative;}

#header {background: #fff; margin-top: 15px; padding: 10px; border-bottom: solid 1px #E8ECEF; }
#hdr-logo {float: left; margin-top: 5px; width: 220px;}
#hdr-banner {float: right; text-align: right;}

#mainbar {clear: both; padding: 10px 10px 0 10px; background: #fff;}
	#mainbar .menu ul {float: left; margin: 0; list-style: none; font-weight: bold;}
	#mainbar .menu ul li {
		float: left; padding: 0; margin: 0 2px 0 0; line-height: 30px; font-size: 13px; font-weight: bold;
		border-right: solid 1px #ccc;
	}
	#mainbar .menu ul li a {padding: 0 16px; text-decoration: none; color: #222;}
	#mainbar .menu ul li:hover {}
	#mainbar .menu ul li a:hover {color: #224970;}
	
	#mainbar .menu ul li span { display: block; float: left; padding: 0; }
	.current_page_item {color: #224970;}
	.current_page_item a {color: #224970; !important;}

	

#follow {padding: 0 5px 0 0; margin: 0; float: left; overflow: hidden;}
	#follow-title {padding: 9px 0 0 0; float: left; margin-left: 14px; font-weight: bold; font-size: 13px; color: #222;}
	.follow-icon {float: left; margin: 0 0 0 2px; font-size: 12px;}
	.follow-icon a {font-weight: normal; color: #222;}
	#follow-gplus {padding: 4px 0 0 3px;}
	#follow-rss {padding: 4px 0 0 1px;}
	#follow-youtube {padding: 4px 0 0 1px;}
	#follow-twitter {padding: 4px 0 0 3px;}
	#follow-fb {padding: 4px 0 0 1px;}
	
#search-form {float: right;}

/* ad 2 */
#main-banner {width: 980px; height: 60px; background: #EBEFF; overflow: hidden; text-align: center; margin-top: 10px;}

#review-banner {background: #EBEFF; overflow: hidden; margin: 10px 0 0 0; padding: 0 ;width: 980px; height: 160px; list-style: none;}
	#review-banner li {margin: 0 7px 0 0; padding: 0; overflow: hidden; float: left; width: 240px; display: inline; height: 160px;}
		#review-banner li h2 {padding: 10px; position: relative; top: 100px; left: 0; height: 30px; background: url("images/redbar_bg.png"); text-align: left;}
			#review-banner li h2 a {color: #fff;}
			#review-banner li h2 a:hover {text-decoration: underline;}
	#review-banner li.review-banner-last {margin-right: 0 !important; width: 239px;}


#main {float: left; background: #fff; width: 640px; margin: 10px 0 15px 0; padding: 15px; /*overflow: hidden;*/ min-height: 600px;}
	#main h1 {font-weight: bold; font-size: 30px; margin: 0 0 10px 0;}
	#main p {line-height: 1.5; font-size: 14px; margin: 5px 0 10px 0;}

	#main ol {clear: both; margin-left: 20px; font-size: 14px;}
	
	.bg_spacer {height: 15px;}


#sidebar {float: right; width: 300px; margin: 10px 0 15px 0;}
	
	.side140 {float: left; width: 140px; overflow: hidden;}
 	.side160 {float: left; width: 160px; overflow: hidden;}
 	
	.side300 {width: 300px; /*overflow: hidden;*/ margin-bottom: 10px;}
 
	#side_categories { margin: 0 0 0 10px; padding: 0;}
	ul.cat li { padding: 0; margin: 0 0 4px 0; /*background: #fff;*/}
	ul.cat li a {
		text-decoration: none; 
		display: block; text-transform: uppercase; font-size: 13px; font-weight: bold; color: #222; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; 
		padding: 3px 0 3px 5px; margin: 0; background: url(images/bg/arrow.png) no-repeat 177px 3px;}
	ul.cat li a:hover {
		background: #f1f1f1 url(images/bg/arrow2.png) no-repeat 127px 3px; color: #224970;
	}
	ul.cat li ul { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0; }
	ul.cat li ul li { background: #EBEFF2; padding: 2px 0 !important; margin: 0; }
	ul.cat li ul li a { border: 0; margin: 0; padding: 2px 4px 3px 9px; text-transform: none; text-decoration: none; font-size: 11px; background: url(images/bg/sub.png) no-repeat -2px 1px; font-weight: normal;}
	ul.cat li ul li a:hover { background: #f1f1f1 url(images/bg/sub1.png) no-repeat -2px 1px; }


#footer {padding: 10px; font-size: 13px;}

/* featured stories */
#featuredbox {padding: 8px 0 10px 0;}
	#featuredbox-main {overflow: hidden; width: 638x; height: 198px; border: solid 1px #ccc; margin: 0 0 10px 0; position: relative;}
		#featuredbox-main a {z-index: 1; position: absolute; top: 121px; min-height: 35px; left: 0; font-size: 20px; font-weight: bold; color: #fff; padding: 15px 10px; width: 100%; background: url(images/redbar_bg.png);}
	
	#featuredbox-secondary {height: 100px; overflow: hidden; width: 638x;}
		.secondary-item {margin-right: 10px; position: relative; border: solid 1px #ccc; height: 98px; float: left; overflow: hidden;}
		.secondary-item a {z-index: 1; position: absolute; top: 52px; left: 0; font-size: 12px; font-weight: bold; color: #fff; padding: 8px 10px; width: 185px; background: url(images/redbar_bg.png);}
		

/* comment bubble */
.comment-bubble {margin-left: 10px; float: right; background: url(images/comment-bubble.png) no-repeat center top; font-size: 16px; text-align: center; padding-bottom: 6px;}
	.comment-bubble a {padding: 0 15px; line-height: 32px; display: block; font-weight: bold;}
	.comment-bubble a:hover {text-decoration: none; color: #222;}
	
/* plugins */

/* social sharing */
#bottomcontainerBox, .bottomcontainerBox {padding-top: 10px; margin-bottom: -20px !important;}

.relatedpoststitle {clear: both; font-weight: bold; padding-top: 25px;}
.releatedposts {clear: both;}
.commentcont p img {margin: 0;}

#wp_page_numbers ul {border-top: none !important;} 
#wp_page_numbers li a:hover {border-top-color: #224970 !important; border-bottom-color: #224970 !important; color: #224970 !important;}
#wp_page_numbers li.active_page a {background-color: #224970 !important; border-top: solid 2px #224970 !important; border-bottom: solid 2px #224970 !important;}
#wp_page_numbers li.active_page a:hover {color: #224970 !important; background-color: #fff !important;; }


/* latest post */
.latest_post { padding: 15px 0 0 0; font-size: 13px; border-bottom: solid 1px #ccc;}
latest_post_hdr {float: left; width: 580px;}
#main .latest_post p { padding: 0; margin: 0 0 10px 0;  }
.latest_post_image img { margin: 0 0 0.2em 0;}
.latest_post_meta { font-size: 14px;; line-height: 1.2; margin: 0 0 15px 0; padding: 0;}
.latest_read_on { padding: 0 20px 1px 20px; background: url(images/bg/readon.png) no-repeat top left; }
.latest_comments { padding: 0 20px 1px 20px; background: url(images/bg/comment.png) no-repeat top left; }
.latest_category { padding: 0 20px 1px 20px; background: url(images/bg/category.png) no-repeat top left; }

.latest_post_footer {float: right; font-size: 14px; line-height: 1.25em; margin: 15px 0 0 0; padding: 0; text-align: right;}
.latest_post_footer {float: right; position: relative; top: -26px;}
.latest_post_footer a {font-weight: bold; text-transform: capitalize;}

.sociable {float: left; width: 300px;}

.tweetmeme_button {margin-bottom: 10px;}

/* featured post */
#home_featured { background: #f2f2f2 url(images/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 100%; }
.feat_content { float: left; padding: 0 0.7em 0.4em 0.7em; }
.feat_thumb img { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }
.feat_title { font: 700 12px georgia, serif; padding: 0 0 0.3em 0; }
.feat_title a { color: #000000; }
.feat_title a:hover { color: #000; }

/* asides */
ul.arrow, ul.cat, ul.reccom, ul.email { list-style: none; list-style-image: url(foo.gif); margin: 0; }
ul.arrow li { padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0; border-bottom: 1px solid #A11B1B; border-left: 5px solid #A11B1B; }
ul.arrow li a, ul.reccom li a, ul.email li a { color: #224970; }
ul.arrow li a:hover, ul.reccom li a:hover, ul.email li a:hover { color: #000; background: #eee; }

/* about */
#home_about { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #FFEDED; padding: 0.5em 0.7em 0 0.7em; }
#home_about p { font-size: 0.9em; font-family: tahoma; }

/* ad */
.ad_block { border: 1px solid #dadada; padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 180px; }
.ad_block .ad250 { margin: 0 auto; width: 250px; }
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }

/* recent posts */

.home_recent_post { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(images/bg/dot.png) repeat-x bottom left; }
.home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
.home_recent_thumb img { float: left; margin: 0; }
.home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
.home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
.home_recent_title a { font-weight: bold; }
.home_recent_title a:hover { color: #fff; background: #000; }
.home_recent_date, .home_recent_auth { padding: 0; margin: 0; color: #666; font-size: 0.9em; }
.home_recent_exc p { color: #666; text-align: left; }

/* category list */


/* Archive styles
-------------------------------------------------------------- */

#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0; border-top: 1px solid #dadada; }
.archive_meta a { color: #666; }
.archive_meta a:hover { color: #224970; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
.archive_number { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
.archive_post_meta a, .post_meta a {}
.archive_post_meta a:hover, .post_meta a:hover {}

/* Single post styles
-------------------------------------------------------------- */


.post_meta {  font-size: 12px; line-height: 1.25em; margin: 0 0 10px 0; padding: 0;}
#post_content blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; }
#post_content blockquote p { text-align: right; line-height: 1.5em; }
#post_content p img { float:left; margin:0 1.5em 1em 0;padding:0; }
#post_content img.WP-PrintIcon, #post_content img.WP-EmailIcon { margin: 0 0.3em 0 0;padding: 0; }
#post_content p a, #arch_content p a { color: #222; }
#post_content p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }

/* Comment area styles
-------------------------------------------------------------- */

#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
ol#commentlist li { border-right: 3px solid #dadada; border-bottom: 1px solid #dadada; margin: 1em 0; padding: 0 1em 1em 0; overflow-x: hidden; }
ol#commentlist li.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; }
ol#commentlist cite a { color: #224970; }
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; color: #333; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; color: #224970; }
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; }

.reply {margin-bottom: 10px;}
ul.children li {padding-top: 10px !important;}


.fright {float: left; margin: 0 10px 0 0;}
.fright img {border: solid 1px #ccc; margin: 0; padding: 0;}


/* comment form */

#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; font-size: 14px; font-weight: bold; }
input.comtext, textarea.comtext { width: 500px; border: 1px solid #999; padding: 5px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; }
input.comsubmit { margin-left: 100px; }
ul.archives {  margin: 0 0 1.5em 0; list-style: none; list-style-image: url(foo.gif); }
ul.archives li { padding: 0 0 0.2em 20px; background: url(images/bg/doc.png) no-repeat 0 3px; }
ul.archives li a { color: #224970; }
ul.archives li a:hover { color: #000; background: #eee; }


/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 127px; /*width: 187px;*/ border: 0; border: solid 1px #E8ECEF; background: #fff url(images/icon_search.png) no-repeat 3px 3px; padding: 5px 5px 5px 26px; color: #222; font-weight: bold; margin: 0; float: left; }
input.submit_input { background: url(images/bg/submit.png) no-repeat 0 1px; border: 0; height: 25px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font-weight: normal; padding-bottom: 2px; float: left; font-size: 13px;}

/* Miscellaneous styles
-------------------------------------------------------------- */


/*  heading styles */

h2.archive_name, h2.post_name { letter-spacing: -0.04em; }
h2.post_cat { font-size: 16px; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; color: #999; border-bottom: 1px solid #dadada; }
h2.post_comm {font-size: 16px; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; color: #000; border-bottom: 1px solid #dadada; background: url(images/bg/stripe.png) repeat; }
h2.post_comm2 { font-size: 16px;; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; color: #000; border-bottom: 1px solid #dadada; }

h3.latest_post_title { font-size: 26px; margin: 0; padding: 0 0 10px 0; line-height: 1; color: #222;}

h3.latest_post_title a {color: #222;}

h3.latest_post_title a:hover {text-decoration: underline;}
h3.home_featured { background: url(images/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em; }

h2.post_name { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0; line-height: 1;}


h3.mast { font-size: 32px; font-weight: normal; padding: 10px 0 0 0; color: #a11b1b;}

h3.mast_latest {border-bottom: solid 1px #ccc;
	background: url(images/title_latest_news.png) no-repeat; font-size: 27px; font-weight: normal; /*padding: 0 0 0 40px;*/ margin: 13px 0 0 0; color: #a11b1b;
	width: 640px; height: 31px;}
h3.mast_featured {
	border-bottom: solid 1px #ccc;
	background: url(images/title_featured.png) no-repeat; font-size: 27px; font-weight: normal; /*padding: 0 0 0 40px;*/ margin: 10px 0 0 0; color: #a11b1b;
	width: 640px; height: 31px;}

h3.mast2 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; color: #5f9410; }
h3.mast3 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #224970; }
h3.mast4 { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
h3.mast5 { font-size: 14px; line-height: 1.25em; font-weight: normal; padding: 5px 0 10px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
h3.archive_title { line-height: 1em; padding: 0 0 5px 0; }
h3.archive_title a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em; }
h3.archive_title a:hover { color: #fff; background: #000; }

h4.post_comm { color: #a11b1b; font-size: 20px;}

/* miscellaneous */

.none { display: none; }
.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }
.dot { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }
.navigation { color: #818181; }

/* image caption classes */

.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }

/* featured slider */

/*
.panel .overlay-background { background: #fff !important; height: 90px !important; }
.panel .panel-overlay { background: url(images/icon_video.png) no-repeat 10px 5px; color: #222 !important; font-size: 0.7em !important;}
.panel .panel-overlay a { color: #222 !important; text-decoration: none; font-weight: bold; }
.panel .panel-overlay a:hover {text-decoration: underline; }
.panel .panel-overlay h2 { color: #222 !important; font-size: 22px; margin-left: 35px;}
.panel .panel-overlay p { color: #222 !important; font-size: 16px; margin-left: 35px !important;}
*/

.panel .overlay-background { background: #fff !important; height: 90px !important; }
.panel .panel-overlay { color: #222 !important; font-size: 0.7em !important;}
.panel .panel-overlay a { color: #222 !important; text-decoration: none; font-weight: bold; }
.panel .panel-overlay a:hover {text-decoration: underline; }
.panel .panel-overlay h2 { color: #222 !important; font-size: 22px;}
.panel .panel-overlay p { color: #222 !important; font-size: 16px;}



/* grid.css */
.column{float:left;margin:0 10px;padding:0;}
* html .column{overflow-x:hidden;}
.border{padding-right:9px;margin-right:0;border-right:1px solid #ddd;}
.first{margin-left:0;}
.last{margin-right:0;}
.span-1{width:50px;}
.span-2{width:120px;}
.span-3{width:190px;}
.span-4{width:260px;}
.span-5{width:330px;}
.span-6{width:400px;}
.span-7{width:470px;}
.span-8{width:540px;}
.span-9{width:610px;}
.span-10{width:680px;}
.span-11{width:750px;}
.span-12{width:820px;}
.span-13{width:890px;}
.span-14{width:960px;margin:0;}
.append-1{padding-right:70px;}
.append-2{padding-right:140px;}
.append-3{padding-right:210px;}
.append-4{padding-right:280px;}
.append-5{padding-right:350px;}
.append-6{padding-right:420px;}
.append-7{padding-right:490px;}
.append-8{padding-right:560px;}
.append-9{padding-right:630px;}
.append-10{padding-right:700px;}
.append-11{padding-right:770px;}
.append-12{padding-right:840px;}
.append-13{padding-right:910px;}
.prepend-1{padding-left:70px;}
.prepend-2{padding-left:140px;}
.prepend-3{padding-left:210px;}
.prepend-4{padding-left:280px;}
.prepend-5{padding-left:350px;}
.prepend-6{padding-left:420px;}
.prepend-7{padding-left:490px;}
.prepend-8{padding-left:560px;}
.prepend-9{padding-left:630px;}
.prepend-10{padding-left:700px;}
.prepend-11{padding-left:770px;}
.prepend-12{padding-left:840px;}
.prepend-13{padding-left:910px;}
.box{padding:1.5em;margin-bottom:1.5em;background:#F0F0F0;}
.clear{display:inline-block;}
.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear{height:1%;}
.clear{display:block;}
img{margin:0 0 1.5em 0;}
.pull-1{margin-left:-70px;}
.pull-2{margin-left:-140px;}
.pull-3{margin-left:-210px;}
.push-0{margin:0 0 0 1.5em;float:right;}
.push-1{margin:0 -88px 0 1.5em;float:right;}
.push-2{margin:0 -158px 0 1.5em;float:right;}
.push-3{margin:0 -228px 0 1.5em;float:right;}

/* buttons.css */
a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 6px 7px;border:0.1em solid #dedede;border-top:0.1em solid #eee;border-left:0.1em solid #eee;background-color:#f5f5f5;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;font:100% "Lucida Grande",Tahoma,Arial,Verdana,sans-serif}
button{width:auto;overflow:visible;padding:4px 10px 3px 7px}
button[type]{padding:5px 10px 5px 7px;line-height:17px}
*:first-child+html button[type]{padding:4px 10px 3px 7px}
button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
button:hover,a.button:hover{background-color:#dff4ff;border:0.1em solid #c2e1ef;color:#336699}
a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff}
.positive{color:#529214}
a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:0.1em solid #C6D880;color:#529214}
a.positive:active{background-color:#529214;border:0.1em solid #529214;color:#fff}
.negative{color:#d12f19}
a.negative:hover,button.negative:hover{background:#fbe3e4;border:0.1em solid #fbc2c4}
a.negative:active{background-color:#d12f19;border:0.1em solid #d12f19;color:#fff}


/* login */
.tml-action-links, .commentLogin {margin: 10px 0;}
.tml-action-links li, .commentLogin li {margin: 0 0 5px 15px;}
.form-table td {padding: 5px 0;}
.form-table .description {font-size: 11px; color: #aaa; display: block; padding-top: 3px;}
#user_login,
#user_email,
#user_pass,
.regular-text, #pass1, #pass2 {border: solid 1px #ccc; padding: 6px 3px; width: 200px; font-size: 15px;}
.submit input{border: none; background: #000; color: #fff; padding: 6px 12px; margin: 10px 5px 10px 0; font-size: 16px;}
.submit input:hover {background: #777;}
#user_email, #email {width: 300px;}