/*
Theme Name:     HilmerssonRacing
Description:    Hilmersson Racing theme is a child theme of twenty eleven theme
Author:         Ronnie Hilmersson
Template:       twentyeleven

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../twentyeleven/style.css");




/* =Structure
----------------------------------------------- */

body {
	padding: 0 2em;
}

#page {
	margin: 2em auto;
	max-width: 1000px;


border: 0px solid #000;

-moz-border-radius: 10px 10px 10px 10px; /*Ändrad tillagd 6 rader */
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 0px 5px 10px #000;

}


/*Ändrad tillagd, logo*/
#branding img.logo-image { 
	width: 300px; 
}


#primary {
	float: left;
	margin: 0 -28.4% 0 0; /*ändrad, var -26.4*/
	width: 100%;
	min-height: 600px; /*ändrad, tillagd*/
}
#content {
	margin: 0 34% 0 7.6%;
	width: 60.4%; /*ändrad, var 58.4%*/
}

/*ändrad tillagd 2 rader, ändrar rubrikens storlek*/
#content h1 {
	font-size:16px;	  /* Increasing the font size */
}

#secondary {
	float: right;
	margin-right: 7.6%;
	width: 20.8%; /*ändrad, var 18.8%*/
}



/* =Header
----------------------------------------------- */

#branding {
	border-top: 0px solid #bbb; /*ändrad border, var 2px*/
	padding-bottom: 0px;
	position: relative;
	z-index: 9999;

-moz-border-radius: 10px 10px 10px 10px; /*Ändrad tillagd 3 rader */
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

#site-title {
	margin-right: 0; /*Ändrad var 270px*/
	padding: 16px 0 0; /*Ändrad var 1.65625em 0 0*/
}

#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 34px 0; /*ändrad var 0 270px 3.65625em 0*/
}

#branding img {
	height: auto;
	display: inline;  /*ändrad var block*/
	margin-bottom: -7px; /*ändrad tillagd*/
	width: 100%;
}


/* =Menu
-------------------------------------------------------------- */

/* Search Form */
#branding #searchform {
	display: none; /*ändrad tillagd*/
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}


/* =Content
----------------------------------------------- */

.entry-meta {
	display: none; /* ändrad tillagd*/
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}


/* =Widgets
----------------------------------------------- */

.widget {
	background: #eee; /*ändrad, tillagd*/
	padding: 0.5em; /*ändrad, tillagd*/
	clear: both;
	margin: 0 0 2.2em;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 0.6em; /*ändrad var 0 0 2.6em*/
	text-transform: uppercase;
}

.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 0.5em; /*ändrad var 1.625em*/
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 0.5em; /*ändrad var 1.625em*/
	position: relative;
}


/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 0.5em; /*Ändrad, var 1.625*/
	position: relative;
	width: 68.9%;
}

#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 12px; /*Ändrad, var 14*/
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

#reply-title {
	color: #373737;
	font-size: 14px; /*Ändrad, var 24*/
	font-weight: bold;
	line-height: 16px; /*Ändrad, var 30*/
}


/* =Footer
----------------------------------------------- */

/* Site Generator Line */
#site-generator {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
-moz-border-radius: 10px 10px 10px 10px; /*Ändrad tillagd 3 rader */
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

/*Ändrad tillagd, RSS*/
.rss-logo { 
	width: 20px;
	margin-bottom: -4px;
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */


	/* Reposition the site title and description slightly */
	#site-title {
		padding: 1.625em 0 0; /*ändrad var 5.30625em*/
	}

	#content .gallery .gallery-icon img {/* Ändrad tillagt 3 rader, tar bort border på gallery bilder */
	border: 0px solid #ddd;
	padding: 3px;
	}
}

@media (max-width: 450px) {
/*Ändrad tillagd, logo*/
	#branding img.logo-image { 
	width: 200px; 
	}
}