/*
Theme Name: Cadulike
Theme URI: http://cadulike.co.uk
Description: ########
Version: 1.0
Author: TWS
Author URI: http://cadulike.co.uk
TO-DO:
Sort out font sizes consistently
*/

body {border-width: 0px;margin: 60px auto;text-align:center;background-image:url("images/greyd32.bmp");padding: 0px; width: auto;}
html {margin-top: 0px;overflow-y: scroll;height: 100%;margin-bottom: 1px;padding: 0px;}

@font-face
{
font-family: 'ISONORM0'; src: url('fonts/ISONORM0.eot'); /* IE  remember to change to website-locked EOT*/
src: local('miso-regular'), url("fonts/miso-regular.ttf") format("truetype"); /* non-IE */   
}
#outer
{
width: 808px; /* = width+border */
max-width: 800px;
margin: 0px auto;
min-height: 400px;
border: 4px dashed #aaa;
background-color: transparent;
/* NOT #f4f4f4 thus allowing durbar pattern through the dashed border on W3C browsers*/
/*text-align:left;*/
font-family: ISONORM0, 'Arial Narrow', 'MS Shell Dlg',  Arial, sans-serif;
font-size: 14pt;
color: black;
overflow: hidden;
/* allowing oversize .rs to poke through the right border */
}

#header
{
border-width: 0px;
padding-top: 20px;
padding-bottom: 50px;
text-align: center;
background-color: #dfdfdf;
}
#logo
{
height: 40px;
width: 460px;
margin: 0px auto;
/*
GRAPHIC LOGO MODS

background-image:url("images/cadlogo.jpg");
background-repeat: no-repeat;
padding-bottom: 0px;*/
}
.cadu {float: left; height: 40px; width: 192px;}
{font-size: 36px;font-family: "Arial Unicode MS", "Lucida Sans Unicode", arial;}
.like {font-size: 36px;font-family: "Courier New", Courier, monospace;font-weight: bold; clear: none;}
.ibd {font-size: 18px;line-height: 40px; float: right; font-family: "Courier New", Courier, monospace;font-weight: bold;}
{margin-left: 50px;}
/* styling for the stencil-effect headings */
h1
{
/*width:760px;*/
margin-top: 0px;
margin-bottom: 10px;
}
h2
{

font-size: 16pt;
padding: 0px 0px 0px 0px;
text-align:left;
/*float: left;*/

/*clear: both;

font-family: "Courier New", Courier, monospace;
margin-top: 0px;
margin-bottom: 10px;*/
}
.stencil {
margin-top: 0px; /* not inherited W3C? */
margin: 0px 0px 1px 0px;
height: 100px;
/*max-height: 75px;*/
line-height: 75px;
padding: 5px 10px 5px 10px;
background-color: #A1CF2B;
border: 0px solid ;
border-bottom: 5px ridge #61B300;
border-top: 5px ridge #61B300;
vertical-align: middle;
/*margin-left: auto;
margin-right: auto;*/
}
.sfx {

font-family: ISONORM0, 'Arial Narrow', 'MS Shell Dlg',  Arial, sans-serif;
font-size: 36px;
/*padding: 0px; 5px 0px 5px 10px; */
color: #f4f4f4; /* = bg color ofblurb */
filter: progid:DXImageTransform.Microsoft.MotionBlur(Strength=5,Direction=215)
progid:DXImageTransform.Microsoft.Shadow(color=green,Strength=2,Direction=45);
text-shadow: #0c0 1px -1px 1px, #f4f4f4 -3px 3px 4px;
float: left;
}
#triang
{
border: solid white;
margin: 18px 0px 15px 0px;
border-width: 5px 10px 5px 1px;
border-color: #A1CF2B #f4f4f4 #A1CF2B #A1CF2B;
height: 0px;
float: right;
}
#din
{
font-family: ISONORM0, 'Arial Narrow', 'MS Shell Dlg',  Arial, sans-serif;
font-size: 10px;
color: white;
float: right;
filter:progid:DXImageTransform.Microsoft.DropShadow(color=black,OffX=0,OffY=1);
text-shadow: black 0px 1px 0px;
/* CSS compliant browsers <offset-x> <offset-y> <blur-radius> */
}
/* end of stencil effects */


#nav sup, #nav sub {font-size: 14px;}


#main
{
min-height: 400px;
/* nearly every browser EXCEPT IE7 seems to need next style line
to avoid transparent gaps inside top / bottom dashed border. Sort later. clear: both; */
border: solid #f4f4f4; /*red*/
border-width: 20px 10px 1px 10px;
background-color: #f4f4f4;

}
#nav
{
width: 1200px; /* "somewhat" wider than #outer */
background-color: transparent; /* as never seen! */
margin-top: -37px;
overflow: hidden; /* trick to simulate clear */
}
#nav a
{
text-decoration: none; /* needed for W3C. IE/FF are laxer */
}
#blurb
{
text-align:left;
float: left; display: inline;
margin: 0px; padding: 0px;
width: 632px; /*  value for IE6 */
max-width: 612px; 
border: solid #f4f4f4; /*green*/
border-width: 20px 10px 1px 10px;
}
#pics
{
/* SOME VALUES DIFFERENT FOR WORDPRESS?
float: right;
margin: 50px 15px 20px 0px;
padding-left: 5px;
display: inline;
overflow: hidden;
width: 150px;  value for IE6
font-size: 11px;*/
list-style-image: none;
list-style-type: none;
text-align:left;
float: right;
margin: 0px; padding: 20px 0px 0px 0px;
display: inline;
width: 148px;
}

