/*  
Theme Name: Mariya's Portfolio 2007
Theme URI: http://mariyakalachova.com
Description: A theme designed to reflect the awesomeness of Mariya's artwork and creativity.
Version: 1.0
Author: Neal Ellis
Author URI: http://lostintheplot.com/blog

*/

/* BASICS */

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

body {
	font-size: 76.3%;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	background-image: url(_lib/img/bg_roughpaper_bottom.jpg);
	min-width: 760px;
}





/* TYPE */

.aligner {
	text-align: left;
}

h1 {
	font-weight: normal;
	font-size: 2.4em;
	margin-left: -9px;
	visibility: hidden;
	padding-bottom: 10px;
	min-height: 33px;
}

h1 a {
	text-decoration: none;
	color: #5F2E27;
}

h4 {
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
}

h2 {
	font-weight: normal;
	font-size: 1.8em;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1em;
	padding-left: 15px;
}

h3 {
	font-weight: normal;
	font-size: 1.3em;
	display: block;
	float: left;
	text-align: right;
	width: 180px;
	color: #666666;
}

.blogpage h3 {
	font-weight: normal;
	font-size: 2em;
	display: block;
	float: left;
	text-align: left;
	width: auto;
	color: #333333;
}

.resume h3 {
	color: #c38126;
}	

.blogpage h3 a {
	text-decoration: none;
	color: #333333;
}

.blogpage h4 {
	color: #333333;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 0.3em;
	margin-top: 2em;	
	padding: 0px;
}

.page p {
	display: block;
	float: right;
	width: 500px;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-right: 30px;
	margin-bottom: 1em;
}

.blogpage p {

}

.meta p {
	color: #999999;
	font-size: 1em;
	text-decoration: none;
}

