/* CSS Uproar Theme */
/* 
lightblue  = #29a3d2
blue headings (text) = #128cbb
grey (text)= #6f6f6f
dk grey (heading)= #555555
black (text) = #0b0b0b
*/


/* global ------------------------ */

body { background:#ffffff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* remove dotted border on links in firefox */
a:active, a:focus { outline:0; }
	
img { border:none; }

#wrapper { position:relative; width:928px; margin: 0 auto; background:#FFFFFF; }

#header { position:relative; width:100%; height:121px;}
#logo { position:absolute; top:18px; left:0px; width:145px; height:88px; -moz-user-select: none; /* disable text hilight in ff */ }

#footer { position:relative; font-size:10px; width:100%; height:1em; float:none; clear:both; margin:0 0 30px 0; color:#888888; }
#footer a { color:#6f6f6f; text-decoration:none; }
#footer a:hover { color:#128cbb; text-decoration:none; }
#footer .left { position:relative; float:left; margin-left:130px; }
#footer .right { position:relative; float:right; margin-right:130px; }
#footer .separator { position:relative; width:100%; height:1px; background-color:#bcbcbc; float:none; clear:both; margin:0 0 1em 0; }

#title { position:relative; width:500px; margin:30px auto; text-align:center; }
#title p { position:relative; width:500px; margin:15px auto; color:#555454; font-size:14px; line-height:19px; text-align:center; }
#title a { color:#128cbb; text-decoration:none; }
#title a:hover { color:#000; text-decoration:none; }
	
.separator_thick { position:relative; width:928px; height:5px; background-color:#bcbcbc; float:none; clear:both; margin:0 auto; }
.separator_blank50 { position:relative; height:50px; float:none; clear:both; margin:0 auto; }
.separator_blank30 { position:relative; height:30px; float:none; clear:both; margin:0 auto; }
.separator_blank10 { position:relative; height:10px; float:none; clear:both; margin:0 auto; }

.clear { float:none; clear:both; margin:0; }


/* nav ------------------------ */


#nav { position: absolute; width:592px; /* width:563px; */ height:37px; top:44px; right:0px; /* left:367px; */ 
			 font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;
			 list-style: none; list-style-type: none; margin:0px; padding:0px; }

#nav li {line-height:0;} /*fixes IE6 stair-step bug*/
#nav a.nav_hover { position:relative; display:block; text-indent:-5000em; float:left; text-decoration:none; color:#969696; margin-left:-1px; }
#nav a.nav_hover:hover { text-decoration: none; color:#000000; background-position:0 -37px; }
#nav #current { position:relative; text-decoration: none; color:#29a3d2; background-position:0 -74px; z-index:1; }

#nav .nav_home { background:url(images/nav/home.png) no-repeat; width:66px; height:37px; }
#nav .nav_about { background:url(images/nav/about.png) no-repeat; width:69px; height:37px; }
#nav .nav_theissues { background:url(images/nav/theissues.png) no-repeat; width:105px; height:37px; }
#nav .nav_blog { background:url(images/nav/blog.png) no-repeat; width:60px; height:37px; }
#nav .nav_youcanhelp { background:url(images/nav/youcanhelp.png) no-repeat; width:125px; height:37px; }
#nav .nav_shop { background:url(images/nav/shop.png) no-repeat; width:60px; height:37px; }
#nav .nav_contact { background:url(images/nav/contact.png) no-repeat; width:87px; height:37px; }

#nav .nav_search { background:url(images/nav/search.png) no-repeat; width:19px; height:20px; z-index:2; }
#nav a.nav_search { display:block; float:left; text-decoration:none; color:#969696; position:relative;
										margin:8px 0 0 8px; z-index:10; }
#nav a.nav_search:hover { text-decoration: none; color:#000000; background-position:-19px 0; }
#nav #nav_searchbox { position:absolute; top:0px; right:-6px; width:260px; height:37px; background:#ffffff; display:none; z-index:2; }
#nav #nav_searchfield { position:absolute; top:4px; right:0px; background:url(images/nav/search.png) no-repeat -38px 0; width:242px; height:29px; }
#nav #nav_searchfield input { position:absolute; left:9px; top:4px; width:200px; height:19px; font-size:14px; color:#128cbb; 
															border:none; font-weight:normal; }


/* home ----------------------------------- */

#home_featurebox { position:relative; }

#home_boxes { position:relative; height:225px; margin:25px 0 30px 0; }

#home_signup { position:relative; float:left; width:199px; /*232px*/ height:185px; /*225px*/ padding:40px 15px 0px 18px;
							 background:url(images/home/bg_signup.png); font-family:Arial, Helvetica, sans-serif; overflow:hidden; }
#home_signup h2 { color:#0b0b0b; font-weight:bold; font-size:13px; margin-bottom:20px; }
#home_signup #signup_message { text-align:center; }

