@import url("jquery.lightbox-0.5.min.css");

/* Text and general formatting */
body {
	margin: 0;
	padding: 0;
	font-family:georgia, verdana, sans-serif;
	font-size: 12px;
	text-align: center;
}

a{
	color:#566EE3;
	text-decoration:none;
}

a:hover{color:#FF6C00;}

h1{
	font-size:11px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	color:#515151;
}

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

h2{
	font-size:18px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:18px;
	text-shadow: 1px 1px 1px #808080;
}

div#subnav
{
    display:block;
    clear:both;
    margin:0px 0px 10px 0px;
}

div#subnav a{}

div#subnav ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

div#subnav li
{
    float:left;
    margin-right:10px;
}

a.orange{color:#FF6C00;text-decoration:none;}
a.orange:hover{color:#000;text-decoration:none;}
p{margin-top:0px;margin-bottom:10px;text-align:justify;}

div#contactMessage
{
	font-weight:bold;
	padding:3px;
	clear:both;
}

p.red{color:#ff0000;}
div.hidden{display:none;}

div.portfolioCol a,
div.appPortfolioCol a
{
	color:#000;
	text-decoration:underline;
}

div.portfolioCol a:hover,
div.appPortfolioCol a:hover
{
	color:#FF6C00;
}

/* Site Containers */
div#loader{
	width:31px;
	height:31px;
	display:none;
	
	position:absolute;
	top:50%;
	left:50%;
}

div#container {
	width: 700px;
	height: 500px;
	margin:20px auto 0px auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color:#ffffff; /*242527*/
	
	box-shadow: 5px 5px 5px #888888;
	-moz-box-shadow: 5px 5px 5px #888888; 
	-webkit-box-shadow: 5px 5px 5px #888888;
	-khtml-box-shadow: 5px 5px 5px #888888; 

	border:1px solid #cccccc;
}

.leftRadius
{
    border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -khtml-border-radius-topleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
}

.leftbottomRadius
{
    border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    -khtml-border-radius-bottomleft: 5px;
}

div#leftPanelContainer
{
	width:141px;
	height:100%;
	background-color:#D8D8D8;
	float:left;
	position:relative;
}

div#rightPanelContainer
{
	width:559px;
	height:auto;
	float:left;
}

* html div#rightPanelContainer{width:499px;}

/* Left panel */
div.logoContainer
{
	width:auto;
	height:23px;
	color:#515151;
	background-color:#CCCCCC;
	/*text-shadow: 2px 2px 2px #808080;*/
	text-align:center;
}

div.navigation
{
	width:auto;
	height:108px;
	background-color:#566EE3;
	margin-top:72px;
	margin-bottom:127px;
	/*text-shadow: 3px 3px 3px #3f53b3;*/
}

div#socialmedia
{
	text-align:center;
	color:#515151;
	width:100%;
	background-color:#C2C2C2;
	position:absolute;
	bottom:0px;
}

.open{height:62px;}
.close{height:24px;}

div#socialmedia ul
{
	list-style-type:none;
	padding:5px 0px 5px 0px;
	margin:0px;
	text-align:center;
}

div#socialmedia li
{
	float:left;
	margin:0px 2px 0px 3px;
	text-align:center;
}

div.center{width:126px;margin:0px auto 0px auto;}

/* Right Panel */

/* front page */
div.frontPage
{
	width:100%;
	height:108px;
	background-color:#CCCCCC;
	margin-top:95px;
	position:relative;
}

div.frontPageImage
{
	width:84px;
	height:94px;
	padding-top:7px;
	margin-left:10px;
	float:left;
}

div.frontPageText
{
	width:420px;
	padding-top:7px;
	margin-left:10px;
	float:left;
}

/* about me */
div.aboutPix
{
	width:55px;
	height:100px;
	margin-right:10px;
	float:left;
}

div.aboutText
{
	width:400px;
	height:auto;
	float:left;
}

/* Photos */
p.photoDetails{
	margin:0px;
}

div.photosContainer{
	width:auto;
	height:auto;
	margin-top:18px;
	clear:both;
	position:relative;
}

div.photoContainer{
	width:75px;
	height:75px;
	margin:0px 5px 10px 5px;
	float:left;
	
	box-shadow: 3px 3px 3px #888888;
	-moz-box-shadow: 3px 3px 3px #888888; 
	-webkit-box-shadow: 3px 3px 3px #888888;
	-khtml-box-shadow: 3px 3px 3px #888888; 
}

span.flickr1{color:#0063DC;}
span.flickr2{color:#FF0084;}

/* Portfolio */
div.portfolioCol
{
	width:40%;
	height:auto;
	margin-right:20px;
	float:left;
}

div.appPortfolioCol
{
	width:80%;
	height:auto;
	margin-right:20px;
	float:left;
}



div.awardContainer
{
	width:210px;
	height:auto;
	text-align:center;
}



/* Contact */

div.formLabel
{
	width:55px;
	height:auto;
	padding-bottom:10px;
	float:left;
	text-align:right;
	margin-right:5px;
}

div.formField
{
	width:230px;
	height:auto;
	padding-bottom:10px;
	float:left;
}

input[type='text'],
input[type='email'],
textarea
{
    background: #ffffff;
    border:solid 1px #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font: italic 13px Georgia, "Times New Roman", Times, serif;
    outline: none;
    padding: 5px;
    width: 200px;
    margin-right:10px;
}

textarea
{
    width: 300px;
    height: 180px;
}

label[for='Name'],
label[for='EmailAddress'],
label[for='Message']
{
    /*display:none;*/
}

label.invalid
{
    padding:5px 0px 5px 0px;
    font-size:10px;
    width:16px;
    height:16px;
    text-indent:-100000;
    padding-left:20px;
    background:transparent url(/images/wrong.png) no-repeat;
}

input.valid,
textarea.valid
{
    border:solid 1px green;
}

.field-validation-error{color:red;}

input-validation-error,
input.invalid,
textarea.invalid
{
    border:solid 1px red;
}

div.fieldElement
{
    border:none;
    margin:0px 0px 10px 0px;   
    padding:0px;
}

input[type='submit']
{
    font: italic 13px Georgia, "Times New Roman", Times, serif;
    padding: 2px;
    width: 150px
}

.grey{color:#888888;}

.loader,div#confirm{display:none;}

/* a href styles */

div.navigation a
{
	color:#fff;
	text-decoration:none;
}



div.navigation a:hover
{
	color:#ADBBFF;
}

/* List Styles */

div.navigation ul
{
	padding:0px;
	margin:0px;
}



div.navigation li
{
	list-style-type:none;
	margin-bottom:10px;
}



div.portfolioCol ul , div.appPortfolioCol ul
{
	padding:0px;
	margin:0px;
}



div.portfolioCol li , div.appPortfolioCol li
{
	list-style-type:none;
	margin:0px;
}



/* Padding */
div.padding10{ padding:10px; }
div.paddingTop5{ padding-top:5px; }
div.paddingMain{ padding:58px 10px 0px 18px; }

/* Table */
table
{
	font-family: georgia, verdana, sans-serif;
	text-align:left;
	
	border:none;
	border-collapse:collapse;
	padding: 0px;
}

table.music
{
	width:90%;	
}

th{
	font-weight:bold;
}

td, th{
	padding: 0px;
}

th.width10
{
	width:10px;
}

.polaroid {
    width: 50px;
    padding: 5px 5px 20px 5px;
    border: 1px solid #BFBFBF;
    background-color: white;
    -webkit-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
    -moz-box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
    box-shadow: 2px 2px 3px rgba(135, 139, 144, 0.4);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    transform: rotate(9deg);
}

#twitter{margin-top:10px;display:none;}

/* Utilities */
img{ border:none; }
form{ margin:0px; }
.clearboth{ clear:both; }