/* @override 
	http://localhost:8887/arvidtp.net/arvidtp/styles2009.css
	http://arvidtp.net/styles2009.css
*/

/*<agl.folder "text formatting">*/

/*h1 {
	color: #636363;
	font-size: 16px;
	font-weight: bold;
	font-stretch: expanded;
	background: #aadcff url(Resources/bubbles-big.png) fixed -10px 63px;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 32px;
	padding: 5px;
	border: 1px solid #ffba59;
}*/

body {
	background: #f4f4f4 url(Resources/bg-grad-1.png) repeat-x 0 -20px;
	color: #696969;
	font: 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-align: justify;
}

h1 {
	margin: 38px 0px 12px;
	/*max-width: 900px;*/
	font-size: 126%;
	padding: 12px 28px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #6e6e6e;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	background: #fff url(portfolio/grad3.png) repeat-x 0 8px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	border: 1px solid #e7e7e7;

}

h2 {
	color: #636363;
	font-size: 130%;
	font-weight: bold;
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center 10%;
	text-align: center;
	margin-top: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 3.5px;
}

.bigbox h3 {
	color: #636363;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin-top: 36px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
	padding: 5px;
	background: #ebebeb url(portfolio/grad4.png) repeat-x 0 0;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);

}

h4 {
	margin-bottom: 3px;
}

.bold {
	line-height: 293%;
	font-weight: bold;
	font-size: 120%;
	text-transform: lowercase;
}

.news p {
	font-size: 12px;
}

.boxed {
	background-color: #ffd983;
	margin: 7px;
	padding: 7px 18px;
	width: auto;
	height: auto;
	border: dashed 2px #ff9900
}

.boxedclear, .itembox {
	text-align: justify;
	border: 1px solid #e7e7e7;
	background: #eaeaea url(portfolio/grad4.png) repeat-x 0 0;
	padding: 16px 48px 32px;
	clear: both;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	margin-top: 18px;
}

.caAudioColl {
	text-align: justify;
	border: 1px solid #e7e7e7;
	background: #eaeaea url(portfolio/grad4.png) repeat-x 0 0;
	clear: both;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	margin-top: 18px;
	padding-right: 48px;
	padding-left: 48px;
}

.columnleft {
	
}

.super {
	font-size: 70%;
	font-stretch: condensed;
	vertical-align: super;
}

.booktitle {
	font-style: italic;
}

/*</agl.folder>*/

.imagebox {
	margin: 9px;
	padding: 3px;
	border: solid 1px #d2d2d2
}

.insticon {
	float: left;
	margin: 3px 9px 3px 0;
	padding: 3px;
	border: solid 1px #d2d2d2;
}

.iconright {
	float: right;
	clear: right;
	margin: 0 0 2px 4px;
}

.image {
	margin: 9px;
	padding: 3px;
	border: 1px #d2d2d2
}

.soundtri {
	margin: 0 3px 0 -2px;
	padding: 3px;
	border: 1px #d2d2d2;
}

.imageright {
	margin: 9px;
	padding: 3px;
	float: right;
	border: solid 1px #d2d2d2
}

a:link {
	color: #f60;
	text-decoration: none;
}

a:active {
	color: #f2e124;
}

a:hover {
	color: #2e7cc2;
	text-decoration: none;
}

a:visited {
	color: #3c72af;
	text-decoration: none;
}

/*<agl.folder "tables">*/

.cell-title {
	color: #3c3c3c;
	font-size: 15px;
	font-weight: bold;
	background-image: url(Resources/bubbles-big.png);
	background-repeat: repeat;
	background-attachment: fixed;
	vertical-align: middle;
	border: 1px #ffba59;
}

.cell-left {
	background-image: url(Resources/bubbles-big.png);
	background-repeat: repeat;
	background-attachment: fixed;
}

.table1 {
	font-size: 13px;
}

/*</agl.folder>*/

/*<agl.folder "left menu bar">*/

.menu {
	text-align: right;
	position: absolute;
	top: 5px;
	left: 15px;
	width: 125px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-webkit-box-shadow: 0px 0px 10px rgba(255, 100, 0, 0.8);
	-moz-box-shadow: 0px 0px 10px rgba(255, 100, 0, 0.8);
	background: #ff8300 url(portfolio/grad-white-top-400.png) repeat-x 0 -200px;
	color: #000;
	margin-top: 5px;
	border: 1px solid #fa7c00;
	padding: 41px 5px 20px 1px;
}

.currentpage {
	text-transform: lowercase;
	color: #ffe2af;
	text-shadow: rgba(255,255,255,0.86) 0 0 10px;
}

.menu div {
	min-height: 38px;
	color: white;
	text-align: center;
	font-size: 125%;
	text-shadow: #fff 0 0 24px;
	font-weight: bold;
}

.menu div a{
	color: #fff;
}