.sidebar p {
	width: auto;
	line-height: 1.1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.page strong p {
	margin-bottom: 0px;
	margin-top: 0px;
}



/* STRUCTURE */

.width {
	display: block;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	border-bottom: 1px solid #ffc662;
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url(_lib/img/header_roughpaper.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


.blogaroony .header {
	border-bottom: 1px solid #ffc662;
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url(_lib/img/headerblog_roughpaper.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


.content {
	background-color: #333333;
	padding-top: 23px;
	padding-bottom: 23px;
	background-image:url(_lib/img/bg_roughpaper.jpg);
}

.footer {
	border-top: 1px solid #ffd996;
	padding-bottom: 30px;
	text-align: center;

}

.sidebar {
	display: block;
	float: right;
	width: 190px;
	text-align: left;
	margin-right: 20px;
	margin-top: -20px;
}


.post {
	display: block;
	width: 450px;
	float: left;
	margin-left: 20px;
	border-right: 1px solid #CCCCCC;
	padding-right: 30px;
}

.post p {
	display: block;	
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-right: 0px;
	text-align: justify;
}

.date {
	display: block;
	clear: both;
	margin-bottom: 1em;
	color: #999999;
}

.blogpage {
}


/* DETAILS */

.frame_top {
	background-image: url(_lib/img/frame_toppr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 10px;
}

.frame_bottom {
	background-image: url(_lib/img/frame_bottompr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 10px;
}


 .frame_repeat {
	background-image: url(_lib/img/frame_repeatpr.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


.whitechanger .frame_top {
	background-image: url(_lib/img/frame_toppr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 10px;
}

.whitechanger .frame_bottom {
	background-image: url(_lib/img/frame_bottompr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 10px;
}


.whitechanger .frame_repeat {
	background-image: url(_lib/img/frame_repeatpr.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}





.thumbs {
	text-align: center;
}

.pagination  {
	border-top: 1px solid #ecc68a;
	padding-top: 9px;
	padding-bottom: 6px;
	margin-top: 8px;
}

.leftcolumn {
	text-align: left;
	display: block;
	float: left;
}

.rightcolumn {
	text-align: right;
	display: block;
	float: right;
}

.page {
	padding: 10px;
	
}

.divider {
	height: 1px;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
	display: block;
	clear: both;
	width: 500px;
	margin-bottom: 1em;
	margin-left: 210px;
}

.blogdivider {
	height: 2px;
	overflow: hidden;
	border-top: 1px solid #CCCCCC;
	display: block;
	float: right;
	width: 440px;
	margin-bottom: 1em;
	margin-right: 30px;
}

.mydetails p {
	display: block;
	clear: both;
	width: 160px;
	padding-top: 1em;
	margin-bottom: -10px;
	color: #666666;
	line-height: 1.3em;
}

.mydetails p strong {
	color: #000000;
}	

.blogpage {
	padding: 10px;
	padding-top: 25px;
}

.tagline {
	color: #c38126;
	font-size: 1.2em;
	margin-left: -8px;
}


/* LISTS */

ul {
	list-style: none;
}

.header ul {
	padding-top: 2px;
	margin-left: -11px;
}

.header li {
	display: inline;
}

.footer ul {
	padding-top: 15px;
	margin-left: -3px;
	font-size: 0.9em;
	color: #c38126;
}	

.footer li {
	display: inline;
}

.subnav ul {
	border-bottom: 1px solid #ecc68a;
	padding-top: 5px;
	padding-bottom: 9px;
	margin-bottom: 5px;
}

.subnav li {
	display: inline;
}

.sidebar ul {
	margin-bottom: 1em;
}



/* LINKS */

.header ul li a {
	text-decoration: none;
	color: #c38126;
	font-size: 115%;
	padding: 5px;
}

.header ul li a:hover {
	text-decoration: none;
	color: #ffa800;
	font-size: 115%;
	padding: 5px;
}

.header ul li.selected a { 
	color: #ffe17a;
}

.footer ul li a {
	text-decoration: none;
	color: #c38126;
	padding: 3px;
}

.footer ul li a:hover {
	text-decoration: none;
	color: #ffa800;
	padding: 3px;
}

.subnav ul li a {
	text-decoration: none;
	color: #c38126;
	font-size: 1em;
	padding: 5px;
}

.subnav ul li a:hover {
	text-decoration: none;
	color: #ffa800;
	padding: 5px;
}

.subnav ul li.selected a { 
	color: #000000;
}

.pagination a {
	text-decoration: none;
	color: #c38126;
	padding: 6px;
}

.pagination a:hover {
	text-decoration: none;
	color: #ffa800;
}

.leftcolumn a {
	padding-right: 300px;
}

.rightcolumn a {
	padding-left: 320px;
}

.blogpage .leftcolumn a {
	padding-right: 150px;
	margin-left: 19px;
	color: #666666;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.blogpage .rightcolumn a {
	padding-left: 150px;
	margin-right: 278px;
	color: #666666;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blogpage .leftcolumn a:hover {
	color: #333333;
}

.blogpage .rightcolumn a:hover {
	color: #333333;
}

.header .rightcolumn a {
	text-decoration: none;
	color: #c38126;
	font-size: 1.2em;
	padding: 10px;
}

.header .rightcolumn a:hover {
	color: #ffa800;
}


.thumbs a:hover {


}

.mydetails a {
	text-decoration: none;
	color: #666666;
}

.mydetails a:hover {
	color: #000000;
}

.printable {
	display: block;
	clear: both;
	float: right;
	height: 16px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: -29px;
}

.printable a {
	padding: 10px;
}


.sidebar ul li a {
	display: block;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
	color: #666666;
	font-size: 1.1em;
}

.sidebar ul li a:hover {
	color: #000000;
}

.meta a:hover {
	color: #666666;
}

.post p a {
	color: #c38126;
	text-decoration: none;
}

.post p a:hover {
	text-decoration: underline;
}

.meta p a {
	color: #999999;
	text-decoration: none;
}

.sidebar p {
	color: #666666;
	font-size: 1.1em;
	line-height: 1.3em;
}

.sidebar p a {
	color: #c38126;
	text-decoration: none;
}

.sidebar p a:hover {
	color: #c38126;
	text-decoration: underline;
}




/* MEDIA */

.thumbnail {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 7px;
	padding-bottom: 3px;
	float: left;
}

.video {
	background-color: #0F0F0F;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 30px;
}

.quicktime {
	border-bottom: 1px solid #222222;
	padding-bottom: 10px;
}

.blogpage img {
	clear: both;
	padding-top: 0px;
	padding-bottom: 10px;
}


/* MISC */

.clearer {
	display: block;
	height: 0px;
	clear: both;
	overflow: hidden;
}

.verticalpic {
	float: left;
	padding-left: 5px;
	padding-top: 3px;
}

.printable2 {
	display: block;
	clear: both;
	float: right;
	height: 16px;
	padding: 0px;
}

.printable2 a {
	padding: 10px;
	margin-right: 5px;
	color: #666666;
	text-decoration: none;
}

.printable2 a:hover {
	color: #000000;
}

.whitechanger .resume .leftcolumn {
	margin-left: 210px;
	margin-top: 20px;
	margin-bottom: 20px;

}

.whitechanger .resume .rightcolumn {
	margin-top: 20px;
	margin-bottom: 20px;

}

.whitechanger .resume .leftcolumn a {
	color: #666666;
	text-decoration: none;
}

.whitechanger .resume .leftcolumn a:hover {
	color: #000000;
}