/*
Theme Name:     onenaught
Theme URI:      http://onenaught.com/
Description:    Temporary onenaught theme that tweaks the default twentyeleven theme 
Author:         Anup Shah
Author URI:     http://onenaught.com/about/
Template:       twentyeleven
Version:        0.1.0
*/

/* Note using two directories up because using URL rewriting to add version number to CSS file */
@import url("../../twentyeleven/style.css");

body { font: 15px/1.68 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

#site-generator p { margin-bottom:0; }

ul, ol { margin-left:1.275em; }
ol li li { list-style:lower-alpha; }
.commentlist .children li.comment { list-style:none; }

#branding {
	background:url(images/onenaught.png) no-repeat 7.6% 2.2em transparent;
}
#branding hgroup { padding-left:120px; }

#access .menu ul > li a {
	text-shadow:1px 1px 1px #000; 
	-webkit-transition: all 0.35s linear;
	-o-transition: all 0.35s linear;
	transition: all 0.35s linear;
}

#access .menu ul > li a:hover, #access .menu ul > li a:focus { 
	background:#ddd;
	text-shadow:1px 1px 1px #ccc;
}

#content { position:relative; }

#content #nav-single {
	padding-bottom:0;
	position:absolute;
	left:0;
	top:-1.6em;
	width:100%;
}

.page-title, .widget-title {
	font-size:1.25em;
	text-transform:none;
	font-variant:small-caps;
	margin:0;
}

.entry-title { padding-top:0; }

.entry-content h3, .entry-content h4 {
	font-weight:bold;
}

.entry-content h2 {
	font-size:1.3em;
}

.entry-content h3 {
	font-size: 1.2em;
	letter-spacing: inherit;
	line-height: 1.2em;
	text-transform: none;
	margin-bottom:0.3em;
}

.post-img { float:left; line-height:1; margin-right:0.5em; }
.img-shadow { box-shadow: 4px 4px 4px #777; margin-right:0.75em; }

blockquote { border-left:1px solid #ccc; padding-left:0.5em; margin:0 1.5em; }	
blockquote cite { text-transform:none; letter-spacing: inherit; }
blockquote .source { text-align:right; }

#ext-net-book p { margin-bottom:0; }
#ext-net-book a { display:block; width:164px; text-align:center; }
#ext-net-book img { margin-bottom:0.75em; }
#ext-net-book .button {
	box-shadow:inset 0 1px 0 0 #fff;
	display:inline-block;
	margin-top:3px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#eee;
	background:-moz-linear-gradient(center bottom, #dfdfdf 5%, #fff 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #dfdfdf));
	background:linear-gradient(to top, #dfdfdf 5%, #fff 100%);
	padding:6px 12px;
}
#ext-net-book a:hover .button, #ext-net-book a:focus .button, #ext-net-book a:hover .button, #ext-net-book a:active .button {
	border-color:#aaa;
	text-decoration:underline;
}

#about-the-author img { float:left; margin-right:4px; border:1px solid #ddd; padding:2px; }
#about-the-author a { display:block; }

#site-generator { line-height:inherit; }

#access .rss { float:right; }

.toc-container {
	border:1px solid #eee;
	border-radius: 6px;
	background:#f9f9f9;
	padding:1.6em 1.6em 0;
	margin-bottom:2em;
}

.toc-container p { line-height:0; margin:0; }

.wp-caption { border-radius: 4px; box-shadow: 0 0 10px #999; }
.wp-caption .wp-caption-text:before { content: ""; display:none; }
.wp-caption .wp-caption-text { padding: 10px 0 5px; }
.wp-caption .wp-caption-text, .gallery-caption { font-size:inherit; text-align:center; }

.center {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content .syntaxhighlighter {
	font-size:0.85em!important;
}

#content .syntaxhighlighter.large-code-block {
	height:500px;
	overflow:auto!important;
}

#content .syntaxhighlighter .line {
	line-height:1.3em!important;
}

@media (min-width: 800px) {
	#page { border-radius:10px; box-shadow: 0 0 15px #999; }
	#branding { border-top:none; }
	#site-generator { border-bottom-left-radius:15px; border-bottom-right-radius:15px; }
}

@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
}
