@import url(http://www.janchristianphoto.com/wp-content/plugins/easy-contact/sample/econtact-basic.css);










/*







Theme Name: Dreamline







Theme URI: http://www.flashdaweb.com/resources/wordpress-themes/dreamline-theme







Description:nice dark theme with fixed width and very stylish design. 







Author: Alexander Tumanov







Author URI: http://www.flashdaweb.com/







Tags: black, blue, fixed width, widget ready,valid XHTML,simple,valid css, two columns, widgets







Version: 1.4







	The CSS, XHTML and design is released under GPL:







*/











































/* Begin Typography & Colors */







body {







	font-size: 62.5%; /* Resets 1em to 10px */







	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;







	text-align: center;







	background-color: Black;







	/*background:#000000 url(images/body_bg.jpg) repeat-x scroll left top; */







	color:white;







	}















#page {







	text-align: left;



	font-size: 1.2em;

	line-height: 1.6em;



	}























#headerimg 	{







	margin: 7px 9px 0;







	padding-top: 10px;







	}















#site_content {



  position: relative;



  top: -255px;



  



  width: 878px;







  overflow: hidden;







  /*border-right: 1px solid;







  border-bottom: 1px solid;







  border-left: 1px solid;







  background-color:#000;*/







	border-color: #40403E;















} 















#content {







	font-size: 1em







	}















.widecolumn .entry p {







	font-size: 1.05em;



	







	}















.narrowcolumn .entry, .widecolumn .entry {







	line-height: 1.6em;







	}















.widecolumn {







	line-height: 1.6em;







	}















.narrowcolumn .postmetadata {







	text-align: center;



	



	}















.alt {







	/*background-color: #f8f8f8;







	*/







	background-color: #0D0D0D;







	border-top: 1px solid #343339;







	border-bottom: 1px solid #343339;







	}































small {







	font-family: Arial, Helvetica, Sans-Serif;







	font-size: 0.9em;







	line-height: 1.5em;







	}















h1, h2, h3 {







	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;







	font-weight: bold;



	



	color: #7F7F7F;







	}















h1 {







	font-size: 4em;







	}















#headerimg .description {







	font-size: 1.2em;







	}















h2 {







	font-size: 1.6em;



	}















h2.pagetitle {







	font-size: 1.6em;



	}















#sidebar h2 {







	font-family: 'Lucida Grande', Verdana, Sans-Serif;







	font-size: 1.3em;







	color: #b2b2b2;



	}







 







h3 {







	font-size: 1.3em;



	



	}















h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {







	text-decoration: none;







	color:#006699;







	}















h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {







	/*color: #333;*/







	







	}















h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {







	text-decoration: none;







	}







/*







.entry p a:visited {







	color: #006699;







	}







*/







#commentform textarea







{















}







#commentform textarea, #commentform input, #searchform input







{







background:#0D0D0D;







color:#ccc;







border:1px solid #37363C;







}







 







 #commentform textarea:focus, #commentform input[type="text"]:focus, #searchform input[type="text"]:focus {







	background: #1A1A1A;







	border:1px solid #003366;







}















.commentlist li, #commentform input, #commentform textarea {







	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;







	}















.commentlist li {







	font-weight: bold;



	color: #b2b2b2;



	}















.commentlist li .avatar { 







	float: right;







	border: 1px solid #eee;







	padding: 2px;







	background: #000;







	}















.commentlist cite, .commentlist cite a {







	font-weight: bold;







	font-style: normal;







	font-size: 1.1em;



	color: #006699;







	}















.commentlist p {







	font-weight: normal;







	line-height: 1.5em;







	text-transform: none;







	}















#commentform p {







	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;



	



	}















.commentmetadata {







	font-weight: normal;



	



	}















#sidebar {







	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;







	}















small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {







	color: #777;







	}















code {







	font: 1.1em 'Courier New', Courier, Fixed;







	}















acronym, abbr, span.caps







{







	font-size: 0.9em;







	letter-spacing: .07em;



	







	}







	







a, h2 a:hover, h3 a:hover {







/*color: #06c;*/







color:#006699;







text-decoration: none;







}







a:hover {







color: #147;







color:#006699;







text-decoration: underline;







}















