/*Orange tempalte main color: FAAA18*/
* {padding: 0; margin: 0;}
html{
	height: 100%;
	margin: 0; 
	padding: 0;
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #EAEAEA;
	background: #e3e3e3 url(../assets/orange/scbackground.jpg) no-repeat;
	background-position:center top;
	background-attachment:fixed;
	text-align: left; /* for IE */
	height: 100%;
	margin: 0; 
	padding: 0;
}
/*Basic Links*/
a:link, a:visited {color:#FAAA18;text-decoration:none;}
a:hover {color: #EAEAEA;text-decoration:none;}
a.img{border:0;}
p{padding-top: 5px;padding-bottom: 5px;}
hr{color: #FAAA18; border-bottom: 1px #FAAA18 solid; margin: 5px 0px 5px 0px;}

h1, h1 a{margin: 5px 0px 1px 0px;font-size: 1.5em;}
h2, h2 a{margin: 5px 0px 1px 0px;font-size: 1.3em;}
h3, h3 a{color: #FAAA18; border-bottom: 0px #FAAA18 solid; margin: 5px 0px 1px 0px; font-size: 1.1em;}
h1 a:hover, h2 a:hover, h3 a:hover{color: #EAEAEA;}

h2.searchresults{
font-size: 0.9em;
}

.post .underline{
border-bottom: 1px solid #FAAA18;
}

.searchunderline{
border-bottom: 1px #FAAA18 solid; 
}

.postmetadata{
font-size: 0.8em;
color:#999999;
}


blockquote{
margin: 5px 5px 5px 20px;
padding-left: 20px;
border-left: 5px solid #FAAA18;
}
a:focus {outline:0;}
ul, ol {padding: 8px 0px 8px 20px; color: #EAEAEA;}
li{padding: 3px 0px 3px 0px;}

.relatedposts li, #leftcol li, .abouttxt li, ul#containertabs li{padding: 0px 0px 0px 0px;}

/*Page layout styles*/
#wrapper {
position: relative;
width: 960px;/*change for fixed width*/
margin: 0 auto;
min-height: 40%; /* optional */
text-align: left;
min-width: 600px; /* to allow room for images and long words */
z-index: 1;
}

/* ie hack  - layout REQUIRES a height here to work */
/* (1% will do) if no min-height is required*/
/* this it where it fails in Strict Mode */
* html #wrapper {height: 80%;} 

/* bringing the center content into position (clear the sides)
is best using a wrapper div to avoid more IE Box Model issues */
#contentwrap {
position: relative; 
padding: 0 225px 0 100px;
z-index: 2;
}

#contentbg {
position: relative;  /* to enable further positioned divs inside content area */
z-index: 3; /* to make sure if long words overflow they show above the right column */ 
margin: 0;
min-height: 1088px;
background: url("../assets/faders.png");
}

#content{
/*background-image: url("../assets/faders.png");*/
padding: 10px;
margin: 0;
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif;
color: #EAEAEA;
z-index: 4;
}

/*container styles*/
.contentcontainer{
position: relative;
display: block;
border: 1px solid #666666;
padding: 5px 8px 10px 8px;
margin: 5px 0px 10px 0px;
clear:both;
z-index: 5;
}

#header{
text-align: left;
height: 160px;
position: relative;
width: 960px;/*change for fixed width*/
margin: 0 auto;
min-width: 600px; /* to match wrapper div */
}

/*footer styles*/
#footer {
text-align: left;
position: relative;
width: 960px;/*change for fixed width*/
height: 100px;
margin: 0 auto;
background: #FAAA18 url("../assets/orange/bottombg.jpg") no-repeat bottom left;
min-width: 600px; /* to match wrapper div */
z-index: 10;
}
.shingji {
position: relative;
float:right;
width: 225px;/*change for fixed width*/
height: 100px;
margin: 0 auto;
background: #FAAA18 url("../assets/orange/bottom_credits.png") no-repeat bottom right;
z-index: 11;
}
.shingji a{
position: relative;
top: 43px;
left: 63px;
}

