body {
	margin: 0px 0px 20px 0px;
		background-color: #CCCCCC;
        	text-align: center;
       	}

a {
	text-decoration: underline;
	
	}

a:link {
	color: #8FABBE;
	}

a:visited {
	color: #8FABBE;
	}

a:active {
	color: #8FABBE;
	}

a:hover {
	color: #006699;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

.content {
	padding: 10px 20px 5px 20px;
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	}
.content pre {
	font-size: larger;
        text-align:left;
        background-color: #DDDDDD;
}

.content p {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	text-align: justify;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
        font-family: Verdana, Arial, sans-serif;
        font-size: small;
	font-weight: normal;
	line-height: 150%;
        text-align:justify;
	}

.content h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	
	}

.content h3 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;	
	margin-bottom: 10px;
	}

.content h4 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	
	}

.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}

.sidebar {
	/**padding: 15px;*/
	padding-top:15px;
	}

.sidebar img {
	border: 5px solid #EEEEEE;
	}

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;
	}

.sidebar h4 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;
	}


.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 5px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: circle;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.content img { 
        border:none !important; margin:0px !important;
}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: center;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0px;
	}
/**          background: #55559B; */  
#navcontainer
	{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1px;
          	padding: 1px;
                background: #999999;  
                position: relative;
                font-size: smaller;
	}


#navlist li
	{
		display: inline;
		color: #ffffff;
		list-style: none;
          	padding: 25px;
		font-weight: bold;
		padding-left: 15px;
		padding-right: 15px;
		background-repeat: no-repeat;
	}
	
/** #navlist a:link, #navlist a:visited
	{
		color: #ffffff;
		text-decoration: none;
	} */
/**     background: #55559B; */
#categorytitle
	{
		margin-bottom: 1px;
          	padding: 1px;
                background: #999999;           
                color: #FFFFFF;  
                font-weight: bold;
                text-align: center;
                font-size: larger;
	}


#categorytitle table
	{
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	padding-right: 10px;
        text-align: center;
	}
	
#categroytitle th 
        {
       text-align: center;
         }
#categorytitle td 
        { 
       text-align: left;
       padding-left: 75px;
        }
#categorytitle a:link, #categorytitle a:visited, #categorytitle a:hover
	{
		color: #ffffff;
		text-decoration: none;
	} 


#search {
    color: #fff;
}
#search table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}
#search td { 
	text-align: center;
	}

#searchbox {
    color: #666666;
}
#searchbox table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}
#searchbox td { 
	text-align: center;
	}

#adsense {
        height: 620px;
  	line-height: 150%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;	
  	padding: 0px;
	text-align: center;
	margin-bottom: 20px;
	}

#adsense2 {
        height: 620px;
  	line-height: 150%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;	
  	padding: 0px;
	text-align: center;
	margin-bottom: 20px;
	}

.letrachica {
        color: #000000;
	font-size: small;	
	}
.letramaschica { 
        color: #000000;
	font-size: x-small;	
	}      
.letrasuperchica {
        color: #000000;
	font-size: xx-small;	
	}

#subscriptions {
  	line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;	
  	padding: 2px;
	text-align: center;
	margin-bottom: 15px;
	}


#subscriptions p {
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	}

.greyunderline {
	color: #8FABBE;
	text-decoration: none;
	}
.underline { 
        text-decoration: underline;
        font-size:medium;
}