#wp-calendar #prev a, #wp-calendar #next a {







	font-size: 9pt;







	}















#wp-calendar a {







	text-decoration: none;



	}















#wp-calendar caption {







	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;







	text-align: center;







	}















#wp-calendar th {







	font-style: normal;







	text-transform: capitalize;







	}







/* End Typography & Colors */































/* Begin Structure */







body {







	margin: 0 0 20px 0;







	padding: 0;







	}















#page {







	width:880px;







	padding:0px;







	margin-left: auto; 







  margin-right: auto;















	}















#header {







	background: url("http://janchristianphoto.com/wp-content/uploads/2009/06/navbar_background_film_new.gif") no-repeat;







	height: 101px;







        width: 782px;







        position: relative;







        left: 70px;







	padding: 0;







	z-index: -1;







	}















#headerimg {







	margin: 0;







	width: 100%;







	}















.narrowcolumn {







	float: left;







	padding: 0 0 20px 0px;







	margin: 0px 0 0 10px;







	width: 620px;







	}















.widecolumn {







	padding: 10px 0 20px 0;







	margin: 5px 0 0 150px;







	width: 450px;







	}















.post {







	margin: 0 0 40px;







	text-align: justify;	







	background:transparent url(images/db_first_bg.jpg) no-repeat scroll left top;







	clear:left;







	margin-bottom:10px;







	padding-top: 1px; padding-left: 30px;







	position:relative;







	margin-top: 20px;







	min-height:150px;







	}















.post hr {







	display: block;







	}















.widecolumn .post {







	margin: 0;







	}















.narrowcolumn .postmetadata {







	padding-top: 5px;







	}















.widecolumn .postmetadata {







	margin: 30px 0;







	}















.widecolumn .smallattachment {







	text-align: center;







	float: left;







	width: 128px;







	margin: 5px 5px 5px 0px;







}















.widecolumn .attachment {







	text-align: center;







	margin: 5px 0px;







}















.postmetadata {







	clear: both;







}















.clear {







	clear: both;







}















#footer {



        position: relative;



	top: -200px;	



        padding: 0;







	margin: 0 auto;







	width: 775px;







	clear: both;



	text-align: left;



	



	color: #656565;



	}















#footer p {







	margin: 0;







	padding: 20px 0;







	text-align: center;



	



	color: #656565;







	}







/* End Structure */































/*	Begin Headers */







h1 {







	/*padding-top: 23px;*/







	margin: 0;







	/*// padding-top: 31px; 







	







	 this is IE declaration*/















	}















h2 {







	margin: 30px 0 0;







	}















h2.pagetitle {







	margin-top: 30px;







	text-align: center;



	



	color: #7f7f7f;







}















#sidebar h2 {







	margin: 5px 0 0;







	padding: 0;







	}















h3 {







	padding: 0;







	margin: 70px 0 0;







	}















h3.comments {







	padding: 0;







	margin: 40px auto 20px ;







	}







/* End Headers */































/* Begin Images */







p img {







	padding: 0;







	max-width: 100%;







	}















/*	Using 'class="alignright"' on an image will (who would've







	thought?!) align the image to the right. And using 'class="centered',







	will of course center the image. This is much better than using







	align="center", being much more futureproof (and valid) */















img.centered {







	display: block;







	margin-left: auto;







	margin-right: auto;







	}















img.alignright {







	padding: 4px;







	margin: 0 0 2px 7px;







	display: inline;







	}















img.alignleft {







	padding: 4px;







	margin: 0 7px 2px 0;







	display: inline;







	}















.alignright {







	float: right;







	padding-top: 5px;







	}















.alignleft {







	float: left;







	padding-top: 5px;







	}







/* End Images */































/* Begin Lists















	Special stylized non-IE bullets







	Do not work in Internet Explorer, which merely default to normal bullets. */















html>body .entry ul {







	margin-left: 0px;







	padding: 0 0 0 30px;







	list-style: none;







	padding-left: 10px;







	text-indent: -10px;







	}















html>body .entry li {







	margin: 7px 0 8px 10px;







	}















.entry ul li:before, #sidebar ul ul li:before {







	content: "\00BB \0020";







	}















.entry ol {







	padding: 0 0 0 35px;







	margin: 0;







	}