#cbord, #calcu, #pipes
{
height: 148px; width: 148px;
/* compensating for box model */
border: solid #f4f4f4; /*blue*/
border-width: 0px 5px 20px 15px;
max-height: 128px; max-width: 128px;
float: right;
}
#cbord {background-image:url("images/cbord.jpg");}
#calcu {background-image:url("images/calcu.jpg");}
#pipes {background-image:url("images/fpps.jpg");}
#footer
{
text-align:center;
border: solid #f4f4f4; /*magenta*/
border-width: 30px 1px 1px 1px;
height: 30px;
line-height: 30px;
margin: 0px; padding: 0px;
font-family: Corbel, corbel0, "Trebuchet MS", sans-serif;
font-size: 14px;
clear: both;
}




a:hover {background-position: 0 0;} /*IE6- hover fix */
.ir, .or, .lnk, .ol, .il, .sp {border-style: solid; float: left; margin-bottom: 0px; display: block;}
.ir, .or, .ol, .il, .sp {height: 0px;}
.ir, .or, .ol, .il {width: 0px;}
.ir
{ border-width: 3px 4px 30px 0px; border-color: #aaa #aaa #f4f4f4 transparent;}
a .ir {border-color: #aaa #aaa #d6d6d6 transparent;}
a:hover .ir {border-color: #aaa #aaa white transparent;}
.or {border-width: 30px 0px 3px 4px; border-color: #dfdfdf transparent #aaa #aaa;}
.lnk {border-width: 3px 0px 0px 0px;border-color: #aaa transparent transparent transparent;
padding: 0px 8px;height: 33px; 
/* << for IE6`s benefit */ max-height: 30px;background: #f4f4f4;cursor: default;}
a, a .lnk {color: darkblue; }
a .lnk {background: #d6d6d6; cursor: pointer;  }
a:visited, a:visited .lnk {color: darkmagenta;}
a:active .lnk, .lnk, a:hover .lnk {color: #c00020; }
a:hover .lnk {background: white}
.ol {border-width: 30px 4px 3px 0px;border-color: #dfdfdf #aaa #aaa transparent;}
.il {border-width: 3px 0px 30px 4px;border-color: #aaa transparent #f4f4f4 #aaa;}
a .il {border-color: #aaa transparent #d6d6d6 #aaa;}
a:hover .il {border-color: #aaa transparent white #aaa;}
.sp {border-width: 33px 0px 0px 0px;border-color: #dfdfdf transparent transparent transparent;width: 20px;}
.rs
{
border-style: solid;
border-width: 33px 0px 4px 0px; /*33px 0px 0px 0px;*/
border-color: #dfdfdf transparent #aaa transparent ;
display: block;
float: left;
width: 360px;
/* wide enough to poke past 800px but not 1000px*/
}
.noline {float: left;border-style: solid; border-width: 0px 0px 4px 0px;
border-color: transparent transparent #f4f4f4 transparent;}
.underline {border-style: solid; border-width: 0px 0px 4px 0px;
border-color: transparent transparent #aaa transparent;float: left;}

/* just for fun, show a reflection of the copyright footer */
#reflect_ie_lt7, #reflect_ie_gt6, #reflect_not_ie {width: 808px;margin: 20px auto;height: 40px;min-height: 40px;}
#reflect_ie_lt7
{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/mirrcopy_ie_lt7.png", sizingMethod="scale");}
#reflect_ie_gt6 {background-image:url("images/mirrcopy_ie_gt6.png");}
#reflect_not_ie {background-image:url("images/mirrcopy_ie_lt7.png");}

/* these items only apply to wordpress */
.theentry {}
.theposts h2 a {text-decoration: none;}
.prevnext {}
.comments-template {margin: 10px 0 0;border-top: 1px solid #dfdfdf;padding: 10px 0 0;}
.comments-template ol {margin: 0;padding: 0 0 15px;list-style: none;}
.comments-template ol li {margin: 10px 0 0;line-height: 18px;padding: 0 0 10px;
border-bottom: 1px solid #dfdfdf;}
.comments-template h2, .comments-template h3 {font-family: "Courier New", Courier, monospace;font-size: 20px;}
.commentmetadata {font-family: "Courier New", Courier, monospace;font-size: 12px;}
.comments-template p.nocomments {padding: 0;}
.comments-template textarea {font-family: "Courier New", Courier, monospace;font-size: 12px;}
#pics ul {list-style-type: none;list-style-position: inside; padding: 0px; margin: 5px; }
#pics li {list-style-type: none;}
#pics h2, #calendar li {font-size: 11px;}
/* end of wordpress specific items */