@charset "UTF-8";
/* CSS Document */
html, body{background-color:#5D87A1; }

.iphone {display:none}

body { text-align:center; font-family: QuicksandBook, arial, sans-serif; font-size: 12px; line-height: 15px; color:#503521; margin: 30px;}
a:link {color:#ccd1d7; text-decoration:none;} /* unvisited link */
a:visited {color:#ccd1d7; text-decoration:none;} /* visited link */
a:hover {color:#2F4451; text-decoration:none;} /* mouse over link */
a:active {color:#2F4451; text-decoration:none;} /* selected link */
a.current {color:#2F4451;}
	
h1 { font-size: 16pt; font-weight: normal; color: #2F4451; margin: 25px 0 15px;}
ul {padding:0px; margin:0px;}
ul li { list-style:none; }
img { border:none;}

/* Main Layout */
.centered {text-align:center}
div#main { width: 90%; height: 90%; padding: 50px; position: relative; margin: 0 auto;border: 1px solid #ccd1d7; }

div#navigation {position: relative; margin: 45px auto 0; text-align:center; width: 100%; font-size: 11pt; }
div#navigation ul { width: 375px; margin: auto;}
div#navigation.logged_in ul { width: 470px;}
div#navigation ul li {border-right: 1px solid #ccd1d7; padding: 0 12px 5px 12px;  display: block; float: left; width: 69px; list-style:none; 
						margin: 0; height: 11px; text-align:center}
div#navigation ul li.last {border-right:0px;}

/*Home Page */
div#home { width:100%;  position: relative; /* margin-top: 100px; */ padding-bottom: 15px; text-align:center;}
div#home img { margin-top: 30px;}
div#about h1 { margin-bottom: 0;}
div.bordered { width: 493px; height: 325px; margin: 15px auto 0; border: 30px solid #4e7891; background-color: #FFF; text-align: left; font-size: 0.9em;}
div.bordered img { float: left; margin-right: 20px;}
div.bordered p { padding-right: 20px;}
div.bordered a:link, div.bordered a:visited, div.bordered a:active { color: #503521;}
div.bordered a:hover { color: #2F4451;}

div#contact div { margin-left: 25px;}

div#footer {width: 100%; font-size:7pt; text-align: center; color:#ccd1d7; position: relative; top: -30pt;}

/* Portfolio Page */
div#portfolio { width: 598px; /*height: 374px;*/ margin: 12px auto 0; text-align: center; }
div#portfolio img { float: left;}
img.arrow { position: relative; top: 145px;}
a#previous img { margin-right: 15px; }
a#next img { margin-left: 15px; }

div#portfolio div#subNav { width: 580px; padding-top: 27px; margin: 0 auto 0; height: 102px; position: relative; }
div#portfolio div#subNav .thumbArrow { float: left; position: relative; top: 37px;}

div#portfolio div#thumbs { float: left; width: 543px; position: relative; left: 4px; height: 102px; overflow: hidden; margin: 0 10px;}
div#portfolio div#thumbs img { margin-right: 9px; border: 1px solid #FFF;}
div#portfolio div#thumbs img.last { margin-right: 0;}
div#portfolio div#mainImage { width: 534px; height: 374px; float: left; text-align: center;}
div#portfolio div#mainImage img { margin: 0 auto; float: none;}

/* for scrollable plugin */ 
.scrollable { position: relative;}
.scrollable .items { position: absolute; left: 0; top: 0; /*padding-left: 1px;*/ width: 90000000px; }
.scrollable .items div { float: left;}
.scrollable .items img { float: left;}
.scrollable .items a { float: left;}

/*Upload page */
div#upload { text-align: left; border: 1px solid #503521; padding: 10px; width: 400px;}

div#queue { padding: 10px; width: 550px;}
div#queue ul { width: 565px; margin-top: 9px; }
div#queue li { cursor: pointer; float: left; margin-right: 9px;}
div#queue li img { border: 1px solid #FFF;}

label { width: 100px; font-weight: bold; display: block; float: left;}
label em {font-size: 0.8em;}
input { float: left; margin-left: 10px; margin-bottom: 10px;}
input#submit {margin-left: 100px;}

img.ajaxIcon {}

form { display: block; width: 350px; margin: 0 auto;}
div#admin { width: 550px;  position: relative; margin: 20px auto 100px; padding-bottom: 15px;}