/*
Theme Name: Derek Dixon Deco
Theme URI: http://www.derekdixon.co.uk/
Description: My personal theme 
Version: 1.0
Author: Derek Dixon
Tags: Design, Portfolio, ArtDeco

Derek Dixon Deco by Derek Dixon || http://www.derekdixon.co.uk/
Modifications by myself || http://www.derekdixon.co.uk/
This is my personal site Layout, not usable on other sites due to personalized coding.
Please tweak this and make it your own if you wish, just leave the credits :)
*/

/* Reset Browser Default */ 
/*\*/@import url(css/reset.css); /**/

/* ///////////////// GENERAL/////////////////*/
* { padding:0; margin:0; }
html { padding:0; margin:0; overflow-x: hidden;}


/* ///////////////// LAYOUT & IMAGES/////////////////*/
body {
background:url(images/back_gradient.jpg) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#424242;
marginheight:0;
marginwidth:0;
}
#container {
margin: 0 auto;
width:871px;
background: #FFF;
background: #FFF url(images/content.jpg) repeat-y;
}
#header {
margin-top:0px;
width:871px;
height:53px;
background: url(images/header-background.jpg) repeat-x;
}
#content {
/* margin-top: 60px; bellow was padding */
margin:60px 10px 0px 30px; /*tryout */
min-height: 500px;
width:600px;
}
#content_blog {
padding-left:30px;
min-height: 500px;
width:600px;
}
#content_home{
margin:60px 10px 0px 30px; /*tryout */
min-height: 500px;
width:810px;
}
#sidebar {
position:absolute;
margin: 0px 0px 0px 642px;
padding: 25px 20px 0px 20px;
top:0px;
width:229px;
min-height:595px;
background: url(images/blogSidebar.jpg) no-repeat;
z-index: 15;
}
#sidebar_home {
position:absolute;
margin: 0px 0px 0px 642px;
padding: 25px 20px 0px 20px;
top:0px;
width:229px;
height:30px;
z-index: 15;
}
#footer {
background: url(images/footer.jpg) no-repeat;
width:871px;
height:60px;
padding: 30px 0px 0px 30px;
font-size:9px;
color:#a6a6a6;
overflow:visible;
}
#copyright {
margin: 20px 0px 0px 0px;
font-size:9px;
color:#a6a6a6;
}
#portlink {float:right; padding: 0px 50px 0px 30px}
#logo {
background:url(images/logo.jpg) no-repeat;
width:871px;
height:53px;
}
#logo span, #logo h1{display:none;}


/* ///////////////// TYPOGRAPHY/////////////////*/
h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1 { 
font-size:2.4em;
line-height:28px; 
color:#897;
margin:0px 0px 5px 0px;
}
h2 { 
font-size:2.2em;
line-height:24px; 
color:#897;
}
h3 { 
font-size:1.8em;
line-height:22px; 
color:#897;
border-bottom: #CCC solid 1px;
}
p { margin: 10px 0px 7px 0px;}
small {font-size:9px;}
a {
text-decoration:none;
}
a:hover {color:#897;}
h2 a, h1 a, h3 a {color:#897;}

/* ///////////////// NAV /////////////////*/
#navbar {
float:right;
position:absolute;
top:53px;
width:871px;
height:29px;
overflow:hidden;
background:url(images/nav_back.jpg) repeat-x;
z-index:10;
}
#navbar ul {
font-family:Georgia, "Times New Roman", Times, serif;
height:29px;
font-size:2em;
margin:0px 0px 0px 30px;
background:url(images/navLine.jpg) no-repeat;
padding:0px 0px 0px 1px;
}
#navbar li {
display: inline;
list-style: none;
float:left; 
height:29px;
background:url(images/navLine.jpg) no-repeat right top;
}
#navbar li a {
padding: 0px 24px 10px 20px;
text-decoration:none;
/*background:url(images/navLine.jpg) no-repeat right top;*/
display: block;
}
#navbar li a:link, #navbar li a:visited {
color:#a6a6a6;
}
#navbar li a:hover {
color:#897;
background:url(images/navHover.jpg) no-repeat right top;
}
#navbar li.current_page_item a {
background:url(images/navHover.jpg) no-repeat right top;
}


/* ///////////////// BLOG ELEMENTS /////////////////*/
.post {
margin: 0px 0px 40px 0px;/*tryout */
width:600px;
}
.label {
position:relative;
float:left;
z-index:80;
margin: 1px 0px 0px -40px;
display:block;
width:40px;
height:75px;
background:url(images/postLabel.png) no-repeat top left !important;
background:url(images/postLabel.gif) no-repeat top left;
}
.post p {margin:2px 0px 5px 0px;}
#entry img {max-width:600px;border:#a6a6a6 solid 1px;margin:8px 0px 8px 0px; padding:0;}
.post p a {color:#444;border-bottom:#a6a6a6 dotted 1px;}
.post p a:hover {color:#897;}
.post small, .post small a, #content_home a {color:#a6a6a6;}
.post small a:hover {color:#897;}
.fullsize {max-width:600px; margin:0; padding:0;}

/* ///////////////// EXTRAS /////////////////*/
#extra1 {
position:absolute;
float:left;
top:0;
width:77px;
height:595px;
z-index:40;
margin-left: -76px;
background:url(images/decoLeft.jpg);
overflow:hidden;
}
#extra2 {
position:absolute;
margin-left: 870px;
top:0;
width:77px;
height:595px;
z-index:40;
background:url(images/decoRight.jpg);
}


/* ///////////////// FOOTER /////////////////*/
a.acrobat {
padding: 0px 0px 4px 18px;
height:16px;
background:url(images/portfolio_acrobat.jpg) no-repeat left top;
}
a:hover.acrobat {
background:url(images/portfolio_acrobat.jpg) no-repeat left -16px;
}
#footer a {
color:#a6a6a6;
}
#footer a:hover {color:#897;}
#navbot ul {
list-style:none;
}
#navbot li {
display:inline;
padding: 0px 10px 0px 10px;
border-left:solid 1px;
}

