/*   
Theme Name: Oreana Rose blog
Description: theme used to integrate wp blog into my site
Author: Jenna B
Author URI: http://oreanarose.com/
*/

/* reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* END reset */


@font-face {
	font-family: 'QuicksandLight';
	src: url('Quicksand_Light.eot');
	src: local('Quicksand Light'), local('QuicksandLight-Regular'), url('Quicksand_Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Quicksand';
	src: url('Quicksand_Book.eot');
	src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('Quicksand_Book.ttf') format('truetype');
}


body {
	background: #ffffff;
	font-family: "Adobe Gahramond Pro", "Garamhond Premier Pro", Georgia, "Times New Roman", serif;
	color: #202020;
	font-size: 110%;
	line-height: 166%;
}

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

a:visited {
	color: #cc0066;
}

a:hover {
	color: #000000;
}

h1, h2 { /* heading of the blog pages and posts */
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
}

.sub {
	padding-top: 1em;
}

h3 { /* subheadings, headings in posts */
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

p, .entry ul {
	padding-bottom: 1em;
}

p.em {
	font-style: italic;
	line-height: normal;
	font-size: 76%;
	padding-bottom: 20px;
}

.entry ul {
	list-style-type: disc;
	margin-left: 3em;
}

small {
	font-size: 76%;
}

#header {
	background: #7a003d url(images/bg-top.png) no-repeat center;
	height: 280px;
}

#msg {
	left: 50%;
	margin-left: -150px;
	position: relative;
	top: 200px;
	width: 580px;
}

	#msg p {
		color: #400020;
		font-style: italic;
		font-weight: bold;
		padding-top: 10px;
	}
	
	#msg p span {
		color: #000;
	}

#navbar, #bar {
	background: #000 url(images/bg-bar.png) no-repeat center;
	height: 40px;
}

	#navbar ul {
		margin: 0 auto;
		padding-top: 10px;
		width: 320px;
	}
	
	#navbar li {
		display: inline;
	}
		
	a.button {
		background: url(images/arrow.png) no-repeat -999em;
		color: #888;
		display: block;
		float: left;
		font: 14px/21px 'Quicksand', Verdana, Helvetica, Arial, sans-serif;
		height: 25px;
		overflow: hidden;
		padding: 0 8px;
	}
	
	a.button:hover {
		color: #fff;
	}
	
	a.button:active, a.button:focus, .tabnav a.selected {
		background-position: bottom center;
		color: #fff;
		outline: none;
	}
	
.tabs {
	background: #d4d4d4 url(images/bg-grad.jpg) no-repeat center top;
	overflow: auto;
	padding-bottom: 30px;
}

.content { 
	left: 50%;
	margin-left: -400px;
	padding-top: 40px;
	position: relative;
	width: 800px;
}

.firstpara:first-letter {
	font-size: 2em;
	line-height: 0;
}

/* #about {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	text-align: justify
} */

#blog { /* holds posts and sidebar */
	left: 50%;
	margin-left: -400px;
	padding: 40px 0;
	position: relative;
	width: 800px;
	overflow: auto;
}
	
	.post {
		background: #ffffff;
		border: 1px solid #cccccc;
		clear: left;
		float: left;
		margin-bottom: 15px;
		padding: 20px;
		width: 478px;
		-moz-border-radius: 15px;
		-moz-box-shadow: 0 0 5px #bbb;
		-webkit-border-radius: 15px;
		-webkit-box-shadow: 0 0 5px #bbb;
	}
	
		.post h2 {
			line-height: 1.1em;
		}
		
		.post h2 a {
			color: #000000;
			padding: 1px 0;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		
		.post h2 a:hover {
			background: none;
			color: #ff0099;
		}
		
		.date {
			color: #666666;
			font-size: 76%;
			line-height: 1em;
		}
		
		.post a {
			padding: 2px 3px;
			-moz-border-radius: 3px;
		}
		
		.post a:hover{
			background: #eee;
		}
		
		.postmetadata {
			color: #666666;
			font-size: 76%;
			line-height: normal;
			padding-top: 5px;
		}
		
		.postmetadata a {
			color: #666666;
		}
		
	#blogsidebar {
		float: right;
		width: 250px;
	}
	
		#blogsidebar h2 { /* headings in the blog sidebar */
			border-bottom: 2px solid #cccccc;
			font-size: 1em;
			font-weight: bold;
		}
		
		.widget_categories li, .widget_archive li {
			border-bottom: 1px solid #cccccc;
		}
		
		.widget_categories a, .widget_archive a {
			display: block;
			font-size: 76%;
			padding-left: 4%;
			width: 95%;
		}
		.widget_categories a:hover, .widget_archive a:hover {
			background: #eee;
		}
		
		#blogsidebar ul {
			padding-bottom: 20px;
		}
		
		/* search form styles */
		.widget_search form {
			padding-bottom: 20px;
		}
		
		#s {
			border: 1px solid #cccccc;
			color: #666666;
			height: 1.3em;
			font-size: 1em;
			padding: 5px;
			width: 90%;
			-moz-border-radius: 5px 5px 5px 0;
		}
		
		#s:focus, #searchsubmit:focus {
			border-color: #ff0099;
			color: #ff0099;
		}
		
		#searchsubmit {
			border-color: #cccccc;
			border-style: solid;
			border-width: 0 1px 1px 1px;
			color: #666666;
			height: 1.7em;
			font-size: 1em;
			padding: 3px 5px 5px 3px;
			-moz-border-radius: 0 0 5px 5px;
		}
		
		.screen-reader-text {
			display: none;
		}
		/* end search form styles */


