/*
Name: WIRED.INSPIRED
Design Studio: Obox Design http://www.obox-design.com/
Version: 1.0
Author: Obox Design
Author URI: http://www.obox-design.com/
*/


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/
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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";}

/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
body{background: #f5f5f5; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #777; line-height: 1.6em;}

h1{font-size: 25px; margin: 0px 0px 20px; font-weight: lighter; line-height: 30px;}
h2{font-size: 20px; margin: 0px 0px 10px; font-weight: lighter; line-height: 24px;}
h3{font-size: 17px; margin: 0px 0px 10px; font-weight: lighter; line-height: 24px;}
h4{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}
h5{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}
h6{margin: 0px; padding: 8px 0px 10px 0px; font-weight: lighter;}

h1, h2, h3, h4, h5, h6{color: #444; font-weight: lighter;}

p{font-size: 14px; margin: 0px 0px 10px;}
blockquote, blockquote p{font-weight: lighter; font-size: 18px; line-height: 30px;}

form{}
label{}
textarea, input{font-size: 12pt; font-family: Arial, Helvetica, sans-serif;}
input[type=radio]{}
input[type=checkbox]{}
input[type=image]{}
input[type=button]{padding: 8px;}


/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--- Links ---*/
a{color: #449285; text-decoration: none;}
	a:hover{ color: #000;}
	a:active{/*text-decoration: underline;*/}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}

.alignleft{float: left; margin: 0px 20px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 20px;}
.aligncenter{text-align: center;}

u{text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#container{width: 840px; margin: auto; padding: 30px 0px 60px;}

	#left-column{float: left; width: 580px; margin-bottom: 60px; background: #fff; border: 1px solid #ccc;}
	#right-column{float: right; width: 230px; padding-top: 40px; font-size: 11px;}

#footer{}


/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header{clear: both; margin-bottom: 30px; text-shadow: 0px 1px 0pt rgba(255, 255, 255, 0.40);}
	h1.logo{margin: 0px 0px 5px; padding: 0px; font-weight: lighter; font-size: 30px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -2px; text-transform: uppercase;}
		h1.logo a{color: #777;}
		h1.logo a:hover{color: #555;}
	p.intro-text{margin: 0px 0px 5px; padding: 0px; color: #595959; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}


/*-------------------------------------------------------------------------------------------*/
/*- LEFT COLUMN -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.post{clear: both; position: relative;}


	/*-------------------------*/
	/*- DATE BUBBLE -----------*/
	.date-bubble{display: block; clear: both; width: 80px; height: 80px; margin-bottom: 20px; background: url(http://posterous.com/themes/wired-inspired/images/layout/bubble.jpg) no-repeat;}
	.date-bubble span{display: block; line-height: 14px; text-align: center; color: #fff; font-size: 20px; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30); letter-spacing: -2px;}
	.date-bubble span.month{padding-top: 31px;}


	/*-------------------------*/
	/*- POST CONTAINER --------*/
	.post-content{padding: 40px 40px 40px; margin: 0px; border-bottom: 3px solid #f5f5f5; border-top: 1px solid #ccc;}
		h2.post-title{padding: 0px 0px 5px; margin: 0px 0px 5px; color: #333; font-weight: lighter; font-size: 25px; line-height: 28px;}
			h2.post-title a{color: #f33;}
				h2.post-title a:hover{color: #333;}

		
	/*-------------------------*/
	/*- EDIT BOX --------------*/
	.editbox{width: 560px; position: absolute; top: 10px; left: 10px;}
	ul.mini_commands{visibility: hidden; position: relative; float: left; padding: 0px; margin: 0px; font-size: 10px; text-align: left; text-transform: uppercase; line-height: 20px; list-style: none; font-family: Arial, Helvetica, sans-serif;}
		ul.mini_commands li{float: left; padding: 0px; margin-right: 6px; color: #999;}
			ul.mini_commands li a{padding: 3px 6px; background: #e0e0e0; color: #999;
											-webkit-border-radius: 15px;
											-moz-border-radius: 15px;}
				ul.mini_commands li a:hover{background: #449285; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
			
	.post-content:hover ul.mini_commands{visibility: visible;}


	/*-------------------------*/
	/*- DOWNLOAD LINK ---------*/
	.downloadlink{display: inline-block; padding: 5px 10px; margin: 15px auto 0px;}
		.downloadlink:hover{}


	/*-------------------------*/
	/*- META DATA -------------*/
	ul.post-meta-data{clear: both; padding: 0px 0px 5px; margin: 0px 0px 20px; border-bottom: 1px dotted #ccc; text-transform: uppercase; line-height: 20px; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
		ul.post-meta-data li{padding: 0px 0px; float: left; margin-right: 20px; list-style: none !important;}
			ul.post-meta-data li a{color: #999;}
				ul.post-meta-data li a:hover{color: #333;}
				
		ul.post-meta-data li.admin-button{float: right;}
		
		/*- RETWEET -*/
		ul.post-meta-data li.retweet-button{margin: 0px 20px 0px 0px !important; padding: 0px !important;}
		ul.post-meta-data .posterous_retweet_widget{margin: 0px !important; padding: 0px !important; font-size: 10px !important;}
			ul.post-meta-data .posterous_retweet_widget a.posterous_retweet{color: #999; background: #e0e0e0; font-family: Arial, Helvetica, sans-serif !important;
																			-webkit-border-radius: 15px;
																			-moz-border-radius: 15px;}
				ul.post-meta-data .posterous_retweet_widget a.posterous_retweet:hover{background: #449285; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
				

	/*-------------------------*/
	/*- TAGS ------------------*/
	.tags{clear: both; width: 540px; margin: 20px 0px 10px; text-transform: uppercase; line-height: 20px; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
		.tags a{margin-right: 4px; padding: 3px 6px; background: #333; color: #ccc;
									-webkit-border-radius: 15px;
									-moz-border-radius: 15px;}
			.tags a:hover{background: #449285; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}


	/*-------------------------*/
	/*- NEXT PREVIOUS BUTTONS -*/
	.next-prev{width: 580px; padding: 10px 0px; border-top: 1px solid #ccc;}
		.next-prev a{display: block; width: 19px; height: 27px; background: url(http://posterous.com/themes/wired-inspired/images/layout/arrows.png) top; text-indent: -9999px; overflow: hidden;}
			.next-prev a.next-page{float: right; margin-right: -14px; background-position: top right;}
			.next-prev a.prev-page{float: left; margin-left: -14px; background-position: top left;}
				.next-prev a.next-page:hover{background-position: bottom right;}
				.next-prev a.prev-page:hover{background-position: bottom left;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTS CLASSES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS  -*/
.post .copy p{clear: none;}
.post .copy ol, .post .copy ul{list-style: disc; margin: 0px 0px 10px 30px;}
	.post .copy ol li, .post .copy ul li{line-height: 22px; padding-bottom: 10px;}
.post .copy ol{list-style: decimal;}
.post .copy code, .post .copy pre{}
.post .copy img{}
.post .copy h2{line-height: 35px; margin-top: 20px;}
.post .copy h3{margin-top: 20px; padding: 0px 0px 5px; margin-bottom: 0px 0px 5px;}
.post .copy h4{font-weight: bold;}
.post .copy blockquote{border-left: 3px solid #e0e0e0; margin: 15px 0px; padding: 0px 20px 0px; font-style: italic; font-size: 14px;}

/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE COMMENTS ----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.posterous_comments{margin: 0px !important; padding: 39px 0px 39px 0px;}
.posterous_comments .commentunit{clear: both; padding: 20px 0px 0px; margin: 0px auto 0px !important; background: none !important; line-height: 20px;}
	 .posterous_comments .commentunit:first-child{border-top: none; padding-top: 0px;}
	.posterous_comments .commentunit .comment_spacer{display: none !important;}

	.posterous_comments .commentunit .profile_border{display: none !important;}
	.posterous_comments .comment_hide_button a{float: right; display: block; cursor: pointer; padding: 0px 6px; background: #e0e0e0; color: #999; text-transform: none; line-height: 20px; font-size: 10px; font-family: Arial, Helvetica, sans-serif;
											-webkit-border-radius: 15px;
											-moz-border-radius: 15px;}
		.posterous_comments .comment_hide_button a:hover{background: #449285; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
	.posterous_comments .commentunit .comment{width: 500px !important;}
	
	
		.posterousAddNewComment form .commentunit{padding: 0px !important; margin: 0px !important;}
		.posterousAddNewComment form .comment_label{padding: 10px 0px 4px !important; margin: 0px !important; height: auto;}
		.posterousAddNewComment form input[type=text]{width:  460px !important;}
		.posterousAddNewComment form input[type=submit]{margin-top: 10px !important;}
		.posterousAddNewComment form textarea{width: 460px !important;}

/*- RESPONSES -------------------------------------------------------------------------------*/ 
.p_responses{padding: 0px !important; margin: 20px 0px 0px 0px !important;}
.p_response_widget{margin-bottom:10px;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS CLASSES ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.comments-container{clear: both; padding: 39px !important; margin: 0px !important; border-bottom: 3px solid #f0f0f0; border-top: 1px solid #ccc; position: relative;}

	.comments-index-container{background: #fbfbfb; padding: 0px 39px 0px 39px !important; margin: 0px; border: none;}
	
	.comments-container:hover ul.mini_commands{visibility: visible;}

	.comments-container h4{padding: 0px 0px 8px !important; margin: 0px !important; color: #333 !important; font-size: 18px !important; font-weight: lighter !important;}
	.comments-container h4.comment-title{padding: 0px 0px 10px !important; height: 20px;}

	.comments-container h4.comment-title span{float: left; display: block;}
	.comments-container h4.comment-title a{float: right; display: block; cursor: pointer; padding: 0px 6px; background: #e0e0e0; color: #999; text-transform: none; line-height: 20px; font-size: 10px; font-family: Arial, Helvetica, sans-serif;
											-webkit-border-radius: 15px;
											-moz-border-radius: 15px;}
		.comments-container h4.comment-title a:hover{background: #449285; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}


		.commentunit{clear: both; padding-top: 10px; margin: 0px !important;}
			.comments-container .commentunit:first-child{border-top: none;}
			
			.commentunit .comment_label{}
				.commentunit .comment_label .comment_date{margin: 0px; padding: 0px; font-size: 10px; color: #777; text-align: left; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
				.commentunit .comment_label .comment_avatar{float: right; display: block; width: 35px; padding: 5px; margin: 0px auto 0px;}
				.commentunit .comment_label .comment_avatar img{border: none; display: block;}
	
			.commentunit .comment{float: left; width: 450px; padding: 0px; margin-bottom: 15px; text-align: left !important; line-height: 22px;}
				.commentname{clear: both; font-weight: lighter; padding: 0px 0px 5px; margin: 0px 0px 5px; border-bottom: 1px dotted #ccc; color: #333; font-size: 14px !important;}
					.commentname a{color: #333;}
						.commentname a:hover{color: #449285;}
				.commentunit .comment {font-size: 12px;}
				.commentunit .comment p{clear: both; margin: 0px; margin: 12px 0px 0px; color: #555;}
			
			.commentunit .mini_commands{clear: both; float: none; display: none; padding: 10px 0px; margin: 30px auto 0px; border-top: 1px dotted #ccc; font-size: 10px; text-align: right; text-transform: uppercase; line-height: 20px;}
				.commentunit .mini_commands li{color: #999; padding: 0px 0px; float: left; margin-right: 20px;}
					.commentunit .mini_commands li a{color: #999;}
						.commentunit .mini_commands li a:hover{color: #000;}
						.commentunit:hover .mini_commands { display: block; visibility: visible; }
	
	
		/*-------------------------------------------------------------------------------------------*/
		/*- LEAVE A COMMENT -------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------*/
		.leave-a-comment{clear: both; line-height: 20px; }
			
			.leave-a-comment .commentunit{border: none; margin: 0px !important; overflow: inherit;}
			form .commentunit{ border: none !important;}
			.leave-a-comment .comment_spacer{display: none;}
			
			.leave-a-comment .comment_label{float: none; width: 250px !important; padding: 0px 0px 5px; color: #333;}
			.leave-a-comment .comment_value{clear: both; margin: 0px;}
			
				.comment_value input{width: 350px; padding: 5px !important; background: #fff !important; border: 1px solid #9FC4D5 !important;
									-webkit-border-radius: 4px;
									-moz-border-radius: 4px;}
				.comment_value textarea{width: 400px; height: 100px; padding: 5px !important; margin-bottom: 10px !important; background: #fff !important; border: 1px solid #9FC4D5 !important;
										-webkit-border-radius: 4px;
										-moz-border-radius: 4px;}
						
				.comment_value input{}
				.comment_value input[type=checkbox]{width: auto !important;}
				.comment_value input[type=submit]{clear: both; display: inline-block; width: auto !important; padding: 2px 10px;  background: #333 !important; border: none !important; color: #ccc; font-weight: bold; font-size: 12px; cursor: pointer;
													-webkit-border-radius: 15px;
													-moz-border-radius: 15px;}
						.comment_value input[type=submit]:hover{background: #449285 !important; color: #fff; text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.30);}
				.post-to-facebook{display: block; padding: 5px 5px 5px 0px; margin: 10px 0px; color: #ccc; font-size: 12px; font-style: italic;}
				.submit-comment{padding: 2px 5px; clear: both; font-size: 12px;}


		/*-------------------------------------------------------------------------------------------*/
		/*- LOGGED - IN LEAVE A COMMENT -------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------*/
		.leave-a-comment .comment_profile_description{ float: left; margin: 3px 0px 0px 5px; font-weight: lighter;}
			.leave-a-comment .comment_profile_icon{width: 35px; margin: 0px auto 0px; padding: 5px; background: #fff;
													-webkit-border-radius: 4px; -moz-border-radius: 4px;}
			.leave-a-comment .comment_profile_icon img{border: none !important;}
			.leave-a-comment .comment_profile_description a{font-weight: lighter;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT COLUMN ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.content{padding: 0px; margin-bottom: 30px; background: #f00;}
	#right-column h4{padding: 0px 0px 8px; margin: 0px 0px 12px; line-height: 22px; background: url(http://posterous.com/themes/wired-inspired/images/layout/right-column-title-bg.png) bottom repeat-x; color: #333; font-weight: bold; font-size: 15px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

	/*-------------------------*/
	/*- ABOUT DATA ------------*/
	.author-block{width: 220px; margin-bottom: 20px;}
	.author-image{float: left; display: block; width: 75px; height: 75px; margin: 0px 10px 0px 0px; position: relative;}
		.author-image img{position: relative; z-index: 1;}
		.author-image span{display: block; height: 75px; width: 75px; background: url(http://posterous.com/themes/wired-inspired/images/layout/author-overlay.png) top no-repeat; position: absolute; top: 0px; z-index: 2;}
		
	.author-name{float: left; display: block; width: 135px; padding-top: 0px; float: left; color: #333; font-weight: bold; font-size: 15px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 22px;}
	.author-site{font-size: 12px; font-style: italic; color: #449285;}

	.about-block{clear: both; margin-bottom: 30px;}
	.about-block p{font-size: 12px; line-height: 22px;}
	

	/*-------------------------*/
	/*- SUBSCRIBE -------------*/
	#right-column .subscribe_to_mysite{clear: both; margin-bottom: 30px;}
		.subscribe_to_mysite div{border-bottom: 1px dotted #ccc;}
			.subscribe_to_mysite a{padding: 4px 0px;}
				.subscribe_to_mysite a:hover{color: #333;}


	/*---------------------*/
	/*- CONTRIBUTORS ------*/
	.contributors{margin-bottom: 30px;}
		.contributors a{display: block; float: left; width: 26px; height: 26px; margin: 0px 5px 5px 0px; position: relative;}
		.contributors a span{display: block; width: 26px; height: 26px; background: url(http://posterous.com/themes/wired-inspired/images/layout/avatar-overlay.png) top no-repeat; position: absolute; z-index: 2;}
	 	.contributors img{width: 26px; height: auto; position: relative; z-index: 1;}
	
	
	/*---------------------*/
	/*- PAGES -------------*/
	.pages{margin-bottom: 30px;}
		.pages ul, .pages li{list-style: none !important;}
		.pages li{border-bottom: none; padding: 3px 0px;}
			.pages li a{padding: 4px 5px; margin-bottom: 10px; background: #333; border-bottom: none; color: #ccc;
								-webkit-border-radius: 4px;
								-moz-border-radius: 4px;}
			.pages li a:hover{color: #fff; background: #111;}
			
	
	/*---------------------*/
	/*- LINKS -------------*/
	.blog-links{margin-bottom: 30px;}
		.blog-links ul, .blog-links li{list-style: none !important;}
		.blog-links li{border-bottom: 1px dotted #ccc; padding: 3px 0px;}
			.blog-links li a{display: block;}
			.blog-links li:last-child{border-bottom: none;}
	

	/*---------------------*/
	/*- GEO TAG -----------*/
	.geolocation{margin-bottom: 30px;}
		.map{clear: both; width: 230px; height: 150px; margin-top: 10px;}
	

	/*---------------------*/
	/*- SOCIAL ICONS ------*/
	.social-icons{padding: 8px 0px 0px;}
	.social-icons a{background: none; padding: 0px;}
	

	/*-------------------------*/
	/*- SEARCH BAR ------------*/
	.search-bar{margin-bottom: 30px;}
		.search-bar h4{padding: 0px 0px 5px; margin: 0px 0px 15px;}
	.search-form input.search{float: left; width: 185px; padding: 5px; background: #fff; border: 1px solid #ccc; font-size: 13px; color: #595959;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;}
	.search-form input.search_button{float: right; margin: 0px; background: #333; padding: 6px 8px 6px 8px;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;}
	
	.result-count{padding: 5px 10px; margin-bottom: 10px; background: #333; color: #ccc;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;}
		.result-count strong{color: #fff;}
	
	.search-sorter{}
		.search-sorter li{display: block; padding: 5px; border-bottom: 1px dotted #ccc; color: #333;}
		.search-sorter li:last-child{border-bottom: none;}


		/*-------------------------*/
		
		/*- ARCHIVE------*/
  	.archives{margin-bottom: 30px;display:block;}
  		.archive{border-bottom: none; padding: 3px 0px;}
  			.archive a{padding: 4px 5px; margin-bottom: 10px; color:#333;}
  			.archive a:hover{color: #111;}
      .archives div.inner {margin-left:10px;}
        .archives div.inner a{padding: 4px 5px; margin-bottom: 10px; color:#333;}
			  .archives div.inner a:hover{color: #111;}

  	/*---------------------*/
		
		
		/*- COPYRIGHT -------------*/
		.copyright{text-transform: uppercase; font-size: 10px; text-align: center;}
		.visit-obox{color: #449285;}
			.visit-obox:hover{color: #333;}


/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none;	margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}


/*-------------------------------------------------------------------------------------------*/
/*- POSTEROUS ITEMS CUSTOMIZED --------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.posterousPrivateBox{position: absolute; top: 10px; left: 10px; z-index: 10; font-size: 10px;}
	.posterousPrivateBox div{clear: both; float: none; margin: 0px !important;}
	.posterousPrivateBox div a{display: block; cursor: pointer; position: relative; z-index: 11; color:#777; text-shadow: none;}
		.posterousPrivateBox div a:hover{color:#fff;}