/*
@info: www.markwong.co.uk css file
@author: Mark Wong
@date: 20.12.09
*/


/*  basic page css */
* {margin:0; padding:0;}
body{background: #31162c url("images/bg.gif") no-repeat;}
html, body{font-size: 12px; font-family: arial;}
a:link {text-decoration: none; color:#ffffff;font-weight: bold;}
a:visited{text-decoration: none; color:#ffffff;font-weight: bold;}
a:active{text-decoration: none; color:#ffffff;font-weight: bold;}
a:hover{text-decoration: none; font-weight: bold; color: #fa75e1;}

/* main layout css */
#wrapper {text-align: left; margin: 150px 280px auto; padding: 0px; width: 800px;}
#header {margin: 0 0 15px 0; background:url("images/logo.png") no-repeat; height:68px;text-indent:-2000px}
#navbar{margin: -30px 0 10px 0; padding:5px 0 5px 0;}
#navbar li {display:inline; margin:0; padding:0 15px 0 0;}
#content_left{float: left; width: 285px; margin: 0; padding: 30px 35px 85px 30px; background:#ffffff url("images/shader.gif") repeat-x bottom center; min-height:400px; _height:400px;}
#content_right { margin: 0 0 0 20px; float: left; width: 280px;}
#footer {text-align:left; color:#ffffff; padding:5px 0 10px 0;}
.clear {clear:both; padding: 10px;}

/* Polariod image swaps */
.homeImage {background:url("images/polaroids/mypic.png") no-repeat; padding:260px 0 0 0;}
.aboutImage {background:url("images/polaroids/me.png") no-repeat; padding:260px 0 0 0;}
.designImage {background:url("images/polaroids/designer.png") no-repeat; padding:260px 0 0 0;}
.photosImage {background:url("images/polaroids/photographer.png") no-repeat; padding:260px 0 0 0;}
.contactImage {background:url("images/polaroids/cheers.png") no-repeat; padding:260px 0 0 0;}
.archiveImage {background:url("images/polaroids/archive.png") no-repeat; padding:260px 0 0 0;}

/* columns styling css */
#content_left h2 {padding:10px 10px 10px 0; font-size:28px;}
#content_left h2.navLink {color:#f28edf;font-size:20px;}
#content_left h2.subHeading {color:#f28edf;font-size:14px;}
#content_left h3.news {margin:-10px 0 0px 0; padding:5px 0 25px 0; font-size:14px;}
#content_left h3, #content_left p {padding:10px 10px 0 0;}
#content_left p {line-height:1.4em;}
#content_left h3{color:#fa75e1; font-size:15px;}
.articleLink a:link, .articleLink a:visited, .articleLink a:active{ color:#f930d3;}
.articleLink a:hover{text-decoration: none; font-weight: bold; color: #faafec;}

#content_right h2 {color:#f28edf; font-size:20px;}
#content_right h3 {color:#d67bc5; font-size:15px;} 
#content_right h4 {color:#d67bc5; font-size:12px;} 
#content_right p {color:#ffffff;}

/* news & articles styling */
.newsdate { font-size:10px; color:#d67bc5;}
.newsclip { padding: 0 0 15px 0; border-bottom: #ffffff 1px dotted;}
.archivednews { padding: 0 0 15px 0;}
.archivednews a:link, .archivednews a:visited, .archivednews a:active{ color:#f930d3;}
.archivednews a:hover{text-decoration: none; font-weight: bold; color: #faafec;}
.archivednews li {padding:10px;list-style-type:none;}

/* lightbox gallery css */
.gallery{float:left;margin-top:20px;margin-left:5px;width:auto;}
.gallery li{display:inline;}
.gallery img{margin:5px;border-color:#000;}

/* 404 */
.lost {text-align:center; padding:10px; margin:50px;}
.lost p {color:#ffffff; padding: 20px 0 0 0;}
.lost h1 {color:#f28edf; padding:25px 0;}

/* Social Network Icons */
.iconlink a img { border: none;} 
.iconlink a:link, .iconlink a:visited, .iconlink a:active, .iconlink a:hover{border:none;}
.clearsocial {clear:both; padding:0px;}

.iconfb { float:left; padding:0 0 0 10px; width: 24px; height: 24px; background: url("images/facebook.gif") no-repeat 0 0;}
.iconfb:hover { background-position: 0px -24px;}
.iconfb span {display:none;}

.iconflickr { float:left; padding:0 0 0 10px; width: 24px; height: 24px; background: url("images/flickr.gif") no-repeat 0 0;}
.iconflickr:hover{ background-position: 0px -24px;}
.iconflickr span {display:none;}

.iconfeed { float:left; padding:0 0 0 10px; width: 24px; height: 24px; background: url("images/feed.gif") no-repeat 0 0;}
.iconfeed:hover{ background-position: 0px -24px;}
.iconfeed span {display:none;}

.icontwit { float:left; padding:0 0 0 10px; width: 24px; height: 24px; background: url("images/twitter.gif") no-repeat 0 0;}
.icontwit:hover{ background-position: 0px -24px;}
.icontwit span {display:none;}

.iconyoutube { float:left; padding:0 0 0 10px; width: 24px; height: 24px; background: url("images/youtube.gif") no-repeat 0 0;}
.iconyoutube:hover{ background-position: 0px -24px;}
.iconyoutube span {display:none;}

.icontumblr { float:left; padding:0 0 0 10px; width: 24px; height: 24px; background: url("images/tumblr.gif") no-repeat 0 0;}
.icontumblr:hover{ background-position: 0px -24px;}
.icontumblr span {display:none;}

.icondelicious{ float:left; padding:0 0 0 10px; width: 24px; height: 24px; background: url("images/delicious.gif") no-repeat 0 0;}
.icondelicious:hover{ background-position: 0px -24px;}
.icondelicious span {display:none;}

/* twitterbox */
#twitter_div {padding: 0 0 10px 0;}
#twitter_div ul {padding:0 0 5px 0;}
#twitter_div li {color:#ffffff; padding:5px; list-style-type: none;}
.sidebar-title {padding:15px 0 10px 0;}
.spacer {padding: 20px;}