/*  
*******************************************************
* WWW.JLSNET.CO.UK v4.5                               *
* jlsnet.css Screen Stylesheet                        *
* By: James Lee Saunders                              *
* Date: 18 Aug 2007                                   *
*******************************************************
*/



/*** Main Body Styles ***/
body {
   background: #8b8b8b;
   color: #303030;
   font: 85% Verdana, Tahoma, Arial, sans-serif;
   margin: 0px;
   padding: 0px;
   border: 0px solid black;
   text-align: left;
}

a {
   FONT-WEIGHT: bold; 
   COLOR: #a60000;
   text-decoration: none;
}
a:visited { 
   /* ?? */
}
a:hover {
   FONT-WEIGHT: bold; 
   COLOR: #df8040; 
   text-decoration: none;
}
p, blockquote {
   line-height: 1.5em;
}




/*** Insert Styles ***/
.insert {
   width: 100%;
   background: #f3f3f3 url(http://www.jlsnet.co.uk/images/inserts/insert_peel.gif) no-repeat right bottom;
   border: 1px solid #b0b0b0;
   margin-bottom: 15px;
   padding-bottom: 15px;
}
.insert h2 {
   padding: 5px 0px 4px 8px;
   border-top: 3px solid #bbb;
   margin: 0px 0px 8px 0px;
   border-bottom: 1px solid #ddd;
   background: #5c3a86 url(http://www.jlsnet.co.uk/images/mainlayout/insert_heading.jpg) no-repeat;
   font-size: 14px;
   letter-spacing: -1px;
   text-transform: uppercase;
   color: white;
}
.insert form {
   padding: 10px;
}
.insert p, .insert ul {
   padding: 7px;
   list-style: none;
   font-size: 11px;
   line-height: 18px;
   color: #333;
}
.insert li {
   padding-left: 17px;
   margin: 0 0 5px 0;
}


.insert img {
   border: 0px 0px 0px 0px;
}

.sortabledemo {
   border: 0px 0px 0px 0px;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   list-style: none;
   cursor: move;
   width: 100%;
   margin-left: 0px;
   padding-left: 0px;
   margin-top: 0px;
   padding-top: 0px;
}



.news { /*  Insert Background */
   background: #eee url(http://www.jlsnet.co.uk/images/inserts/insert_back_news.gif) no-repeat left top;
}
.donate { /*  Insert Background */
   background: #eee url(http://www.jlsnet.co.uk/images/inserts/insert_back_donate.gif) no-repeat left top;
}
.search { /*  Insert Background */
   background: #eee url(http://www.jlsnet.co.uk/images/inserts/insert_back_search.gif) no-repeat left top;
}






/*** Header ***/
#masthead {
   padding: 0px;
   height: 75px;
   background-image: url(http://www.jlsnet.co.uk/images/mainlayout/jlsnet_head_left_router.jpg);
   background-position: left;
   background-repeat: repeat-x
   background-color: #5c3a86;
   border: solid 0px #000;
   border-bottom: solid 1px white;
}
#masthead img {
   border: solid 0px black;
   background-image: url(http://www.jlsnet.co.uk/images/mainlayout/jlsnet_head_right_plug.gif);
}
#bloghead {
   padding: 0px;
   height: 75px;
   background-image: url(http://www.jlsnet.co.uk/images/mainlayout/jlsnet_head_left_hills.jpg);
   background-position: left;
   background-repeat: repeat-x
   background-color: #ccffff;
   border: solid 0px #000;
   border-bottom: solid 1px white;
}
#bloghead img {
   border: solid 0px black;
}







/*** Main container ***/
#container {
   background: #f0f0f0 url(http://www.jlsnet.co.uk/images/mainlayout/bodybg.jpg) repeat-x;
   color: #303030;
   margin: 0;
   min-width:770px;
   padding: 0;
   text-align:left;
   width: 100%;
   border: solid 0px black;
}








/*** Horizontal Menu ***/
#mainmenu {
   float:left;
   margin-bottom:25px;
}

#mainmenu ul {
   font-size: 16px;
   margin: 0;
   padding: 0;
}

#mainmenu li {
   float:left;
   height: 35px;
   list-style: none;
   margin: 0;
   padding: 0;
}

#mainmenu a {
   border-right: 1px solid #b0b0b0;
   color: #606060;
   display: block;
   font-size: 0.7em;
   padding: 11px 10px 10px;
   text-transform:uppercase;
}

#mainmenu a:hover {
   background: #f0f0f0 url(http://www.jlsnet.co.uk/images/mainlayout/menuhover.jpg) top left repeat-x;
   color:white;
   text-decoration: none;
}

#mainmenu a.current {
   background: #f0f0f0 url(http://www.jlsnet.co.uk/images/mainlayout/menuselected.jpg) top left repeat-x;
   color:white;
   text-decoration: none;
}














/*** Content wrap ***/
#wrap {
   clear: both;
   font-size: 0.9em;
   padding: 0;
}








