/**zero out default browser margins**/
html {margin:0; padding:0; font-size:98%; }

/**for older IE**/
*body {font-size: 76%; zoom:100%}

body{
margin:0;
padding:0;
background:#E6E6E6 url(../Images/bodybg.png) repeat-x;
color:#333;
text-align:center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body.intro a.intro,
body.articles a.articles,
body.gallery a.gallery,
body.tools a.tools,
body.templates a.templates,
body.portfolio a.portfolio,
body.fees a.fees,
body.links a.links,
body.contact a.contact{
/**height: 100px;
padding:34px 6px 41px; **/
background: #D77602;}


#container{
background:#F0F0F0 url(../Images/contentbg2.png) repeat-x;
border-left:1px solid #eef;
border-right:1px solid #eef;
color:#333;
width: 970px;
margin:0 auto;
padding:0;
text-align:left;
}

html>body #container { /**for non-IE6 browsers**/
width: 90%;
min-width: 970px;
max-width: 1280px;
height: auto;
}


#menu{/**height:100px;padding-top:35px;**/
text-align:right;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
font-weight:200;
letter-spacing:-1px;
line-height: 90px;
}

#menu a{color:#ebe9f1;/**height:100px;**/margin:0;padding:36px 6px 45px}

#menu a:hover,#menu a:active,#menu a:focus{
background:#D8D8D8 url(../Images/menuhover.png) repeat-x;border-left:1px solid #eee;
border-right:1px solid #eee; 
padding:35px 5px 46px; 
color:#4488c3; text-decoration:none}

#content{background:url(../Images/globebottom.gif) no-repeat bottom left;clear:both;margin-top:20px;width:100%;}



#content h2{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
border-bottom:2px solid #688384;color:#555;margin:0 0 10px}
#content h2 a{color:#555;font-weight:400}
#content h2 a:hover{background:none;color:#269;text-decoration:none}
#content p{margin:.5em 1em .8em}
#footer{clear:both;color:#888;padding:25px 0 14px 100px;text-align:left}
#footer a{color:#888;font-weight:400}
#footer span{color:#aaa;font-size:2em;letter-spacing:-2px}
#left{float:left;width:62%}

/**alt-web branding**/
#leftside {
width:50px;
position: absolute;
top: 530px;
text-align: left;
background-image: url(../Images/left-side-bg.png);
background-repeat: no-repeat;
left: -4px;
height: 460px;
}

/**changed right margin from 64 to 66**/
#right{
margin-left:64%;
margin-top:-15px; 
font-size:98%;}

#right h2{margin:15px 0 5px;}

#header h1{
margin:-19px 0;
padding:0;
text-indent: -9999em;}

#sitetitle{
background:url(../Images/Alt-Web-lensflair.jpg) no-repeat;
float:left;
height:100px; 
text-align: right;
width:250px;
margin:0;
padding:0;
}

#sitetitle a{color:#FFF;font-weight:400}


.bcrumb{padding:10px 0 5px 0; text-align:left}
.browser ul,.browser li{line-height:1.2em;list-style:none;margin:.5em 1em .8em 2em}
.center{text-align:center}
.clear{clear:both}
.code {text-align:left;
margin:0 15px 0 15px;
background: #E4ECEE;
padding: 10px;
border: 1px dashed silver;
font: 1em "Courier New", Courier, monospace;
line-height: 1.4em;
color:#000000;
}

