/* ----------------------------------------------------------
File: blink-design.css
Site: www.blink-design.net
Author: Simon Smith - http://www.blink-design.net
Version: 1.0
--------------------------------------------------------------*/

/* Imports ------------------------------------------*/ 
@import url("http://www.blink-design.net/?css=template/resets.v.1221555144");

/* Body settings ------------------------------------------*/ 
body {
background: #fff url(http://www.blink-design.net/images/site-design/blue-bar.gif) repeat-x center 70px;
text-align: center;
font: 62.5% Verdana, Tahoma, Arial, sans-serif;
}

/* Container ------------------------------------------*/ 
.wrap {
width: 880px;
margin: 0 auto;
text-align: left;
}

/* Used in case UAs decide to render strong & em differently */
strong { font-weight: bold; font-style: normal;} 
em { font-style: italic; } 

/* Clear fix ----------------------------------------*/
#nav:after, .wrap:after, #portfolio li:after, #entry div.left:after, #entry div.right:after, #entry:after   {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Heading  ------------------------------------------*/
#heading h1 {
width: 255px;
height: 49px;
margin-top: 10px;
position: relative;
font-size: 2em;
color: #666;
}

#heading h1 span {
background: url(http://www.blink-design.net/images/site-design/main-header.gif) no-repeat top left;
width: 100%;
height: 100%;
position: absolute;
}

#heading p {
float: right;
margin-top: 18px;
color: #999;
font: 1.6em 'Lucinda Sans Unicode', Arial, Tahoma, sans-serif;
letter-spacing: 1px;
}

#heading p span { color: #81bcde; }

/* Intro text ------------------------------------------*/
#banner {
padding: 55px 0 43px;
position: relative;
}

#banner h2 {
width: 351px;
height: 96px;
position: relative;
font-size: 2.2em;
color: #666;
}

#banner h2 span {
background: transparent url(http://www.blink-design.net/images/site-design/intro-text-bg.jpg) no-repeat top left;
width: 100%;
height: 100%;
position: absolute;
}

.photos {
background: transparent url(http://www.blink-design.net/images/site-design/photos.png) no-repeat top left;
width: 403px;
height: 227px;
position: absolute;
top: -8px;
right: 72px;
}

/* Navigation tabs ------------------------------------------*/
#nav {
padding-top: 20px;
width: 880px;
margin: 0 auto;
}

/* ------------ Nav Wrapper */
.nav_wrap { background: #eff7fc url(http://www.blink-design.net/images/site-design/nav-border.gif) repeat-x bottom left; }

/* ------------ Passive Tabs */
#nav li {
background: transparent url(http://www.blink-design.net/images/site-design/passive-nav-right.jpg) no-repeat top right;
float: left;
margin-right: 6px;
font: 1.5em 'Lucinda Sans Unicode', Arial, Tahoma, sans-serif;
text-align: center;
letter-spacing: 0.8px;
}

#nav li a {
background: transparent url(http://www.blink-design.net/images/site-design/passive-nav-left.jpg) no-repeat top left;
display: block;
color: #707070;
padding: 6px 15px 7px;
}

#nav li a:hover { color: #a9a9a9; }

/* ------------ Active Tab */
#nav li.current { background: transparent url(http://www.blink-design.net/images/site-design/active-nav-right.jpg) no-repeat top right; }

#nav li.current a {
background: transparent url(http://www.blink-design.net/images/site-design/active-nav-left.jpg) no-repeat top left;
color: #ab5757;
padding-bottom: 8px;
}

#nav li.current a:hover { color: #c27676; }

/* Overall Content ------------------------------------------*/
#content {
width: 600px;
float: left;
}

#content h3, #content h4, #sidebar h3 {
margin: 30px 0 25px;
color: #132e5b;
font: 2em 'Trebuchet MS', Helvetica, Tahoma, Verdana, Arial, sans-serif;
text-align: center;
}

#content h4 {
text-align: left;
margin-bottom: 20px;
font-size: 1.6em;
}

#content ul { margin-bottom: 18px; }

#content li {
margin: 0 0 5px 25px;
padding: 0;
font-size: 1.2em;
color: #777;
line-height: 1.8;
list-style-type: disc;
}

#content p {
font-size: 1.2em;
color: #777;
line-height: 1.8;
margin-bottom: 15px;
}

#content a { color: #9d1d0f; }

#content a:hover {
color: #be6b62;
border-bottom: 1px dotted;
padding-bottom: 2px;
}

#content a:visited { color: #882f85; }

/* Sidebar ------------------------------------------*/
#sidebar {
width: 230px;
float: right;
}

#sidebar li {
background: transparent url(http://www.blink-design.net/images/site-design/box-bottom.jpg) no-repeat bottom left;
margin-bottom: 22px;
padding-bottom: 20px;
text-align: center;
}

#sidebar h3 { margin-bottom: 31px; }

#sidebar h4 {
background: transparent url(http://www.blink-design.net/images/site-design/box-top.jpg) no-repeat top left;
color: #1c87c4;
font: 1.4em 'Lucinda Sans Unicode', Arial, Tahoma, sans-serif;
padding: 10px 0 15px;
}

#sidebar img { border: 1px solid #a5a5a5; }

