/* ---------------------------------------------------- */
/*  presentation css 01                                 */
/*  notes                                               */
/* ---------------------------------------------------- */

/*	color: #ffdb99;   light  */
/*	color: #ffb733;   mid    */
/*	color: #cc8400;   dark   */



/* ---------------------------------------------------- */
/*  body (base font / text handling)                    */
/* ---------------------------------------------------- */
body {
        font-family:verdana, arial, sans-serif; 
        font-size: 100%;

	color: #fff;
	text-align:left;
	behaviour:url(../css/csshover.htc);
}


/* ---------------------------------------------------- */
/* background colour                                    */
/* ---------------------------------------------------- */
body {
	background-color:#0c4e7e;
}
div#wrap, div#footer {
	background-color:#0c4e7e;
}
div#header {
	background-color:#006;
}
div#navigation {
	background-color:#003;
}


/* ---------------------------------------------------- */
/* background images                                    */
/* ---------------------------------------------------- */
body {
/*	background-image:url(../images/site/tile_01.jpg); */
}
div#header {
	background-image:url(../images/site/header_background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
}
div#navigation {
	background-image:url(../images/site/navigation_background.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
/*
div#footer {
	background-image:url(../images/site/footer_background.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}
*/
div#main_image img {
	background-image:url(../images/site/eggtimer.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
div#sub_image img {
	background-image:url(../images/site/eggtimer.gif);
	background-repeat:no-repeat;
	background-position:center center;
}




/* ---------------------------------------------------- */
/*  links (LoVe HAte)                                   */
/* ---------------------------------------------------- */

/* ------------ */
/* global links */
/* ------------ */
a:link {
	text-decoration:none; 
	color:#81d3eb;
}
a:visited {
	text-decoration:none;
	color:#81d3eb;
}
a:hover {
	text-decoration:underline;
	color: #fff; 
}
a:active {
	text-decoration:underline;
	color: #fff; 
}


/* use on a for img links */
a.plain {
	border:0;
	margin-right:10px;
}


/* indicate external links */
a.external:link,
a.external:visited,
a.external:hover,
a.external:active {
	background-image:url(../images/site/external.gif);
	background-repeat:no-repeat;
	background-position: right 20%;
	padding-right:13px;
}

/* indicate email links */
a.email:link,
a.email:visited,
a.email:hover,
a.email:active {
	background-image:url(../images/site/envelope.gif);
	background-repeat:no-repeat;
	background-position: left 70%;
	padding-left:25px;
}




/* ------------ */
/* footer links */
/* ------------ */
div#footer a:link {
	text-decoration:none; 
	color:#999; 
}
div#footer a:visited {
	text-decoration:none; 
	color:#999; 
}
div#footer a:hover {
	text-decoration:underline; 
	color:#f00;
} 
div#footer a:active {
	text-decoration:underline; 
	color:#f00;
} 



/* ---------------------------------------------------- */
/* headings                                             */
/* ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin-top: 0.5em;	
	margin-bottom: 0.4em;	
	font-weight:normal;
}

h1 {
	position:absolute;
	top: 163px;
	left: 11px;
	font-size:24px; 
	zoom:1;
	color:#81d3eb;  /* blue */
	color:#fff;
	margin: 0;
}

h2 {
	color:#81d3eb;
	color:#aaf04b;    /* lt green */
	color:#fff;
	font-size:1em; 
	margin-top: 1.5em;	
	margin-bottom: 0.5em;	
	font-variant:small-caps;
	border-bottom:1px solid #fff;
}

/* use h3 for image titles etc */
h3 {
	margin-top: 0;	
	color:#fff;
	font-size:0.9em; 
	font-variant:small-caps;
}

#main_content h3 {
	color:#81d3eb;
	font-size:0.9em; 
	font-variant:normal;
	margin-top:1em;
	margin-bottom:0px;
}

h4 {
	color:#81d3eb; 
	font-size:0.8em; 
	font-weight:bold;
}






/* ---------------------------------------------------- */
/* paragraphs                                           */
/* ---------------------------------------------------- */

