/**
 * Theme Name: Deep Blue
 * Theme URI: http://templates.arcsin.se/
 * Version: 1.0
 * Description: A two-column layout with a touch of blue. Based on the <a href="http://templates.arcsin.se/">free website template</a> Deep Blue.
 * Author: Viktor Persson
 * Author URI: http://arcsin.se
*/

/**
 * standard elements
 */
* {
margin		: 0;
padding		: 0;
}
body {
background	: #474747 url('img/body.gif') repeat-y center top;
font		: normal 0.7em Tahoma,Verdana,sans-serif;	
}
a {
color		: #FFF;
text-decoration	: none;
}

/**
 * headings
 */
h1 {
font		: normal 2em sans-serif;
margin-top	: 1em;
}
h2 {
font		: normal 1.8em sans-serif;
margin-top	: 0.8em;
}
h3 {
font		: bold 1.3em sans-serif;
margin-top	: 0.6em;
}
h4 {
font		: bold 1.1em sans-serif;
margin-top	: 0.4em;
}

h1,h2,h3,h4 {
color		: #444;
}

/**
 * misc elements
 */
code {
background	: url('img/code.gif');
border-left	: 6px solid #1664D9;
border		: 1px solid #F0F0F0;
color		: #555;
display		: block;
font		: normal 1em "Lucida Sans Unicode",serif;
margin-bottom	: 12px;
padding		: 8px 10px;
white-space	: pre;
}
blockquote {
background	: #FAFAFA url('img/quote.gif') no-repeat;
border-bottom	: 1px solid #EEE;
border-top	: 1px solid #EEE;
color		: #555;
display		: block;
font		: normal 1.2em sans-serif;
margin		: 1em 0;
padding		: 0.6em 1em 0.2em 40px;
}
ol {
margin		: 0 0 1.2em 2em;
}

/**
 * structure
 */
#main {
width		: 780px;
border-top	: 6px solid #FFF;
margin		: 0 auto;
}
#main_left {
float		: left;
width		: 580px;
}
#main_right {
float		: right;
width		: 193px;
}

/**
 * misc
 */
.left {
float		: left;
}
.right {
float		: right;
}
span.comment {
padding-left	: 18px;
background	: url('img/icon_comment.gif') no-repeat left center;
}
.clearer {
clear		: both;
font-size	: 0;
height		: 0;
}

/**
 * logo
 */
#header {
background	: url('img/header.jpg') repeat-x;
/*
background	: #2A2A2A;
*/
border-bottom	: 6px solid #FFF;
height		: 180px;
}
#header h1 {
font		: normal 1.5em Verdana,sans-serif;
margin		: 0;
padding		: 115px 0 5px 10px;
}
#header h2 {
font		: bold 1.0em Verdana,sans-serif;
margin		: 0;
padding		: 5px;
text-align	: right;
}

/**
 * main navigation
 */
#navigation ul,#navigation li {
margin		: 0;
padding		: 0;
}
#navigation li {
list-style	: none;
}
#navigation {
/*
background	: #4D92E4 url('img/grdnt_blue.jpg') repeat-x;
*/
background	: #696969;
}
#navigation a {
border-bottom	: 1px solid #FFF;
display		: block;
font		: bold 1em Verdana,sans-serif;
height		: 1.8em;
padding		: 0.6em 0 0 1em;
text-decoration	: none;
}
#navigation a:hover {
/*
background	: #444;
*/
background	: #A9A9A9;
color		: #000000;
}

/**
 * sidebar label
 */
.label {
background	: #333 url('img/label.gif') no-repeat;
clear		: both;
color		: #EEE;
font		: normal 2em "Lucida Sans Unicode",sans-serif;
height		: 50px;
line-height	: 50px;
overflow	: hidden;
text-align	: center;
}

/**
 * lists category
 */
ul.block, .block ul {
background	: #2A2A2A;
border-top	: 1px solid #3A3A3A;
margin		: 0;
padding		: 0;
}
.block li {
border-bottom	: 1px solid #3A3A3A;
list-style	: none;
}
.block a {
background	: url('img/block.jpg') repeat-x left top;
color		: #CCC;
display		: block;
font		: bold 1.2em Verdana,sans-serif;
padding		: 0.6em 2% 0.6em 5%;
width		: 92%;
}
.block a:hover {
background	: #222;
color		: #FFF;
}
.block a em {
color		: #999;
display		: block;
font		: bold 0.8em Verdana,sans-serif;
margin-top	: 0.3em;
}

/**
 * lists entry
 */