/* blog comment styles & contact form */
#commentlist {
	margin-bottom: 30px;
}

#commentlist p {
	padding-bottom: 0;
}

#commentlist li {
	background: transparent;
	background: rgba(255,255,255,.3);
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	padding: 22px 0 22px 30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.avatar {
	float: left;
	margin-left: -30px;
}

#commentlist li.comment-author-admin {
	background: transparent;
	background: rgba(255,255,255,.6);
	padding: 22px;
}

li.comment-author-admin .avatar {
	float: right;
	margin-right: -22px;
	padding-right: 0;
}

cite { /* the comment by, etc */
	color: #666666;
	font-size: 76%;
}

#commentform p { /* there are inputs in these */
	color: #666666;
	font-size: 76%;
	padding-bottom: 4px;
}

textarea#comment {
	width: 465px;
}

#commentform input, #commentform textarea, #contact input, #contact textarea {
	border: 1px solid #cccccc;
	color: #666666;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
}

#commentform input:focus, #commentform textarea:focus, #contact input:focus, #contact textarea:focus, #submit:focus {
	border: 1px solid #ff0099;
	color: #202020;
}

#submit:hover {
	color: #ff0099;
}

#contact input, #contact textarea {
	clear: left;
	float: left;
	margin: 0 0 20px 0;
}

#contact form, #contact div {
	width: 46%;
	float: left;
}

#contact form {
	padding-right: 8%;
}

#contact textarea, #contact input {
	width: 100%;
}

#contact #submit {
	width: auto;
}
/* end blog comment styles & contact form */


#footer {
	left: 50%;
	margin-left: -470px;
	overflow: auto;
	padding-bottom: 40px;
	position: relative;
	width: 960px;
}
	
	.box {
		float: left;
		width: 300px;
	}
	
	#box1 { /* contains latest blog posts */
		padding-right: 20px;
		padding-top: 30px;
	}
	
	#box2 { /* contains twitter update list */
		padding-top: 30px;
	}
	
	#box3 { /* contains (c) and a bg img */
		background: url(images/footer.png) no-repeat;
		color: #999999;
		font-size: 76%;
		padding-top: 200px;
		text-indent: 66px;
		width: 330px;
	}


/* heading replacements */
.replaced {
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

.or {
	background: url(images/h1-or.png) no-repeat;
	height: 22px;
	width: 250px;
}

.tweets {
	background: url(images/h1-tweets.png) no-repeat;
	height: 13px;
	padding-bottom: 10px;
}

.posts {
	background: url(images/h1-latest.png) no-repeat;
	height: 13px;
	padding-bottom: 10px;
}

/* fancy button link */
a.buttonlink, a.more-link {
	background: #ccc;
	color: #fff;
	font-family: Helvetica, Arial;
	font-size: 76%;
	padding: 6px 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

a.buttonlink:hover, a.more-link:hover {
	background: #f09;
}

.entry .buttonlink {
	background: #c06;
}

ul#buttonlinks {
	padding-bottom: 40px;
}

ul#buttonlinks li {
	display: inline;
}