.credits {position: relative; text-align:center; color: #000000; font-family: Verdana, Arial; font-size: 0.8em; padding: 5px; width: 600px; padding: 10px 0px 0px 125px;}

.quotes {position: relative; font-weight: bold; border: 1px dashed black; text-align:left; color: #000000; font-family: Verdana, Arial; font-size: 0.8em; width: 60%; margin: 10px 0px 0px 80px; padding: 5px 5px 5px 20px;}

#leftcol, #rightcol {
position: absolute;
top: 0;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default*/
/* height: 100%; */ /* hacked in for IE below */
z-index: 10;
}

* html #leftcol, * html #rightcol 
{height: 100%; /* required by IE to inherit from wrapper (IE Hack) above*/}

#leftcol {left: 0; width: 100px; background: url("../assets/orange/leftmbg.jpg") repeat-y;}
#rightcol {right: 0; width: 225px; background: url("../assets/faderw.png") repeat-y;}

#leftcol p {margin: 5px;}
#rightcol p {margin: 5px;} 

/*Add a border for all images with class*/
.border{
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
.border img{
padding: 3px;
border:3px solid #555555;
}

/*Header CSS*/
.headercontainer {
 	position:relative;
	z-index:1;
	width: 100%;
	height: 160px;
	margin: 0;
	padding: 0px 0;/*uncollaspe the div*/
	/*FF fix
	top: -10px;
	IE7 fix
	*top: 0px;
	IE6 fix
	_top: 0px;*/
	_bottom: -400px;
	_margin-bottom: -400px;
}
.headercolor {
	position:relative;
	width: 700px;
	height: 160px;
	z-index:-1;
	float: left;
	margin: -160px 225px 0px 0px;
	background-color:#FAAA18;
	left: 0px;
	top: 0px;
	bottom: 0px;
}
/*Small image below header*/
.headerbl{
background: url("../assets/orange/leftheader_bl.png") no-repeat top left;
height: 20px;
position: relative;
}
.headerbr{
background: url("../assets/orange/leftheader_br.png") no-repeat top left;
height: 20px;
position: relative;
}
.headermain {
	background:url(../assets/orange/leftheader.jpg) no-repeat left top;
	background-position:left;
	background-repeat: no-repeat;
	z-index:2;
	width: 960px;
	height: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.headerlogo {
    position:relative;
	width: 533px;
	height: 0px;
	z-index:2;
	left: 100px;
	top: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.right_bg {
	width:388px;
	height:160px;
	top: -160px;
	float: right;
	position:relative;
	background: url(../assets/orange/righttop.png) no-repeat 0 0;
	z-index:2;
	margin: 0px 0px -160px 0px;
	padding: 0px 0px 0px 0px;
}
/*styleswitch buttons*/
/*common styles*/
.tmessage{
position: relative;
z-index:5;
float: left;
margin: 0;
padding: 0;
left: 240px;
top: -60px;
/*Arial Black*/
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color:#333333;
letter-spacing:-2px;
height: 20px;
}
ul#b4, ul#b5{
padding: 0px 0px 0px 0px;
}

.b1, .b2, .b3, #b4 li, .b5{
	position: relative;
	width:20px;
	height:20px;
	border: 0px;
	z-index:5;
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 0;
	top: 5px;
	-moz-opacity: 0.7;  opacity: 0.7; -khtml-opacity: 0.7;
}
.lb1, .lb2, .lb3, .lb4{
	position: relative;
	width:40px;
	height:40px;
	border: 1px solid #000000;
	z-index:5;
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 0;
	top: 108px;
	-moz-opacity: 0.5;  opacity: 0.5; -khtml-opacity: 0.5;
}
.lb1:hover, .lb2:hover, .lb3:hover, .lb4:hover{
	-moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;
}
.b1:hover, .b2:hover, .b3:hover, #b4 li:hover, .b5:hover{
	-moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;
}
.lb1 {
	background:url(../assets/lm_home.jpg) no-repeat 0 0;
	left: 52px;
}
.lb2 {
	background:url(../assets/lm_about.jpg) no-repeat 0 0;
	left: 57px;
}
.lb3 {
	background:url(../assets/lm_photos.jpg) no-repeat 0 0;
	left: 62px;
}
.lb4 {
	background:url(../assets/lm_feedback.jpg) no-repeat 0 0;
	left: 67px;
}
.b1 {
	background:url(../assets/scsmaller.gif) no-repeat 0 0;
	left: 30px;
}
.b2 {
	background:url(../assets/sclarger.gif) no-repeat 0 0;
	left: 35px;
}
.b3 {
	background:url(../assets/scresetf.gif) no-repeat 0 0;
	left: 40px;
}

#b4 li{
	list-style:none;
	position:relative;
	width:20px;
	height:20px;
	border: 0px;
	z-index:5;
	float: left;
	left: 45px;
	top: 5px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	display:inline;
}
#b4 li#theme-fixed{background:url(../assets/scgostd.gif) no-repeat 0 0;display:none;}
#b4 li#theme-fluid {background:url(../assets/scgows.gif) no-repeat 0 0;display:block;}