.entry ol li {







	margin: 0;







	padding: 0;



	}















.postmetadata ul, .postmetadata li {







	display: inline;







	list-style-type: none;







	list-style-image: none;



	}















#sidebar ul, #sidebar ul ol {







	margin: 0;







	padding: 0;







	}















#sidebar ul li {







	list-style-type: none;







	list-style-image: none;







	margin-bottom: 15px;







	}















#sidebar ul p, #sidebar ul select {







	margin: 5px 0 8px;







	}















#sidebar ul ul, #sidebar ul ol {







	margin: 5px 0 0 10px;







	}















#sidebar ul ul ul, #sidebar ul ol {







	margin: 0 0 0 10px;







	}















ol li, #sidebar ul ol li {







	list-style: decimal outside;







	}















#sidebar ul ul li, #sidebar ul ol li {







	margin: 3px 0 0;







	padding: 0;







	}







/* End Entry Lists */































/* Begin Form Elements */







#searchform {







	margin: 10px auto;







	padding: 5px 3px;







	text-align: center;







	}















#sidebar #searchform #s {







	width: 108px;







	padding: 2px;







	}















#sidebar #searchsubmit {







	padding: 1px;







	}















.entry form { /* This is mainly for password protected posts, makes them look better. */







	text-align:center;







	}















select {







	width: 130px;







	}















#commentform input {







	width: 170px;







	padding: 2px;







	margin: 5px 5px 1px 0;







	}















#commentform textarea {







	width: 100%;







	padding: 2px;







	}















#commentform #submit {







	margin: 0;







	float: right;







	/*background-color:#CCCCCC;*/







	







	}







/* End Form Elements */































/* Begin Comments*/







.alt {







	margin: 0;







	padding: 10px;







	}















.commentlist {







	padding: 0;



	text-align: justify;







	}















.commentlist li {







	margin: 15px 0 3px;







	padding: 5px 10px 3px;







	list-style: none;







	}















.commentlist p {







	margin: 10px 5px 10px 0;



	}















#commentform p {







	margin: 5px 0;







	}















.nocomments {







	text-align: center;







	margin: 0;







	padding: 0;







	}















.commentmetadata {







	margin: 0;







	display: block;







	}







/* End Comments */































/* Begin Sidebar */







#sidebar







{







	padding: 20px 0 10px 0;







	margin-left: 660px;







	width: 210px;







	}















#sidebar form {







	margin: 0;







	}







/* End Sidebar */































/* Begin Calendar */







#wp-calendar {







	empty-cells: show;







	margin: 10px auto 0;







	width: 155px;







	}















#wp-calendar #next a {







	padding-right: 10px;







	text-align: right;







	}















#wp-calendar #prev a {







	padding-left: 10px;







	text-align: left;







	}















#wp-calendar a {







	display: block;







	}















#wp-calendar caption {







	text-align: center;



	



	width: 100%;







	}















#wp-calendar td {







	padding: 3px 0;







	text-align: center;







	}















#wp-calendar td.pad:hover { /* Doesn't work in IE */







	background-color: #ccc; }







/* End Calendar */































/* Begin Various Tags & Classes */







acronym, abbr, span.caps {







	cursor: help;







	}















acronym, abbr {







	border-bottom: 1px dashed #999;







	}















blockquote {







	margin: 15px 30px 0 10px;







	padding-left: 20px;







	border-left: 5px solid #ddd;







	}















blockquote cite {







	margin: 5px 0 0;







	display: block;







	}















.center {







	text-align: center;







	}















.hidden {







	display: none;







	}















hr {







	display: none;







	}















a img {







	border: none;







	}















.navigation {







	display: block;







	text-align: center;







	margin-top: 10px;







	margin-bottom: 60px;







	}







/* End Various Tags & Classes*/































/* Captions */







.aligncenter,







div.aligncenter {







	display: block;







	margin-left: auto;







	margin-right: auto;







}















.wp-caption {







	border: 1px solid #ddd;







	text-align: center;







	background-color: #f3f3f3;







	padding-top: 4px;







	margin: 10px;







	-moz-border-radius: 3px;







	-khtml-border-radius: 3px;







	-webkit-border-radius: 3px;







	border-radius: 3px;







}