.menu a {
	color: #373736;
	margin-top: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	text-transform: lowercase;

}

 .menu a:hover {
	color: #fff;
	text-shadow: rgba(255,255,255,1.0) 0 0 15px;
}

.menu a:active {
	color: #ff4500;
}

.menu p {
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 10px;
	margin-bottom: 4px;
}

.menuSmall {
	font-size: 73%;
	font-stretch: condensed;
	color: #ffb276;
		/*text-shadow: rgba(255,255,255,0.86) 0 0 7px;*/
}

.sitename {
	font-size: 16px;
}

/*</agl.folder>*/

/*<agl.folder "page body">*/

.bigbox {
	min-width: 500px;
	min-height: 130px;
	text-align: justify;
	border: 1px solid #e7e7e7;
	background: white url(portfolio/grad2.png) repeat-x 0 -180px;
	padding: 16px 58px;
	clear: both;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	margin: 10px 10px 28px 155px;
}

.squidlogo {
	position: absolute;
	top: 1px;
	left: 130px
}

#logo-image {
	text-align: center;
	margin: 56px auto 69px;
}

.header {
	font-size: 11px;
	padding-top: 0;
	padding-bottom: 9px;
	width: 100%;
	text-align: left;
	text-transform: lowercase;
	margin-bottom: 38px;
	border-bottom: 1px solid #eee;
}

.pageTitle {
	font-size: 16px;
	font-weight: bolder;
	font-stretch: normal;
	padding: 0;
	margin-top: 0;
	margin-bottom: 9px;
	color: #696969;
}

.header {
	color: #a5a5a5;
}

.footer {
	font-size: 11px;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 1px;
	margin: 3px;
	position: relative;
	border-top: 1px solid #eee;
	color: #a5a5a5;
	clear: both;
}

.footer a {
	float: left;
	display: inline;
	margin-top: 10px;
}

.footer p {
	margin-bottom: 5px;
}

/*</agl.folder>*/

/*<agl.folder "unused">*/

.comments {
	padding: 5px;
	border: 1px #c1c1c1
}

div.galleryInfo {
	height: 100px;
	padding: 4px;
	font-size: 140%;
	border: 1px none #ffa72b;
	margin: 4px 48px;
}

div.galleryinfo img {
	padding: 3px;
	border: solid 1px #d2d2d2;
	margin-right: 32px;
}

.imagemain {
	margin: 3px 10px 0;
	top: 3px;
	left: 120px;
	text-align: center;
}

.imagemain img {
	border: 1px solid #5d5d5d;
}

p.interlinks {
	margin-top: 6px;
}

p.galleryTitle {
	visibility: hidden;
	margin: 0;
}

div.indexImages img {
	padding: 3px;
	border: solid 1px #d2d2d2;
}

/*.caAudioColl {
	border: 1px solid #ffa72b;
	padding: 0 16px;
	margin: 6px;
	text-align: justify;
}*/

.caRecordings {
	
}

.imageinfo {
	padding: 0 3px;
	position: absolute;
	top: 3px;
	left: 0;
	width: 112px;
	border-right: 1px dotted #dfdfdf
}

div.audioFileList {
	margin-bottom: 27px;
}

div.audioFileList p {
	margin-top: 6px;
	margin-bottom: 6px;
}

div.movie {
	margin-bottom: 47px;
}

.generator {
	color: #cccccc;
	font-size: 10px
}

/*</agl.folder>*/

.item {
	min-height: 128px;
	clear: both;
}

/*<agl.folder "Software">*/

.swlist {
	padding: 12px;
	display: table;
	padding: 12px;
	background: none repeat 11px 0;
	margin: 12px 12px 0;
}

.softwareitem {
	text-align: center;
	width: 171px;
	float: left;
	background: #fff url(portfolio/grad3.png) repeat-x 0 3px;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	margin: 4px;
	padding: 3px;
}

.swleft {
	width: 25%;
	float: left;
	min-width: 130px;
	margin-top: -20px;
	margin-right: 24px;
	display: table-cell;
}

.swright {
	display: table-cell;
	float: right;
}

/*	.swtable { display: table; }*/

/*</agl.folder>*/

div#shortPortfolioHeader {
	margin: 12px 24px;
	/*max-width: 900px;*/
	font-size: 136%;
	padding: 16px 48px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color: #505050;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	background: #ff8300 url(portfolio/grad4.png) repeat-x 0 -107px;
	text-align: center;
}

#shortPortfolioHeader a {
	color: white;
}

#shortPortfolioHeader a:hover {
}

#modest-machine-banner {
	background: url(modest-machine/purple-frame.jpg) repeat center /*34px*/;
	height: 68px;
	text-align: center;
}

span.mp3Info {
	color: #7f7f7f;
	font-size: 87%;
}

span.mp3InfoItem {
	margin-left: 5px;
	margin-right: 5px;
}

span.mp3Composer {
	font-style: italic;
}
