twenty thirteen

Using custom css
How can i move content to left (make slightly larger) and move secondary widget are to the right more. Giving me more screen for content?
Found

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
	max-width: 50%;
	padding: 0px 20px 0px 20px;
}

Which i can play with for content but i need to move the widget area further right

Would it be something here i need to change in my child theme`

.site-main .widget-area {
	float: right;
	width: 300px;
}

/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
	background-color: rgba(247, 245, 231, 0.7);
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding: 20px;
	word-wrap: break-word;
}