.b5 {
	background:url(../assets/scrssicon.gif) no-repeat 0 0;
	left: 50px;
}
.wmessage {
	position:relative;
	color: #000000;
	text-align:left;
	/*font-size:0.8em;*/
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:150px;
	height:50px;
	border: 0px;
	z-index:5;
	float: left;
	top: 80px;
	left: -90px;
	margin: 0;
	padding: 0;
}
.wpic {
	position:relative;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:50px;
	height:50px;
	border: 1px solid #333333;
	z-index:5;
	float: left;
	top: 78px;
	left: -74px;
	margin: 0;
	padding: 0;
	text-align: left;
}
img.wpic {
	
	position:relative;
	height:50px;
	border: 0px;
	z-index:5;
	margin: 0;
	padding: 0;
}
.lbutton1 {
	position:relative;
	background-repeat:no-repeat;
	width:90px;
	height:90px;
	border: 1px #333333 solid;
	z-index:5;
	float: left;
	top: -105px;
	left: 660px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* IE/Win Hack for peekaboo bug */
/* hide from IE/Mac \*/
* html #content {height: 1%;} 
/* end hide */

.titleheader{
top: 0px;
bottom: 15px;
height: 88px;
margin-bottom: 5px;
z-index:1;
position:relative;
font-size:5.32em;
color:#555555;
/*Arial Black*/
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-6px;
border:0px;
display: block;
width: 90%;
text-align:left;
}
.titletext{
z-index:2;
top: -40px; 
left: 15px;
width: 100%;
text-align:left;
position:relative;
font-size:0.43em;
line-height: 25px;
color:#EAEAEA;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing:0px;
border:0px;
border-bottom:2px solid #FAAA18;
}
.titlemeta{
z-index:3;
top: -42px; 
left: 15px;
position:relative;
font-size:0.15em;
line-height: 15px;
color:#CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
font-weight: none;
border:0px;
}
.titlemeta a:active, .titlemeta a:link, .titlemeta a:visited{
color:#FAAA18;
text-decoration:none;
}
.titlemeta a:hover{
color:#EAEAEA;
}

/*Subheader*/
.subheader{
left: -12px;
top: -5px;
bottom: 15px;
height: 65px;
z-index:1;
position:relative;
font-size:4em;
color:#5a5a5a;
/*Arial Black*/
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-6px;
border:0px;
display: block;
width: 98%;
text-align:right;
padding-right: 10px;
}
.subtext{
z-index:2;
top: -35px; 
left: 15px;
width: 100%;
text-align:left;
position:relative;
font-size:0.4em;
line-height: 25px;
color:#EAEAEA;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:0px;
border:0px;
border-bottom:1px solid #FAAA18;
}
.submeta{
font-style:italic;
z-index:3;
top: -38px; 
left: 15px;
position:relative;
font-size:0.2em;
line-height: 15px;
color:#CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
font-weight: none;
border:0px;
}

/**Blog styles*/
.blogheader{
z-index:1;
position:relative;
font-size:4.5em;
color:#555555;
/*Arial Black*/
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-6px;
border:0px;
width: 90%;
top: -5px;
height: 100px;
text-align:left;
}
.blogtext{
z-index:2;
top: -35px; 
left: 15px;
width: 100%;
text-align:left;
position:relative;
font-size:0.42em;
line-height: 22px;
color:#EAEAEA;
font-family: Arial, Helvetica, sans-serif;
font-weight: none;
letter-spacing:0px;
border-bottom:2px solid #FAAA18;
}
h1.blogtitle{
position:relative;
z-index:3;
top: -38px;
left: 30px;
color:#FAAA18;
letter-spacing:0px;
line-height: 15px;
font-weight:bold;
font-size: 0.18em;
font-family: Arial, Helvetica, sans-serif;
}

.blogtitle a:active, .blogtitle a:link, .blogtitle a:visited{
color:#FAAA18;
text-decoration:none;
}
.blogtitle a:hover{
color:#EAEAEA;
}
.blogmeta{
font-weight: none;
z-index:4;
top: -35px; 
left: 30px;
position:relative;
font-size:0.18em;
color:#CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
line-height: 5px;
border:0px;
}
.blogmeta a:active, .blogmeta a:link, .blogmeta a:visited{
color:#FAAA18;
text-decoration:none;
}
.blogmeta a:hover{
color:#EAEAEA;
}
.blogcontent{
padding: 5px 0px 10px 0px;
}
.morecontent{
padding: 10px 0px 0px 0px;
float: right;
cursor:pointer;
}

/*blog comments*/
.commentlist ul, #singlecomments ul{
list-style: none;

}

cite.fn{
color: #FAAA18;
font-size: 2.0em;
font-family:Arial, Helvetica, sans-serif;
}
cite.fn a{
/*border-bottom: 1px dashed #FAAA18;*/
}

.says{
font-size: 2.0em;
font-family:"Times New Roman", Times, serif;
}

