@import url(//fonts.googleapis.com/css?family=Droid+Serif);

/* Global
***********************************************************************************************************/

body, html {
	margin: 0;
	padding: 0;
}

body.following {
	background: #fff;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	padding: 0;
	visibility: hidden;
}





/* Header / Navigation
***********************************************************************************************************/

#following_header {
	z-index: 999 !important;
}

.header_img {
	margin: 25px auto 0;
	padding: 0 0 0 15px;
	position: relative;
}

.nav_container {
	margin: 25px auto 0;
	min-height: 21px;
	padding: 0 0 0 15px;
	position: relative;
	z-index: 888;
}

.nav_container .network_filter {
	position: absolute;
	top: 5px; left: 15px;
}





	/* Navigation > Links
	***************************************************************************************************/
	
	.page_link, .project_link, .link_link, .nav_active {
		float: left;
		margin-right: 15px;
		white-space: nowrap;
		width: 220px;
	}
	
	.horizontal .view_all { padding: 0 14px 0 0; }

	.project_link a { color: #cccccc; font-size: 11px;  text-decoration: none;}
	.project_link a:hover { color: #cccccc; text-decoration: none; }
	.project_link a:active { color: #ffff66; text-decoration: none; }

	.page_link a { color: #999999; font-size: 14px; text-decoration: none; }
	.page_link a:hover { color: #ffffff; text-decoration: underline; }
	.page_link a:active { color: #666666; }

	.link_link a { color: #999999; font-size: 14px; text-decoration: none; }
	.link_link a:hover { color: #ffffff; text-decoration: underline; }
	.link_link a:active { color: #666666; }

	.nav_active a { color: #ffffff; font-weight: bold; font-size: 14px; text-decoration: none; }
	.nav_active a:active  { color: #ffff66; text-decoration: underline; }
	
	.nav_follow {
		color: #666666;
		position: fixed;
			bottom: 35px; right: 35px;
		z-index: 11;
		
		font-size: 11px;
	}
	
		.horizontal .nav_follow {
			float: left;
			position: relative;
				bottom: auto; right: auto;
		}
		
	.nav_follow a { color: #666666; font-size: 11px; padding: 2px 3px 2px 3px; text-decoration: none; }
	.nav_follow a:hover { color: #cccccc; background: transparent; }
	.nav_follow a:active { color: #ff3300; text-decoration: underline; }
	
	.join_network {
		color: #666666;
		z-index: 11;
		font-size: 11px;
	}
	
		.horizontal .join_network {
			float: left;
			position: relative;
			bottom: auto; right: auto;
			padding:0 15px;
		}
		
	.join_network a { color: #666666; font-size: 11px; padding: 2px 3px 2px 3px; text-decoration: none; }
	.join_network a:hover { color: #cccccc; background: transparent; }
	.join_network a:active { color: #ff3300; text-decoration: underline; }
	
	
	
	
	
/* Items
***************************************************************************************************/


#items_container {
	clear: both;
	margin: 3px auto 111px;
	padding: 0 15px;
	width: 1155px;
}




	/* Content
	***********************************************************************************************/
	
	.project_feed_full {
		background: #ffffff;
		float: left;
		margin: 1px 16px 46px 16px;
		padding: 0;
		position: relative;
		z-index: 99;
		width: 1155px;
	}
	
	.project_title {
		color: #111111;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 22px;
		font-weight: normal;
		line-height: 1.5em;
		padding: 0 0 22px 0;
		width: 600px;
	}
	
	.entry {
		float: left;
		margin: 0 0 25px 0;
		min-height: 360px;
		overflow: hidden;
	}
	
	.project_content {
		color: #333;
		width: 560px;
	}
	
		.project_content a { color: #333333; text-decoration: underline; }
		.project_content a:hover { background: #ff0; color: #333; text-decoration: underline; }
		.project_content a:active { background: #fff; color: #999999;  }
		
		.project_content img {
			margin: 0 15px 15px 0;
		}
	
	/* Styling of default typographic headers and elements */
	
	h1 {
		font-size: 22px;
		line-height: 165%;
	}
	

	h2 {
		font-size: 16px;
		line-height: 165%;
	}
	
	h3 {
		font-size: 14px;
		line-height: 150%;
	}
	
	blockquote {
		color: #666666;
		margin: 0;
	}

		
		
		
		/* Items > Content > Slideshows
		*******************************************************************************************/
		
		.slideshow_component {
			margin: 0 0 5px;
		}
		
		.slideshow_nav {
			color: #cccccc;
			font-size: 11px;
			padding-bottom: 10px;
		}
		
		.slideshow_nav a {
            color: #666666;  
	    	text-decoration: none;  
        }

        .slideshow_nav a:hover {
            background: none !important;
            color: #999999;
	    	text-decoration: none;
        }

        .slideshow_nav a:active {
            color: #ff3300;
        }
		
		.slideshow_count {
			color: #999999;
			font-size: 11px;
		}
		
		.slideshow_wrapper {
			
		}
		
		.slideshow_wraper img {
			margin: 0;
		}
		
		.slideshow_container {
			clear: both;
			margin: 0 15px 10px 0;
		}
		
		.slideshow_wrapper a, .slideshow_wrapper a:hover, .slideshow_wrapper a:active {
			background: none !important;
		}
		
		
		.slideshow_thumbs {
            margin: 0 0 0 0;
        }
            
        ul.slideshow_thumbs {
            margin: 0;
            padding: 0;
        }    

        .slideshow_thumb {
            float: left;
            list-style: none;
            padding: 0 8px 8px 0;
        }

        .slideshow_thumb a {
            background: none !important;
            border: 1px solid transparent;
            display: block;
            margin: -2px 0 0 -2px;
            padding: 1px;
        }

            .slideshow_thumb a:hover {
                background: none !important;
                border: 1px solid #cccccc;
            }

            a.activeSlide {
                background: none;
                border: 1px solid #cccccc;
            }

            .slideshow_thumb a:active, a.activeSlide:active {
                background: none !important;
                border: 1px solid #666666;
            }

        .slideshow_thumb img {
            border: 0;
            display: block;
            float: none !important;
            margin: 0 !important;
            height: 60px;
        }
        
        /* Items > Content > Rail
		*******************************************************************************************/
		
		.project_rail_container {
			float: right;
			width: 200px;
		}
		
		.project_rail {
			font-size: 12px;
			position: relative;
			top: 0;
			width: 200px;
			z-index: 99;
		}
		
			img#project_nav_load {
				background: #fff;
				display: none;
				left: 20px; 
				position: absolute;
				top: 8px;
				z-index: 99;
			}
		
			/* Project navigation
			*******************************************************************************************/
			
			.project_header {
				height: 15px;
				padding: 10px 0 27px;
        	}
			
        	    .project_header div {
        	    	float: left;
        	    }
			
        	    .project_header a {
        	    	background-image: url(http://www.proudmary.org/_gfx/following_project_header_links.gif);
        	    	background-repeat: no-repeat;
        	    	display: block;
        	    	height: 15px;
        	    	margin-right: 7px;
        	    	opacity: 0.25;
        	    	overflow: hidden;
        	    	text-indent: -9999px;
        	    }
        	    
        	    	.project_header .project_previous a {
        	    		background-position: 0 0;
        	    		width: 16px;
        	    	}
        	    
        	    	.project_header .project_index a {
        	    		background-position: -16px 0;
        	    		width: 15px;
        	    	}
        	    	
        	    	.project_header .project_next a {
        	    		background-position: -31px 0;
        	    		width: 16px;
        	    	}
        	    	
        	    	.project_header a:hover {
        	    		opacity: 1;
        	    	}
        	    	
        	    	.project_header a:active {
        	    		opacity: 0.4;
        	    	}
        	
        	/* User information
			*******************************************************************************************/

		
			.project_rail_user {
				clear: both;
				font-size: 12px;
				padding-right: 15px;
			}
			
				.project_rail_avatar {
					float: left;
					margin: 3px 13px 0 0;
					width: 60px;
					overflow:hidden;
				}
				
					.project_rail_avatar img {
						height: 60px;
						margin-left: -15px;
					}
				
				.project_rail_name {
					color: #999999;
					display: block;
				}
				
				a.project_rail_address {
					color: #000000;
					display: block;
					text-decoration: none;
					white-space: nowrap;
					width: 60px;
				}
				
				a.project_rail_address:hover {
					text-decoration: underline;
				}
				
				a.project_rail_address:active {
					color: #999999;
					text-decoration: underline;
				}
				
				.project_rail_following {
					
				}
				
					.project_rail_spark {
						margin: 0 2px 5px 0;
						vertical-align: middle;
					}
					
					a.project_rail_following_link {
						color: #000000;
						text-decoration: none;
					}
					
					a.project_rail_following_link:hover {
						text-decoration: underline;
					}
					
					a.project_rail_following_link:active {
						color: #999999;
						text-decoration: underline;
					}
					
					.project_rail_following_count {
						color: #999999;
					}
				
			.project_rail_meta {
				color: #999999;
				clear: both;
				font-size: 12px;
				padding-top: 30px;
			}
			
				a.project_rail_direct_link {
					margin: 0 !important;
					color: #aaa;
					text-decoration: underline;
				}
					
					a.project_rail_direct_link:hover {
						color: #000000;
						text-decoration: underline;
					}
					
					a.project_rail_direct_link:active {
						color: #666666;
						text-decoration: underline;
					}
			
				.project_rail_tags a {
					color: #999999;
					text-decoration: underline;
				}
				
					.project_rail_tags a:hover {
						color: #000000;
					}
				
					.project_rail_tags a:active {
						color: #999999;
						text-decoration: underline;
					}
				
				.project_rail_social {
					border-top: 1px solid #e6e6e6;
					border-bottom: 1px solid #e6e6e6;
					color: #000;
					height: 38px;
					margin-top: 30px;
					padding: 18px 0 17px 0;
					width: 200px;
				}
				
				.project_rail_social.tall {
                	height: 72px;
                }
				
					.facebook_like_mask {
						float: left;
						height: 24px;
						margin: 2px 20px 0 0;
						overflow: hidden;
						width: 51px;
					}
				
					.share_text {
						float: left;
						line-height: 24px;
					}
				
					.project_rail_social a {
						display: block;
						float: left;
						margin: 2px 0 0 5px;
					}
				
			.project_rail_comments {
				clear: both;
				padding-top: 30px;
			}
			
				a.project_rail_comment_count {
					background: #ffe400;
					color: #000000;
					display: block;
					float: left;
					font-weight: bold;
					height: 30px;
					line-height: 30px;
					margin-right: 10px;
					overflow: hidden;
					padding: 0 15px;
					text-decoration: none;
					
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
				}
				
				a.project_rail_comment_count:hover {
					background: #000000;
					color: #f5f5f5;
					
					-moz-box-shadow: 0px 1px 3px #999999;
					-webkit-box-shadow: 0px 1px 3px #999999;
					box-shadow: 0px 1px 3px #999999;
				}
				
				a.project_rail_comment_count:active {
					background: #666;
    				color: #fff;
    				-moz-box-shadow: inset 0px 1px 4px #212121;
    				-webkit-box-shadow: inset 0px 1px 4px #212121;
    				box-shadow: inset 0px 1px 4px #212121;
				}
				
				a.project_rail_add_comment {
					color: #000000;
					line-height: 30px;
					text-decoration: none;
				}
				
				a.project_rail_add_comment:hover {
					text-decoration: underline;
				}
				
				a.project_rail_add_comment:active {
					color: #999999;
					text-decoration: underline;
				}
								
				.comments_arrow {
					color: #000000;
					font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
				}
				
/**
 * Fullscreen button
 */
 
a#fullscreen {
    background-color: #1a1a1a;
    background-image: url(../../../_gfx/fullscreen_open.png);
    background-repeat: no-repeat;
    background-position: 67px 3px;
    border: 1px solid #1a1a1a;
    color: #bbbbbb;
    display: block;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
    height: 19px;
    padding: 0 4px 0 5px;
    text-align: left;
    text-decoration: none;
    width: 74px;
}

a#fullscreen:hover {
    background-color: #fff;
    color: #000;
}

a#fullscreen:active {
    background-color: #fff;
    border: 1px solid #999;
    color: #666;
}
		
		
		/* Items > Content > Footer
		*******************************************************************************************/
		
		.project_footer {
			display: none;
		
			clear: both;
			color: #999999;
			margin: 30px 0 48px 48px;
			width: 670px;
		}
		
		.footer_title_type {
			color: #666666;
			font-weight: bold;
		}
		
		.permalink a { color: #666666; font-style: italic; text-decoration: underline; }
		.permalink a:hover { background: transparent; color: #cccccc; text-decoration: underline; }
		.permalink a:active { color: #ff3300; }
		
		.project_views {
			color: #666666;
			font-style: italic;
		}
		
		.tags {
			color: #666666;
		}
		
		.tags a { color: #666666; text-decoration: none; }
		.tags a:hover { color: #000000; text-decoration: underline; }
		.tags a:active { color: #999999; }
		
		.editlink a { color: #cc7a00; font-style: italic; }
		.editlink a:hover { color: #ffffff; }
		.editlink a:active { color: #ffffff; }
	
		.project_bottom {
			clear: both;
			margin: 0;
			width: 640px;
		}
		
		
		
		
		
	/* Page specific styles
	***********************************************************************************************/

	.project_feed_full.page_container {
		background: transparent !important;
		border-bottom: 1px solid #444444;
		border-top: 1px solid #444444;
		color: #999999;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.project_feed_full.page_container .entry {
		padding: 20px 0 40px 0;
	}
	
	.project_feed_full.page_container .project_header {
		float: none;
		height: auto;
		position: relative;
		padding-top: 40px;
	}
	
		.project_feed_full.page_container .project_header div {
			float: none;
		}
	
		.project_feed_full.page_container .project_header a {
     	    background: transparent;
     	    border-left: none;
     	    color: #cccccc;
     	    float: none;
     	    font-size: 12px;
     	    height: auto;
     	    line-height: 1.5;
     	    padding: 0;
     	    text-decoration: underline;
     	}
     	
     	.project_feed_full.page_container .project_header a:hover {
     	    background: transparent;
     	    color: #ffffff;
     	    text-decoration: underline;
     	}
     	
     	.project_feed_full.page_container .project_header a:active {
     	    background: transparent;
     	    color: #666666;
     	}
     	
     	.project_feed_full.page_container .project_header .last a {
     	    -webkit-border-top-right-radius: 3px;
	 	    -moz-border-radius-topright: 3px;
	 	    border-top-right-radius: 3px;
     	}
	
	.project_feed_full.page_container .project_title {
		color: #ffffff;
	}
	
	.project_feed_full.page_container .project_content {
		color: #999999;
	}
	
	.project_feed_full.page_container .project_content a {
		color: #999999;
	}
	
	.project_feed_full.page_container .project_content a:hover {
		background: transparent;
		color: #ffffff;
	}
	
	.project_feed_full.page_container .project_content a:active {
		background: transparent;
		color: #666666;
	}
		
		
		
		
		
	/* Items > Thumbnails
	***************************************************************************************************/
	
	.project_feed_thumb {
		border: 1px solid #eee;
		float: left;
		height: 296px;
		margin: 0 -1px 30px 0;
		padding: 15px 15px 15px 15px;
		position: relative;
		width: 200px;
		
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
			
		.project_feed_thumb.hover {
			border: 1px solid #ccc;
			cursor: pointer;
			z-index: 99;
		}
			
			.project_feed_thumb.hover .thumb_title .text {
				text-decoration: underline;
			}
			
			.project_feed_thumb .hover {
				text-decoration: none;
			}
			
			.project_feed_thumb:active {
				padding: 16px 15px 14px 15px;
			}
			
			.project_feed_thumb:active .card_comments {
				top: 16px;
			}
			
			.project_feed_thumb:active .card_footer {
				bottom: 14px;
			}
			
		.project_feed_thumb .nohover {
			text-decoration: none;
		}
		
		.project_feed_thumb.selected {
			background: #f2f2f2;
			border: 1px solid #ccc;
			z-index: 100;
		}
		
			.project_feed_thumb.selected .thumb_title .text {
				color: #000000;
				text-decoration: none;
			}
			
			.project_feed_thumb.selected .excerpt {
				color: #666666;
			}
			
			.project_feed_thumb.selected .card_footer {
				color: #999999;
			}
			
/*			.project_feed_thumb.selected .card_comments {
				color: #333333;
			} */
			
			.project_feed_thumb.selected .card_slash {
				color: #cccccc;
			}
		
	.cardimgcrop {
		height: 134px;
		overflow: hidden;
		padding: 0 0 16px 0;
		position: relative;
		width: 200px;
	}
	
	.thumb_title, .thumb_title a {
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;
		overflow: hidden;
		height: 2.6em;
	}
		
	/* Safari thumbhover underline fix */
	.bodycopy a.hover:hover { text-decoration: none; }

	.thumb_tag {
		color: #444444;
		display: none;
		font-size: 11px;
		font-style: italic;
	}
		
	.thumb_tag a, .thumb_tag a:visited {
		color: #444444;
		text-align: center;
		text-decoration: none;
			 
		font-size: 12px;
		font-style: normal;
	}
		
	.thumb_tag a:hover {
		color: #cccccc;
		text-decoration: underline;
	}
		
	.thumb_tag.notitle {
		margin-top: 12px;
	}
	
	.excerpt {
		color: #999;
		font-size: 11px;
		margin-bottom: 16px;
		overflow: hidden;
	}
	
	.card_footer {
		color: #999999;
		font-size: 11px;
		position: absolute;
		bottom: 15px; left: 15px;
	}
	
		.card_user_info {
			display: block;
		}
		
			.card_user_info a { color: #999999; }
			.card_user_info a:hover { color: #000000; }
			.card_user_info a:active { color: #666666; }
	
		.card_comments {
			background: #000000;
			color: #ffffff;
			display: block;
			font-size: 11px;
			font-weight: bold;
			padding: 3px 9px 4px 9px;
			position: absolute;
			top: 15px; left: 15px;
		}
		
		.card_slash {
			color: #cccccc;
		}

		.card_views {
			color: #999999;
		}

	.loader_holder {
		display: none;
		left: 106px;
		position: absolute;
		text-align: center;
		top: 73px;
		z-index: 3;
	}
	
	
	
	
	
/* Search
***********************************************************************************************************/

#search_form {
    position: absolute;
    top: 26px; right: 30px;
}

	#search_form #search_term {
		background: #fff;
		color: #999999;
		font-size: 12px;
		width: 186px;
	}
	
	#search_form #search_term:hover, #search_form #search_term:focus {
		color: #000 !important;
	}
    
#search_term_results {
	margin-top: 20px;
    padding-bottom: 90px;
}

	.search_header {
    	float: left;
    	font-size: 14px;
    	font-style: normal;
    	font-weight: normal;
    	margin: 0;
    	padding: 4px 0 60px 15px;
    	width: 145px;
	}

	#search_term {
    	background: transparent;
    	border: 2px solid #cccccc;
    	color: #999;
    	float: left;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	margin: 0;
    	padding: 5px;
    	width: 218px;
    
    	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	#search_term {
        background: #ffffff;
        border: 1px solid #cccccc;
        color: #000000;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        margin: 0;
        padding: 5px;
        width: 220px;
    }

#search_results, #search_form_results {
	margin: -42px auto 0 auto;
	padding: 0 0 0 0;
	width: 1155px;
}

	.result {
    	clear: both;
    	font-size: 14px;
    	line-height: 22px;
    	margin: 0 0  60px 15px;
	}

		.search_thumb {
    		float: left;
    		margin: 4px 25px 35px 0;
		}

		.search_thumb img {
    		width: 120px; height: auto;
		}

		.search_body {
			color: #000000;
		}

		.search_text {
			margin-left: 145px;
    		width: 500px;
		}

		.search_title a {
    		color: #000000;
    		font-weight: bold;
    		text-decoration: underline;            
		}

		.search_title a:hover {
			background: #ff0;
			color: #000000;
			text-decoration: underline;  
		}

		.search_title a:active {
			background: #fff;
			color: #999999;
		}

		.search_tags {
   			color: #cccccc;
   			display: none;
    		font-size: 11px;
		}

			.search_tags a {
    			color: #999999;
    			text-decoration: none;
			}

			.search_tags a:hover {
    			background: none;
    			color: #000000;
    			text-decoration: underline;
			}

			.search_tags a:active {
    			color: #666666;
			}
	
	
	
	
	
/* Comments
***********************************************************************************************************/

.project_comments {
	background: #eeeeee;
	clear: both;
	color: #000000;
	padding: 30px 30px 0 30px;
	position: relative;
	z-index: 9999;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.comments_title {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: bold;
		line-height: 24px;
		margin-bottom: 60px;
	}

	.comments_thread {
		width: 660px;
	}
	
		.cargo_comment {
			clear: both;
			padding-bottom: 60px;
			position: relative;
			width: 690px;
		}
		
			.comment_label {
				margin-top: 4px;
				position: absolute;
				left: -38px;
				width: 8px; height: 60px;
				z-index: 9;
			}
			
				.comment_label.owner {
					background: #08C365;
				}
				
				.comment_label.edit {
					background: #ff0033;
				}
				
				.comment_label.preview {
					background: url(http://www.proudmary.org/_gfx/edit-label.gif) repeat-y 0 0;
					top: -4px; bottom: 60px; left: -30px;
					height: auto;
					opacity: 0.25;
					z-index: 99;
				}
	
			.comment_avatar {
				float: left;
				margin: 4px 20px 0 0;
				overflow: hidden;
				text-align: center;
				width: 60px; height: 60px;
			}
			
				.comment_avatar img {
					display: inline;
					height: 60px;
					margin-left: -15px;
				}
			
			.comment_content {
				float: left;
				position: relative;
				width: 560px;
			}
			
				.comment_content a {
					color: #000;
				}
				
					.comment_content a:hover {
						background: #ff0;
						color: #000;
					}
				
					.comment_content a:active {
						background: none;
						color: #999;
					}
			
				.comment_content img {
					float: left;
					margin: 0 15px 15px 0;
				}
				
				.comment_content blockquote {
					padding-left: 30px;
				}
			
				.comment_content br {
					clear: both;
				}
			
				.comment_header {
					margin-bottom: 12px;
				}
				
					.comment_user {
						font-weight: bold;
					}
					
					.comment_content a.comment_address {
						background: none;
						color: #08c365;
					}
					
					.comment_content a.comment_address:hover {
						background: none;
						color: #000000;
					}
					
					.comment_contenta.comment_address:active {
						background: none;
						color: #999999;
					}
					
					.comment_info {
						color: #cccccc;
						font-size: 11px;
					}
					
						.comment_content .comment_info a {
							background: none;
							color: #aaaaaa;
						}
					
						.comment_content .comment_info a:hover {
							background: none;
							color: #000000;
						}
					
						.comment_content .comment_info a:active {
							background: none;
							color: #666666;
						}
					
						.comment_content .comment_info a.comment_datestamp {
							background: none;
							color: #cccccc;
						}
						
						.comment_content .comment_info a.comment_datestamp:hover {
							background: none;
							color: #999999;
						}
						
						.comment_content .comment_info a.comment_datestamp:active {
							background: none;
							color: #cccccc;
						}
					
						.comment_header_slash {
							color: #cccccc;
							margin-top: 3px;
						}
						
				.comment_content .slideshow_nav {
					font-size: 11px;
				}
				
					.comment_content .slideshow_nav a {
						color: #666;
						text-decoration: underline;
					}
					
					.comment_content .slideshow_nav a:hover {
						color: #000;
						text-decoration: underline;
					}
					
					.comment_content .slideshow_nav a:active {
						color: #999;
						text-decoration: underline;
					}
	
	.comments_post {
		clear: both;
	}
	
	.comments_toolbar img {
		margin: 0;
	}
	
	.comment_image_thumbs {
	
	}
	
		.comment_image_thumb {
			float: left;
			margin: 0 8px 8px 0;
		}
		
			.comment_image_thumb img {
				float: none;
				margin: 0;
			}
		
		.comment_image_info {
			color: #666666;
			font-size: 11px;
			margin-top: 5px;		
		}
		
			.comment_image_name {
				float: left;
			}
		
			a.comment_image_delete {
				color: #ff0033;
				display: block;
				float: left;
				font-size: 14px;
				margin: -1px 0 0 3px;
				text-decoration: none;
			}
			
			a.comment_image_delete:hover {
				color: #000000;
				text-decoration: none;
			}
			
			a.comment_image_delete:active {
				color: #999999;
			}
		
	
	.comments_add_comment {
		height: 54px;
		width: 130px;
	}
	
	.comments_add_comment a {
	    background: #08c365;
	    color: #ffffff;
	    display: block;
	    float: left;
	    font-family: Arial, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    height: 26px;
	    line-height: 26px;
	    margin: 0;
	    overflow: hidden;
	    padding: 0 13px;
	    text-decoration: none;
	    
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	}
	
	    .comments_add_comment a:hover {
	    	background: #000000;
	    	color: #f5f5f5;
	    	
	    	-moz-box-shadow: 0px 1px 3px #999;
			-webkit-box-shadow: 0px 1px 3px #999;
			box-shadow: 0px 1px 3px #999;
	    }
	    
	    .comments_add_comment a:active {
	    	background: #666;
    		color: #fff;
    		
    		-moz-box-shadow: inset 0px 1px 4px #212121;
    		-webkit-box-shadow: inset 0px 1px 4px #212121;
    		box-shadow: inset 0px 1px 4px #212121;
	    }
	
	.comment_form_actions {
		clear: both;
		margin: 15px 0 60px 0;
		position: relative;
	}
	
		a.comment_publish, a.comment_preview {
			border: none;
		    color: #ffffff;
		    display: block;
		    float: left;
		    font-family: Arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			line-height: 24px;
			height: 24px;
			margin: 0 7px 0 0;
			padding: 0 13px;
			position: relative;
			text-decoration: none;
			width: 70px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		
			a.comment_publish:hover, a.comment_preview:hover {
				background: #000000;
				color: #f5f5f5;
				
				-moz-box-shadow: 0px 1px 3px #999999;
				-webkit-box-shadow: 0px 1px 3px #999999;
				box-shadow: 0px 1px 3px #999999;
			}
			
			a.comment_publish:active, a.comment_preview:active {
				background: #666;
    			color: #fff;
    		
    			-moz-box-shadow: inset 0px 1px 4px #212121;
    			-webkit-box-shadow: inset 0px 1px 4px #212121;
    			box-shadow: inset 0px 1px 4px #212121;
			}
		
			a.comment_publish {
				background: #08c365;
			}
			
			a.comment_preview {
				background: #333333;
			}
		
		a.comment_cancel {
			background: none;
			color: #999999;
			font-size: 11px;
			line-height: 22px;
			margin-left: 4px;
		}
		
		a.comment_cancel:hover {
			background: none;
			color: #000000;
		}
		
		a.comment_cancel:active {
			background: none;
			color: #666666;
		}
		
			.comment_content a.comment_cancel {
				background: none;
			}
			
			.comment_content a.comment_cancel:hover {
				background: none;
			}
			
			.comment_content a.comment_cancel:active {
				background: none;
			}
			
		.comment_loadspin {
			display: none;
			position: absolute;
			top: 2px; left: -36px;
		}
	
	.comment_preview_note_container {
		margin-bottom: 30px;
	}
		
	.comment_preview_note {
		background: #cccccc;
		color: #ffffff;
		display: inline;
		line-height: 20px;
		padding: 2px 6px 2px 6px;
	}
		
	.comment_edit_form {
		margin-top: 30px;
		position: relative;
	}
	
		.comment_edit_form .comments_arrow {
			color: #999999;
			font-size: 11px;
		}

	.comments_toolbar {
		float: left;
	}

	.comments_body {
		background: #ffffff;
		border: 1px solid #cccccc;
		clear: both;
		color: #000000;
		font-family: Arial, sans-serif;
		font-size: 15px;
		line-height: 1.5;
		margin: 5px 0 15px 0;
		padding: 7px 8px;
		width: 580px; height: 250px;
	}

div.comments_post {
	
}

.comments_post .form_comments_post {
	display: none;
}

#comment_context {
	color: #666666;
	padding: 30px;
	width: 640px;
}

	#comment_context a {
		color: #666666;
		text-decoration: underline;
	}
	
	#comment_context a:hover {
		color: #000000;
		text-decoration: underline;
	}
	
	#comment_context a:active {
		color: #999999;
		text-decoration: underline;
	}
	
	.closed_comments {
		color: #999;
		padding-bottom: 30px;
	}

#SWFUpload_Console {
	float:right;
	position:fixed;
	top:0;
	right:0;
	z-index:9999;
}

/* -- SWFUpload Object Styles ------------------------------- */

#divFileProgressContainer, .divFileProgressContainer { height:19px; z-index:70; position:absolute; display:none; }

.multiupload-container {
	background: #f2f2f2;
	border: 1px solid #cccccc;
	cursor: pointer;
	display: block;
	float: right;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-decoration: none;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;	
		
	width: 150px; height: 19px;
}

.progressWrapper {
	overflow: hidden;
	position: relative;
	width: 150px;
}

.flashUploadObj {
	cursor: pointer; position: absolute; top: 0; left: 0; z-index: 99;
}

.multiupload-text { position: absolute; top: 0; left: 5px; font-size: 11px; color: #666; line-height: 19px; z-index: 9; }

.progressContainer { margin:0px; padding:0px; height: 19px; background-color: #FFFFFF; overflow: hidden; }
.progressBarInProgress,
.progressBarComplete,
.progressBarError { font-size: 0; width: 0%; height: 23px;  background-color:#93edda; }

.progressBarInProgress,
.progressBarComplete,
.progressBarError {  margin: -3px 0 0 0; position: relative; }

.progressBarStatus { float:left; line-height: 19px; width:20px; height:19px; }

.progressBarStatus img { width: 75%; height: 75%; margin: 3px 0 0 3px; position: relative; z-index: 99; }

.progressName, .progressCancel { z-index: 99; position: relative; }

.progressName { font-size:11px; color:#666; width:100px; float:left; line-height: 19px; white-space: nowrap; overflow: hidden; margin-left:2px; }
a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(http://www.proudmary.org/_gfx/upload-cancel.gif); background-repeat: no-repeat; float: right; position: absolute; right: 3px; top: 3px;  -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; background-position:1px 1px; }
a.progressCancel:hover { background:url(http://www.proudmary.org/_gfx/upload-cancel.gif) transparent no-repeat; background-position:1px 1px; }

.swfupload {
	vertical-align: top;
}





/* Video component
***********************************************************************************************************/

.video_component {
	float: left;
	margin: 0 15px 15px 0;
}





/* Audio component
***********************************************************************************************************/

.audio_component {
	color: #777777;
	font-family: 'Droid Sans Mono', Monaco, Monospace, Arial, san-serif;
    font-size: 10px;
	height: 30px;
	line-height: 26px;
    width: 300px;
}

	.audio_component div {
    	height: 26px;
    }

	.audio_component .border {
		border: 2px solid #aaaaaa;
		opacity: 0.5;
		
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	filter: alpha(opacity=50);
    	-moz-opacity: 0.5;
    	-khtml-opacity: 0.5;
	}
	
	.audio_component .vertical_border {
		background: #aaaaaa;
		opacity: 0.50;
		
		filter: alpha(opacity=50);
    	-moz-opacity: 0.5;
    	-khtml-opacity: 0.5;
	}
    
    .audio_component .controls {
    	top: 2px; left: 2px;
    }
    
    	.audio_component .play_pause {
    		background-image: url("../../../_gfx/playpause.png");		
    	}
    
	.audio_component .spectrum .spectrum_bar {
        background: #666666;
    }
    
    .audio_component .loading {
    	background: #bbbbbb;
    	opacity: 0.25;
    	
    	filter: alpha(opacity=25);
    	-moz-opacity: 0.25;
    	-khtml-opacity: 0.25;
    }
    
    .audio_component .progress {
    	background: #bbbbbb;
    	border-right: 1px dotted #333333;
    	opacity: 0.25;
    	
    	filter: alpha(opacity=25);
    	-moz-opacity: 0.25;
    	-khtml-opacity: 0.25;
    }
    
    .audio_component .volume_slide.hover {
    	background: #bbbbbb;
    	opacity: 0.3;

    	filter: alpha(opacity=30);
    	-moz-opacity: 0.3;
    	-khtml-opacity: 0.3;
	}
	
	
	
	
	
/* Footer
***********************************************************************************************************/

#page_footer_container {
	background: #eeeeee;
	height: 81px;
	margin-top: -81px !important;
}

	#page_footer_container.fixed_pos {
		position: fixed;
		bottom: 0; left: 0; right: 0;
	}

#page_footer {
	clear: both;
	color: #ccc;
	margin: 0 auto 0 auto;
	padding: 30px 0px 0px 15px;
	position: relative;
	text-align: center;
}

	#page_footer_container.fixed_pos #page_footer  {
		width: 924px;
	}
	
	#page_footer a {
		color: #999;
		text-decoration: none;
	}
	
	#page_footer a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	#page_footer a:active {
		color: #666;
	}
	
	a#support_feedback_link {
		position: absolute;
		right: 260px;
		font-size: 12px;
	}

.pagination {
	color: #999999;
	font-size: 14px;
	position: absolute;
	top: 28px; left: 30px;
}
	
	#page_footer .pagination a {
		color: #000000;
		font-size: 14px;
		text-decoration: none;
	}
	
	
	#page_footer .pagination a:hover {
		color: #000000;
		text-decoration: underline;
	}
	
	#page_footer .pagination a:active {
		color: #666666;
	}
	
	#pagination_loadspin {
		display: none;
		position: absolute;
		top: 28px; left: 0px;
	}
	
	.left_arrow, .right_arrow { color: #666666; font-size: 12px; margin-top: 3px; }
	
.cargo_link {
	color: #666666;
	font-size: 11px;
}

.cargo_link a { color: #666666; text-decoration: underline; }
.cargo_link a:hover { color: #66cc99; text-decoration: underline; }
.cargo_link a:active { color: #ffffff; }
	
.bottompad {
	clear: both;
	height: 30px;
}





/* Other
***********************************************************************************************************/

.toolset { 					                          /* Admin and following icons — only seen by members */
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 9999;
}
	
	
	
	
	
/* IE Fixes
***********************************************************************************************************/


	/* CARD ROLLOVER IE ONLY */
	.project_feed_thumb.ie .pr_wrapper {
		position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 10px;
	}
	
	/* OPEN PROJECT BORDERS IE ONLY */
	.project_feed_full.ie { }
	
	/* HEADER IE ONLY */
	.project_feed_full.ie { }
	
	
	
	
/* In-browser code editing made "almost bearable" by CodeMirror: http://marijn.haverbeke.nl/codemirror
***********************************************************************************************************/