/*  
 * Theme Name: 		Horizontal
 * Theme URI: 		http://www.theenglishguy.co.uk/?ts_theme=horizontal
 * Description: 	This is a theme that removes all scrollbars, and uses its own javascript libraries
 * 					to emulate horizontal scrolling.
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 */
 
html, body {
	margin: 				0;
	padding: 				0;
}

body {
	width: 					100%;
	height: 				100%;
	overflow: 				hidden;
	background-image:       url(images/bgstripes.gif);
	background-color:		#036;
	background-repeat:		repeat;
	background-position:	top left;
	font-size:				75%;
}



/*----------------------------------------- footer ---*/
#footer {
    position:				absolute;
    font-size:				0.8em;
	top:					501px;
	width:					100%;
	margin:					0 auto;
}
#footer p {
    text-align:				center;
}


/*------------------------------ 13thparallel code ---*/
#divCanvas {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width:					826px;
	height:					455px;
	overflow: 				hidden;
}


#divLogo {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width:					100%;
	height:					66px;
	background-image:       url(images/top2.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
}
#divLogoInfo h2, #divLogoMeta span.meta {
	font-variant:			small-caps;
}
#divLogoMeta {
    float:					right;
	clear:					right;
	width:					330px;
	height:					55px;
	text-align:				center;
}
#divLogoMeta span.meta {
    font-size:				1.2em;
	font-family:			Arial,Helvetica,sans-serif;
	padding:				5px 0 0 0;
}
#divLogoMeta #left, #divLogoMeta #right {
    float:					left;
	text-align:				left;
}
#divLogoMeta #left {
    width:					165px;
	margin-top:             15px;
}
#divLogoMeta #left ul {
    list-style-image:       url(images/listblack.gif);
	padding-left:           30px;
	font-weight:			bold;
}
#divLogoMeta #right {
    width:					145px;
	padding-left:           20px;
	margin-top:             12px;
}
#divLogoInfo {
    width:					460px;
	height:					55px;
	margin:					10px 0 0 10px;
	padding:				0;
}
#divLogoInfo *, #divLogoMeta * {
    margin:					0;
	padding:				0;
}
#divLogoInfo h2 {
    float:					right;
	clear:					right;
	width:					384px;
    font-size:				2em;
	letter-spacing:			0.075em;
	text-align:				center;
	margin-top:             -30px;
}
* html #divLogoInfo h2 {
    margin-top:             15px;
}
#divLogoInfo img {
    width:					66px;
	height:					56px;
}


#divPage {
	position: 				absolute;
	top: 					96px;
	left: 					0;
	width:					826px;
	height: 				350px;
	overflow: 				hidden;
	background-color:		transparent;
	background-image:       url(images/bg_middle.gif);
	background-repeat:		repeat-y;
	background-position:	top left;
}

/* the slider has relative position for mozilla, otherwise it would cause scrollbars to appear */
#divPageSlider {
	position: 				relative;
	top: 					13px;
	left: 					0;
	height: 				340px;
	background-color:		transparent;
}

#divRuler {
	position: 				absolute;
	top: 					435px;
	left: 					0;
	width:					826px;
	height:					20px;
	padding:				0 15px;
	clip:					rect(0px, 826px, 20px, 0px);
	overflow: 				hidden;
	background: 			transparent;
	background-image:       url(images/bg_bottom.gif);
	background-repeat:		no-repeat;
	background-position:	top left;
	font-size: 				1px;
	line-height: 			1px;
}
* html #divRuler {
    width:					796px;
}

#divArrowLeft {
	position: 				absolute;
	top: 					382px;
	left: 					10px;
	width: 					25px;
	height: 				43px;
	background: 			url(images/arrow_left.gif) no-repeat;
	cursor: 				pointer;
	cursor: 				hand;
}

#divArrowRight {
	position: 				absolute;
	top: 					382px;
	right: 					10px;
	width: 					25px;
	height: 				43px;
	background: 			url(images/arrow_right.gif) no-repeat;
	cursor: 				pointer;
	cursor: 				hand;
}

#divLinkBlock {
	position: 				absolute;
	top: 					437px;
	left: 					32px;
	height: 				8px;
	width: 					16px;
	overflow: 				hidden;
	background: 			rgb(186,195,200);
	font-size: 				1px;
	line-height: 			1px;
}

#divLinks {
	position: 				absolute;
	top: 					435px;
	left: 					0;
	line-height: 			12px;
}
*>#divLinks {
    margin-left:            31px;
}

#divTitles {
	position: 				absolute;
	top: 					436px;
	left: 					70px;
	height: 				12px;
	font: 					9px/9px verdana, sans-serif;
	color: 					#666;
}

#divMinus {
	position: 				absolute;
	top: 					436px;
	right: 					30px;
	width: 					10px;
	height: 				10px;
	line-height: 			10px;
	background: 			url(images/icon_minus.gif) no-repeat;
	cursor: 				pointer;
	cursor: 				hand;
}

#divPlus {
	position: 				absolute;
	top: 					436px;
	right: 					18px;
	width: 					10px;
	height:					10px;
	line-height: 			10px;
	background: 			url(images/icon_plus.gif) no-repeat;
	cursor: 				pointer;
	cursor: 				hand;
}

#divLoading {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	height: 				100%;
	background: 			#fff url(images/loading.gif) no-repeat center center;
	z-index: 				1000;
}

.contents {
	color: 					#000;
	text-decoration: 		none;
}
.contents:hover {
	color: 					#808080;
	text-decoration: 		none;
}

