/* Reset */

*{
margin:0;
padding:0;
}

a{
color:#004B78;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

/* body and fonts */

body{
background:url(images/footer-trans-background.png);
font-family:arial;
font-size:80%;
}

.words{
background:url(images/abid-words.gif);
width:100%;
float:left;
padding-bottom:32px;
}

/* Layout Clases */

.wrapper-960{
width:960px;
margin:auto;
}

.align-right{
float:right;
}

.align-left{
float:left;
}

.clear{
clear:both;
}

.pd-10{
margin-bottom:10px;
}

.wid-960{
width:960px;
}

.wid-500{
width:500px;
}

.wid-480{
width:480px;
}

.wid-240{
width:240px;
}

.wid-220{
width:220px;
}

.m-auto{
margin:auto;
}

.nudge-170{
width:170px;
height:1px;
background:url(images/spacer.gif);
float:left;
}

/* links */

a.inner-site{
color:#009acd;
background:url(images/icons/link-inner-site.png) no-repeat scroll right center;
padding-right:20px;
}

a.outgoing{
color:#009acd;
background:url(images/icons/link-outgoing.png) no-repeat scroll right center;
position: relative;
padding-right:16px;
}



/* Header */

#header{
width:100%;
height:132px;
margin-bottom:16px;
text-align:center;
background:url(images/header-background.png) repeat-x;
}

#logo-tag{
text-indent:-999em;
width:660px;
height:110px;
float:left;
background:url(images/header-logo-tag.png) no-repeat;
}

#logo-tag h1 a{
display:block;
width:660px;
height:96px;
}

#header #top-right{
position:relative;
top:17px;
}

/* left-side */

#left-side a{
background:0;
color:#ffffff;
}

#left-side a:hover{
text-decoration:none;
padding-left:20px;
background:url(images/left-nav-hover.png) no-repeat;
background-position:left center;
}

#left-side li.current_page_item a, .is-blog-page #left-side li.page-item-5 a{
font-weight:bold;
font-size:1.2em;
}

#left-side li{
list-style:none;
padding:0 0 8px 20px;
}

#left-side{
width:160px;
margin-right:10px;
}

#left-side .top{
width:160px;
height:12px;
background:url(images/left-side-top.png) no-repeat;
}

#left-side .middle{
width:160px;
background:url(images/left-side-middle.png) repeat-y;
}

#left-side .bottom{
width:160px;
height:16px;
background:url(images/left-side-bottom.png) no-repeat;
}

/* center content area */

#center{
background:#ffffff;
float:left;
width:500px;
background:url(images/center-content-border.gif) repeat-y;
}

#center h2{
font-size:1.2em;
color:#004b78;
width:500px;
height:51px;
background:url(images/light-blue-rect.png) no-repeat;
}

#center h2 span{
position:relative;
top:14px;
left:10px;
}

#center .content{
margin:auto;
width:480px;
}


#center #bottom{
position:relative;
top:10px;
width:500px;
height:10px;
background:url(images/center-content-bottom.png) no-repeat;
}

#center .content p{
text-align:justify;
}
#center .content .code-sample{
width:auto;
padding:10px;
background:#ABDEEE;
}

#center .content .align-text-center{
text-align:center;
}

#center p, #center ul, #center h2, #center h3, #center h4, #center h5, #center h6{
margin-bottom:10px;
}

#center h3{
font-size:1em;
}

#center .content ul li{
margin:0 0 8px 24px;
}

#center .content ul li ul li{
margin:0 0 4px 34px;
}


/* Portfolio Classes */

.port-box{
float:left;
width:478px;
border:1px solid #bfbfbf;
margin-bottom:10px;
}

.port-box h3{
font-size:1.1em;
color:#88e8ff;
background:url(images/blue-rect.gif) repeat-x;
height:25px;
padding:8px 0 0 12px;
}

#center .content .port-box .content{
width:460px;
margin:auto;
}

.port-box .thumbnail{
width:100px;
float:left;
text-align:center;
}

.port-box .thumbnail .view-site{
margin:5px 0 5px 0;
}

.port-box .summary{
width:350px;
float:right;
}

/* Blog Comments */

ol.commentlist{
list-style:none;
}

/* Blog Post */
/* Used as a visual separator, not just for blog  */
#center .content .postmetadata, #center .content .end-sep{
padding-bottom:10px;
border-bottom:1px solid #cccccc;
}

#center .content .post small.post-date{
display:block;
margin-bottom:10px;
}

/* html Resume page */

#post-13 span.date{
font-size:0.8em;
}
#post-13 h4{
width:auto;
padding:4px 0 4px 4px;
background:#dedede
}

#post-13 h3{
width:auto;
background:#7CCBE5;
padding:4px 0 4px 4px;
}

/* right-side */

#right-side{
width:280px;
}

/* resume-box */

.resume-box{
position:relative;
text-indent:-999em;
width:281px;
height:123px;
background:url(images/resume-box.png) no-repeat;
}

.resume-box li{
display:inline;
}

.resume-box ul li a{
position:absolute;
top:57px;
background:#000000;
display:block;
width:52px;
height:52px;
background:url(images/resume-box-sprites.png) no-repeat;
}

.resume-box ul li a.a{
left:22px;
background-position:-32px -4px;
}

.resume-box ul li a.a:hover{
background-position:-32px -61px;
}

.resume-box ul li a.b{
left:84px;
background-position:-88px -4px;
}

.resume-box ul li a.b:hover{
background-position:-88px -61px;
}

.resume-box ul li a.c{
left:146px;
background-position:-141px -4px;
}

.resume-box ul li a.c:hover{
background-position:-141px -61px;
}

.resume-box ul li a.d{
left:208px;
background-position:-197px -4px;
}

.resume-box ul li a.d:hover{
background-position:-197px -61px;
}

/* Blog Cat List */

.blog-cat-box{
background:url(images/right-blog-rect.png) no-repeat;
width:121px;
height:153px;
}

.blog-cat-box h2{
font-size:1em;
margin-bottom:10px;
}

.blog-cat-box ul{
list-style:none;
font-size:0.85em;
margin:auto;
margin-top:10px;
width:111px;
}

/* footer */

#footer{
font-size:0.8em;
clear:both;
width:100%;
min-height:100px;
}

#footer .content{
text-align:center;
padding-top:20px;
}

#footer #nav li{
display:inline;
padding:0 10px 0 0;
}

#footer #nav a{
color:#004b78;
}

#footer #nav a:hover{
text-decoration:underline;
}

#footer #nav li.current_page_item a{
text-decoration:underline;
}