/* Footer ------------------------------------------*/
#footer {
background-color: #eff7fc;
clear: both;
padding: 25px;
margin-top: 45px;
border-top: 1px solid #b3d7eb;
}

#footer li {
display: inline;
color: #777;
margin-right: 8px;
padding-left: 10px;
font-size: 1.1em;
}

#footer li + li { background: transparent url(http://www.blink-design.net/images/site-design/seperator.gif) no-repeat top left; }

#footer li + li + li + li { 
background: none;
padding-left: 0;
}
/* ----------------------------------------
Page specific content styles
------------------------------------------*/

/* CV ------------------------------------------*/
#content #cv, #cv ul { margin-bottom: 0; }

#cv li {
margin: 0 0 25px 0;
padding: 15px 0 15px 15px;
list-style-type: none;
font-size: 1em;
}

:root #cv li {
background: transparent url(http://www.blink-design.net/images/site-design/square-tl.gif) no-repeat top left;
}

:root #cv li li {
background: none;
}

#cv li li {
margin: 0 0 22px 25px;
padding: 0;
font-size: 1.2em;
color: #777;
line-height: 1.8;
list-style-type: disc;
}

#cv h4 { margin: 0 0 20px 0; }

#cv h5 {
font-size: 1.2em;
color: #777;
margin-bottom: 15px;
font-weight: bold;
line-height: 1.8;
}

#cv table {
margin: 0 0 15px 40px;
border-collapse: collapse;
color: #777;
}

#cv td {
font-size: 1.2em;
border-bottom: 1px solid #ddd;
}

#cv td.subject {
padding: 6px;
width: 180px;
}

#cv td.grade {
width: 35px;
font-weight: bold;
}

.cv_word { 
text-align: center;
padding-bottom: 15px;
}

#content .cv_word a {
background: transparent url(http://www.blink-design.net/images/site-design/word.png) no-repeat center left;
padding: 3px 0 3px 21px;
border: none;
}

/* Contact------------------------------------------*/
#content p.email { 
text-align: center;
font-size: 2.8em;
color: #840b0b;
letter-spacing: 1px;
}

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

/* Portfolio ------------------------------------------*/
#content #portfolio { margin-bottom: 0; }

#portfolio li {
position: relative;
list-style-type: none;
font-size: 1em;
margin: 30px 0 10px 0;
border-bottom: 1px dotted #bbb;
padding-bottom: 17px;
}

#portfolio h4 {
margin: 0 0 10px 170px;
letter-spacing: 1px;
}

#portfolio h4 a, #portfolio h4 a:visited {
background: transparent url(http://www.blink-design.net/images/site-design/external.gif) no-repeat right 7px;
color: #1c87c4;
padding-right: 15px;
}

#portfolio h4 a:hover {
background-position: right -13px;
border: none;
color: #911f27;
}

#portfolio img {
position: absolute;
top: 6px;
left: 0;
border: 1px solid #a5a5a5;
}

#portfolio li p { margin: 0 0 12px 170px; }

.centre { text-align: center; }
.centre img { border: 1px solid #aaa; }

/* Blog ------------------------------------------*/
#content #entries { margin: 75px 0 0 0; }

#entries li {
list-style-type: none;
font-size: 1em;
margin: 30px 0 10px 0;
border-bottom: 1px dotted #bbb;
padding-bottom: 17px;
}

#entries h3 { text-align: left; }

#entries h3 a {
color: #132e5b;
font-size: 1.1em;
}

#content #entries h3 a:hover { border: none; color: #BE6B62 }
#entries h3 a:visited { color: #132e5b; }

#content #entries a.comments {
background: transparent url(http://www.blink-design.net/images/site-design/comments.gif) no-repeat left 0;
padding-left: 21px;
border: none;
}

#entries p.date {
background: transparent url(http://www.blink-design.net/images/site-design/date.gif) no-repeat left 2.5px;
padding-left: 21px;
}

#entries code, #entry code {
font-family: 'Courier New';
color: #333;
}

/* ------------ Actual posts */
#entry {
border-bottom: 4px solid #ccc;
padding-bottom: 17px;
}

#entry div.left {
float: left;
margin: 5px 15px 10px 0;
border: 1px solid #aaa;
}

#entry div.right {
float: right;
margin: 5px 0 10px 15px;
border: 1px solid #aaa;
}

#entry p.previous {
float: left;
margin: 15px 0;
}

#entry p.next{
float: right;
margin: 15px 0;
}

#content #entry span.comments {
background: transparent url(http://www.blink-design.net/images/site-design/comments.gif) no-repeat left 0;
padding-left: 21px;
border: none;
}

#entry p.date {
background: transparent url(http://www.blink-design.net/images/site-design/date.gif) no-repeat left 2.5px;
padding-left: 21px;
color: #145376;
margin-top: 45px;
}

#entry pre {
font-size: 1.1em;
color: #13650d;
margin: 35px 0;
}

/* ------------ Comments */
#comments h3 { text-align: left; }

#comments ul li {
list-style-type: none;
font-size: 1em;
margin: 30px 0 10px 0;
border-bottom: 1px dotted #bbb;
padding-bottom: 17px;
}

#comments ul li.author {
border: 1px solid #1C87C4;
background-color: #f3f8fb;
padding: 8px;
}

#comments label {
float: left;
display: block;
width: 60px;
}