.comment-body{
padding: 10px;
background: url(../assets/quoterlight.png) repeat left bottom;
margin: 5px 0px 5px 0px;
}
ul.commentlist {
margin-left: -15px;
}

ul.commentlist li{
list-style:none;
}

ul.commentlist p{
background: url(../assets/quoter.png) repeat left bottom;
padding: 8px;
}

#singlecomments{
}
#respond, #cancel-comment-reply{
}

.comment-body .comment-meta{
position: relative;
float: right;
font-size: 1.0em;
font-family:Arial, Helvetica, sans-serif;
margin: 0px 5px -20px 0px;
top: -20px;
}

.comment-body .reply{
margin-top: 5px;
}

ul.commentlist ul.children li{
list-style-image: url(../assets/orange/reply_icon.png);
margin: 5px 0px 0px 15px;
}

.commentbox{
background-color:#999999
}
.commentimg{
float:left;
}
.commentimg img{
border: 1px #555555 solid; 
padding: 4px; 
margin-right: 10px;
}
.commentmeta{
font-size: 0.8em;
color:#999999;
}
.commenttext{
float:right;
}
.commentname{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:bold;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/*Content tabs*/

ul#containertabs{
margin-bottom: -5px;
padding: 25px 0px 0px 0px;
list-style-type: none;
}

/*Top level list items*/
ul#containertabs li{
position: relative;
display: block;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align:center;
margin: -21px 0px 0px 7px;
border: 1px solid #666666;
border-bottom:none;
}

/*Top level menu link items style*/
ul#containertabs li a, ul#containertabs li a:visited{
display: block;
height: 18px;
padding: 3px 15px 0px 15px;
text-decoration: none;
color: #FFFFFF;
}

ul#containertabs li a:hover{
color: #333333;
background-color:#FAAA18;
}

ul#containertabs li#tablite{
display: block;
height: 18px;
color: #FFFFFF;
padding: 3px 20px 0px 20px;
background-color:#666666;
}
/*Left menu*/
.ltoggle{
cursor:pointer;
text-align:center;
}
.ltoggle:hover{
-moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7;
}
/****************************************************************
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, 
.dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}
/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	}
/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/

/* group container(s) */
#dbx-outer {
	margin:0 10px 0 0;
	float:left;
	position:relative;
	font-size: 1em;
	}
.dbx-group {
	clear:both;
	width:200px;
	/*background:#c5a4e0;*/
	padding:0 10px 10px 10px;
	}
* html .dbx-group {
	width:220px;
	padding-bottom:0;
	}

#dbx-outer2 {
	border:1px solid #000000;
	margin:0 0 0 10px;
	float:right;
	position:relative;
	}
	
/* handles */
.dbx-handle {
	font:normal normal bold 1em tahoma,sans-serif;
	text-align:center;
	position:relative;
	margin:0;
	padding:16px 0 6px 0;
	border: 0px solid #000000;
	background:url(../assets/lm_handle.png) no-repeat 0 0;
	color:#ffffff;
	}
* html .dbx-handle { 
	width:200px; 
	}	
/* handle cursors are in a class of their own
   so they only get applied if the script is supported */
.dbx-handle-cursor {
	cursor:move;
	}

/* toggle images */
.dbx-toggle {
	display:block;
	width:20px;
	height:20px;
	padding:0;
	margin:0;
	border:none;
	background:url(../assets/lm_toggle.gif) no-repeat;
	position:absolute;
	top:14px;
	right:3px;
	border:none;
	}
.dbx-toggle-open {
	background-position:0 0;
	}
.dbx-toggle-closed {
	background-position:0 -20px;
	}
.dbx-toggle-hilite-open {
	background-position:-20px 0;
	}
.dbx-toggle-hilite-closed {
	background-position:-20px -20px;
	}

/* keyboard navigation tooltip */
.dbx-tooltip {
	margin:36px 0 0 125px;
	width:200px;
	display:block;
	position:absolute;
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	padding:2px 4px 3px 5px;
	text-align:left;
}
/* inner content area */	
.dbx-content {
	color:#000000;
	font-size: 0.8em;
	margin:0;
	padding:9px 0 9px 0;
	list-style-type:none;
	border: 0px solid #000000;
	background:url(../assets/lm_rbottom.png) no-repeat 0 100%;
	background-repeat:no-repeat;
	}
.dbx-content ul {
	margin:0;
	padding:0;
	}
.dbx-content li {
	width:190px;
	margin:0;
	padding:0px 0px 1px 5px;
	list-style-type:none;
	font:normal normal normal 1em verdana,sans-serif;
}
.dbx-content a, .dbx-content a:visited, .dbx-content a:active, .dbx-content a:link {
	color:#000000;
	text-decoration:none;
	}