p {
	font-size:.8em; 
	margin:0 1em 0.75em 0; 
}	

p.quote {
	font-style:italic;
	padding-left:1.3em;
}
#main_image p {
	font-size:.75em;
}


#main_content p, 
#main_content h2,
#main_content h3,
#main_content h4,
#main_content ul {
	margin-left:12px; 
	margin-right:30px; 
}	

#thumb_gallery p, 
#thumb_gallery h2,
#thumb_gallery h3,
#thumb_gallery h4,
#thumb_gallery ul {
	margin-left:12px; 
	margin-right:20px; 
}	

#header p {
	margin-top:90px;
	padding:0 650px 0 10px;
	font-variant:small-caps;
}

#footer p {
	margin:0;
	color:#81d3eb;
	padding:0 0px 0 10px;
	font-variant:small-caps;
	text-align:right;
}
#footer {
	border-top:1px solid #81d3eb;
}


#main_image p, 
#main_image h3, 
#main_image h2, 
#main_image ul {
	margin-left:0px; 
	margin-right:25px; 
	background-color:transparent;  /* prevents ie5 "jump" on hover */
}	

/* default is to clear floated img */

#main_image p, 
#main_image h3 {
	clear:left;
	/* next two lines fix ie extra gap below floated img */
	zoom:1;
	padding: 0.1em 0;
}	

/* switch off clearing where needed */
#main_image .clearnone {      
	clear:none;
}	




/* ---------------------------------------------------- */
/* widths                                               */
/* ---------------------------------------------------- */

.w165 {
	width:155px;
	margin-left:55px;
}
* html .w165 {
	width: 165px; 
	w\idth:155px; 
}



.w220 {
	width:220px;
}
.w330 {
	width:328px;
	margin-right:2px;
}
img.w330 {
	width:330px;
	margin-right:0px;
}

img.w220 {
	width:215px; 
}
* html img.w220 {
	width: 220px; 
	w\idth:215px; 
}
img.w330 {
	width:325px; 
}
* html img.w330 {
	width: 330px; 
	w\idth:325px; 
}




/* ---------------------------------------------------- */
/* lists (put all lists in div class="list")            */
/* for nav lists see nav div section                    */
/* ---------------------------------------------------- */

div.list {
	font-size: .8em; 
	margin:0 0 0.5em 0; 
}

/* set bullet / number position */
ul {padding: 0 0 0 1.3em;}
ol {padding: 0 0 0 2em;}

ul li {list-style-type:disc;list-style-position:outside;}
ol li {list-style-type:decimal;}


div#footer ul {margin:2px 0;}    /* vertical spacing between the lists */
div#footer li {
	display:inline;          /* make the lists display horizontally */
	color:white;             /* color of the vertical lines */
	border-left:1px solid;   /* create the vertical line to the left of each item */
	color:#999;              /* color of the vertical lines */
	padding:0 5px 0 9px;     /* horiz space between links / vert lines */
}
/* remove the left border of the first list item - IDWIMIE */
div#footer li:first-child {border-left:0;}





/* ---------------------------------------------------- */
/* images                                               */
/* ---------------------------------------------------- */


/* ------------ */
/* thumbnails   */
/* ------------ */
img.thumb {
	width:60px;
	height:60px;
	float:left;
	border:solid 1px #fff;
	margin:0 0px 12px 12px;
	background-repeat:no-repeat;
	background-position:top left;
	display: inline;     /* fix for ie double margin bug */
}
img.bigthumb {
	width:356px;
	height:40px;
	float:left;
	border:solid 1px #fff;
	margin:0 0px 12px 12px;
	background-repeat:no-repeat;
	background-position:top left;
	display: inline;     /* fix for ie double margin bug */
}


/* ------------ */
/* main image   */
/* ------------ */
img.main_image {
	float:left;
	min-width:48px;
	min-height:0px;
	border:solid 5px #fff;
	margin: 0 5px 10px 0;
	background-color:#fff;
}

/* ------------ */
/* sub image    */
/* ------------ */
img.sub_image {
	float:left;
	min-width:48px;
	min-height:0px;
	border:solid 5px #fff;
	margin: 0 5px 15px 0;
	background-color:#fff;
}