.wp-caption img {







	margin: 0;







	padding: 0;







	border: 0 none;







}















.wp-caption p.wp-caption-text {







	font-size: 11px;







	line-height: 17px;







	padding: 0 4px 5px;







	margin: 0;







}







/* End captions */















#primary_menu {







/*background:#40403E none repeat scroll 0% 0%;







*/







border-color:#82974B;







color:#EEEEEE;







}







#primary_menu ul







{







	padding:0px; /* this is IE declaration*/







margin:0px;/* this is IE declaration*/







}







#primary_menu li







{height: 33px;}







#site_content







{







	margin-top: 0px;







}







#primary_menu {







height:32px;







width:880px;







clear:both;







margin-bottom:1px;







// margin-bottom:0px; /* this is IE declaration*/







}















#primary_menu ul







{







	padding:0px;







}







#primary_menu li {







float:left;







list-style-image:none;







list-style-position:outside;







list-style-type:none;







margin:0px;







padding:0px;







 background:transparent url(images/nav_tab_bg.png) no-repeat scroll left top;







  







}















#primary_menu li a 







{ display: block;







  float: left;







  height:26px;







  text-decoration: none; 







  padding: 6px 19px 0px 19px;







  border-right: 2px solid #141414;







  font-weight: bold;







  background: #40403E;







  color: #929280;







   border-bottom:1px solid #343339;







 background:transparent url(images/nav_tab_bg_right.png) no-repeat scroll right top;







 font-size:130%;







} 















#primary_menu li a:hover, #menu li a.selected, #menu li a.selected:hover







{







  color: #EEE;







  border-right: 2px solid #141414;







  border-bottom:1px solid #04BBF8;







  /*	background:transparent url(images/nav_tab_bg.png) no-repeat scroll left top;







	background-position: 0 -34px;*/







} 































/* CSS addons and fixes 







--------------------------------------------*/















li.widget







{







	background:transparent url(images/db_first_bg_small.jpg) no-repeat scroll left top;







margin:20px 0pt 10px;







padding-left:20px;







padding-top:10px;







position:relative;







text-align:justify;







min-height:85px;







}















.time_link







{



	color: #656565;







}















.comment_link







{







	background: url('icons/action_im.gif') no-repeat scroll left top;







	padding-left:20px;







}







.post span.comment_link a, .post span.comment_link a:hover







{







	text-decoration:none;



	color: #656565;







}







.edit_link







{







	background: url('icons/edit.gif') no-repeat scroll left bottom;







	padding-left:20px;







	min-width:0px;















}















#sidebar li a







{







	font-size:130%;







}







.post span 







{	margin:0px;







}







.post span a







{	color:#7f7f7f;







text-decoration:underline;







}















.post span a:hover







{



	color: #b2b2b2;



	text-decoration:underline;







}















.comment_edit 







{



	float:right;







	margin:0px;







}







.post h2







{



	color: #006699;



	margin-bottom:10px;







}















#commentform #submit:hover, #searchform #searchsubmit:hover







{







	background:#272727;







	cursor:pointer;







}





#aboutpicture {



float:right;



margin:5px 30px 60px 30px;



position:relative;



top:-35px;



}









/* New Navigation Menu - William Clayton and Jan Christian*/



















#navtitle a {







    position: relative;







     top: -80px;







    left: 75px;



	



}



















#nav1 a {



    position: relative;







    top: -173px;







    left: 423px;







}







#nav2 a {







    position: relative;







    top: -225px;







    left: 536px;











}















#nav3 a {







    position: relative;







    top: -277px;







    left: 622px;











}











#nav4 a {







    position: relative;







    top: -329px;







    left: 725px;







}







/* corner border  */ 



#cornerborder



{



background:  transparent url("http://janchristianphoto.com/wp-content/themes/dreamline/images/db_first_bg.jpg") no-repeat ;







	position: relative;



	z-index: -100;



	left: -30px;







	top: 80px;



	



	margin:20px 0pt 10px;







	padding-left:20px;







	padding-top:10px;







	text-align:justify;







	min-height:122px;







}







#cornerborder a



{



	position: relative;

	
	left: 10px;



	top: 23px;



}