/* General Styles */

body {
    padding: 0px;
    margin: 0px;
    background-color: #cdcdcd;
    font-family: Calibri, Tahoma, Verdana;
    font-size: 90%;
}
table {
    font-family: Calibri, Tahoma, Verdana;
}
a, a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
form {
    padding: 0px;
    margin: 0px;
}
input, select, button, label, .Form {
    font-family: Tahoma;
    font-size: 8pt;
}
textarea {
    font-family: Tahoma;
    font-size: 10pt;
}
pre, code {
    font-family: 'Lucida Console', Courier;
    font-size: 8pt;
}
p {
    margin: 8px 0px 8px 0px;
}

p.centered {
    text-align: center;
}

span.imageFrame {
    padding: 3px;
    background-color: #ffffff;
    border: solid 3px #d8d8d8;
}

div.ad {
    text-align: center;
    padding: 10px;
}
div.section {
    background-image: url(Gradient.jpg);
    background-repeat: no-repeat;
    padding: 10px;
}
div.specialSection {
    background-image: url(GradientHighlight.jpg);
}
div.clear {
    clear: both;
}

.rightFloating {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.leftFloating {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.icon {
    padding: 2px 0px 2px 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
a.project {
    background-image: url(/Content/Images/Project.png);
}
a.rss {
    background-image: url(/Content/Images/Feed.png);
}
a.digg {
    background-image: url(/Content/Images/Digg.png);
}
a.delicious {
    background-image: url(/Content/Images/Delicious.png);
}
a.stumble {
    background-image: url(/Content/Images/Stumble.png);
}
a.dotnetkicks {
    background-image: url(/Content/Images/DotNet.png);
}
a.facebook {
    background-image: url(/Content/Images/Facebook.png);
}
a.codeplex {
    background-image: url(/Content/Images/CodePlex.png);
}
a.pdf {
    background-image: url(/Content/Images/Pdf.png);
}
a.doc {
    background-image: url(/Content/Images/Doc.png);
}
a.slides {
    background-image: url(/Content/Images/Slides.png);
}
a.zip {
    background-image: url(/Content/Images/Zip.png);
}
a.html {
    background-image: url(/Content/Images/HTML.png);
}
ul.linkBar {
    list-style: none none outside;
    font-family: Tahoma;
    font-size: 8pt;
    text-indent: -40px;
}
ul.linkBar li {
    display: inline;
    padding: 4px 16px 4px 0px;
    height: 20px;
}
ul.linkBar a, ul.linkBar a:link, ul.linkBar a:visited, ul.linkBar a:hover {
    color: #0066ff;
}
ul.highlight {
    font-weight: bold;
    color: #000000;
}

/* Page Structure */

#pageHeader {
    margin: 0px;
    height: 85px;
    width: 100%;
}
#pageHolder {
    table-layout: fixed;
    width: 100%;
    margin: 0px;
}
#pageContent {
    padding: 20px;
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}
#pageSidebar {
    width: 230px;
    padding: 10px;
    border-left: solid 1px #d8d8d8;
    background-color: #eeeeee;
}
#pageFooter {
    padding: 8px;
    border-top: solid 1px #a4a4a4;
    color: #666666;
}


/* Page Header */

#pageHeader {
    background-repeat: repeat-x;
    background-image: url(Banner.png);
}
#pageLogo {
    height: 85px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(Header.png);
}
#pageToolbar {
    font-family: Tahoma, Verdana;
    font-size: 8pt;
    height: 31px;
    float: right;
    margin: 21px 10px 0px 0px;
    padding-top: 8px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    color: #333333;
}
#pageToolbar li {
    display: inline;
    height: 31px;
    padding: 4px;
}
#pageToolbar a, #pageToolbar a:link, #pageToolbar a:visited, #pageToolbar a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}


/* Main Content Area */

div.content a, div.content a:link, div.content a:visited, div.content a:hover {
    text-decoration: none;
    color: #0066FF;
}
div.content .text a, div.content .text a:link, div.content .text a:visited, div.content .text a:hover {
    border-bottom: #0066FF 1px dashed;
}
div.content .text a:hover {
    border-bottom: #0066FF 1px solid;
}
div.content .text p {
    margin-top: 12px;
    margin-bottom: 8px
}
div.content .text blockquote {
    font-family: Georgia, Verdana;
    font-style: italic;
    padding: 8px;
}

h1.pageTitle {
    font-family: 'Trebuchet MS', Verdana;
    font-size: 18pt;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    color: #663300;
}
h2.sectionTitle {
    font-family: 'Trebuchet MS', Verdana;
    font-size: 14pt;
    font-weight: normal;
    margin-bottom: 0px;
    color: #000000;
}
h2.sectionTitle a, h2.sectionTitle a:visited, h2.sectionTitle a:hover {
    text-decoration: none;
    color: #40659b;
}
h2.sectionTitle a:hover {
    color: #003366;
}
span.pageDescription {
    font-family: Georgia, Verdana;
    font-size: 10pt;
    margin-top: 4px;
    color: #663300;
}
div.pageBreak {
    clear: both;
    margin: 12px 0px 12px 0px;
    font-size: 0pt;
    border-bottom: solid 1px #d8d8d8;
}


/* Sidebar */

#pageSidebar {
    font-family: Verdana;
    font-size: 8pt;
}
div.sidebarTile {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: dashed 1px #a4a4a4;
}
h3.sidebarTileHeading {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 4px;
    color: #663300;
}
div.sidebarTileContent {
}
div.sidebarRow {
    padding: 1px 0px 1px 0px;
    min-height: 18px;
}
div.sidebarTile a, div.sidebarTile a:link, div.sidebarTile a:visited, div.sidebarTile a:hover {
    color: #40659B
}

/* Page Footer */

#pageFooter {
    font-family: Verdana;
    font-size: 7pt;
}


/* Project Specific Rules */
body.scriptsharp #pageLogo {
    background-image: url(/Content/Projects/ScriptSharp/Header.png);
}
a.scriptsharp {
    background-image: url(/Content/Projects/ScriptSharp/Project.png);
}

body.facebooknet #pageLogo {
    background-image: url(/Content/Projects/FacebookNET/Header.png);
}
a.facebooknet {
    background-image: url(/Content/Projects/FacebookNET/Project.png);
}

body.webdevhelper #pageLogo {
    background-image: url(/Content/Projects/WebDevHelper/Header.png);
}
a.webdevhelper {
    background-image: url(/Content/Projects/WebDevHelper/Project.png);
}

body.silverlightfx #pageLogo {
    background-image: url(/Content/Projects/SilverlightFX/Header.png);
}
a.silverlightfx {
    background-image: url(/Content/Projects/SilverlightFX/Project.png);
}