/* ---------------------------------------------------- */
/* forms                                                */
/* ---------------------------------------------------- */
form select {margin: 0 5px 0 0;}
form input  {margin: 3px 0 0 0;}
form select {color:  #cc8400;  }



/* ---------------------------------------------------- */
/* navigation                                           */
/* ---------------------------------------------------- */

div#navigation {
	padding-top:0px;
	font-size:11px;
}
div#navigation ul {
	float:right;
	padding:7px 5px 5px 0;   /* adjuxt top padding to align nav bar text */
}
div#navigation li {
	list-style-type:none;
	display:inline;
}
div#navigation li a {
	padding:0px 5px 0px 5px; 
	text-decoration:none; 
	border-bottom:0;
	color:#81d3eb;
}
div#navigation a:hover {
	color:#fff;
}






/* ---------------------------------------------------- */
/* gallery thumbnails                                   */
/* ---------------------------------------------------- */


/* ----------------------- */
/* set background (Pixy)   */
/* ----------------------- */
.photography .thumb_01 {background-image:url(../images/th_photography_01.jpg);}
.photography .thumb_02 {background-image:url(../images/th_photography_02.jpg);}
.photography .thumb_03 {background-image:url(../images/th_photography_03.jpg);}
.photography .thumb_04 {background-image:url(../images/th_photography_04.jpg);}
.photography .thumb_05 {background-image:url(../images/th_photography_05.jpg);}
.photography .thumb_06 {background-image:url(../images/th_photography_06.jpg);}
.photography .thumb_07 {background-image:url(../images/th_photography_07.jpg);}
.photography .thumb_08 {background-image:url(../images/th_photography_08.jpg);}
.photography .thumb_09 {background-image:url(../images/th_photography_09.jpg);}
.photography .thumb_10 {background-image:url(../images/th_photography_10.jpg);}
.photography .thumb_11 {background-image:url(../images/th_photography_11.jpg);}
.photography .thumb_12 {background-image:url(../images/th_photography_12.jpg);}
.photography .thumb_13 {background-image:url(../images/th_photography_13.jpg);}
.photography .thumb_14 {background-image:url(../images/th_photography_14.jpg);}
.photography .thumb_15 {background-image:url(../images/th_photography_15.jpg);}
.photography .thumb_16 {background-image:url(../images/th_photography_16.jpg);}
.photography .thumb_17 {background-image:url(../images/th_photography_17.jpg);}
.photography .thumb_18 {background-image:url(../images/th_photography_18.jpg);}
.photography .thumb_19 {background-image:url(../images/th_photography_19.jpg);}
.photography .thumb_20 {background-image:url(../images/th_photography_20.jpg);}
.photography .thumb_21 {background-image:url(../images/th_photography_21.jpg);}
.photography .thumb_22 {background-image:url(../images/th_photography_22.jpg);}
.photography .thumb_23 {background-image:url(../images/th_photography_23.jpg);}
.photography .thumb_24 {background-image:url(../images/th_photography_24.jpg);}
.photography .thumb_25 {background-image:url(../images/th_photography_25.jpg);}
.photography .thumb_26 {background-image:url(../images/th_photography_26.jpg);}
.photography .thumb_27 {background-image:url(../images/th_photography_27.jpg);}
.photography .thumb_28 {background-image:url(../images/th_photography_28.jpg);}
.photography .thumb_29 {background-image:url(../images/th_photography_29.jpg);}
.photography .thumb_30 {background-image:url(../images/th_photography_30.jpg);}
.photography .thumb_31 {background-image:url(../images/th_photography_31.jpg);}
.photography .thumb_32 {background-image:url(../images/th_photography_32.jpg);}
.photography .thumb_33 {background-image:url(../images/th_photography_33.jpg);}
.photography .thumb_34 {background-image:url(../images/th_photography_34.jpg);}
.photography .thumb_35 {background-image:url(../images/th_photography_35.jpg);}
.photography .thumb_36 {background-image:url(../images/th_photography_36.jpg);}
.photography .thumb_37 {background-image:url(../images/th_photography_37.jpg);}
.photography .thumb_38 {background-image:url(../images/th_photography_38.jpg);}
.photography .thumb_39 {background-image:url(../images/th_photography_39.jpg);}
.photography .thumb_40 {background-image:url(../images/th_photography_40.jpg);}

