/* Patricia MacKinnon-Day Personal Site - September 2011 Build */


/* Zeroing main elements */
html, body, ul, ol, li, p, a, h1, h2, h3, h4, h5, h6, form, fieldset {
    margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial;
}


/* Styling main elements */

body {
    background-color:#B6B3A7;
    background-image:url('../images/bgPattern.jpg');
    background-repeat:repeat-y;
    background-position:left;
}
img 
{
    border:none;
}
h1 {
    font-size:18px;
    font-weight:normal;
    color:#3F3F3F;
}
h2 {
    font-size:12px;
    font-weight:normal;
    color:#616161;
}
h3 { /* Used for project headings */
    font-size:12px;
    font-weight:bold;
    color:#3F3F3F;
}
p {
    font-size:11px;
    color:#3F3F3F;
}
a {
    font-size:11px;
    color:#3F3F3F;
    text-decoration:none;
}
a:hover {
    font-size:11px;
    color:#FFFFFF;
    text-decoration:none;
}
.floatedTitle {
    display:inline;
    float:left;
    text-transform:uppercase;
}
.date { /* Float the date to the right and align to right hand side */
    text-align:right;
    font-size:12px;
    font-weight:normal;
    color:#616161;
    padding-top:2px;
}
.subHeading {/* Clear the floats in headings that use dates */
    clear:both;
    margin-top:8px;
    margin-bottom:10px;
}
.recentWorkBullets {
    color:#FFFFFF;
    background-image:url(../images/whiteBullet.jpg);
    background-position:0px 1px;
    background-repeat:no-repeat;
    padding-left:14px;
}
.bulletLink a {
    color:#3F3F3F;
    background-image:url(../images/darkBullet.jpg);
    background-position:0px 1px;
    background-repeat:no-repeat;
    padding-left:14px;
}
.bulletLink a:hover {
    color:#FFFFFF;
    background-image:url(../images/whiteBullet.jpg);
    background-position:0px 1px;
    background-repeat:no-repeat;
    padding-left:14px;
}
.currentPageLabel
{
    color:#FFF;
    float:left;
    font-size:11px;
    margin-left:1px;
    margin-top:-1px;
}


/* Structural divs */
#indexSplash { /* Unique holder used just for splash page */
    width:571px; /* Switch to 573px for Flash version or 324 for old */
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
    padding-bottom:10px;
    background-color:#404040;
}
#wrapper {
    width:960px;
}
#leftColumn { /* Styles left column that holds the navigation */
    width:175px;
    float:left;
}
#mainContent {
    width:365px;
    float:left;
    margin-left:35px;
    margin-bottom:25px;
}
#mainContentWide {
    width:725px;
    float:left;
    margin-left:35px;
    padding-bottom:20px;
}
.projectPreview { /* For recent projects list */
    margin-top:8px;
    margin-left:-10px; /* Note the negative margin for alignment */
}
.projectPreview td {
    vertical-align:top;
}
.projectPreview p {
    margin-top:20px;
}
#header {
    margin-top:35px;
    margin-bottom:28px;
    text-transform:uppercase;
}
#header img {
    margin-bottom:5px;
}
#PanelReturnToAdmin 
{
    margin-bottom:25px;
    background-color:#FF6666;
    padding:4px;
}
#PanelReturnToAdmin a
{
    font-size:14px;
    color:#FFF;
    display:block;
}
#furtherInfo {
    width:300px;
    float:right;
    margin-left:50px;
    margin-right:35px;
    margin-top:110px;
    font-size:11px;
    color:#3F3F3F;
}
        /* Links Page Styling */
        #furtherInfoLinks {
            width:300px;
            float:right;
            margin-left:50px;
            margin-right:35px;
            margin-top:106px;
            font-size:11px;
            color:#3F3F3F;
        }
        #linksLeft 
        {
            background-color:#DCD9D4;
            padding:8px;
            margin-left:-8px;
        }
        #linksLeft a 
        {
            color:#FFFFFF;
            font-size:12px;
            text-decoration:none;
            background-image:url(../images/secondMenuBulletUp.jpg);
            background-repeat:no-repeat;
            background-position:0px 2px;
            padding-left:14px;
            margin:0px;
        }
        #linksLeft a:hover 
        {
            color:#616161;
            font-size:12px;
            text-decoration:none;
            background-image:url(../images/secondMenuBulletOver.jpg);
            background-repeat:no-repeat;
            background-position:0px 2px;
            padding-left:12px;
        }
        #linksRight
        {
            background-color:#DCD9D4;
            padding:8px;
            margin-left:-8px;
        }
        #linksRight a
        {
            color:#FFFFFF;
            font-size:12px;
            text-decoration:none;
            background-image:url(../images/secondMenuBulletUp.jpg);
            background-repeat:no-repeat;
            background-position:0px 2px;
            padding-left:14px;
            margin:0px;
        }
        #linksRight a:hover 
        {
            color:#616161;
            font-size:12px;
            text-decoration:none;
            background-image:url(../images/secondMenuBulletOver.jpg);
            background-repeat:no-repeat;
            background-position:0px 2px;
            padding-left:12px;
        }


