/*
Theme Name: Tumblr One
Theme URI: 
Description: 
Version: 0.5
Author: Karinne Legault
Author URI: http://karinnelegault.com/
*/

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #2f0427 url(i/body-bg.jpg) repeat 0 0;
	color: #fff;
	font: 14px/20px Helvetica, Verdana, Arial, sans-serif
}


/*** COMMON ELEMENTS
**************************************/

h2 {
	color: #a40b54;
	font-size: 32px;
	line-height: 38px;
}

h3 {
	color: #fff;
	font-size: 24px;
	line-height: 32px;
}

h4 {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
}

h5 {
	color: #fff;
	font-size: 22px;
	margin: 0 0 15px;
	padding: 0;
}

a {
	color: #f0b300;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

blockquote {
	font-size: 16px;
	line-height: 22px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hidden {
	display: none;
}


/*** MAIN SECTIONS
**************************************/
#body-wrapper {
	background: transparent url(i/header-bg.png) no-repeat center top;
	margin: 0 0 15px;
	overflow: hidden;
}

#main-wrapper {
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0 0;
	width: 980px;
}

#content-wrapper {
	background-color: rgba(0,0,0, 0.10);
	margin: 25px 0 0;
	overflow: hidden;
	padding: 15px;
}

#content {
	float: left;
	width: 620px;
}

#sidebar {
	float: right;
	width: 300px;
}

#footer {
	background-color: rgba(0,0,0, 0.10);
	clear: both;
	margin: 15px 0;
	padding: 15px;
}


/*** HEADER
**************************************/
#header {
	background-color: rgba(0,0,0, 0.25);
	height: 70px;
	padding: 40px 20px 20px;
}

#header h1 {
	color: #e46f0a;
	font-size: 40px;
	margin: 0 0 10px;
	padding: 0;
}

#header h2 {
	color: #fff;
	font-size: 24px;
	margin: 0;
	padding: 0;
}

#header #branding {
	float: left;
	margin-right: 35px;
}

#header .blog-tagline {
	color: #f0b300;
	float: right;
	width: 525px;
}

/*** CONTENT
**************************************/
.post, .page {
	background-color: rgba(0,0,0, 0.25);
	margin: 10px 0;
	padding: 5px 20px 10px;
}

.post h2.writing, .post h2.note, .post h2.image, .post h2.quote, .post h2.video, .post h2.link {
	padding: 5px 10px 5px 35px;
}

.post h2.writing {
	background: url(i/icons/Writing.png) no-repeat 0 4px;
}

.post h2.note {
	background: url(i/icons/Notepad.png) no-repeat 0 4px;
}

.post h2.image {
	background: url(i/icons/Camera.png) no-repeat 0 4px;
}

.post h2.quote {
	background: url(i/icons/IM.png) no-repeat 0 4px;
}

.post h2.video {
	background: url(i/icons/Video-Camera.png) no-repeat 0 12px;
}

.post h2.link {
	background: url(i/icons/Bookmarks.png) no-repeat 0 4px;
}

.post h2 a {
	color: #a40b54;
	text-decoration: none;
}

.post h2 a:hover {
	color: #fff;
	text-decoration: none;
}

.postmetadata {
	border-top: 1px solid #a40b54;
	padding: 10px 0 0;
}


/*** SIDEBAR - NAVIGATION
**************************************/
#navigation, .side-categories {
	background-color: rgba(0,0,0, 0.25);
	clear: both;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px 0;
}

#navigation ul.main, #navigation ul.rss, .side-categories ul.category-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul.rss {
	margin: 15px 0 0;
}

#navigation ul.main li, #navigation ul.rss li, .side-categories ul.category-nav li {
	background-color: rgba(0,0,0, 0.45);
	background-position: 7px 4px;
	background-repeat: no-repeat;
	margin: 2px 10px;
	padding: 4px 0 4px 5px;
}

#navigation ul.main li.home {
	background-image: url(i/icons/Home.png);
}

#navigation ul.main li.page-item-2 {
	background-image: url(i/icons/Contact.png);
	background-position: 12px 4px;
}

#navigation ul.main li.page-item-115 {
	background-image: url(i/icons/Documents.png);
}

#navigation ul.rss li.rss {
	background-image: url(i/icons/RSS.png);
}

#navigation ul.main li:hover, #navigation ul.rss li:hover, .side-categories ul.category-nav li:hover {
	background-color: rgba(0,0,0, 0.65);
}

#navigation ul.main li a, #navigation ul.rss li a, .side-categories ul.category-nav li a {
	color: #e46f0a;
	display: block;
	font-size: 16px;
	margin: 0 10px 0;
	padding: 5px 10px 5px 35px;
}

#navigation ul.main li a:hover, #navigation ul.rss li a:hover, .side-categories ul.category-nav li a:hover {
	color: #fff;
}

.side-categories ul.category-nav li.cat-item-96 {
	background-image: url(i/icons/Camera.png);
	background-position: 7px 8px;
}

.side-categories ul.category-nav li.cat-item-90 {
	background-image: url(i/icons/Bookmarks.png);
}

.side-categories ul.category-nav li.cat-item-99 {
	background-image: url(i/icons/Notepad.png);
}

.side-categories ul.category-nav li.cat-item-95 {
	background-image: url(i/icons/IM.png);
}

.side-categories ul.category-nav li.cat-item-97 {
	background-image: url(i/icons/Video-Camera.png);
	background-position: 7px 10px;
}

.side-categories ul.category-nav li.cat-item-83 {
	background-image: url(i/icons/Writing.png);
}

/*** SIDEBAR - SEARCH
**************************************/

.search {
	background-color: rgba(0,0,0, 0.25);
	clear: both;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px;
}

form#searchform input[type=text] {
	background: #fff;
	border: 2px solid #5f1651;
	margin: 0 5px 0 0;
	padding: 5px 10px;
	width: 180px;
}

/*** SIDEBAR - TWITTER UPDATES
**************************************/

.side-categories h5 {
	margin-left: 10px;
}

.twitter-updates {
	background-color: rgba(0,0,0, 0.25);
	clear: both;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px;
}

.twitter-updates ul.twitter {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

ul.twitter li.twitter-item {
	background-color: rgba(0,0,0, 0.45);
	margin: 5px 0;
	padding: 6px;
}

ul.twitter .twitter-timestamp {
	font-size: small;
}

/*** FOOTER
**************************************/