.dbx-content a:hover, .dbx-content a:focus {
	color:#FFFFFF;
	text-decoration:none;
	}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
	display:block;
	height:10px;
	padding:0;
	overflow:hidden;
	}
.dbx-box-closed .dbx-content * {
	display:none;
	}
/* additional clone styles */
.dbx-clone {
	opacity:0.8;
}

/* hacks for IE6 */
* html .dbx-tooltip {
	font-weight:normal !important;
}

/*LEFT menus*/
#leftcol ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
#leftcol ul li{
position: relative;
display: block;
float: left;
}

/*Top level menu link items style*/
#leftcol ul li a, #leftcol ul li a:visited{
display: block;
width: 90px; /*Width of top level menu link items*/
height: 15px;
padding: 4px 0px 0px 0px;
margin: 0px 5px 3px 5px;
border: 1px solid #000000;
text-decoration: none;
color: #333333;
background-color:#FAAA18;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align:center;
}

#leftcol ul li a:hover{
color: #FAAA18;
background-color:#333333;
}
/*Lightbox styles*/

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	color: #000000;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	color: #666666;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(../assets/lightbox/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../assets/lightbox/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../assets/lightbox/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}


/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../assets/lightbox/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../assets/lightbox/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(../assets/lightbox/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(../assets/lightbox/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../assets/lightbox/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(../assets/lightbox/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(../assets/lightbox/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(../assets/lightbox/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(../assets/lightbox/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(../assets/lightbox/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(../assets/lightbox/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../assets/lightbox/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(../assets/lightbox/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../assets/lightbox/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(../assets/lightbox/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}
/*End lightbox styles*/

/*Blog images*/
/*BLOG IMAGE AND ROLLOVER*/
/*Single float image*/
.thumbborder{
float: left;
}
.blog3img{
float: left;
font-size: 0.8em;
font-family: verdana;
width: 33%;
}
.blog2img{
float: left;
font-size: 0.8em;
font-family: verdana;
width: 50%;
}
.blogimg{
float: left;
margin-top: 6px;
}

.thumbborder{
	border:3px solid #909090; 
	padding:0px 0px 0px 0px; 
	margin: 0px 8px 0px 0px;
	display:inline;
}
/*Full with header for text*/
.thumbnailer{
margin: 10px 0px 15px 0px;
padding: 4px 2px 7px 7px;
background: url(../assets/thumbnailer.png) no-repeat left top;
height: 100px;
}
/*Without text header*/
.thumbsimple{
margin: 10px 0px 15px 0px;
padding: 0px 2px 8px 7px;
background: url(../assets/thumbnailer.png) no-repeat 0px -25px;
height: 75px;
}
.thumbsimplesub{float: right;}
.slthumb{
text-align:right;
margin: 10px 0px 10px 0px;
padding: 0px 0px 8px 7px;
}
.thumbtext{
color:#FFFFFF;
height: 20px;
padding-left: 133px;
}
.thumbnailer img, .thumbsimple img{
top: 8px;
position:relative;
}
.slthumb img{
top: 8px;
}
.blogimg a:active img, .blogimg a:link img, .blogimg a:visited img, .blog2img a:active img, .blog2img a:link img, .blog2img a:visited img, .blog3img a:active img, .blog3img a:link img, .blog3img a:visited img, .thumbnailer a:active img, .thumbnailer a:link img, .thumbnailer a:visited img, .thumbsimple a:active img, .thumbsimple a:link img, .thumbsimple a:visited img, .nolinkborder img{
	border:3px solid #909090; 
	padding:0px 0px 0px 0px; 
	margin: 0px 8px 0px 0px;
	display:inline;
}

.slthumb a:active img, .slthumb a:link img, .slthumb a:visited img{
	border:3px solid #909090; 
	padding:0px 0px 0px 0px; 
	margin: 3px 3px 0px 0px;
	display:inline;
}

.aboutleft{
float: left; 
width: 380px;
height: 200px;
padding:10px 0px 0px 0px; 
margin: 0px 3px 0px 0px;
}

.aboutright{
float: right; 
width: 35%;
top: 200px;
height: 200px;
padding:10px 0px 0px 0px; 
margin: -210px 8px 0px 0px;
/*	IE6 fix*/
	*margin: 0px 8px 0px 0px;
	_margin: 0px 8px 0px 0px;
}

.aboutimg{
float: left; 
border: 1px #555555 solid; 
padding: 4px; 
margin-right: 10px;
}
.aboutpre{
color: #CCCCCC;
width: 90px;
float:left;
font-weight:bold;
padding: 3px;
}
.abouttxt{
width: 250px;
padding: 3px;
float:left;
}
/*Each Image*/
.blogimg a:hover img, .blog3img a:hover img, .thumbnailer a:hover img, .thumbsimple a:hover img, .slthumb a:hover img{ 
border:3px solid #FAAA18; 
padding:0px 0px 0px 0px;
}
/*Container*/
.blog3imgc {
position: relative;
display: block;
text-align:center;
min-height: 120px;
padding: 8px 8px 8px 8px;
margin: 2px 0px 10px 5px;
width: 90%;
margin-left: auto;
margin-right: auto;
clear:both;
}
.blog2imgc {
position: relative;
display: block;
text-align:center;
min-height: 120px;
padding: 8px 8px 8px 8px;
margin: 2px 0px 10px 5px;
width: 75%;
margin-left: auto;
margin-right: auto;
clear:both;
}

/*famous quoters!*/
.iquote {
	width: 93%;
	margin-left: 20px;
	background: url(../assets/quoter.png) repeat left top;
	margin: 5px 0px 5px 25px;
	margin-left: auto;
	margin-right: auto;
	color:#CCCCCC;
	padding:25px 15px 15px 15px;
}
.quoter {
	width: 93%;
	margin-left: 20px;
	background: url(../assets/quotebg.png) repeat right top;
	margin: 5px 0px 5px 25px;
	margin-left: auto;
	margin-right: auto;
	color:#CCCCCC;
	padding:45px 15px 15px 15px;
}

.mile{
	width: 93%;
	background: url(../assets/runsbg.png) repeat right top;
	margin: 5px 0px 5px 25px;
	margin-left: auto;
	margin-right: auto;
	color:#CCCCCC;
	padding:45px 15px 15px 15px;
}
.code{
	width: 93%;
	background: url(../assets/codebg.png) repeat right top;
	margin: 5px 0px 5px 25px;
	margin-left: auto;
	margin-right: auto;
	color:#f1f1f1;
	padding:45px 15px 15px 15px;
	font-family:"Courier New", Courier, monospace;
}
form{
z-index: 500;
}
.cssshow{
display: none;
}
fieldset{
margin-bottom: 10px;
padding: 10px 10px 10px 10px;
color: #FFFFFF;
border: 1px solid #666666;
z-index: 501;
}
fieldset legend{
font-weight: bold;
border: 1px solid #666666;
padding: 3px 6px 3px 6px;
}
.scfeedbacktip{
border: 1px dashed #FAAA18; 
padding: 2px 4px 2px 4px
}
.scfeedbackcredits{
padding-top: 20px;
text-align: right;
}
input.scfeedback, select.scfeedback, textarea.scfeedback {
font-family: verdana; 
color: #FFFFFF;
margin-top: 3px;
padding: 3px; 
border: 1px solid #111111; 
background-color: #444444;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
z-index:1000;
}
textarea.scfeedback {
width: 95%;
}
input:focus.scfeedback, textarea:focus.scfeedback{background-color: #393939;}
input:hover.scfeedback, textarea:hover.scfeedback{background-color: #454545;}
input:focus.rightsearch{background-color: #393939;}
input:hover.rightsearch{background-color: #454545;}

.scfeedbackbutton{
text-align: center;
z-index:1000;
}
.scfeedbackbutton input, input.scarchivebutton{
padding: 1px;
font-family: verdana;
color: #FFFFFF;
font-size: 1em;
border: 1px solid #6D6D6D; 
background-color: #5F5F5F;
z-index:1000;
}
.scfeedbackbutton input{
width: 150px;
}
input.scarchivebutton{
width: 60px;
}
.scfeedbackbutton input:hover, input.scarchivebutton:hover{
background-color: #333333;
}
.scfeedbackbutton input:focus, input.scarchivebutton:focus{
background-color: #FAAA18;
color: #000000;
}
.scfeedbackbutton input {
margin-left: 20px;
}

input.light, textarea.light{
background-color:#444444;
color: #FAAA18;
width: 200px;
}
input.std, textarea.std{
background-color:#444444;
color: #FFFFFF;
width: 200px;
}
input.std, textarea.std{
background-color:#333333;
color: #FFFFFF;
}
/*right search bar*/
input.rightsearch{
font-family: verdana; color: #FAAA18; padding: 2px; font-size: 12px; border: 1px solid #000000; background-color: #5F5F5F;
margin-left: 10px;
}
input.rightsearchbutt{
font-family: verdana; color: #FFFFFF; font-size: 10px; border: 1px solid #333333; background-color: #555555; padding: 2px;
}
input.rightsearchbutt:hover{
background-color: #5F5F5F;
}
/*styles for contact form*/
div.contactname{
width: 120px;
height: 20px;
float:left;
}

div.contactform input{
font-size: 1.1em;
padding: 2px;
border: 1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
width: 300px;
}
/*Right menu styles, recent comments*/
.rm_avatar{width: 40px; float:left;}

.rm_text{
color:#000000;
height: 30px;
width: 180px;
padding: 1px 5px 8px 1px;
margin: 1px 0px 5px 5px;
border-bottom:1px solid #666666;
}
.white{
color:#FFFFFF;
}
.rm_text img{
border:2px solid #555555;
padding: 1px;
}
.rm_text img:hover{
border:2px solid #FAAA18;
padding: 1px;
}
.rm_runs{
/*border-top:1px solid #555555;*/
padding: 1px 1px 1px 5px;
}
/*amazon wishlist styles*/
#wishcontainer{
width: 200px;
padding: 0px 0px 0px 6px;
margin: 0;
}
#wishcontainer img{height:40px;width:40px;margin-top:1px;border: 2px #000000 solid;}
#wishcontainer img:hover{border: 2px #FAAA18 solid;}
/*amazon list*/
#wishcontainer a{-moz-opacity: 0.5;  opacity: 0.5; -khtml-opacity: 0.5;}
#wishcontainer a:hover{-moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}

/*Rounded corners*/
.r1, .r2, .r3, .r4{font-size:1px; overflow:hidden; display:block;}
.r1 {height:1px; background:#888; margin:0 5px;}
.r2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.r3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.r4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.rb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
.rb div {margin-left: 5px; color: #333333;}
.rob {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}

/*Archives*/
span.collapsArch {border:0;
 padding:0; 
 margin:0; 
 cursor:pointer;
}
#archivescontainer li.collapsArch:before {content:'';} 
#archivescontainer li.collapsArch {list-style-type:none}
#archivescontainer li.collapsArchPost {
             text-indent:-1em;
              list-style-type:none;
             margin:0 0 0 1em;}
#archivescontainer li.collapsArchPost:before {content: "\00BB \00A0" !important;} 
#archivescontainer li.collapsArch .sym {
               font-size:1.2em;
               font-family:Monaco, 'Andale Mono', 'FreeMono', 'Courier new', 'Courier', monospace;
               margin:2px 5px 0px 0; 
               line-height:.8em;
               padding:0;
               /* uncomment to put a box around +/-
               border:1px solid;
               height:.9em;
               display:inline-block;
               vertical-align:baseline;
               */
}
.archpad{
padding: 20px 0px 30px 0px;
}

/*blogquilt*/
/*Link faders*/
.linkopacity img {-moz-opacity: 0.5;  opacity: 0.5; -khtml-opacity: 0.5;border:1px solid black;}
.linkopacity:hover img {-moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}
.linkopacity75 img {-moz-opacity: 0.75; opacity: 0.75; -khtml-opacity: 0.75;}
.linkopacity75:hover img {-moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}

.blogquilt_lm{
text-align:center;
font-size:10px;
color:#000000;
}
.blogquilt{
width: 90px;
padding: 3px 0px 0px 6px;
}
.quiltpad a{
padding: 0px 2px 2px 0px;
}
.backtop{
text-align:center;
padding: 20px 0px 0px 0px;
}

.rightphotos{
width: 195px;
padding: 3px 0px 0px 6px;
}
.photopad a{
padding: 0px 2px 2px 0px;
}

/*Portfolio styles*/
.portfolioleft{
text-align: center;
border: 1px solid #666666;
padding: 5px;
width: 500px;
margin: 5px 0px 5px 5px;
margin-left: auto;
margin-right: auto;
}
.portover{
margin: 0px 0px 5px 0px;
}
.portover a:active{ padding:0px 0px 0px 0px; border: 0px;}
.portover a { padding:0px 0px 0px 0px; border: 0px;}
.portover a:link { padding:0px 0px 0px 0px;}
.portover a img{ border:3px solid #666666; padding:0px 0px 0px 0px;}
.portover a:hover img{ border:3px solid #FAAA18; padding:0px 0px 0px 0px;}

.portbox{
border: 1px solid #666666;
padding: 10px;
text-align:center;
margin-left: auto;
margin-right: auto;
width: 430px;
}

.portleft{
float: left;
width: 300px;
padding-right: 5px;
}
.portright{
padding: 0px 0px 0px 8px;
}

.portimgloader{
width: 300px;
height: 225px;
border: 3px solid #666666;
background: url(../assets/sc_loader.gif) no-repeat left top;
margin: 0px 0px 0px 0px;
}
.porttext{
background: url(../assets/quoter.png) no-repeat left top;
margin: 5px 0px 5px 25px;
color:#CCCCCC;
padding:15px 15px 15px 15px;
}

/*error pages style*/
.errorbg{
top: 2px;
bottom: 12px;
height: 110px;
right: 0px;
margin: 70px 0px 5px 0px;
z-index:1;
position:relative;
font-size:6em;
color:#555555;
/*Arial Black*/
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-6px;
border:0px;
display: block;
width: 95%;
text-align:center;
}
.errorerrt{
height: 50px;
top: -228px;
right: -15px;
/*Arial Black*/
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-3px;
z-index:1;
font-size:0.8em;
position:relative;
text-align:right;
}
.errorheader{
top: -220px;
bottom: -12px;
right: 65px;
height: 100px;
margin-bottom: 5px;
z-index:2;
position:relative;
font-size:2em;
color:#FAAA18;
/*Arial Black*/
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-6px;
border:0px;
display: block;
width: 90%;
text-align:right;
}
.errortext{
z-index:2;
top: -52px; 
left: 15px;
width: 100%;
position:relative;
font-size:0.9em;
line-height: 10px;
color:#EAEAEA;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing:0px;
border:0px;
border-bottom:2px solid #FAAA18;
text-align:left;
}
.errortexterr{
font-size:1.0em;
line-height: 25px;
color:#EAEAEA;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.errormeta{
z-index:3;
top: -200px;
left: 15px;
position:relative;
font-size:0.5em;
line-height: 15px;
color:#CCCCCC;
font-family: "Times New Roman", Times, serif;
letter-spacing:0px;
border:0px;
text-align:right;
}
.errormetasmall{
font-size:0.5em;
}
/*Intro boxes*/

.intro-boxfull{
padding: 8px;
z-index: 8;
}
.intro-boxleft{
width: 48%;
float: left;
margin-right: 8px;
z-index: 8;
}
.intro-boxright{
width: 48%;
float: right;
margin-left: 8px;
z-index: 8;
}
.intro-title{
position: relative;
top: 20px;
left: 15px;
margin-top: -10px;
z-index:10;
}
.intro-handle{
text-align:center;
position:relative;
padding:16px 0 6px 0;
border: 0px solid #000000;
background:url(../assets/lm_handle.png) no-repeat 0 0;
color:#ffffff;
}
.intro-content{
position: relative;
display: block;
padding: 15px 10px 10px 15px;
margin-top: 5px;
background:url(../assets/intro_bg.jpg);
border: 1px solid #000000;
z-index: 9;
}
.centered{
text-align: center;
}
.rootcolour{
color: #FAAA18;
}
.strike{
text-decoration:line-through;
}
/*article pages*/
.articleimg{text-align:center; float: left; width: 200px; margin: 10px 0px 0px 0px;}
.articleimg a img{ border:5px solid #555555; padding:0px 0px 0px 0px;}
.articleimg a:hover img{ border:5px solid #FAAA18; padding:0px 0px 0px 0px;}

.article{
background: url(../assets/quoterlight.png) repeat bottom right;
background-position:bottom right;
margin: 10px 0px 10px 0px;
padding: 10px;
width: 93%;
margin-left: auto;
margin-right: auto;
min-height: 160px;
}

.articletitle{
text-align: right;
padding: 5px 0px 5px 5px;
font-weight: bold;
font-size:1.1em;
}

.articlemeta{
background-color:#111111;
padding: 5px;
color: #999999;
font-size:1.0em;
font-family:Arial, Helvetica, sans-serif;
}
.articleright{
}

.articletxt{
padding: 5px 0px 5px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-left: 200px;
}
.highslide-maincontent .scrollbar{  
	margin: 0px 0px -20px 0px;
	height: 400px;
}
.highslide-maincontent h3{
color: #000000;
font-size: 1.0em;
font-weight: bold;
padding: 0px;
}
/*blogpaging*/
.blogpaging a, .blogpaging a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000000;
	color: #FAAA18;
	background-color: #333333;	
}
.blogpaging a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000000;
	color: #FAAA18;
	background-color: #333333;	
}
.blogpaging a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #CCCCCC;
}
.blogpaging a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000000;
	color: #000000;
	background-color: #666666;	
}
.blogpaging span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #FFFFFF;
	/*border: 1px solid #000000;
	background-color: #333333;*/
}
.blogpaging span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FAAA18;
}
.blogpaging span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #FFFFFF;
	background-color: #333333;
}
/*Tab About*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #555555;
 font: 10px Verdana, sans-serif;
}

div.tabbertab h2{
  padding: 5px 5px 5px 5px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;

}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #555555;
 border-bottom: none;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #FFFFFF; }
ul.tabbernav li a:visited { color: #FFFFFF; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #FAAA18;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 border-bottom: 1px solid #555555;
	background-color: #555555;
	color: #FFFFFF;
}

ul.tabbernav li.tabberactive a:hover
{

 background: ##555555;
 border-bottom: 1px solid #555555;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #555555;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
