@charset "utf-8";
/* 	
	Jessica J Allan
	
	Created by Daniel J Diggle : http://www.danieldiggle.com
	
	- INDEX

	0. Body
	1. Main sections
	2. Elements
	3. Typography
	4. Links
	5. Lists
	6. Shop

*/

/* 0. Body */

body {
	font-family: Georgia, Palatino, Times New Roman, Times, san-serif;
	font-size:70%;
	line-height:1.2em;
	width:100%;
	background-color:#efefef;
}
.holding-image {
	width:152px;
	margin:0px auto;
	margin-top:200px;
}
/* 1. Main Containers */

#wrap {
	width:960px;
	margin:0px auto;
	margin-top:30px;
}
#innerwrap {
	width:960px;
	margin-top:30px;
	/*padding-bottom:100px;*/
	position:absolute;
}
#leftcolumn {
	width:160px;
	float:left;
	background-image: url(../imgs/subnav_shadow.png);
	background-repeat: no-repeat;
	padding-bottom:100px;
	background-position:-20px 260px;
}
#centralcolumn {
	margin-top:127px;
	width:700px;
	float:right;
	padding-bottom:100px;
}
#loader {
	display: none;
	float:right;
	background: url(../imgs/loading.gif);
	width: 16px;
	height: 16px;
}

.contact-me{
	float:left;
	width:520px;
	height:240px;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#ff0060;
}


.shop-me{
	float:left;
	width:660px;
	height:240px;
	margin-bottom:40px;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color:#ff0060;
	background-image:url(../imgs/tshirt_bg.jpg);
	background-repeat: no-repeat;
	background-position: 400px 0px;
}


.contact-info{
width:350px;
float:left;
margin:25px;
}

.contact-info p{
color:#ffffff;
}


.contact-me-skull{
float:right;
margin:120px 15px 0px 0px;
width:115px;
}

.quick-nav {
	float:right;
	clear:left;
	margin-right:180px;
}
.quick-nav li {
	display:inline;
	float:right;
	margin:6px;
	width:66px;
	height:66px;
}
.more {
	display:none;
}

.selected-projects{
margin:0px 0px 5px 0px;
}
/*.sub-nav{
	display:none;
	width:160px;
}*/

.thumb {
	float:left;
	margin:5px;
}
#moreinfo {
	width:520px;
	float:left;
	margin-top:50px;/* display:none; */
}
.nav-item {
	margin-bottom:8px;
}
.readmore {
	margin:-2px 0px 0px 0px;
	float:right;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	background-color:#294f9d;
	border-top:solid 1px #172f60;
}
.readmore p {
	font-style:italic;
	margin:2px 5px 5px 5px;
	color:#FFFFFF;
}
.column-l {
	width:250px;
	margin:25px 0px 70px 0px;
	float:left;
}
.column-r {
	width:250px;
	margin:25px 0px 70px 0px;
	float:right;
}
.project-info {
	float:left;
	clear:left;
}
.linedivider {
	border-top:solid 1px #cdcdcd;
	border-bottom:solid 1px #fff;
	/*clear:both;*/
float:left;
	width:360px;
	margin:5px 0px 5px 0px;
}
/* 2. Elements */

.logo {
	margin:20px 0px 15px 0px;
}
/*.subnav{
	background-image:url('/jessicaallan/imgs/subnav_shadow.png');
	background-repeat: no-repeat;
	background-position: -18px 0px;
}*/

#lightbulb{
position:absolute;
margin-left:500px;
margin-top:-27px;
cursor: pointer;
}

.subnavitems {
	padding:10px 0px 15px 0px;
}
.tbm {
	width:150px;
	height:20px;
	background-color:#c4c4c4;
}
.info {
	width:180px;
	float:right;
}
.label {
	float:left;
	height:37px;
	margin-top:-50px;
	margin-left:-11px;
	clear:left;
	background-image:url(../imgs/label-left.png);
	background-repeat: no-repeat;
}
.label-base {
	float:left;
	margin-left:11px;
	height:32px;
	/*padding-right:15px;*/
background-color:#ff0060;
}
.label-right {
	background-image:url(../imgs/label-right.png);
	float:right;
	width:7px;
	height:32px;
	background-repeat: no-repeat;
}
.mainimage {
	width:520px;
	cursor: pointer;
	/*height:600px;
background-color:#dfdfdf;*/
/*border:solid 1px #d8d8d8;*/
float:left;
}
.imageinfo {
	margin-top:10px;
}
.infobox-top {
	background-image:url(../imgs/txtbox_top.png);
	background-repeat: no-repeat;
	width:180px;
	height:7px;
}
.infobox-bottom {
	background-image:url(../imgs/txtbox_bottom.png);
	background-repeat: no-repeat;
	width:180px;
	height:7px;
}
/* 3. Text Styles */