ul.block-entry, .block-entry ul {
background	: #2A2A2A;
border-top	: 1px solid #3A3A3A;
margin		: 0;
padding		: 0;
}
.block-entry li {
border-bottom	: 1px solid #3A3A3A;
list-style	: none;
}
.block-entry a {
background	: url('img/block.jpg') repeat-x left top;
color		: #CCC;
display		: block;
font		: normal 1.1em Verdana,sans-serif;
/*
padding		: 0.6em 2% 0.6em 5%;
*/
padding		: 0.6em 2% 0.6em 10%;
width		: 87%;
}
.block-entry a:hover {
background	: #222;
color		: #FFF;
}
.block-entry a em {
color		: #999;
display		: block;
font		: normal 0.8em Verdana,sans-serif;
margin-top	: 0.3em;
}

/**
 * content
 */ 
#content {
color		: #444;
font-family	: Verdana,sans-serif;
line-height	: 1.3em;
padding		: 0 1em 1em; 
}
#content a {
color		: #1664DA;
}
#content a:hover {
text-decoration	: underline;
color		: #06F;
}
#content p {
margin		: 0.4em 0 1em 0;
}
#content .descr {
color		: #666;
margin-bottom	: 0.5em;
}
#content ul li {
list-style	: url('img/li.gif');
}
#content ul {
margin-left	: 1.8em;
}

/**
 * footer
 */
#footer {
color		: #666;
clear		: both;
}
#footer .right {
color		: #555;
}
#footer .right a {
color		: #555;
}
#footer .right a:hover {
color		: #777;
text-decoration	: underline;
}
#footer .left a {
color		: #777;
}
#footer .left a:hover {
color		: #333;
text-decoration	: underline;
}
#footer .left {
border-top	: 1px solid #F0F0F0;
padding		: 9px 0 9px 9px;
text-align	: center;
width		: 507px;
}
#footer .right {
margin-right	: 1em;
padding		: 0.8em 0;
text-align	: right;
width		: 220px;
}

/**
 * posting
 */
.post_info {
background	: #FAFAFA;
border		: 1px solid #EEE;
color		: #555;
margin-bottom	: 1em;
padding		: 0.6em 0.7em;
}

/**
 * comments
 */
.commentlist {
margin		: 1em 0 0 0.5em;
padding		: 0;
}
.commentlist li {
margin-bottom	: 1.2em;
list-style	: none;
}
#commentform {
margin		: 1em 0;
width		: 360px;
}
.commentmetadata {
padding		: 0.2em 0 0.4em;
color		: #469;
}
.commentmetadata a {
color		: #444;
text-decoration	: none;
}
.commentmetadata a:hover {
text-decoration	: underline;
}

textarea.styled {
width		: 320px;
overflow	: auto;
}

.styled {
font-size	: 1.1em;
background	: #F8F7F6;
border		: 1px solid #D6D3D3;
}
.styled:hover {
background	: #FFF;
border		: 1px solid #D6D3D3;
}
.styled:focus {
background	: #FFF;
border		: 1px solid #939793;
}
#commentform input {
margin-bottom	: 3px;
}

/**
 * iPod
 */
div.ipod-header {
width		: 292px;
height		: 35px;
padding		: 0px;
margin		: 0px;
clear		: both;
}
div.ipod-left {
width		: 38px;
height		: 195px;
padding		: 0px;
margin		: 0px;
background	: url("http://www.j-surf.net/img/bilbao/ipod-left.jpg") repeat;
float		: left;
}
div.ipod-center {
width		: 216px;
height		: 195px;
padding		: 0px;
margin		: 0px;
background-color: #28292D;
float:left;
}
div.ipod-right {
width		: 38px;
height		: 195px;
padding		: 0px;
margin		: 0px;
background	: url("http://www.j-surf.net/img/bilbao/ipod-right.jpg") repeat;
float		: left;
}
div.ipod-footer {
width		: 292px;
height		: 314px;
padding		: 0px;
margin		: 0px;
clear		: both;
}

/**
 * table
 */
th {
text-align	: center;
color		: #000000;
background	: #C0C0C0;
font-size	: 12px;
line-height	: 200%;
font-weight	: bold;
}
td#left {
text-align	: center;
color		: #000000;
background	: #C0C0C0;
font-size	: 12px;
line-height	: 200%;
}
td#right {
text-align	: center;
color		: #000000;
background	: #DCDCDC;
font-size	: 12px;
line-height	: 200%;
}
td#info {
text-align	: left;
color		: #000000;
background	: #DCDCDC;
font-size	: 12px;
line-height	: 200%;
padding-left	: 5px;
}