#sectionarchive { 
border-style: dotted;
border-color: gray;
padding: .5em;
margin: .5em;
border-width: 3px;
text-align: center;
}
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:180px;margin:0 10px 10px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0 0;text-align:center;color: #000}
ul#split p{margin:0;padding:1px 1px 15px}
li#one h3{background: #55559b;color:#FFFFFF}
ul#split p{background: #FFFFFF}
li#one table{border:2px solid #55559b}
li#two h3{background: #6495ED;color:#FFFFFF}
li#two p{border:2px solid #6495ED}
li#two table{border:2px solid #6495ED}
li#three h3{background: #55559b;color:#FFFFFF}
li#three table{border:2px solid #55559b}
li#three p#cajonhosting{border:2px solid #55559b}
ul#split2,ul#split2 li{margin:0;padding:0;list-style:none}
ul#split2 li{float:left;width:177px;margin:0 10px 10px 0}
ul#split2 h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split2 p{margin:0;padding:1px 1px 15px}
li#one2 h3{background: #55559b;color:#FFFFFF}
ul#split2 p{background: #FFFFFF}
li#one2 table#cajonrss{border:2px solid #55559b;height:200px;width:175px;}
li#one2 table#cajonlinks{border:2px solid #55559b;height:200px;width:175px;}
li#two2 h3{background: #6495ED;color:#FFFFFF}
li#two2 table#cajonsearch{border:2px solid #6495ED;height:150px;width:177px;}
li#three2 h3{background: #55559b;color:#FFFFFF}
li#three2 p{border:2px solid #55559b}
li#three2 table#cajonstuff{border:2px solid #55559b;height:200px;width:175px;}
li#four2 h3{background: #6495ED;color:#FFFFFF}
li#four2 p{border:2px solid #6495ED}



      /* <!-- */
        /* General styles */
        body {
                margin:0;
                padding:0;
                border:0;                       /* This removes the border around the viewport in old versions of IE */
                width:100%;
                background:#fff;
                min-width:600px;                /* Minimum width of layout - remove line if not required */
                                                /* The min-width property does not work in old versions of Internet Explorer */
                font-size:90%;
        }
        a {
                color:#369;
        }
/**        a:hover {
                color:#fff;
                background:#369;
		text-decoration:none;
        } */
        h1, h2, h3 {
                margin:.8em 0 .2em 0;
                padding:0;
        }
        p {
                margin:.4em 0 .8em 0;
                padding:0;
        }
        img {
                margin:10px 0 5px;
	}
        /* Header styles */
        #header {
                clear:both;
		float:left;
		width:100%;
	}
        #header {
                border-bottom:1px solid #000;
        }
        #header p,
        #header h1,
        #header h2 {
                padding:.4em 15px 0 15px;
		margin:0;
        }
        #header ul {
                clear:left;
                float:left;
                width:100%;
                list-style:none;
                margin:10px 0 0 0;
                padding:0;
        }
        #header ul li {
                display:inline;
	        list-style:none;
                margin:0;
                padding:0;
        }
        #header ul li a {
                display:block;
                float:left;
                margin:0 0 0 1px;
                padding:3px 10px;
                text-align:center;
                background:#eee;
                color:#000;
                text-decoration:none;
                position:relative;
		left:15px;
                line-height:1.3em;
        }
        #header ul li a:hover {
                background:#369;
                color:#fff;
        }
        #header ul li a.active,
       #header ul li a.active:hover {
                color:#fff;
                background:#000;
                font-weight:bold;
	} 
        #header ul li a span {
                display:block;
        }
	/* 'widths' sub menu */
       #layoutdims {
                clear:both;
                background:#eee;
                border-top:4px solid #000;
                margin:0;
                padding:6px 15px !important;
                text-align:right;
        }
        /* column container */
	.colmask {
                position:relative;      /* This fixes the IE7 overflow hidden bug */
                clear:both;
                float:left;
                width:100%;                     /* width of whole page */
                overflow:hidden;                /* This chops off any overhanging divs */
        }
        /* common column settings */
        .colright,
        .colmid,
        .colleft {
                float:left;
	        width:100%;                     /* width of page */
                position:relative;
        }
       .col1,
	.col2,
	.col3 {
	        float:left;
                position:relative;
                padding:0 0 1em 0;      /* no left and right padding on columns, we just make them narrower instead
	                                        only padding top and bottom is included here, make it whatever value you need */
                overflow:hidden;
        }
        /* 3 Column settings */
        .threecol {
        /**        background:#eee; */               /* right column background colour */
        }
        .threecol .colmid {
                right:18%;                      /* width of the right column */
                background:#fff;                /* center column background colour */
        }
        .threecol .colleft {
                right:64%;                      /* width of the middle column */
               /** background:#f4f4f4; */     /* left column background colour */
        }
        .threecol .col1 {
                width:63%;                      /* width of center column content (column width minus padding on either side) */
                left:101%;                      /* 100% plus left padding of center column */
        }
        .threecol .col2 {
                width:18%;                      /* Width of left column content (column width minus padding on either side) */
                left:21%;                       /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
        }
        .threecol .col3 {
                width:18%;                      /* Width of right column content (column width minus padding on either side) */
                left:83%;                       /* Please make note of the brackets here:
                                                (100% - left column width) plus (center column left and right padding) plus (left column left and right padd\
ing) plus (right column left padding) */
        }
        /* Footer styles */
        #footer {
                clear:both;
                float:left;
                width:100%;
                border-top:1px solid #000;
        }
        #footer p {
                padding:10px;
                margin:0;
        }

        #banner {
        background-color:#55559B;
        border-bottom:1px solid #FFFFFF;
        color:#FFFFFF;
        font-family:Verdana,Arial,sans-serif;
        text-align:left;
        }
        #banner a {
        color:#FFFFFF;
        text-decoration:none;
        }
        #banner h1 {
        font-size:xx-large;
        }
        #banner table {
        border:0 none;
        border-collapse:collapse;
        padding:2px;
        width:100%;
        }
        #banner table th {
        padding-right:20px;
        text-align:right;
        }
        #banner table td {
	padding-left:20px;
        text-align:left;
        }
        /* --> */