.pinkme {
	color: #ff0060;
	font-weight:bold;
}
p {
	font-size:1.2em;
	line-height:1.35em;
	color:#524a4a;
}
.info p {
	padding:10px 10px 15px 10px;
	font-size:1.2em;
	line-height:1.35em;
	color:#fff;
	background-color:#ff0060;
}
.info h1 {
	font-size:2.4em;
	margin-left:10px;
	margin-bottom:10px;
	line-height:1em;
	color:#494948;
}
.label h2 {
	font-size:1.5em;
	margin-left:5px;
	padding-top:5px;
	line-height:1em;
	color:#fff;
	padding-right:15px;
}
h2 {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
	color:#524a4a;
}
h3 {
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	color:#524a4a;
}
h4 {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
	color:#a0a0a0;
}
h5 {
	font-size:1em;
	color:#2e2d2d;
}
h6 {
	font-size:1em;
	color:#828282;
	font-style:italic;
}

.shoptitle{
	font-size:2em;
	color:#fffff;
	font-style:italic;
}
/* 4. Link Styles */

a:link {
	color: #524a4a;
	text-decoration:none;
}
a:visited {
	color: #7e7171;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:none;
}
a:active {
	color: #524a4a;
	text-decoration:none;
}
#moreinfo a:link {
	color: #ff568f;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
}
#moreinfo a:visited {
	color: #ff568f;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
}
#moreinfo a:hover {
	color: #ff568f;
	font-weight:bold;
	text-decoration:none;
	border-bottom:dotted 1px #ff568f;
}
#moreinfo a:active {
	color: #ff568f;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
}
.nav a:link {
	color: #7e7171;
	text-decoration:none;
}
.nav a:visited {
	color: #7e7171;
	text-decoration:none;
}
.nav a:hover {
	color: #000000;
	text-decoration:none;
}
.nav a:active {
	color: #7e7171;
	text-decoration:none;
}
.info,.contact-info a:link {
	color: #fff;
	font-style:italic;
	text-decoration:none;
	border-bottom:dotted 1px #fff;
}
.info a:visited {
	color: #fff;
	text-decoration:none;
	font-style:italic;
	border-bottom:dotted 1px #fff;
}
.info a:hover {
	color: #2e3133;
	font-style:italic;
	background-color:#4999dc;
}
.info a:active {
	color: #fff;
	font-style:italic;
	text-decoration:none;
}

.info a:link {
	color: #fff;
	font-style:italic;
	text-decoration:none;
	border-bottom:dotted 1px #fff;
}
.contact-info a:visited {
	color: #fff;
	text-decoration:none;
	font-style:italic;
	border-bottom:dotted 1px #fff;
}
.contact-info a:hover {
	color: #2e3133;
	font-style:italic;
	background-color:#4999dc;
}
.contact-info a:active {
	color: #fff;
	font-style:italic;
	text-decoration:none;
}
/* 5. List Styles */


#sub-nav {
	float:left;
	padding-bottom:15px;
	width:160px;
	/*background-image:url('/jessicaallan/imgs/thumbnails_shadow.png');
	background-repeat: no-repeat;
	background-position: -18px 0px;*/
}
#sub-nav ul {
	float:left;
	/*margin:5px;*/
}
#sub-nav li {
	width:76px;
	height:50px;
	margin:2px;
	margin-bottom:7px;
	float:left;
	/*border:solid 1px #e3e3e3;*/
}
.hidden {
	display:none;
}
.container {
	width:520px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	/*border:solid 1px #d8d8d8;*/
}
.slides {
	position:absolute;
	top:0;
	left:0;
}
.slides div {
	position:absolute;
	top:0;
	width:520px;
	display:none;
}
#loopedSlider {
	width:520px;
	float:right;
}
ul.pagination {
	float:left;
	height:12px;
	margin-top:-30px;
	padding:4px;
	background-color:#e1e1e1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
ul.pagination li {
	float:left;
	margin-right:5px;
}
ul.pagination a {
	display:block;
	width:12px;
	padding-top:12px;
	height:0;
	overflow:hidden;
	background-image:url(../imgs/pagination.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
ul.pagination li.active a {
	background-position:0 -12px
}


/* Tooltip */

.tooltip { 
    display:none; 
    background:url(../imgs/comingsoon.png); 
    height:54px; 
    padding:40px 30px 10px 30px; 
    width:68px; 

}


.mugshot{
float:left;
margin:-4px 0px 10px 4px;
}



/* Shop */


.shopitem{
width:200px;
float:left;
margin:0px 30px 30px 0px;
}

.scap{
font-variant:small-caps;
}