#divSizer {
	position: 				absolute;
	top: 					-10000px;
	left: 					-10000px;
	visibility: 			hidden;
}

#divContent {
	position:				absolute;
	top: 					-10000px;
	left: 					-10000px;
	visibility: 			hidden;
}

#divColumn { }


.columntext {
	/* font: 					12px/130% Palatino Linotype, Geneva, Georgia, serif; */
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				1.0em;
	color: 					#000;
}
.columntext h1 {
	font: 					bold 1.4em/112% Georgia, Geneva, serif;
	margin: 				0 0 0.5em 0;
}
.columntext h2 {
	font: 					bold 1.3em/130% Georgia, Geneva, serif;
	margin: 				0 0 0.7em 0;
}
.columntext h3 {
	font: 					bold 1.2em/140% Georgia, Geneva, serif;
	margin: 				0 0 0.2em 0;
}
.columntext h4 {
	font: 					500 1.1em/140% Georgia, Geneva, serif;
	margin: 				1em 0 0.1em 0;
	font-variant: 			small-caps;
}
.columntext pre {
	font: 					1.0em/140% "courier new", monospace;
	margin: 				0 0 0.9em 0;
}
.columntext ul, .columntext ol {
	margin-top: 			0;
	margin-bottom: 		0.9em;
}



/*------------------------------------ WP post css ---*/
.post-title { 
    margin-top:             10px;
}
.post-category { 
    text-align:				center;
}
.post-date { 
    font-weight:			bold;
}
.post-details { 
    margin-bottom:          10px;
}
.post-content ul, .post-content ol {
    width:					250px;
}
.post-content blockquote {
    background-color:		#eee;
    border-left:			4px solid #83b2df;
	text-align:				left;
	padding:				10px 10px 5px 10px;
	margin:					0 10px 10px 10px;
	width:					250px;
}
.post { }



abbr, acronym {
    border:					none;
}

p {
	margin-top:				0;
	text-align:				justify;
}
pre {
	font-size:				12px;
	font-family:			"courier new", monospace;
}
h1.loading {
    text-align:				center;
	margin:					20px 0 0 0;
	color:					#000;
	font-family:			Georgia,Geneva,serif;
}

b, strong {
	font-weight:			bold;
}
i, em {
	font-style:				italic;
}
span.nolink a, span.nolink a:hover {
    text-decoration:		none !important;
}

a {
	color: 					#c00;
	text-decoration: 		none;
}
a:hover {
	color: 					#333;
	text-decoration: 		underline;
}
#divLogoMeta a {
    color:					#000;
}
#divLogoMeta a:hover {
    color:					#c00;
}

div.latest {
    color:					#000;
	padding-bottom:         5px;
	text-indent:            1em;
}
div.latest a {
    font-variant:			small-caps;
}

img {
    border:					0;
}

.colbreak {
	position: 				absolute;
	visibility: 			hidden;
}

.centred {
	text-align: 			center;
}


/*------------------------- divSiteContents / menu ---*/
#divSiteContents {
	position: 				absolute;
	top: 					66px;
	left: 					0;	
	height: 				30px;
	width:					100%;
	font: 					bold 10px verdana, arial, helvetica, sans-serif;
	color: 					#c0c0c4;
	text-decoration: 		none;
	text-transform:			capitalize;
	margin:					0 auto;
	background-color:		#bbb;
	background-image:       url(images/bg_middle.gif);
	background-repeat:		repeat-y;
	background-position:	top left;	
    /* hide overflow:hidden from IE5/Mac */ 
    /* \*/ 
    overflow: 				hidden; 
    /* */ 
}

#divSiteContents ul {
    border-top:				1px solid #000;
    margin:					0 0 0 5px; 
	padding:				0 0 0 10px;
	width:					806px;
	list-style-type:		none; 
	background:				transparent;
}
#divSiteContents li {
    display:				block; 
	float:					left; 
	margin:					0 1px;
}
.snazzy {
    background:				transparent;
}
.snazzy span {
    text-align:				center; 
	color:					#fff; 
	margin:					0; 
	font-weight:			normal;
}

.b1, .b2, .b3, .b4 {
    display:				block; 
	font-size:				1px;
    /* hide overflow:hidden from IE5/Mac */ 
    /* \*/ 
    overflow: 				hidden; 
    /* */ 
}
.b1, .b2, .b3 {
    height:					1px;
}
.b2, .b3, .b4 {
    border-left:			1px solid #fff; 
	border-right:			1px solid #fff;
}
.b1 {
    margin:					0 5px; 
	background:				#fff;
}
.b2 {
    margin:					0 3px; 
	border-width:			0 2px;
}
.b3 {
    margin:					0 2px;
}
.b4 {
    height:					2px; 
	margin:					0 1px;
}
.boxcontent {
    display:				block; 
	border-left:			1px solid #fff; 
	border-right:			1px solid #fff;
}

/* if you need to change the width of each menu tab, change the width below */
a.menu, a.menu:visited {
    display:				block; 
	text-decoration:		none; 
	width:					7.0em;
}
a.menu:hover {
    background:				transparent; 
	text-decoration:		none !important;
	cursor:					pointer;
}
a.menu:hover span {
    padding-top:			10px;
}


.red {
    background:				#c00;
}
.orange {
    background:				#f90;
}
.yellow {
    background:				#b8b800;
}
.green {
    background:				#090;
}
.blue {
    background:				#00c;
}
.indigo {
    background:				#309;
}
.violet {
    background:				#c6c;
}