/* portfolio link, if */
.worklink {
	background: url(images/btn-werk.png) no-repeat;
	display: block;
	height: 34px;
	overflow: hidden;
	text-indent: -999em;
	width: 245px;
}

.worklink:hover {
	background-position: 0 -34px;
}

.worklink:active, .worklink:focus {
	background-position: 0 -68px;
	outline: none;
}


/* the portfolio styles */
.gallery {
	background: #ffffff;
	border: 1px solid #cccccc;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	height: 240px;
	line-height: 1em;
	margin-bottom: 20px;
	position: relative;
	width: 380px;
	-moz-box-shadow: 0 0 5px #bbb;
	-moz-border-radius: 15px;
	-moz-box-shadow: 0 0 5px #bbb;
	-webkit-border-radius: 15px;
}

	.gallery div {
		background: rgba(0,0,0,.9);
		left: -99em;
		overflow: hidden;
		padding: 20px;
		position: absolute;
		width: 340px;
		z-index: 50;
		-moz-border-radius: 0 0 15px 15px;
		-webkit-border-bottom-left-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
	}
	
	.gallery div.hide {
		display: none;
		left: 0;
	}
	
	.gallery div.seen {
		bottom: 0;
		left: 0;
	}
	
		.gallery h2 {
			color: #ffffff;
			font-size: 1em;
			padding-top: 0;
		}
		
		.gallery h3 {
			color: #666666;
			font-size: 0.8em;
			font-weight: normal;
		}
		
		.gallery p {
			color: #999999;
			font-size: 0.8em;
			padding: 0;
		}

	.gallery a {
		display: block;
		height: 240px;
		overflow: hidden;
		position: absolute;
		text-indent: -999em;
		width: 100%;
		z-index: 100;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	}

.gallery.odd {
	margin-right: 20px;
}

.portfolio {
	margin-left: -10px;
	margin-bottom: 1.5em;
}

.portfolio img {
	border: 10px solid rgba(255,255,255,.3);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

a.portfolio:hover img {
	border-color: rgba(0,0,0,.07);
}


/* list stylin' */
#twitter_update_list, .latest {
	border-bottom: 1px solid #ccc;
	color: #666;
	font-size: 76%;
	line-height: 120%;
	margin-bottom: 20px;
}

#twitter_update_list li, .latest li {
	border-top: 1px solid #ccc;
	padding: 10px 5px;
}

#twitter_update_list li:hover, .latest li:hover {
	background: #eee;
	color: #202020;
	border-top: 1px solid #202020;
}

#twitter_update_list a {
	color: #ccc;
}

#twitter_update_list span a {
	color: #f09;
}

#twitter_update_list span a:visited {
	color: #c06;
}

#twitter_update_list span a:hover {
	color: #000;
}

.latest p {
	padding: 0;
}


/* the portfolio items */

#daon {
	background: url(../../../img/daon-t.jpg) no-repeat center;
}
#or2 {
	background: url(../../../img/or2-t.jpg) no-repeat center;
}
#hnm {
	background: url(../../../img/hnm-t.jpg) no-repeat center;
}
#jsmla {
	background: url(../../../img/js-t.jpg) no-repeat center;
}
#fc {
	background: url(../../../img/fc-t.jpg) no-repeat center;
}
#pn {
	background: url(../../../img/pn-t.jpg) no-repeat center;
}
#dc {
	background: url(../../../img/dc-t.jpg) no-repeat center;
}
#jrock {
	background: url(../../../img/jrock-t.jpg) no-repeat center;
}
#lver {
	background: url(../../../img/lver-t.jpg) no-repeat center;
}
#logo {
	background: url(../../../img/logo-t.jpg) no-repeat center;
}
#cys {
	background: url(../../../img/cys-t.jpg) no-repeat center;
}
#iris {
	background: url(../../../img/iris-t.jpg) no-repeat center;
}
#old1 {
	background: url(../../../img/old_1.jpg) no-repeat center;
}
#old2 {
	background: url(../../../img/old_2.jpg) no-repeat center;
}
#old3 {
	background: url(../../../img/old_3.jpg) no-repeat center;
}
#old4 {
	background: url(../../../img/old_4.jpg) no-repeat center;
}
#old5 {
	background: url(../../../img/old_5.jpg) no-repeat center;
}