.comments {color:#CC3300; font-weight:bold}

.date{float:left;font-weight:700}
.entry{background:#E6E6E6 url(../Images/entrybg.png) repeat-x;
border:2px solid #fff;
color:#333;
margin:0 0 20px 30px;
padding:10px 10px 0;
position:relative; 
height: 1%/**IE Peekaboo fix for floats inside this division**/}

.entry a:hover,.intro a:hover{text-decoration:underline}
.entry img{position:relative}
.entryphoto{background-color:#ddd;border:2px solid #fff;color:#333;float:left;margin:5px 10px 10px 0;padding:3px}
.hide{visibility: hidden;}
.introphoto{background-color:#ddd;border:1px solid #fff;color:#333;margin:5px 10px 10px 0;padding:3px}

#RSS ul li {list-style: url(../Images/linkarrow.gif);}

.link{line-height:1;
color:#269;
background: url(../Images/linkarrow.gif) no-repeat left;
display:block;
margin:4px 0 0 0;
padding:2px 1em;
}


.link:hover{
color:#4488c3;
/* Delete this line to remove the blinking arrows */
background: url(../Images/blinkarrow.gif) no-repeat left; 
text-decoration:underline;
}

.meta{border-top:2px solid #ccc;clear:both;color:#567;font-size:.9em;margin:10px 0 0;padding:5px 1px 0 0;text-align:right}
.pagenav{color:#888;text-align:center}
.path{padding:1em;text-align:left}
.right{text-align:right}

.subcontainer {
width:98%;
background:#BDDBE3 url(../Images/link-bg.jpg) repeat-x;
border:1px solid #5CA2A9;
height:1%;
text-align: center;
}

.rightsub {float:left;width:44%; padding:5px}
.rightsub2 {margin-left:50%; padding:5px}

.clearfix {
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

/**.rightsub{float:left;padding:5px;width:45%;height:auto;}
.rightsub2{margin-left:50%;padding:5px; height:auto;}

.subcontainer{background:#BDDBE3 url(../Images/link-bg.jpg) repeat-x; border:2px solid #FFF; height:1% /**IE peekaboo fix;width:96%}**/

html,#right.subcontainer{height:100%; margin-bottom:5px; overflow:auto;} /**for non-IE browsers**/

.thumbs img{background-color:#ddd;border:2px solid #fff;color:#555;margin:0 2px 2px 0;padding:3px;position:relative}

/**Links**/
a{color:#4488c3;font-weight:700;text-decoration:none}
a:visited {color:#4488c3; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

a img{border:none;}
img a:hover {border:none}

acronym{border-bottom:1px #066a6a dotted;cursor:help}

h1, h2, h3, h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

h1{color:#567;font-size:2em;letter-spacing:-3px;margin:12px 0 5px 20px}
h1,h2,h3{font-weight:400;}
h2{color:#888;font-size:1.6em;letter-spacing:-1px; margin:0}
h3{color:#555;font-size:1.4em; margin:0; line-height:1.5; padding-top: 5px; padding-bottom: 5px;}
h4{font-size:1.2em;font-weight:700}
html .date{text-align:left}

ol li,
ul li
{line-height:1.2; margin:0.2em 1em 0.8em 0}
 ul li{list-style:square; padding-left: 12px;}

p{line-height:1.5em;margin:0 0 15px}

#intro {font-size: 13px; line-height: 1.2}
#intro h2 {margin-top: 0;}

/**Alt-Web's Privacy Policy, Committment**/
.bulb h2 {margin-top: -20px}
.bulb {
/**ROUNDED BORDERS**/
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
/**Shadows**/
-moz-box-shadow: 5px 5px 10px #999;
-webkit-box-shadow: 5px 5px 10px #999;
box-shadow: 5px 5px 10px #999;
margin-left: 20px;
width: 285px;
background:#BDDBE3 url(../Images/link-bg.jpg) repeat-x;
border: 1px gray solid; 	
padding:15px;
font-size: 13px;
line-height: 1.2;
}

/**floated images containers**/
.RightCaptions {
float: right;
width: 250px;
height: auto;
border: 1px solid #5CA2A9;
padding: 0.5em;
margin: 15px;
}

.CenterCaptions {
text-align:center;
width: 250px;
height:auto;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}
.LeftCaptions {
float: left;
width: 250px;
height:auto;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}

/** text captions **/
.RightCaptions p, 
.CenterCaptions p, 
.LeftCaptions p {
text-align: center;
font-style: italic;
font-size: 14px;
text-indent: 0;
}

/**SEARCH FORM**/
form#search {
width:289px;
background-color:#62A0C9;
border:3px solid #849ab2;
padding: 10px 0 10px 0;
/**ROUNDED BORDERS**/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
margin-left: 25px;
}

#searchField {
width: 185px;
height: 35px; /**image height plus a smidge more**/
background:#FFF url(../Images/search.png) right bottom no-repeat;
font-size:14px;
margin-left: 12px;
padding: 2px;
/**ROUNDED BORDERS**/
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
}

#search-button {
background-color:#da5e2a;
color:#fff;
font:bold 18px Arial, Helvetica, sans-serif;
border:1px outset red;
cursor:pointer;
/**ROUNDED BORDERS**/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
margin: 5px 12px;
}
#search-button:focus, 
#search-button:hover {
background-color:#990000;
border: 1px inset red;
}
/**END SEARCH FORM**/