/* ///////////////// SIDEBAR /////////////////*/
#sidebar ul , #sidebar_home ul  {
display:block;
width: 185px;
list-style:none;
}
#sidebar li.icons, #sidebar_home li.icons{
display:inline;
}
#sidebar a {color:#666;}
#sidebar  a:hover {
border-bottom:#a6a6a6 dotted 1px;}

#sidebar span, #sidebar_home span{width:24px;height:24px;display:none;}
.clear {clear:both; }
.right {float:right; margin:0px 0px 0px 5px;}
.left {float:left}

a.rss {background:url(images/btRss.gif) no-repeat left -26px; display:block; width:24px; height:24px;}
a:hover.rss {background:url(images/btRss.gif) no-repeat left top; width:24px; height:24px;}
a.linkedin {background:url(images/btIn.gif) no-repeat left -26px; display:block; width:24px; height:24px;}
a:hover.linkedin {background:url(images/btIn.gif) no-repeat left top; width:24px; height:24px;}
a.facebook {background:url(images/btFacebook.gif) no-repeat left -26px; display:block; width:24px; height:24px;}
a:hover.facebook {background:url(images/btFacebook.gif) no-repeat left top; width:24px; height:24px;}
a.twitter {background:url(images/btTwitter.gif) no-repeat left -26px; display:block; width:24px; height:24px;}
a:hover.twitter {background:url(images/btTwitter.gif) no-repeat left top; width:24px; height:24px;}

#sidebar h3 { margin:15px 0px 5px 0px;}

/* ///////////////// SEARCH /////////////////*/

#search-box {
	margin:15px 0px 10px -3px;
	padding:1px 0px 0px 4px;
	width: 191px;
	height: 23px;
	background: url(images/box-search.png) left top no-repeat !important;
	background: url(images/box-search.gif) left top no-repeat;
}

#search-text {
	background: transparent none no-repeat 0 0;
	border: none;
	margin: 1px 32px 4px 6px;
	color: #666;
	width: 122px;
}

/* ///////////////// COMMENTS /////////////////*/
.commentlist li div cite a {color:#897;}
.commentlist li div cite a:hover {text-decoration:underline;}

.commentlist { padding: 12px 0px 0px 0px; margin: 12px 0px 0px 0px; border-top: #a6a6a6 dotted 1px; }
.commentlist li {
width:600px;
padding: 0px 0px 24px 0px;
background:url(images/comment_bot.jpg) no-repeat left bottom;
}
.commentlist li div cite {
font-family:Georgia, "Times New Roman", Times, serif;
color:#897;
}
.vcard {
color:#a6a6a6;
display:block;
height:43px;
background: #fff url(images/comment_top.jpg) no-repeat left bottom;
}
.commentlist li p {
margin:0;
background:url(images/comment_mid.jpg) repeat-y;
color:#666;
padding:5px 15px 0px 15px;
}
.commentlist li p a {color:#666;border-bottom:#a6a6a6 dotted 1px;}
.commentlist li p a:hover {color:#897;}
.commentmetadata {
font-size:9px;
color:#a6a6a6;
padding:0px 15px 0px 15px;
background:url(images/comment_mid.jpg) repeat-y;
}

.commentlist li em {
font-size:9px;
color:#666;
padding:2px 25px 2px 25px;
margin:0px 10px 0px -10px;
border: 1px solid #cfcfcf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:url(images/boxinput.jpg) repeat-x;
}
.commentmetadata a {
color:#a6a6a6;
}

.commentlist li p {
margin:0;
background:url(images/comment_mid.jpg) repeat-y;
color:#666;
padding:5px 15px 0px 15px;
}
.commentmetadata {
font-size:9px;
color:#a6a6a6;
padding:0px 15px 0px 15px;
background:url(images/comment_mid.jpg) repeat-y;
}
.commentmetadata a {
color:#a6a6a6;
}

/* ///////////////// COMMENTS FORM /////////////////*/
#respond {margin:10px 0px 0px 0px;}
#respond a {color:#444;}
#respond a:hover {color:#897;}

#commentform textarea{
width:590px;
}
input, textarea {
border: 1px solid #cfcfcf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 4px 2px 5px;
	background:url(images/boxinput.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
input:focus, textarea:focus {background:#fff;}

/* ///////////////// CASCADING FIX /////////////////*/
img a, img a:hover, #sidebar div a, #sidebar div a:hover, #sidebar a:hover{border:none;}
#content_home img {margin:0px 0px -8px -4px;}