/* ---------------------------------------------------- */


/*  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);}








.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                                        */


/* ---------------------------------------------------- */