.crafts .thumb_01 {background-image:url(../images/th_crafts_01.jpg);}
.crafts .thumb_02 {background-image:url(../images/th_crafts_02.jpg);}
.crafts .thumb_03 {background-image:url(../images/th_crafts_03.jpg);}
.crafts .thumb_04 {background-image:url(../images/th_crafts_04.jpg);}
.crafts .thumb_05 {background-image:url(../images/th_crafts_05.jpg);}
.crafts .thumb_06 {background-image:url(../images/th_crafts_06.jpg);}
.crafts .thumb_07 {background-image:url(../images/th_crafts_07.jpg);}
.crafts .thumb_08 {background-image:url(../images/th_crafts_08.jpg);}
.crafts .thumb_09 {background-image:url(../images/th_crafts_09.jpg);}
.crafts .thumb_10 {background-image:url(../images/th_crafts_10.jpg);}
.crafts .thumb_11 {background-image:url(../images/th_crafts_11.jpg);}
.crafts .thumb_12 {background-image:url(../images/th_crafts_12.jpg);}
.crafts .thumb_13 {background-image:url(../images/th_crafts_13.jpg);}
.crafts .thumb_14 {background-image:url(../images/th_crafts_14.jpg);}
.crafts .thumb_15 {background-image:url(../images/th_crafts_15.jpg);}
.crafts .thumb_16 {background-image:url(../images/th_crafts_16.jpg);}
.crafts .thumb_17 {background-image:url(../images/th_crafts_17.jpg);}
.crafts .thumb_18 {background-image:url(../images/th_crafts_18.jpg);}
.crafts .thumb_19 {background-image:url(../images/th_crafts_19.jpg);}
.crafts .thumb_20 {background-image:url(../images/th_crafts_20.jpg);}
.crafts .thumb_21 {background-image:url(../images/th_crafts_21.jpg);}
.crafts .thumb_22 {background-image:url(../images/th_crafts_22.jpg);}
.crafts .thumb_23 {background-image:url(../images/th_crafts_23.jpg);}
.crafts .thumb_24 {background-image:url(../images/th_crafts_24.jpg);}
.crafts .thumb_25 {background-image:url(../images/th_crafts_25.jpg);}

.web    .thumb_01 {background-image:url(../images/th_web_01.jpg);}
.web    .thumb_02 {background-image:url(../images/th_web_02.jpg);}
.web    .thumb_03 {background-image:url(../images/th_web_03.jpg);}
.web    .thumb_04 {background-image:url(../images/th_web_04.jpg);}
.web    .thumb_05 {background-image:url(../images/th_web_05.jpg);}
.web    .thumb_06 {background-image:url(../images/th_web_06.jpg);}
.web    .thumb_07 {background-image:url(../images/th_web_07.jpg);}

.friends .thumb_01 {background-image:url(../images/th_friends_01.jpg);}
.friends .thumb_02 {background-image:url(../images/th_friends_02.jpg);}
.friends .thumb_03 {background-image:url(../images/th_friends_03.jpg);}
.friends .thumb_04 {background-image:url(../images/th_friends_04.jpg);}
.friends .thumb_05 {background-image:url(../images/th_friends_05.jpg);}
.friends .thumb_06 {background-image:url(../images/th_friends_06.jpg);}
.friends .thumb_07 {background-image:url(../images/th_friends_07.jpg);}
.friends .thumb_08 {background-image:url(../images/th_friends_08.jpg);}
.friends .thumb_09 {background-image:url(../images/th_friends_09.jpg);}
.friends .thumb_10 {background-image:url(../images/th_friends_10.jpg);}
.friends .thumb_11 {background-image:url(../images/th_friends_11.jpg);}
.friends .thumb_12 {background-image:url(../images/th_friends_12.jpg);}
.friends .thumb_13 {background-image:url(../images/th_friends_13.jpg);}
.friends .thumb_14 {background-image:url(../images/th_friends_14.jpg);}
.friends .thumb_15 {background-image:url(../images/th_friends_15.jpg);}
.friends .thumb_16 {background-image:url(../images/th_friends_16.jpg);}
.friends .thumb_17 {background-image:url(../images/th_friends_17.jpg);}
.friends .thumb_18 {background-image:url(../images/th_friends_18.jpg);}
.friends .thumb_19 {background-image:url(../images/th_friends_19.jpg);}


