/*
     Filename: mycornerstudio.css
     Date: 11/15/2013
     Programmer: Michael Stocks
*/

/* CSS for MyCornerStudio */

#credits	{ border-top:1px solid #eee8d5;margin:30px 10px 10px 10px;padding:10px;clear:both; }
#credits p	{ font-size:12px;margin:0;padding:0; }

.thumbs		{ margin:0;padding:0;line-height:normal; }
.thumbs li	{ display:inline-block;vertical-align:top;padding:0;list-style-type:none;margin:0; }

.jsOff .thumbs li	{ width:100px;margin-bottom:5px;background:#fff;border:5px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,0.1) }
.jsOff .caption		{ min-height:52px;font-size:12px;line-height:14px; }
.jsOff #gallery		{ display:none; }

.jsOn .thumbs		{ width:288px; }
.jsOn .thumbs li	{ width:86px; }
.jsOn .thumbs img	{ border:3px solid #fff;max-width:80px;opacity:0.6; }
.jsOn #thumbs		{ float:left; }

#gallery			{ float:left;width:600px;position:relative;background:#fff;padding:10px;margin-bottom:20px;line-height:18px; }
.ss-controls		{ text-align:right;float:right;width:40%; }
.nav-controls		{ float:left;width:40%; }
#controls a			{ font-size:14px;color:#002B36;background:100% 0px no-repeat url(../images/controls/sprite.png);padding-right:18px; }
#controls a.pause	{ background-position: 100% -18px; }
#controls a.prev	{ background-position: 0 -36px;padding-right:0;padding-left:18px;margin-right:10px; }
#controls a.next	{ background-position: 100% -54px; }
.caption			{ font-size:24px;padding:5px 0; }
.thumbs li.selected img	{ border-color:#000;opacity:1; }

/* customizations by Michael Stocks - 5/13/2013 */

h2 {
     color: #002836;
	 margin: 0;
}

.caption {
     color: #002836;
}

#left-col img {
	margin-right: 33%;
	margin-left: 33%;
	height: 400px;
	width: 300px;
}

#footer {
	font-size: x-small;
	text-align: center;
	float: none;
	clear: both;
}

#gallery slideshow img {
	margin-right: auto;
	margin-left: auto;
}

#rowcol11 {
	float: left;
}

#rowcol12 {
	float: left;
}

#rowcol13 {
	float: left;
}

#new-sketches-row2 {
    clear: both;
}

#rowcol21 {
	float: left;
}

#rowcol22 {
	float: left;
}

#rowcol23 {
	float: left;
}

#new-sketches-row3 {
    clear: both;
}

#rowcol31 {
	float: left;
}

#rowcol32 {
	float: left;
}

#rowcol33 {
	float: left;
}