/*
Theme Name: Andrew Yoon
Theme URI: http://andrewyoon.com/
Description: "A masterpiece by midnight."
Version: X
Author: Andrew Yoon
Author URI: http://andrewyoon.com/

Stay hungry. Stay foolish.
*/

/*********************************************** Globals / Reset ***/

body {
	font: 12px/16px arial, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: #333333 url(images/wood.jpg) top left repeat; }


p,ul,ol,li,dt,dl,dd,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}

a {
	color: #FF2A00;
	text-decoration: none; }
	
a:hover {	
	color: #DB0000;
	text-decoration: none; }

a img { border: none; }

.container {
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	background: #ffffff; }



/************************************ GLOBAL COLOR TWEAK ********/

a {	color: #FF2A00; }
	
.header ul li.logo a:hover, 
.header ul li.essays a:hover,
.header ul li.portraits a:hover,
.header ul li.environments a:hover,
.header ul li.fashion a:hover,
.header ul li.about a:hover,
.feed_navigation .button_previous a,
.feed_navigation .button_next a,
.side_container ul li a:hover,
ul.cards li a:hover,
.cv_container ul.cards li a:hover {
	color: #FFFFFF;
	background: #FF2A00; }

/****************************************************************/	






@font-face {
	font-family: f_book;
	src: url('fonts/f_book.ttf'); /*For IE*/
	src: local('f_book'), url('fonts/f_book.ttf') format('truetype'); }

@font-face {
	font-family: f_medium;
	src: url('fonts/f_medium.ttf'); /*For IE*/
	src: local('f_medium'), url('fonts/f_medium.ttf') format('truetype'); }

@font-face {
	font-family: f_heavy;
	src: url('fonts/f_heavy.ttf'); /*For IE*/
	src: local('f_heavy'), url('fonts/f_heavy.ttf') format('truetype'); }

@font-face {
	font-family: s_regular;
	src: url('fonts/s_regular.ttf'); /*For IE*/
	src: local('s_regular'), url('fonts/s_regular.ttf') format('truetype'); }

@font-face {
	font-family: s_bold;
	src: url('fonts/s_bold.ttf'); /*For IE*/
	src: local('s_bold'), url('fonts/s_bold.ttf') format('truetype'); }




/*********************************************** Navigation ***/

.header {
	float: left;
	position: fixed;
	text-align: center;
	width: 100%;
	height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	background: url(images/header_bg.png) top left repeat-x;
	/*
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	*/ }

.header ul {
	width: 900px;
	border: 0;
	margin: 0px auto 0px auto;
	padding: 0;
	display: block;
	list-style-type: none; }

.header ul li {
	float: right;
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none; }

.header ul li a {
	float: left;
	text-align: center;
	padding: 4px 10px 4px 10px;
	margin: 4px 0px 5px 0px;
	height: 15px;
	color: #000000;
	font: 10px/16px f_heavy, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	display: block;
	border: 0px; }

.header ul li a:hover {
	text-decoration: none; }

.header ul li.logo {
	float: left; }

body.essays .header ul li.essays a,
body.portraits .header ul li.portraits a,
body.environments .header ul li.environments a,
body.fashion .header ul li.fashion a,
body.about .header ul li.about a {
	background: #111111;
	color: #ffffff; }

.header ul li.blog a,
.header ul li.blog_about_contact a,
.header ul li.archives a {
	display: none; }


/*********************************************** Feed ***/

.feed_container {
	float: left;
	width: 920px;
	padding: 0px 0px 0px 0px;
	margin: 62px 0px 0px 0px; }

.feed_container .entry {
	float: left;
	width: 900px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #FFFFFF; }

.feed_container .entry .photo {
	float: left;
	width: 900px;
	margin: 2px 0px 3px 0px; }

.feed_container .entry .description {
	float: left;
	text-align: center;
	width: 900px;
	color: #000000;
	font: 10px/15px f_heavy, arial, sans-serif;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 23px 0px 12px 0px;
	margin: 0px 0px 0px 0px; }

.feed_container .entry .description h2 {
	float: left;
	display: inline;
	font: bold 12px/16px arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 8px 0px 0px; }

.feed_container .entry .meta {
	float: left;
	width: 230px;
	color: #000000;
	font: 11px/14px arial, sans-serif;
	padding: 15px 10px 25px 10px;
	margin: 0px 0px 0px 0px; }

.feed_container .entry .meta .date_comments {
	float: left;
	width: 230px;
	color: #000000;
	font: bold 11px/14px arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; }

.feed_container .entry .meta .tags {
	float: left;
	width: 230px;
	color: #000000;
	font: 10px/12px arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; }


/*********************************************** Footer ***/

.footer {
	float: left;
	width: 900px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 20px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
	background: #111111; }

.footer_spacer {
	float: left;
	width: 900px;
	height: 20px;
	background: none; }

.footer .col {
	float: left;
	color: #333333;
	padding: 10px 0px 10px 20px;
	color: #777777;
	font: 12px/18px f_medium, arial, sans-serif;
	width: 620px; }

.footer .col h5{
	color: #888888; }

.footer .col.last {
	width: 200px;
	padding: 0px 0px 0px 30px;
	border-left: 1px #333333 dotted; }



.footer .col.last li {
	margin: 0px 0px 0px 2px; 
	list-style-type: none; }


.footer .col a:hover {
	color: #E68A8D; }

.footer .col a img {
	float: left;
	border: 2px #444444 solid;
	margin: 5px 3px 0px 0px; }

.footer .col a:hover img {
	border: 2px #666666 solid; }

.footer .col #search {
	float: left;
	padding: 0px 0px 5px 0px; }

.footer .copyright {
	float: left;
	width: 300px;
	font: 10px/14px arial, sans-serif;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px; }


/*********************************************** Footer ***/

ul.cards {
	float: left;
	width: 940px;
	border: 0;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	list-style-type: none; }

ul.cards li {
	float: left;
	border: 0;
	padding: 0px;
	margin: 0px;
	display: block;
	list-style-type: none; }

ul.cards li a {
	float: left;
	text-align: center;
	width: 200px;
	height: 180px;
	padding: 13px 10px 10px 10px;
	margin: 13px 13px 0px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	overflow: hidden;
	background: #f2f2f2;  }

ul.cards li a span.thumb {
	float: left;
	width: 200px;
	height: 160px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background: #333333;  }

ul.cards li a span.title {
	float: left;
	width: 190px;
	height: 16px;
	overflow: hidden;
	color: #000000;
	text-transform: uppercase;
	font: 9px/15px f_medium, arial, sans-serif;
	letter-spacing: 0.15em;
	padding: 8px 5px 5px 5px; }

ul.cards li a span.date {
	float: left;
	width: 190px;
	color: #999999;
	font: 9px/13px arial, sans-serif;
	text-transform: uppercase;
	padding: 0px 5px 0px 5px; }


ul.cards li a:hover span.title {
	color: #ffffff; }




.year_divider {
	float: left;
	width: 900px;
	color: #333333;
	font: 14px/18px arial, serif;
	padding: 0px 20px 2px 20px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px #aaaaaa dotted; }



/*********************************************** Blog/Contact ***/

.contact_header {
	float: left;
	width: 900px;
	padding: 20px 20px 20px 20px;
	background: #111111; }
		
.blog_container h1,
.blog_container h2,
.blog_container h3,
.blog_container h4 {
	float: left;
	font: 15px/19px arial, sans-serif;
	color: #000000;
	padding: 0px 0px 5px 7px; }

.blog_container {
	float: left;
	width: 920px;
	padding: 0px 0px 0px 0px; }

.blog_container .blog {
	float: left;
	width: 900px;
	padding: 0px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
	background: #ffffff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; }

.blog_container .blog h2 {
	float: left;
	width: 900px;
	text-align: center;
	font: 13px/22px arial, sans-serif;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; }

.blog_container .blog h3 {
	float: left;
	width: 900px;
	text-align: center;
	font: 10px/14px arial, sans-serif;
	text-transform: 
	color: #333333;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 10px 2px; }


.blog_container .blog h4 {
	float: left;
	width: 458px;
	font: 12px/14px arial, sans-serif;
	color: #DB0000;
	padding: 0px 0px 0px 2px; }

.blog_container .blog h5 {
	float: left;
	width: 458px;
	font: 12px/14px arial, sans-serif;
	color: #666666;
	padding: 0px 0px 0px 2px; }



.blog_container .blog h2 a {
	float: left;
	width: 900px;
	text-align: center;
	color: #000000;
	font: 15px/22px f_heavy, arial, sans-serif;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	padding: 9px 0px 7px 0px;
	margin: 15px 0px 10px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; }

.blog_container .blog h2 a span {
	color: #42cacc; }

.blog_container .blog h2 a:hover {
	background: #dddddd;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px; }



.blog_container .blog .title_divider {
	float: left;
	width: 880px;
	border-top: 1px dotted #cccccc;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px; }

.blog_container .blog .title_divider .meta_box {
	float: right;
	color: #111111;
	background: #ffffff;
	text-transform: uppercase;
	font: 9px/14px arial, sans-serif;
	margin: -10px 0px 0px 5px;
	padding: 1px 10px 1px 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc; }















.about_left {
	float: left;
	width: 650px;
	padding: 20px 0px 5px 0px; }

.about_right {
	float: left;
	width: 210px;
	padding: 10px 20px 15px 20px;
	margin: 10px 0px 0px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #dddddd; }


.about_left .about_container {
	width: 550px;
	margin: 0px 0px 0px 20px; }

.about_right .about_container {
	width: 250px; }

.blog_container .about_left .about_container h5 {
	float: left;
	width: 550px;
	text-align: center;
	font: 14px/24px f_heavy, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	color: #111111;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 7px 0px;
	border-bottom: 1px dotted #cccccc; }

.blog_container .about_right .about_container h5 {
	float: left;
	width: 200px;
	font: 14px/24px arial, sans-serif;
	color: #666666;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 7px 0px;
	border-bottom: 1px dotted #aaaaaa; }



.middle_container {
	float: left;
	width: 430px;
	height: 380px;
	padding: 10px 10px 10px 10px;
	margin: 0px 10px 10px 10px;
	background: #ffffff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; }

.middle_container h5 {
	width: 430px;
	text-align: center;
	border-bottom: 1px dotted #cccccc;
	font: 11px/16px f_heavy, arial, sans-serif;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 8px 0px;
	display: block; }


.middle_container p {
	width: 400px;
	font: 11px/16px f_medium, arial, sans-serif;
	letter-spacing: 0.1em;
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 10px 15px;
	display: block; }

.middle_container p strong {
	font: 11px/16px f_heavy, arial, sans-serif; }

.side_container {
	float: left;
	width: 205px;
	height: 380px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	background: #ffffff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; }

.side_container h5 {
	width: 205px;
	text-align: center;
	border-bottom: 1px dotted #cccccc;
	font: 11px/16px f_heavy, arial, sans-serif;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 8px 0px;
	display: block; }

.side_container ul {
	width: 205px;
	border: 0;
	margin: 0px;
	padding: 0;
	display: block;
	list-style-type: none; }

.side_container ul li {
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none; }

.side_container ul li a {
	float: left;
	text-align: center;
	width: 185px;
	padding: 6px 10px 3px 10px;
	margin: 1px 0px 0px 0px;
	color: #000000;
	font: 9px/14px f_medium, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	display: block;
	border: 0px; }











.blog_container .blog p {
	float: left;
	color: #000000;
	width: 860px;
	text-align: justify;
	font: 13px/24px georgia, serif;
	padding: 10px 20px 15px 20px;
	text-indent: 30px;
	-webkit-column-count: 1;
    -webkit-column-gap: 35px;
    -moz-column-count: 1;
    -moz-column-gap: 35px; }

.blog_container .blog .twofer {
	float: left;
	width: 920px;
	color: #333333;
	font: 12px/20px arial, sans-serif;
	padding: 5px 0px 5px 0px; }

.blog_container .blog .twofer img {
	float: left;
	width: 445px;
	margin: 0px 10px 0px 0px; }


.blog_container .blog p a.more-link {
	float: left;
	width: 910px;
	text-align: center;
	font: italic 12px/20px arial, sans-serif;
	padding: 25px 30px 4px 0;
	margin: -40px 0 -20px -40px;
	background: transparent url(images/show_more.png) top center no-repeat; }


h6 a {
	float: left;
	width: 200px;
	text-align: center;
	font: 12px/16px arial, sans-serif;
	padding: 3px 0px 4px 0px;
	border: 1px #bbbbbb dotted; }

h6 a:hover {
	background: #dddddd; }


.about_container h2 {
	float: left;
	width: 380px;
	color: #000000;
	font: 15px/22px arial, sans-serif;
	padding: 0px 0px 0px 0px; }

.about_container .crossfit h3 {
	float: left;
	width: 183px;
	border-bottom: 1px #aaaaaa dotted;
	font: bold 9px/14px arial, sans-serif;
	color: #000000;
	text-transform: uppercase;
	padding: 4px 10px 1px 7px;
	margin: 0px 0px 0px 0px; }

.about_container .crossfit p {
	float: left;
	width: 183px;
	font: 10px/14px arial, sans-serif;
	padding: 5px 10px 5px 7px; }




.about_container ul.recent_entries {
	float: left;
	border: 0;
	display: block;
	list-style-type: none;
	width: 200px;
	padding: 0px;
	margin: 0px 0px 5px 1px; }

.about_container ul.recent_entries li a {
	float: left;
	text-align: left;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 5px 0px;
	display: block;
	border: 0px; }

.about_container ul.recent_entries li a .title {
	float: left;
	width: 183px;
	font: 12px/16px arial, sans-serif; }

.about_container ul.recent_entries li a .date {
	float: left;
	width: 183px;
	color: #444444;
	font: 10px/14px arial, sans-serif; }

.about_container ul.recent_entries li a:hover .date {
	color: #DB0000; }






.about_container ul.good_people {
	float: left;
	width: 250px;
	border: 0;
	margin: 0px 0px 0px 1px;
	padding: 0;
	display: block;
	list-style-type: none; }

.about_container ul.good_people li {
	float: left;
	width: 230px;
	padding: 1px 10px 1px 0px;
	margin: 0px 10px 0px 0px;
	height: 15px;
	font: 11px/14px arial, sans-serif;
	color: #666666;
	display: block;  }





.feed_navigation {
	float: left;
	width: 920px;
	margin: -50px 0px 0px 0px; }

.feed_navigation .button_previous a {
	float: left;
	width: 100px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font: 11px/14px f_medium, arial, sans-serif; }

.feed_navigation .button_next a {
	float: right;
	width: 100px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font: 11px/14px f_medium, arial, sans-serif; }

.feed_navigation .button_previous a:hover,
.feed_navigation .button_next a:hover {
	background: #cd2200; }




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; display: none;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#imageData #caption {
	float: left;
	width: 900px;
	font: normal 11px/15px f_medium, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #000000;
	text-align: center;
	padding: 11px 0px 23px 0px; }

#bottomNav {
	display: none; }




/*********************************************** Resume ***/

.photo_container {
	float: left;
	width: 900px;
	margin: 0px 0px 0px 0px; }


.pod_column {
	float: left;
	width: 455px; }

.half_pod {
	float: left;
	width: 435px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #FFFFFF; }


.half_pod h2 {
	float: left;
	width: 435px;
	text-align: center;
	color: #000000;
	font: 15px/22px f_heavy, arial, sans-serif;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	border-bottom: 1px dotted #cccccc;
	padding: 9px 0px 15px 0px;
	margin: 5px 0px 0px 0px; }

.half_pod h3 {
	float: left;
	width: 415px;
	color: #000000;
	font: 13px/18px f_medium, arial, sans-serif;
	letter-spacing: 0.10em;
	padding: 0px 0px 0px 0px;
	margin: 20px 10px 0px 10px; }

.half_pod p {
	float: left;
	width: 415px;
	color: #000000;
	text-indent: 20px;
	font: 12px/18px georgia, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 5px 10px; }


.half_pod h3 span {
	font-weight: normal;
	color: #aaaaaa;
	margin: -5px 0px 0px 2px; }

.half_pod h3 span.right {
	float: right;
	margin: -5px 0px 0px 5px; }
	


.blog_container .blog h2 a {
	float: left;
	width: 900px;
	text-align: center;
	color: #000000;
	font: 15px/22px f_heavy, arial, sans-serif;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	padding: 9px 0px 7px 0px;
	margin: 15px 0px 10px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; }






.cv_container h3 {
	color: #3da69b;
	font: 18px/20px arial, sans-serif;
	margin: 20px 0px 0px 0px; }

.cv_container h3 span {
	font-weight: normal;
	color: #888888;
	font: italic 11px/20px arial, sans-serif;
	margin: 0px 0px 0px 5px; }

.cv_container h3 span.right {
	float: right;
	margin: 2px 0px 0px 5px; }
	
.cv_container p {
	font: 12px/18px arial, sans-serif;
	margin: 0px 0px 10px 0px; }

.cv_container p.padded {
	margin: 20px 0px 10px 0px; }


.cv_container .right_col ul {
	float: left;
	margin: 10px 0px 10px 0px; }

.cv_works_divider {
	float: left;
	width: 940px;
	border-bottom: 1px dotted #999999;
	margin: 0px 0px 15px 0px; }

.footer .feet .col.cv_last {
	width: 400px;
	border: none; }

.footer .feet .col.cv_last .col_body {
	width: 400px; }

.cv_container ul.cards {
	margin: 0px 0px 0px 0px; }

.cv_container ul.cards li a {
	margin: 4px 4px 0px 0px;
	padding: 10px;
	height: 160px;
	border: 1px #dddddd solid;
	background: #ffffff; }

.cv_works_title a {
	float: left;
	width: 920px;
	text-align: center;
	font: 13px/22px f_medium, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	padding: 16px 0px 6px 0px;
	margin: -12px 0px 0px -10px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px; }

.cv_works_title a span {
	color: #ffffff; }

.cv_works_title a:hover span {
	color: #aaaaaa;
	font: 10px/18px f_medium, arial, sans-serif;
	text-transform: uppercase; }


.cv_works_description {
	float: left;
	width: 880px;
	margin: 10px 0px 15px 20px;
	font: 12px/16px georgia, serif;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-count: 2;
    -moz-column-gap: 40px; }

.cv_works_description li {
	margin: 0px 0px 5px 0px;
	list-style-type: disc; }


body.ui #imageDetails {
	display: none; }