/* Index splash page */
#indexSplash a { /* Styling the ENTER SITE link */
    font-size:12px;
    text-decoration:none;
    color:#B6B3A7;
    background-image:url(../images/index/indexBullet.jpg);
    background-repeat:no-repeat;    
    background-position:0px 2px;
    padding-left:16px;
    margin-left:18px;
}
#indexSplash a:hover { /* Styling the ENTER SITE link */
    color:#FFFFFF;
    background-image:url(../images/index/indexBulletOver.jpg);
}


/* Captions */
#caption { /* Creates dark grey stripe across caption area */
    width:365px;
    height:12px;
    text-align:right;
    background-image:url(../images/captionBg.jpg);
    background-repeat:repeat-x;
    background-position:0px 2px;
    margin-top:6px;
}
#caption h4 { /* Used for caption text */
    color:#616161;
    font-size:12px;
    font-weight:normal;
    padding-left:2px;
    background-color:#B6B3A7;
    display:inline;
}
    .caption 
    {
        width:365px;
        height:12px;
        text-align:right;
        background-image:url(../images/captionBg.jpg);
        background-repeat:repeat-x;
        background-position:0px 2px;
        margin-top:6px;
    }
.upperCase 
{
    text-transform:uppercase;
}

/* Navigation styling */
#navigation { /* Contains the menu (UL format) */
    padding-top:110px;
    padding-left:30px;
}
#navigation li {
    list-style:none;
}
#navigation li a {
    display:block;
    width:96px;
    padding-right:14px;
    padding-bottom:1px;
    background-image:url('../images/navBulletUpBg.gif');
    background-repeat:no-repeat;
    background-position:0px 2px;
    text-decoration:none;
    color:#B6B3A7;
    font-size:12px;
    text-align:right;
}
#navigation li a:hover {
    display:block;
    width:96px;
    padding-right:14px;
    padding-bottom:1px;
    background-image:url('../images/navBulletOverBg.gif');
    background-repeat:no-repeat;
    background-position:0px 2px;
    text-decoration:none;
    color:#FFFFFF;
    font-size:12px;
    text-align:right;
}
        /* Style the selected page by class */
        body.recent #recent_yah a,
        body.archive #archive_yah a,
        body.biography #biography_yah a,
        body.links #links_yah a, 
        body.contact #contact_yah a
        {
            display:block;
            width:96px;
            padding-right:14px;
            padding-bottom:1px;
            background-image:url('../images/navBulletOverBg.gif');
            background-repeat:no-repeat;
            background-position:0px 2px;
            text-decoration:none;
            color:#FFFFFF;
            font-size:12px;
            text-align:right;
        }


/* Second Menu Styling */
#secondMenu {
    width:287px;
    background-color:#DCD9D4;
    padding-top:2px;
    padding-bottom:3px;
    padding-right:3px;
    padding-left:5px;
    margin-top:42px;
    margin-bottom:20px;
}
#secondMenu ul {
    list-style:none;
    margin:0;
    padding:0;
}
#secondMenu li {
    margin:0;
}
#secondMenu li a {
    color:#FFFFFF;
    font-size:12px;
    text-decoration:none;
    background-image:url(../images/secondMenuBulletUp.jpg);
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:14px;
    margin:0px;
    text-transform:uppercase;
}
#secondMenu li a:hover {
    color:#616161;
    font-size:12px;
    text-decoration:none;
    background-image:url(../images/secondMenuBulletOver.jpg);
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:12px;
}
.secondMenuSelected {
    color:#616161;
    font-size:12px;
    padding-left:12px;
    text-decoration:none;
    background-image:url(../images/secondMenuBulletOver.jpg);
    background-repeat:no-repeat;
    background-position:0px 2px;
}


/* Thumbnail Tables */
#thumbnailTable {
    margin-top:5px;
}
#thumbnailTable img {
    border-style:solid;
    border-width:2px;
    border-color:#FFFFFF;
    margin-right:5px;
    margin-bottom:5px;
}
#thumbnailTable img.videoIcon {
    border-style:solid;
    border-width:2px;
    border-color:#FFFFFF;
    margin-bottom:0px;
}
#thumbnailTable a 
{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
}


/* Admin */
.textboxAdmin 
{
    width:250px;
}
.adminTables td 
{
    vertical-align:top;
}