.home .thumb_01 {background-image:url(../images/th_home_01.jpg);background-position: 0 -6px;}
.home .thumb_02 {background-image:url(../images/th_home_02.jpg);background-position: 0 -6px;}
.home .thumb_03 {background-image:url(../images/th_home_03.jpg);background-position: 0 -6px;}
.home .thumb_04 {background-image:url(../images/th_home_04.jpg);background-position: 0 -6px;}
.home .thumb_05 {background-image:url(../images/th_home_05.jpg);background-position: 0 -6px;}




/* ----------------------- */
/* rollover (Pixy)         */
/* ----------------------- */
/* this lets the next bit work in IE */
a:hover          {background-position: 0 0;}     

a:hover   .thumb {background-position:0 -60px;}
a:hover   .bigthumb {background-position:0 -60px;}



/* ---------------------------------------------------- */
/* where am i now?                                      */
/* ---------------------------------------------------- */

/* ---------------------------- */
/* current section in main nav  */
/* ---------------------------- */
body.home        div#navigation li#home a,
body.photography div#navigation li#photography a,
body.writing     div#navigation li#writing     a,
body.crafts      div#navigation li#crafts      a,
body.friends     div#navigation li#friends     a,
body.information div#navigation li#information a, 
body.chat        div#navigation li#chat        a, 
body.web         div#navigation li#web         a {
	color:#fff;
	cursor:default;
}
/* ---------------------------- */
/* current image in gallery     */
/* ---------------------------- */
.image_01 .thumb_01, .image_02 .thumb_02, .image_03 .thumb_03, .image_04 .thumb_04, 
.image_05 .thumb_05, .image_06 .thumb_06, .image_07 .thumb_07, .image_08 .thumb_08, 
.image_09 .thumb_09, .image_10 .thumb_10, .image_11 .thumb_11, .image_12 .thumb_12, 
.image_13 .thumb_13, .image_14 .thumb_14, .image_15 .thumb_15, .image_16 .thumb_16, 
.image_17 .thumb_17, .image_18 .thumb_18, .image_19 .thumb_19, .image_20 .thumb_20, 
.image_21 .thumb_21, .image_22 .thumb_22, .image_23 .thumb_23, .image_24 .thumb_24, 
.image_25 .thumb_25, .image_26 .thumb_26, .image_27 .thumb_27, .image_28 .thumb_28, 
.image_29 .thumb_29, .image_30 .thumb_30, .image_31 .thumb_31, .image_32 .thumb_32, 
.image_33 .thumb_33, .image_34 .thumb_34, .image_35 .thumb_35, .image_36 .thumb_36, 
.image_37 .thumb_37, .image_38 .thumb_38, .image_39 .thumb_39, .image_40 .thumb_40 
{
	background-position:0 -60px;
	cursor:default;
}



/* ---------------------------------------------------- */
/*  twitter feed                                        */
/* ---------------------------------------------------- */
#twitter {
	clear:both;
	color:#fff;
	font-size:15px;
	background-color: yellow;
}

#twitter li {
	font-style:italic;
	list-style-type:none;
	background-color: red;
}






#pfc_container img { display:inline; }
#pfc_loader p {color:#000;}

/* indicate external links */
#pfc_container a:link,
#pfc_container a:visited,
#pfc_container a:hover,
#pfc_container a:active {
	text-decoration:none;
	color: #000;
	font-style:italic;
}









/* ---------------------------------------------------- */
/* end of styles                                        */
/* ---------------------------------------------------- */