/** Used in article list */
#navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

/** Used in consulting page, for boxes */
#proq,#proq li{margin:0;padding:0;list-style:none}
#proq li{float:left;width:100%;margin:0 10px 10px 0}
#proq h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
#proq p{margin:0;padding:1px 1px 15px}
#proq li h3{background: #55559b;color:#FFFFFF} 
#proq li p{border:2px solid #55559b;} 
#proq p{background: #FFFFFF}
#proq li table{border:2px solid #55559b}
/** Block out light tone 
#proq li h3{background: #6495ED;color:#FFFFFF}
#proq li p{border:2px solid #6495ED}
#proq li h3{background: #55559b;color:#FFFFFF}
#proq li table{border:2px solid #55559b} */


#boot1, #boot1 li{margin:0;padding:0;list-style:none}
#boot1 li{float:left;width:100%;margin:0 10px 10px 0;height:150px;}
#boot1 h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
#boot1 p{margin:0;padding:1px 1px 15px}
#boot1 li h3{background: #55559b;color:#FFFFFF}
#boot1 li p{background: #FFFFFF}
#boot1 li table{border:2px solid #55559b}
#boot1 li h3{background: #6495ED;color:#FFFFFF}
#boot1 li p{border:2px solid #6495ED}

#boot2, #boot2 li{margin:0;padding:0;list-style:none}
#boot2 li{float:left;width:100%;margin:0 10px 10px 0;height:150px;}
#boot2 h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
#boot2 p{margin:0;padding:1px 1px 15px}
#boot2 li h3{background: #55559b;color:#FFFFFF}
#boot2 p{background: #FFFFFF}
#boot2 li table{border:2px solid #55559b}
#boot2 li h3{background: #6495ED;color:#FFFFFF}
#boot2 li p{border:2px solid #6495ED} 


#clients, #clients li{margin:0;padding:0;list-style:none}
#clients li{float:left;width:100%;margin:0 10px 10px 0}
#clients h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
#clients p{margin:0;padding:1px 1px 15px}
#clients li h3{background: #55559b;color:#FFFFFF}
#clients li p{border:2px solid #55559b;}
#clients p{background: #FFFFFF}
/** Block out light tone 
#clients li table{border:2px solid #55559b}
#clients li h3{background: #6495ED;color:#FFFFFF}
#clients li p{border:2px solid #6495ED}
#clients li h3{background: #55559b;color:#FFFFFF}
#clients li table{border:2px solid #55559b} */