/*
Theme Name: Highland Robotics Theme
Description: Highland Robotics child theme for the Twenty Eleven theme
Author: Team 2603
Template: twentyeleven
*/

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

/* Since we removed the site title, we don't need the special dark theme child code for our child theme */

/*This provides a radiused border for the content (#page, #branding, #site-generator)*/
#page {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

/* Changes width of primary to allow changed secondary "Widget" class to be widened. */
#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 93%;
}

/* Changes margin on left, the far right percent in "margin" to match space between primary class and secondary class - "Widgets". */
#content {
	margin: 0 34% 0 7%;
	width: 58.4%;
}

/* Changes margin on right side, changes widget width. */
#secondary {
	float: right;
	margin-right: 3%;
	width: 30%;
}

/* Changes the top border to a single pixel, background color. Removing the border doesn't work*/
#branding {
	border-top: 1px solid #1d1d1d !important;
}
/* Rounds the corners of the body*/
#site-generator {
	background: #060606;
	border-color: #000;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-o-border-radius: 0px 0px 15px 15px;
	border-radius:0px 0px 15px 15px;
}

/*This changes the border at the bottom of each post to match the widget border.*/
.hentry {
   	border-color: #222222;
	border-bottom: 2px solid #222222;
}

/* This adds a border and some style to the widgets */
.widget {

	border: 2px solid #222222;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	padding: 7px;
	list-style-type: none;
}
/* This changes the font size of the widget title, and centers it */
.widget-title {
	color: #666666;
    	font-size: 13px;
    	font-weight: 500;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
	text-align: center;
}

/* This removes the bullet from the widget ul */
.widget ul {
	list-style: none;
}

/* This positions the search form in the header */
#branding #searchform {
		top: 0.75em !important;
	}

/* This reduces the size of the site-title portion of the header, since we don't have a site title */
#site-title {
	margin-right: 270px;
	padding: 0 0 0 0;
	}

/* Resizes header image, check functions.php for other line required to reverse this change */
#custom_header {
width: 1000x;
height: 150px;
}

/* This removes all comments. We also can remove them using php, but have to do it for each page/post template */
#comments {
display: none;
}

/*This makes the caption images have no background and a rounded border*/
.wp-caption {
	background: none !important;
	border: 2px solid #222222;
	border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
}

/*This makes the caption text centered and padded from image*/
.wp-caption .wp-caption-text {
 	color: #999999;
	text-align:center;
	padding: 10px 0px 0px 0px;
}
/*This removes the borders from the caption images*/
.wp-caption img {
	border: none;
}
/*This removes the hyphen from the start of the caption*/
.wp-caption .wp-caption-text:before {
	content: none;
}

/* This removes borders from images in the class "wp-image-", for instance, in posts and sidebar images. */
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	border: none;
}

/* This changes the padding on the twitter widget timesince, and adds a border to the bottom of each tweet.*/
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: 10px;
        padding-bottom: 10px;
	text-align: right;
	border-bottom: 2px solid #222222;
}

/*This changes the menu items and dropdowns*/
#access ul ul a {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	border:none;
	color: #eee;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	color: #999999;
}
#access ul li:hover > ul {
	display: block;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	color: #999999;
}