.home_input input { background:url(images/home/bg_signup_field.png) no-repeat 0 0; width:174px; /*194px*/ height:16px; /*26px*/
										padding:5px 10px 5px 10px; border:none; font-size:11px; color: #ffffff; margin-bottom:15px; }
.home_input input:focus { color: #0b0b0b; }

.home_enter { display:block; background:url(images/home/btn_enter.png) no-repeat 0 0; border:none; text-indent:-9999em;
							width:60px; height:32px; margin-left:68px; }
.home_enter:hover { background-position:0 -32px; cursor:pointer; }

#home_blog { position:relative; float:left; width:379px; /*434px*/ height:179px; /*225px*/ padding:46px 22px 0px 33px;
						 margin-left:20px; background:url(images/home/bg_blog.png); overflow:hidden; font-family:Arial, Helvetica, sans-serif;
						 color:#0b0b0b; font-size:9px; font-weight:bold; text-decoration:none; }
						 
#home_blog a { text-decoration:none; }

#home_blog .post_date { position:relative; float:left; background:url(images/home/blog_datebubble.png) no-repeat 0 0;
											 width:50px; height:50px; overflow:hidden; color:#FFFFFF; margin:0; font-weight:normal; }

#home_blog .date_day { position:absolute; top:2px; left:5px; font-size:13px; font-weight:bold; }
#home_blog .date_day span{ font-size:10px; vertical-align:top; margin-left:1px; }
#home_blog .date_month { position:absolute; top:14px; left:5px; font-size:7px; }
#home_blog .date_year { position:absolute; top:34px; left:9px; font-size:8px; color:#29a3d2; }
	
#home_blog .post_body { position:relative; float:left; margin-left:28px; margin-bottom:10px; width:285px; height:63px;
												overflow:hidden; line-height:14px; }

#home_blog h3, #home_blog h3 a { margin:0px; font-size:12px; color:#0b0b0b; line-height:14px; }
#home_blog a:hover h3 { color:#29a3d2; }

#home_blog .post_body p, #home_blog .post_body p a { color:#666666; margin:4px 0 0 0; }

#home_blog .post_link, #home_blog .post_link a { position:relative; padding:0 0 10px 78px; color:#29a3d2; text-decoration:none; font-size:11px; text-align:left; }
#home_blog a:hover .post_link { color:#0F7186; }

#home_blog .post_body p.author, #home_blog .post_body p.author a { margin:0px 0 0px 0; color:#29a3d2; line-height:14px; }
#home_blog .snippet, #home_blog .snippet a { margin:4px 0 0px 0; line-height:1.3em; color:#0b0b0b; }
#home_blog a:hover p { color:#999999; }

#home_shop { position:relative; float:left; width:220px; height:225px; margin-left:20px; background:url(images/home/shop.jpg); }


/* COLUMN MAKER ----------------------------------- */

#ruler { position:absolute; left:-9999px; top:20px; background:#FFFF00; /*left:0px; z-index:100;*/ }
#ruler_guide { position:absolute; width:360px; height:325px; left:-9999px; top:19px; border:solid 1px #F00; /*left:-1px; z-index:101;*/ }

.column_box { width:360px; height:325px; position:relative; overflow:visible;
	margin-top:-4px; /* this margin adjusts the top of the box in the article's slider window to sit flush with the top
	/*background:#eeeeee;*/
}

/* Must keep the styling from column_style separate from the column_box, otherwise the ruler can't expand */

.column_style { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px; letter-spacing:0;
								text-align:justify; width:360px; font-weight:normal; color:#6f6f6f; }
.column_style:first-child { margin-top:0; }
.column_style a:link, .column_style a:visited { color:#128cbb; text-decoration:none; }
.column_style a:hover { color:#222222; text-decoration:none; }
.column_style h1, .column_style h1 a:link, .column_style h1 a:visited,
.column_style h2, .column_style h2 a:link, .column_style h2 a:visited { font-size:24px; font-weight:normal; color:#128cbb; 
													line-height:1.1em; letter-spacing:-0.03em; text-decoration:none; border:none; margin:0 0 14px 0;
													text-align:left;}
.column_style h1 a:hover, .column_style h2 a:hover { color:#222222; text-decoration:none; border:none; }
.column_style h3 { font-size:1.2em; font-weight:normal; color:#555555; line-height:1.15em; letter-spacing:0em; margin:0 0 14px 0; }
/*.column_style h3:first-child { margin-top:2px;}*/
.column_style h4 { font-size:1.2em; font-weight:normal; color:#128cbb; line-height:1.15em; letter-spacing:0em; margin:0 0 14px 0; }
/*.column_style h4:first-child { margin-top:2px;}*/
.column_style h5 { font-size:1.2em; font-weight:normal; font-style:italic; color:#6f6f6f; line-height:1.2em; letter-spacing:0em;
									 text-align:center; margin:0 0 14px 0; }
/*.column_style h5:first-child { margin-top:2px;}*/
.column_style h6 { font-size:1.1em; font-weight:normal; color:#333333; line-height:1.15em; letter-spacing:0em; margin:0 0 0.5em 0; }
/*.column_style h6:first-child { margin-top:2px;}*/
.column_style p { margin:0 0 14px 0px; }
/*.column_style p:first-child { margin-top:0px;}*/
.column_style .minilogo { position:relative; margin-top:5px; width:33px; height:20px; 
													background:url(images/blog/minilogo.png) 0 0 no-repeat; }
.column_style .size-full img { max-height:260px; max-width:360px; height:auto !important; height:260px; overflow:hidden; }
.column_style img { max-height:260px; max-width:360px; height:auto !important; height:260px; overflow:hidden; }


/* poststyles  ------------------- */
.poststyles { }

/* date bubble large */
.poststyles .date { position:relative; -moz-user-select: none; /* disable hilight in ff */ }
.poststyles .date .post_date { position:relative; background:url(images/blog/bg_datebubble.png) no-repeat 0 0; width:100px; 
															 height:80px; color:#FFFFFF; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.poststyles .date .date_day { position:absolute; left:13px; top:3px; font-size:31px; }
.poststyles .date .date_day span { font-size:20px; vertical-align:top; margin-left:1px; }
.poststyles .date .date_month { position:absolute; left:13px; top:35px; font-size:13px; }
.poststyles .date .date_year { position:absolute; left:19px; top:66px; font-size:13px; color:#3f3f3f; }
.poststyles .date .date_sub { position:absolute; left:0px; top:68px; width:100px; font-size:10px; color:#3f3f3f; text-align:center;
			font-weight:normal; }
.poststyles .date .date_category { position:absolute; left:0px; top:16px; width:100%; font-size:20px; text-align:center; }
.poststyles .date .date_category_feature { position:absolute; left:0px; top:16px; width:100%; font-size:18px; text-align:center; }

/* date bubble small */
.poststyles .date_small { position:relative; -moz-user-select: none; /* disable hilight in ff */ }
.poststyles .date_small .post_date { position:relative; background:url(images/home/blog_datebubble.png) no-repeat 0 0;
																		 width:50px; height:50px; overflow:hidden; color:#FFFFFF; margin:0; font-weight:normal; }
.poststyles .date_small .date_day { position:absolute; top:2px; left:5px; font-size:13px; font-weight:bold; }
.poststyles .date_small .date_day span { font-size:10px; vertical-align:top; margin-left:1px; }
.poststyles .date_small .date_month { position:absolute; top:14px; left:5px; font-size:7px; }
.poststyles .date_small .date_year { position:absolute; top:31px; left:9px; font-size:8px; color:#29a3d2; }

/* share */
.poststyles .share { width:46px; height:38px; background:url(images/blog/btn_share.png) no-repeat 0 0; font-weight:bold; color:#222222; }
.poststyles .share:hover { background-position: 0 -38px; }
.poststyles .sharewindow { display:none; width:127px; height:83px; /* height:49px */
													 background:url(images/blog/btn_sharewindow.png) no-repeat 1px 0;
													 font-weight:bold; color:#222222; z-index:10; }
.poststyles .author_image { position:relative; width:50px; height:40px; float:right; margin:0 0 5px 0; overflow:hidden; }
.poststyles .author_image span { position:absolute; top:0; left:0; width:50px; height:40px; 
																 background:url(images/blog/thumb50x40_overlay.png) 0 0 no-repeat; }
.poststyles p.author { float:none; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6f6f6f; margin:0; }
.poststyles .author a { color:#128cbb; text-decoration:none; font-weight:bold; }
.poststyles .author a:hover { color:#222222; text-decoration:none; }

/* commentbox */
.poststyles .commentlinks_num { float:left; font-weight:bold; }
.poststyles .commentlinks_make { float:right; font-weight:bold; margin:0 0 30px 0; }

.poststyles .comment_author { position:relative; margin:18px 0 10px 0; font-size:12px; color:#128cbb; font-weight:bold; }
.poststyles .comment_author a { color:#128cbb; text-decoration:none; }
.poststyles .comment_author a:hover { color:#222222; text-decoration:none; }

.poststyles .commentbox { position:relative; padding:15px 15px 10px 20px; border:1px solid #dbdbdb; 
								margin:0px 0 22px 0; }
.poststyles .commentbox .tl, .poststyles .commentbox .tr, .poststyles .commentbox .br, .poststyles .commentbox .bl { 
		position:absolute; width:3px; height:3px; background:url(images/blog/commentbox_corners.png) no-repeat; }
.poststyles .commentbox .tl { background-position:0 0; top:-1px; left:-1px; }
.poststyles .commentbox .tr { background-position:0 -3px; top:-1px; right:-1px; }
.poststyles .commentbox .br { background-position:0 -6px; bottom:-1px; right:-1px; }
.poststyles .commentbox .bl { background-position:0 -9px; bottom:-1px; left:-1px; }
.poststyles .commentbox .arrow { position:absolute; width:15px; height:20px; 
																 background:url(images/blog/commentbox_corners.png) -3px 0 no-repeat; top:15px; left:-15px; }

/* author bio */
.poststyles .authorbio { float:none; position:relative; width:498px; height:148px; margin:0px 0px 2em 0em;
			border:solid 1px #e5e5e5; background:#f2f2f2; font-family:Arial, Helvetica, sans-serif; font-size:10px; }

.poststyles .authorbio .tl, .poststyles .authorbio .tr, .poststyles .authorbio .br, .poststyles .authorbio .bl { 
		position:absolute; width:3px; height:3px; background:url(images/blog/box_corners.png) no-repeat; }
.poststyles .authorbio .tl { background-position:0 0; top:-1px; left:-1px; }
.poststyles .authorbio .tr { background-position:0 -3px; top:-1px; right:-1px; }
.poststyles .authorbio .br { background-position:0 -6px; bottom:-1px; right:-1px; }
.poststyles .authorbio .bl { background-position:0 -9px; bottom:-1px; left:-1px; }

.poststyles .authorbio_img { position:absolute; left:17px; top:14px; width:320px; height:118px; }
.poststyles .authorbio_text { position:absolute; left:157px; top:14px; width:320px; height:118px; }
.poststyles .authorbio_text h2 { font-size:18px; letter-spacing:0; line-height:18px; margin:0 0 .5em 0; color:#333; }
.poststyles .authorbio_text h2 .separator { color:#bbb; }
.poststyles .authorbio_text h2 .name { color:#128cbb; }
.poststyles .authorbio_text p { position:relative; font-size:1.2em; line-height:1.4em; margin:0 0 .5em 0; color:#777; }

/* Temp page ----------------------------------- */

#temp {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:smaller; }
#temp_main {width: 621px; height: 424px; margin: 0 auto 0 auto; background: url(images/temp.jpg) no-repeat; }
#temp_main h1 {display:none; }
#temp a:link { color:#6699CC; text-decoration: none; border:thin; }
#temp a:visited  { color:#6699CC; text-decoration: none; }
#temp a:hover   {	color:#006699; text-decoration: underline; }
#temp_column { width:330px; margin:20px auto 50px auto; }
#temp_column h2 { text-align:center; }


/* jCarousel Global components ---------- */

.jcarousel-container { position:relative; }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }
.jcarousel-list li,.jcarousel-item { float:left; list-style:none; }
.jcarousel-next, .jcarousel-prev{ z-index:3; display:none; cursor:pointer; cursor:hand; }


/* Blog ----------------------------------- */

/* ---------- Blogpost Carousels ---------- */

.jcarousel-skin-blogpost .jcarousel-container { position:absolute; width:760px; background:#ffffff; }
.jcarousel-skin-blogpost .jcarousel-clip-horizontal { width:760px; height:325px; overflow:hidden; }
.jcarousel-skin-blogpost .jcarousel-item { width: 360px; height: 325px; margin-right: 40px; }
.jcarousel-skin-blogpost .jcarousel-next, .jcarousel-skin-blogpost .jcarousel-prev { 
width:33px; height:32px; position:absolute; top:145px; background-position:0 0; }
.jcarousel-skin-blogpost .jcarousel-next { 
background:url(http://www.uproar.org.au/wp-content/themes/uproar_theme/images/blog/btn_arrows_next.png) 0 0; right:-73px;  }
.jcarousel-skin-blogpost .jcarousel-prev { 
background:url(http://www.uproar.org.au/wp-content/themes/uproar_theme/images/blog/btn_arrows_prev.png) 0 0; left:-73px; }
.jcarousel-skin-blogpost .jcarousel-next:hover, .jcarousel-skin-blogpost .jcarousel-prev:hover { background-position:-33px 0; }

.jcarousel-skin-blogpost .jcarousel-next-disabled-horizontal, 
.jcarousel-skin-blogpost .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-blogpost .jcarousel-next-disabled-horizontal:hover, 
.jcarousel-skin-blogpost .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-blogpost .jcarousel-next-disabled-horizontal:active, 
.jcarousel-skin-blogpost .jcarousel-prev-disabled-horizontal:active { cursor:default; background:none; }

/* ---------- blog categories ---------- */

#blogcat { position:relative; width:968px; margin:15px 0 15px 0; }
#blogcat a { text-decoration:none; }
#blogcat img { border:none; }

#blogcat .featurecat { position:relative; width:172px; height:134px; float:left; overflow:hidden; margin:0 17px 0 0; }
#blogcat .featurecat_overlay { position:absolute; top:0; left:0; width:172px; height:134px; background:url(images/blog/cat_overlay.png) 0 0 no-repeat; }
#blogcat .featurecat h2, 
#blogcat .featurecat h2 a { position:absolute; width:140px; top:100px; left:17px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#6c6c6c; font-size:11px; line-height:1.1em; margin:0 0 1em 0; text-decoration:none; }

#blogcat .featurecat .subhead { font-size:9px; line-height:1.3em; color:#999999; }
#blogcat .featurecat:hover  h2 { color:#128cbb; text-decoration:none; }

#blogcat .tags ul { list-style:none; list-style-type:none; padding:0; position:relative; margin:0 0 0 17px; padding-top:17px; }
#blogcat .tags li,
#blogcat .tags li a { position:relative; display:block; list-style:none; list-style-type:none; margin:0 10px 0 0; float:left;
											font-family:Arial, Helvetica, sans-serif; color:#878787; font-size:10px; line-height:1.1em; text-decoration:none; }
#blogcat .tags li a:hover { color:#128cbb; text-decoration:none; }

/* ---------- blogpost elements ---------- */

.blogpost_box { position:relative; width:968px; height:378px; }
.blogpost { position:relative; width:968px; height:325px; margin:47px 0 53px 0; overflow:hidden; }
.blogpost_wrap { position:absolute; width:760px; height:325px; top:0px; left:128px; }
.blogpost_wrap li { list-style:none; }

/* date */
.blogpost .date{ position:absolute; left:0px; top:0px; width:100px; height:63px; -moz-user-select: none; /* no hilight in ff */ }

.blogpost .post_date{ position:relative; background:url(images/blog/bg_datebubble.png) no-repeat 0 0;
						width:100px; height:63px; color:#FFFFFF; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.blogpost .date_day{ position:absolute; left:13px; top:3px; font-size:31px; }
.blogpost .date_day span{ font-size:20px; vertical-align:top; margin-left:1px; }
.blogpost .date_month{ position:absolute; left:13px; top:35px; font-size:13px; }
.blogpost .date_year{ position:absolute; left:19px; top:66px; font-size:13px; color:#3f3f3f; }

/* comments */
.blogpost .comments { position:absolute; left:43px; bottom:0px; width:51px; height:41px;
						background:url(images/blog/btn_comments.png) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif;
						font-weight:bold; color:#FFFFFF; -moz-user-select: none; /* disable text hilight in ff */ }
.blogpost .comments_num { position:absolute; left:3px; top:2px; width:43px; text-align:center; font-size:18px; }
.blogpost .comments_label { position:absolute; left:3px; top:22px; width:43px; text-align:center; font-size:9px;
						letter-spacing:-0.01em; font-weight:normal; }
.blogpost .comments:hover { background-position: 0 -41px; }

/* print */
.blogpost .print { position:absolute; right:8px; top:0px; width:39px; height:52px;
						background:url(images/blog/btn_print.png) no-repeat 0 0;
						font-weight:bold; color:#999999; /*font not used but in case it uses alt image text*/ }
.blogpost .print:hover { background-position: 0 -52px; }

/* pagenum */
.blogpost .pagenum { position:absolute; right:2px; bottom:0px; width:5em; font-family:Arial, Helvetica, sans-serif;
						font-weight:normal; color:#808080; font-size:14px; text-align:right;
						-moz-user-select: none; /* disable text hilight in ff */ }
	
/* share */
.blogpost_box .share { position:absolute; right:5px; top:-3px; width:46px; height:38px;
						background:url(images/blog/btn_share.png) no-repeat 0 0; /*font not used but in case it uses alt image text*/
						font-weight:bold; color:#222222; }
.blogpost_box .share:hover { background-position: 0 -38px; }
.blogpost_box .sharewindow { display:none; position:absolute; right:5px; top:-48px; width:127px; height:83px; /* height:49px */
						background:url(images/blog/btn_sharewindow.png) no-repeat 1px 0; /*font not used but in case it uses alt image text*/
						font-weight:bold; color:#222222; z-index:10; }
	
/* Image Captions */
.blogpost .wp-caption { max-width:358px !important; }
.blogpost .wp-caption img { width:352px !important; height:auto !important; padding:3px; padding-top:4px; }

/* Image Full-Size */
.blogpost .size-full img { height:auto !important; width:auto !important; }

/* Image Thumbnail-Size */
.blogpost .size-thumbnail img { width:auto !important; height:auto !important; }
.blogpost .wp-caption .size-thumbnail { width:auto !important; }

/* END Blog ----------------------------------- */


/* Wordpress styles ----------------------- */
p img { padding:0; margin:0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { margin:0 0 2px 7px; display: inline; }

img.alignleft { margin:0 7px 2px 0; display: inline; }

/*.alignright { float:right; }
.alignleft { float:left; }*/

.alignleft { float:left; margin:0 10px 2px 0 !important; }
.alignright { float:right; margin:0 0 2px 10px !important; }

.pagenavigation { margin-left:130px; }

.wp-caption { border:1px solid #ddd; text-align:center; background-color: #f5f5f5; margin:0 0 1em 0; 			
						 -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin:0; border:0 none; width:auto !important; height:auto !important; }  
.wp-caption p.wp-caption-text { font-size:11px; line-height:14px; padding:7px; margin:0; }


/* SINGLEPAGE elements ----------------- */

#page_wrap { position:relative; width:100%; margin:0 0 20px 0; }
#content { position:relative; width:662px; float:left; border-right:solid 1px #dbdbdb; }

/* For use on single pages - modifies colum_style definitions made earlier */
#content .column_style { position:relative; width:500px; float:left; text-align:left; margin:0 31px 0 31px; }
#content .column_style .size-full img { max-height:auto !important; max-width:500px !important; }
#content .column_style img { max-height:none; max-width:500px; }

#content .wp-caption { max-width:500px !important; }
#content .wp-caption img { max-width:492px !important; padding:3px; padding-top:4px;}

#content .size-thumbnail img { max-width:150px !important; max-height:150px !important; }
#content .wp-caption .size-thumbnail { width:auto !important; height:auto !important;}

#content .content_sidebar { position:relative; width:100px; float:left; }
#content .content_sidebar .content_sidebar_separator { position:relative; height:20px; float:none; clear:both; }
#content .content_sidebar .poststyles { position:relative; float:right; }
#content .content_sidebar .share { position:relative; }
#content .content_sidebar .sharewindow { position:absolute; top:-45px; right:0px; }
#content .content_sidebar .date { margin-bottom:20px; }
#content .content_sidebar .author { margin-bottom:15px; }
#content .content_sidebar .date_small { margin:0px 0px 0 0; }
#content .content_sidebar .date_small .post_date { background:url(images/blog/bg_datebubble_small_grey.png) 0 0 no-repeat; }
#content .content_sidebar .date_small .date_year { color:#6f6f6f; }

#content .separator_thick { position:relative; float:right; width:500px; height:2px; background-color:#bcbcbc; margin:20px 31px 10px 0; }

#content .content_comments { list-style:none; list-style-type:none; margin:0; padding:0; }


/* Sidebar elements ----------------- */

#sidebar { position:absolute; top:0; right:0; width:230px; margin:0 0 0 35px; list-style:none; list-style-type:none; padding:0; }
.sidebar_item { position:relative; width:230px; margin:0; list-style:none; list-style-type:none; padding:0;
								font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6f6f6f; }
.sidebar_item h2 { font-size:30px; color:#a3a3a3; margin:0 0 10px 0; font-weight:bold; }
.sidebar_item p { margin:0 0 1em 0; line-height:1.35em; }
.sidebar_item a { color:#128cbb; text-decoration:none; font-weight:bold; }
.sidebar_item a:hover { color:#222222; text-decoration:none; }
.sidebar_separator { position:relative; height:1px; background:#dbdbdb; margin:20px 0 15px 0; }

.sidebar_item .box { position:relative; padding:10px 5px 10px 10px; width:223px; background:#f2f2f2; border:1px solid #e5e5e5; 
								margin:0 0 10px -10px; }
.sidebar_item .box .tl, .sidebar_item .box .tr, .sidebar_item .box .br, .sidebar_item .box .bl { 
		position:absolute; width:3px; height:3px; background:url(images/blog/box_corners.png) no-repeat; }
.sidebar_item .box .tl { background-position:0 0; top:-1px; left:-1px; }
.sidebar_item .box .tr { background-position:0 -3px; top:-1px; right:-1px; }
.sidebar_item .box .br { background-position:0 -6px; bottom:-1px; right:-1px; }
.sidebar_item .box .bl { background-position:0 -9px; bottom:-1px; left:-1px; }

.sidebar_item .box .thumb { position:relative; float:left; width:50px; height:40px; margin:0 10px 0 0; }
.sidebar_item .box .thumb span { position:absolute; top:0; left:0; width:50px; height:40px; 
																 background:url(images/blog/box_thumb50x40_overlay.png) 0 0 no-repeat; }
.sidebar_item .box h3 { font-size:11px; margin:4px 0 0 0; font-weight:bold; height:2.5em; overflow:hidden;letter-spacing:-0.01em; }
.sidebar_item .box h3 span { font-size:10px; font-weight:bold; color:#8f8f8f; letter-spacing:-0.02em; }

.sidebar_item .related { position:relative; margin:0 0 15px 0; overflow:hidden; width:100%; height:4.4em; }
.sidebar_item .related h3 { font-size:11px; margin:0; font-weight:bold; }
.sidebar_item .related h3 span { font-size:10px; font-weight:bold; color:#8f8f8f; letter-spacing:-0.02em; }
.sidebar_item .related .date_small { float:left; margin:2px 10px 0 0; }
.sidebar_item .related .date_small .post_date { background:url(images/blog/bg_datebubble_small_grey.png) 0 0 no-repeat; }
.sidebar_item .related .date_small .date_year { color:#6f6f6f; }

.sidebar_item .twitter { position:relative; font-size:11px; }
.sidebar_item .twitter .box { padding:10px 8px 10px 10px; width:220px; }
.sidebar_item .twitter .date { color:#128cbb; font-weight:bold; margin:0 0 4px 0; }

.sidebar_item .standard { font-size:11px; }


/* searchresults_style ------------------------------ */

.searchresults { position:relative; font-size:14px; line-height:19px; letter-spacing:0;
								text-align:left; width:500px; font-weight:normal; color:#6f6f6f; margin:0 31px 0 31px; }
.searchresults a:link, .searchresults a:visited { color:#128cbb; text-decoration:none; }
.searchresults a:hover { color:#222222; text-decoration:none; }
.searchresults h2, .searchresults h2 a:link, .searchresults h2 a:visited { font-size:18px; font-weight:normal; color:#128cbb; 
													line-height:1.1em; letter-spacing:-0.03em; text-decoration:none; border:none; margin:0 0 0px 0; }
.searchresults h2 a:hover { color:#222222; text-decoration:none; border:none; }
.searchresults p { margin:0 0 14px 0; }
.searchresults .twolinesonly { height:38px; overflow:hidden; margin:5px 0 20px 0; }
.searchresults_title { font-size:30px; color:#a3a3a3; margin:0 0 20px 0; font-weight:bold; }


/* TEST background colours  ---------- */

/*
#page_wrap { background:#009; } 
#content { background:#F66; }
#content .column_style { background:#900; }
#content .content_sidebar { background:#0FF; }
#sidebar { background:#0F9; }
.sidebar_item { background:#CFF; }

*/


/* ISSUES  ---------- */

#issues { position:relative; width:968px; margin:15px 0 15px 0; }
#issues a { text-decoration:none; }

#issues img { border:none; }
#issues .issuebox { position:relative; width:172px; height:134px; float:left; overflow:hidden; margin:0 17px 35px 0; }
#issues .issuebox_overlay { position:absolute; top:0; left:0; width:172px; height:134px; 
														background:url(images/issues/issuebox_overlay.png) 0 0 no-repeat; }
#issues .issuebox_whiteout { position:absolute; top:0; left:0; width:172px; height:134px; 
														 background:none;  }
#issues a:hover .issuebox_whiteout { background:url(images/issues/issuebox_whiteout.png) 0 0 no-repeat; }
#issues .issuebox h2, 
#issues .issuebox h2 a { position:absolute; width:145px; left:14px; top:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#393939; font-size:18px; line-height:1.1em; margin:0 0 1em 0; text-decoration:none; }
#issues .issuebox:hover h2 { color:#128cbb; text-decoration:none; }
#issues .issuebox p, 
#issues .issuebox p a { position:absolute; width:142px; left:14px; top:35px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#6f6f6f; font-size:12px; line-height:15px; margin:0; text-decoration:none; display:none; }
#issues a:hover .issuebox p { display:inline; }


/* Shop  ---------- */

#shop { position:relative; width:968px; margin:15px 0 15px 0; }

#shop img { border:none; }

#shop .shopitem { position:relative; margin:5px 0 20px 0; }
#shop .shopitem .info { position:relative; width:320px; float:left; margin:0 0 0 100px;}
#shop .shopitem .photo { position:relative; width:400px; float:left; margin:0 0 0 10px; }

#shop .shopitem .info h2, 
#shop .shopitem .info h2 a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#393939; font-size:30px; line-height:1.1em; margin:0 0 0.4em 0; text-decoration:none; }
#shop .shopitem .info h2 a:hover { color:#128cbb; text-decoration:none; }
#shop .shopitem .info p, 
#shop .shopitem .info p a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#6f6f6f; font-size:12px; line-height:15px; margin:0; text-decoration:none; margin:0 0 1em 0; }

#shop .shopitem .buynow { display:block; background:url(images/shop/btn_buynow.png) no-repeat 0 -37px; border:none; 
													text-indent:-9999em; width:86px; height:37px; }
#shop .shopitem .buynow:hover { background-position:0 0px; cursor:pointer; }


/* MakeComment  ---------- */

/* the trick to center is to make left and top 50% then set negative margins to half the size of the div */
#makecomment { position:fixed; left:50%; top:50%; width:550px; /*550*/ height:350px; /*350*/ margin-left:-275px; margin-top:-175px; 
							 z-index:1000; background:url(images/blog/bg_makecomment.png) 0 0 no-repeat; }
							 
#makecomment .blackout { position:fixed; left:0; top:0; width:100%; height:100%; }
#makecomment a:hover .blackout { cursor:auto; }
							 
#makecomment .inner { position:absolute; width:436px; height:250px; left:58px; top:44px; background:#ffffff; }
							 
#makecomment h2 { position:relative; font-size:24px; margin:0 0 14px 0; padding:0; color:#444444; font-weight:normal; 
									text-align:center;  }					 
#makecomment input { position:relative; width:198px; /*210*/ height:18px; /*22*/ float:left; margin:0 0 14px 0; 
										 font-size:14px; color:#6f6f6f; padding:2px 5px 2px 5px; border:solid 1px #d5d5d5; background:#f5f5f5;
										 -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#makecomment input:focus { color: #0b0b0b; }
#makecomment .textfield_right { float:right; }
#makecomment textarea { position:relative; width:424px; height:108px; margin:0 0 14px 0; font-size:14px; line-height:17px;
													color:#6f6f6f; padding:2px 5px 2px 5px; border:solid 1px #d5d5d5; overflow:auto; 
													font-family:Arial, Helvetica, sans-serif; background:#f5f5f5;
													-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#makecomment textarea:focus  { color: #0b0b0b; }

#makecomment a .enter { background:url(images/home/btn_enter.png) no-repeat 0 0; border:none; text-indent:-9999em;
							width:60px; height:32px; left:97px; position:relative;}
#makecomment a:hover .enter { background-position:0 -32px; cursor:pointer; }

#makecomment a .close { position:absolute; display:block; background:url(images/blog/btn_close.png) no-repeat 0 0; border:none; 
											text-indent:-9999em; width:19px; height:18px; top:0; right:0px; }
#makecomment a:hover .close{ background-position:0 -18px; cursor:pointer; }


/* Contact Form 7 Styles  ---------- */

.wpcf7 { font-size:14px; color:#6f6f6f; line-height:17px; }
.wpcf7 input { width:80%; height:18px; /*22*/ margin:3px 0 0 0; color:#128cbb; 
							 padding:2px 5px 2px 5px; border:solid 1px #d5d5d5; background:#f5f5f5;
							 -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wpcf7 input:focus { color: #0b0b0b; background:#FFF; }
.wpcf7 textarea { width:80%; height:auto; margin:3px 0 0 0; color:#128cbb; 
									padding:2px 5px 2px 5px; border:solid 1px #d5d5d5; overflow:auto; 
									font-family:Arial, Helvetica, sans-serif; background:#f5f5f5;
									-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wpcf7 textarea:focus { color: #0b0b0b; background:#FFF; }
.wpcf7 .submit { width:auto; height:auto; padding:5px 7px; border:none; background:#29a3d2; color:#FFF; font-weight:bold;
								 margin:3px 0 10px 0;
							 -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wpcf7 .submit:hover { background:#0b0b0b; }
.wpcf7 .submit:focus { width:auto; height:auto; padding:5px 7px; border:none; background:#128cbb; color:#ffffff; font-weight:bold;
								 margin:3px 0 10px 0; outline:0; 
							 -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wpcf7 .wpcf7-not-valid-tip-no-ajax { font-size:10px; margin:top:2px; }
.wpcf7 .wpcf7-response-output { width:80%; height:auto; margin:0 0 20px 0; color:#ffffff; 
											padding:7px 10px; border:solid 1px #d5d5d5;
											font-family:Arial, Helvetica, sans-serif; background:#6f6f6f;
											-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wpcf7 .wpcf7-mail-sent-ok { background:#29a3d2; color:#FFF; }


/* NUMBERED PAGE NAV  ---------- */

.page-nav { font-size: 1.35em; font-weight: normal; margin: 1em 0; padding: 0; overflow: hidden; }
.page-nav-intro { float: left; padding: .3em .5em; margin: 0 1em 1em 0; background: #efefef; border: .1em solid #ccc; }
.page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #fff; border: .1em solid #ccc;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.current-page-number { float: left; padding: .3em .5em; margin: 0 .2em; background: #29a3d2; border: .1em solid #fff; color:#fff;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.page-number-title { float: left; padding:.3em .2em .3em 0; margin:0; color:#128cbb; font-weight:normal; }
.elipses { float: left; padding: .3em .2em; }
a:hover .page-number { background: #555555; color:#fff; border-color:#fff; }


/* YOU CAN HELP  ---------- */

#youcanhelp { position:relative; }
#youcanhelp .column_style { position:relative; width:auto; text-align:left; margin:0; float:none; }
#youcanhelp .column_style h2 { font-size:30px; color:#464646; margin:0 0 10px 0; font-weight:bold; }
#youcanhelp .column_style .step { position:relative; display:inline-block; width:31px; height:32px;
																	margin:0 0.5em 0 0; padding:0; vertical-align:top;
																	background:url(images/youcanhelp/bg_numbercircle.png) 0 1px no-repeat;
																	font-size:20px; color:#464646; font-weight:bold; text-align:center; }

#youcanhelp .normal { position:relative; background:none; margin:30px 0 0 0; padding:10px 20px 10px 20px; }

#youcanhelp .govegan { position:relative; background:#efefef; padding:20px 20px 20px 20px; }
#youcanhelp .govegan img { margin:10px 0 0 20px; float:right; } /* for the image in govegan panel */

#youcanhelp .donate { position:relative; background:#efefef; padding:20px 20px 20px 20px; color:#898989; font-size:1em; }
#youcanhelp .line { position:absolute; top:0; left:315px; width:2px; height:100%; background:#FFF; display:block; }
#youcanhelp .donate .left { float:left; width:300px; }
#youcanhelp .donate .right { float:right; width:300px; }
#youcanhelp .donate .btn_donate { display:block; background:url(images/youcanhelp/btn_donate.png) no-repeat 0 0; border:none; 
													text-indent:-9999em; width:86px; height:37px; float:left; margin:0 10px 0 0; }
#youcanhelp .donate .btn_donate:hover { background-position:0 -37px; cursor:pointer; }
#youcanhelp .donate .btn_monthly { display:block; background:url(images/youcanhelp/btn_donate.png) no-repeat -86px 0; border:none; 
													text-indent:-9999em; width:86px; height:37px; float:left; margin:0 10px 0 0; }
#youcanhelp .donate .btn_monthly:hover { background-position:-86px -37px; cursor:pointer; }

#youcanhelp .donate_window { position:relative; background:#e4e4e4; padding:20px 20px 20px 20px; color:#464646; font-size:1em;
						margin:2px 0 0 0; display:none; }

#youcanhelp .donate_window .submit { width:50px; height:auto; padding:5px 7px; border:none; background:#2d2d2d; color:#FFF; 		
				font-weight:bold; margin:-3px 10px 0px 15px; position:relative; display:inline-block; vertical-align:top; 
				text-align:center; font-size:14px; cursor:pointer;
				-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#youcanhelp .donate_window .submit:hover { background:#555555; }
#youcanhelp .donate_window #donate_content { display:inline-block; }
#youcanhelp .donate_window #donate_warning { display:inline-block; color:#C00; font-size:12px; margin:0 0 0 10px; }

#youcanhelp .spreadtheword { position:relative; display:block; width:40px; float:left; margin:0 20px 20px 0; }
#youcanhelp .share { position:relative; margin:5px 0 0 0; }
#youcanhelp .sharewindow { position:absolute; top:-45px; right:-6px; }

#youcanhelp .signupbox { margin-top:-10px; }
#youcanhelp .signupbox h2 { color:#0b0b0b; }
#youcanhelp #signup h2 { color:#0b0b0b; font-weight:bold; font-size:13px; margin:0 0 10px 0; }

#youcanhelp #signup input { width:203px; /*223px*/ background:#d8d8d8; height:16px; /*26px*/ 
						padding:5px 10px 5px 10px; border:none; font-size:11px; color: #464646; margin:0 20px 10px 0;
						-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#youcanhelp #signup input:focus { color: #0b0b0b; }

#youcanhelp #signup .btn_enter { display:inline-block; background:url(images/home/btn_enter.png) no-repeat 0 0; border:none; 
						text-indent:-9999em; width:60px; height:32px; vertical-align:middle; }
#youcanhelp #signup .btn_enter:hover { background-position:0 -32px; cursor:pointer; }

#youcanhelp .recipebox { position:relative; width:172px; height:134px; float:left; overflow:hidden; margin:20px 30px 0 0; }
#youcanhelp .recipebox_overlay { position:absolute; top:0; left:0; width:172px; height:134px; background:url(images/blog/cat_overlay.png) 0 0 no-repeat; }
#youcanhelp .recipebox h2, 
#youcanhelp .recipebox h2 a { position:absolute; width:150px; top:100px; left:17px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#6c6c6c; font-size:11px; line-height:1.1em; margin:0 0 1em 0; text-decoration:none; }

#youcanhelp .recipebox .subhead { font-size:9px; line-height:1.3em; color:#999999; }
#youcanhelp .recipebox:hover  h2 { color:#128cbb; text-decoration:none; }


/* MOREINFO  ---------- */

.ed_moreinfo { position:relative; margin:0 0 1em 0; }
.ed_moreinfo a { text-decoration:none; }
.ed_moreinfo a.ed_moreinfo_toggle { position:relative; color:#2a2a2a; font-weight:normal;  }
.ed_moreinfo a.ed_moreinfo_toggle:hover { color:#000000; cursor:pointer;  }
.ed_moreinfo .ed_moreinfo_button { position:relative; width:16px; height:16px; 
			background:url(images/blog/cart_parts.png) 0 -135px no-repeat; margin:0 3px 0 0; vertical-align:bottom;
			overflow:hidden; border:none; display:inline-block; }
.ed_moreinfo a:hover .ed_moreinfo_button { background-position:-16px -135px;}
.ed_moreinfo .ed_moreinfo_button_less { position:relative; width:16px; height:16px; 
			background:url(images/blog/cart_parts.png) 0 -151px no-repeat; margin:0 3px 0 0; vertical-align:bottom;
			overflow:hidden; border:none; display:inline-block; }
.ed_moreinfo a:hover .ed_moreinfo_button_less { background-position:-16px -151px;}
.ed_moreinfo .ed_moreinfo_text { position:relative; padding:0.5em 0 0.2em 0;  margin:0;}


/* PIG-RESCUE page (xmas 2010) ----------------- */

#pig-rescue-2010 { width:932px; }
#pig-rescue-2010 #content { position:relative; width:538px; float:left; border-right:none; }

/* For use on pig-rescue - modifies colum_style definitions made earlier */
#pig-rescue-2010 #content .column_style { position:relative; width:500px; float:left; text-align:left; margin:0 0 0 0; }
#pig-rescue-2010 #content .column_style h1 .special { color:#333; }
#pig-rescue-2010 #content .column_style h1 .date { color:#333; font-size:12px; letter-spacing:0; }
#pig-rescue-2010 #content .column_style h2 { margin-top:1em; }
#pig-rescue-2010 #content .separator_thick { position:relative; float:left; width:500px; height:2px; background-color:#bcbcbc; margin:20px 0 10px 0; }

/*#pig-rescue-2010 #content .separator_thick { position:relative; float:right; width:500px; height:2px; background-color:#bcbcbc; margin:20px 31px 10px 0; }

#pig-rescue-2010 #content .content_comments { list-style:none; list-style-type:none; margin:0; padding:0; }*/

#pig-rescue-2010 .sidebar { position:relative; width:394px; float:left; background:url(images/pigrescue2010/sidebar_bg.jpg) 0 0 no-repeat; }
#pig-rescue-2010 .sidebar_content { position:relative; width:343px; margin:0 4px 0 4px; background:#efd6b4; padding:21px 21px 10px 22px; }
#pig-rescue-2010 .sidebar_content h3 { color:#af281c; font-size:24px; line-height:24px; font-weight:normal; margin:10px 0 .4em 0; }
#pig-rescue-2010 .sidebar_content h3.number1 { background:url(images/pigrescue2010/sidebar_number1.png) 0 0 no-repeat; padding:0 0 0 41px; }
#pig-rescue-2010 .sidebar_content h3.number2 { background:url(images/pigrescue2010/sidebar_number2.png) 0 0 no-repeat; padding:0 0 0 41px; }
#pig-rescue-2010 .sidebar_content a { color:#af281c; text-decoration:none; }
#pig-rescue-2010 .sidebar_content a:hover { color:#000; }
#pig-rescue-2010 .sidebar_content p{ color:#6c6661; font-size:16px; line-height:20px; margin:0 0 1.4em 0; }

#pig-rescue-2010 .sidebar .ecard { position:relative; width:386px; height:242px; margin:195px 4px 0 4px; padding:11px 0 12px 0; overflow:hidden;
			background:#c7b296; text-align:center; }
#pig-rescue-2010 .sidebar .ecard #slideshow_ecard { position:relative; width:355px; margin:0 auto; display:none; }
#pig-rescue-2010 .sidebar #slideshow_xmasdinner { display:none; }
#pig-rescue-2010 .sidebar .footer_separator { position:relative; height:1px; background:#bead96; margin:40px 0 15px 0; }

#pig-rescue-2010 .sidebar .form_card { padding:0 0 20px 0; }
#pig-rescue-2010 .sidebar .form_card p { margin:0 0 10px 0; }
#pig-rescue-2010 .sidebar .form_card .card_name { width:109px; border:solid 1px #bead96; background:#f7ead9; padding:4px 8px;
			font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#6c6661; margin:0 10px 0 0; float:left; }
#pig-rescue-2010 .sidebar .form_card .card_submit { width:60px; height:32px; vertical-align:middle; border:none; text-indent:-9999em; margin-top:-2px; display:inline-block;
			background:url(images/home/btn_enter.png) no-repeat 0 0; float:left; }
#pig-rescue-2010 .sidebar .form_card .card_submit:hover { background-position:0 -32px; cursor:pointer; }
#pig-rescue-2010 .sidebar .form_card .card_success_message { background:#f7ead9; padding:15px; text-align:center; border:dashed 2px #bead96; }
#pig-rescue-2010 .sidebar .form_card .card_success_message h3 { color:#0C0; }


/* --- ORBIT (SLIDESHOW) CSS ------------------ */

/* CONTAINER */
div.orbit { width:1px; height:1px; position:relative; overflow:hidden; }
div.orbit img { position:absolute; top:0px; left:0px; }
div.orbit a img { border:none; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display:block; }
div.slider-nav { display:none; }
div.slider-nav span { width:33px; height:33px; text-indent:-9999px; position:absolute; z-index:100; top:42%; cursor:pointer; }
div.slider-nav span.right { background: url(images/orbit/right-arrow.png); right:10px; }
div.slider-nav span.left { background: url(images/orbit/left-arrow.png); left:10px; }   

/* BULLET NAV */
/*.orbit-bullets { position:absolute; z-index:100; list-style:none; bottom:40px; right:20px; margin:0; padding:0; }
.orbit-bullets li { float:left; margin-left:5px; cursor:pointer; color:#999; text-indent:-9999px; 
			background: url(images/orbit/bullets.png) no-repeat; 0 0; width:7px; height:7px; overflow:hidden; }
.orbit-bullets li.active { color:#222; background-position:-7px 0; }*/

.orbit-bullets { position:absolute; z-index:100; list-style:none; bottom:42px; right:15px; margin:0; padding:0; }
div.orbit ul { counter-reset:item; }
div.orbit ul li:before { content: counter(item); counter-increment:item; display:block; }
.orbit-bullets li { float:left; margin-left:8px; cursor:pointer; width:15px; height:15px; overflow:hidden; 
			border:solid 1px #bbb; font-size:10px; color:#bbb; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.orbit-bullets li.active { color:#fff; border:solid 1px #fff; }