/*** Left and Right Columns ***/
#leftside, #rightside {
   width: 165px;
}
#leftside {
   float:left;
   padding: 0px 0px 0px 16px;
}
#rightside {
   float:right;
   padding: 0px 16px 0px 0px;
}
#leftside h1, #rightside h1 {
   color: #505050;
   font-size: 1.6em;
   font-weight: bold;
   letter-spacing: -1px;
   margin: 0px 0px 12px 0px;
}
#leftside h2, #rightside h2 {
   font-size: 1.1em;
   margin: 0px 0px 20px 0px;
   border-bottom: 1px solid #BEBFC3;
}
#leftside p, #rightside p {
   font-size: 0.9em;
   line-height: 1.4em;
   margin: 10px 10px 10px 10px;
}
#leftside ul, #rightside ul {
   padding-left: 0px;
   margin: 0px;
}
#leftside li, #rightside li {
   list-style: none;
}






.linklist {
   list-style: none;
   margin: 0 0 16px 10px;
   padding: 0;
}
.linklist li {
   margin-bottom: 0.7em;
}










/*** Middle Column ***/

#layout1 {
   margin: 0 20px 0 20px;
   background-color: #fafcff;
   border: 1px solid #909090;
   color: #2a2a2a;
   padding: 15px 20px 5px;
}

#layout2 {
   margin: 0 200px 0 20px;
   background-color: #fafcff;
   border: 1px solid #909090;
   color: #2a2a2a;
   padding: 15px 20px 5px;
}

#layout3 {
   margin: 0 200px;
   background-color: #fafcff;
   border: 1px solid #909090;
   color: #2a2a2a;
   padding: 15px 20px 5px;
}

#layout4 {
   margin: 0 20px 0 200px;
   background-color: #fafcff;
   border: 1px solid #909090;
   color: #2a2a2a;
   padding: 15px 20px 5px;
}








/*** Content DIV Styles ***/
.content h4 {
   FONT-WEIGHT: bold; 
   FONT-SIZE: 14px; 
   COLOR: #000080; 
   TEXT-DECORATION: none;
   height: 23px;
   border-bottom: 1px dotted #e1e1e1;
   border-right: 0 solid #ffffff;
   border-left: 0 solid #ffffff;
   border-top: 0 solid #ffffff;
   -moz-border-bottom-colors: #e1e1e1;
   -moz-border-top-colors: #e1e1e1;
}
.content h3 {
   FONT-WEIGHT: bold; 
   FONT-SIZE: 17px; 
   COLOR: #000080; 
   TEXT-DECORATION: none; 
   padding-top: 0;
   height: 23px;
   background-image: url(http://www.jlsnet.co.uk/images/mainlayout/jlsnet_watermark.jpg); 
   background-position: right;
   background-repeat: no-repeat;
   border-bottom: 1px solid #e1e1e1;
   border-right: 0 solid #ffffff;
   border-left: 0 solid #ffffff;
   border-top: 0 solid #ffffff;
   -moz-border-bottom-colors: #e1e1e1;
}
.content pre {	
   padding: 8px; 	
   margin: 20px; 	
   letter-spacing: -0.05em;			
   COLOR: #000000; 		
   font-family: 'Courier New', Courier, sans-serif;	
   TEXT-DECORATION: none;	
   line-height: 1.2em;
}
.content code {
   padding: 8px; 	
   margin: 20px; 	
   display: block;
   letter-spacing: -0.05em;	
   BACKGROUND: #ffff99; 	
   border: 1px dashed #909090;	
   white-space: pre;	
   COLOR: #000000; 		
   font-family: 'Courier New', Courier, sans-serif;	
   TEXT-DECORATION: none;	
   border-collapse: collapse;
   line-height: 1.2em;
}

.content code br {
   line-height: 0;
   display: none;
}

.content img {
   border: 1px dashed #909090;
   padding: 3px;
}

.content li {
   line-height: 1.5em;
}

.content a[href^="http:"], .content a[href^="https:"]{   
   background: url(images/icons/iconout.gif) no-repeat 100% 50%;
   padding-right: 13px;      /* width of the img */
   display: inline-block;    /* IE correction to show the icon */
   cursor: pointer;          /* IE correction to show hand instead of arrow */
   vertical-align: baseline; /* Opera correction to get the last word vertical aligned */
}

.content a[href^="http:"]:visited, .content a[href^="https:"]:visited {
   background: url(images/icons/tick.gif) no-repeat 100% 50%;
   padding-right: 13px;      /* width of the img */
   display: inline-block;    /* IE correction to show the icon */
   cursor: pointer;          /* IE correction to show hand instead of arrow */
   vertical-align: baseline; /* Opera correction to get the last word vertical aligned */
}
.content a[href^="http://www.jlsnet.co.uk"] {
        background: transparent;
        padding-right: 0px;
}
.content a[href^="http://www.jlsnet.co.uk"]:visited {
        background: transparent;
        padding-right: 0px;
}


/*** Post DIV Styles ***/
.post {
   padding-top: 0px;
   padding-bottom: 10px;
}
.post blockquote {
   background-color: #eef2f7;
   padding: 7px;
   border: 1px dashed #909090;
   font-style: italic;
}
.post blockquote:before {
   display: marker;
   padding-left: 0px;
   content: url("/images/mainlayout/openquote.gif");
}
.post blockquote:after {
   display: marker;
   padding-left: 300px;
   content: url("/images/mainlayout/closequote.gif");
}
img.wp-smiley {
   border: 0px solid white;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   display: inline;
}







/*** Bluebox DIV Styles (Social Bookmarking) ***/
.bluebox {
   BORDER: #000000 1px dotted; 
   PADDING: 10px 10px 10px 10px; 
   margin: 8px 8px 8px 8px;
   BACKGROUND: #eef2f7;  
   COLOR: #000080; 
   LINE-HEIGHT: 14px; 
   BORDER-COLLAPSE: collapse; 
   TEXT-DECORATION: none;
   font-size: 0.9em;
}
.bluebox img {
   border: 0px solid white;
   margin: 0px 3px 0px 3px;
   padding: 0px;
}











/*** Footer ***/
#mastfooter {
   height: 45px;
   background: #5c3a86 url(../images/mainlayout/jlsnet_footer_plug.jpg) top left;
   background-repeat: repeat-x
   clear: both;
   color: white;
   border-top: solid 1px black;
   font-size: 1.0em;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   width: 100%;
}
#mastfooter a {
   text-decoration: none;
   color: white;
}
#blogfooter {
   height: 45px;
   background: #ccffff url(../images/mainlayout/jlsnet_footer_grass.jpg) top left;
   background-repeat: repeat-x
   clear: both;
   color: white;
   border-top: solid 1px black;
   font-size: 1.0em;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   width: 100%;
}
#blogfooter a {
   text-decoration: none;
   color: white;
}








/*** Various classes ***/
.thumbnail {
   background: #fafbfc;
   border: 1px solid #b0b0b0;
   margin: 0 0 10px 10px;
   padding: 5px;
}
.searchform {
   margin: 0;
}
.searchbox {
   background: #f0f0f0;
   border: 1px solid #b0b0b0;
   margin: 0 4px 0 0;
   width: 100px;
}
.searchbutton {
   background: #f0f0f0;
   border: 1px solid #b0b0b0;
}
.clearingdiv {
   clear: both;
   height: 30px;
   width: 1px;
}
.hide {
   display: none;
}







/*** Text format ***/
.intro {
   font-size: 1.1em;
   font-weight: bold;
   letter-spacing:-1px;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
.small {
   font-size: 0.8em;
}
.large {
   font-size: 1.4em;
}
.category {
   border-bottom: 1px solid #b0b0b0;
}
.date {
   margin-top: -9px;
   padding-top: 0px;
   border-bottom: 1px dotted #eeeeee;
}
.code {
   padding: 8px; 	
   margin: 20px; 	
   letter-spacing: -0.05em;	
   BACKGROUND: #ffff99; 	
   border: 1px dashed #909090;			
   COLOR: #000000; 		
   font-family: 'Courier New', Courier, sans-serif;	
   TEXT-DECORATION: none;	
   border-collapse: collapse;
}






/*** Vertical Menu ***/

.sidemenu li {
   background: #e8e9ea;
   border: 1px solid #b0b0b0;
   display: block;
   margin-top: 4px;
   padding: 5px 4px 4px 10px;
   position: relative;
   width: 140px;
   text-transform: uppercase;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   list-style: none;
}
.sidemenu ul a {
   font-size: 0.8em;
   letter-spacing: 1px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 125px;
}
.sidemenu {
   margin-bottom: 15px;
}
.sidemenu h2 {
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: -1px;
   color: black;   
}
.sidemenu li:hover {
   background: #f8f9fa;
   border: 1px solid #909090;
   color: #303030;
   text-decoration: none;
}
.active {
   background: #f8f9fa;
   border: 1px solid #909090;
   color: #303030;
   text-decoration: none;
}
.sub {
   font-size: 0.8em;
   letter-spacing: 1px;
   margin: 3px 0 2px 10px;
   padding: 4px 2px 2px 8px;
   width: 125px;
}







/*** Icon Menu ***/
.iconlist h2 {
   text-transform: uppercase;
   font-size: 14px;
   letter-spacing: -1px;
   color: black;   
}
.iconlist {
   margin-bottom: 15px;
}

ul.iconlist {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size:0.8em;
   letter-spacing:1px;
}
li.pdf {
   background-image: url(../bullet_pdf.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}

li.doc {
   background-image: url(../bullet_doc.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}

li.text {
   background-image: url(../bullet_text.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.htm {
   background-image: url(../bullet_htm.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.feed {
   background-image: url(http://www.jlsnet.co.uk/images/icons/feed-icon-16x16.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.opml {
   background-image: url(http://www.jlsnet.co.uk/images/icons/opml-icon-16x16.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.sharethis {
   background-image: url(http://www.jlsnet.co.uk/images/icons/share-icon-16x16.gif);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}
li.technorati {
   background-image: url(http://www.jlsnet.co.uk/images/icons/technorati-icon-16x16.png);
   background-repeat: no-repeat;
   background-position: 0 50%;
   padding: 3px 0 3px 20px;
   margin: .4em 0;
}