/*
-----------------------------------------------
Blogger Beta Template Style
Name: Angel or Evil
Designer: Pannasmontata
URL: www.pannasmontata-templates.net
Adapted for Blogger Beta by Hans at
http://beautifulbeta.blogspot.com
Date: 29 sep 2006
----------------------------------------------- */

/* Variable definitions
====================
type="color" default="#CCCCCC" value="#CCCCCC">
type="color" default="#333" value="#000000">
type="color" default="#000000" value="#000000">
type="color" default="#000000" value="#000000">
type="color" default="#666666" value="#666666">
type="color" default="#c60" value="#940f04">
type="color" default="#ccc" value="#cccccc">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#666" value="#ffffff">
type="color" default="#A51818" value="#A51818">
type="font" default="normal normal 95% Arial, Serif" value="normal normal 77%

Arial, Serif">
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"

value="normal normal 105% Arial, sans-serif">
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 293% Arial,

sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"

value="normal normal 116% Arial, sans-serif">
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"

value="normal normal 77% Arial, sans-serif">
*/

/* Use this with templates/template-twocol.html */

/* GENERIC STYLE */
body {
background-image: url(http://nea.ngi.it/templatesblogger/img/09-bodybg.jpg);
background-position: center;
background-repeat: repeat-y;
background-color: $bgcolor;
font: $bodyfont;
text-align: center;
margin: 0;
}

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$linkcolor;
text-decoration:none;
}

a:hover {
color:$hoverlinkcolor;
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}

ul {
list-style-image: url(http://nea.ngi.it/templatesblogger/img/10-li.gif);
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
padding-left: 2px;
}

.clear { clear:both; }

li{
background: transparent;
padding: 0px;
}

blockquote {
color: #666666;
background-color: #FFFFFF;
border: 1px outset #000000;
padding: 5px;
margin-left: 10%;
margin-right: 10%;
}

img {border: 0;}

/* OUTER WRAPPER */

#outer-wrapper {
width: 755px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
background-color: transparent;
color: #666666;
}

/* HEADER WRAPPER */
#header-wrapper {
background-color: #FFFFFF;
background-image: url(http://nea.ngi.it/templatesblogger/img/10-angelevil.jpg);
background-position: center;
background-repeat: no-repeat;
height: 180px;
margin-bottom: 15px;
}
#header {
text-align: right;
text-transform: capitalize;
}

#header h1 {
padding-right: 40px;
padding-top: 90px;
font: $pagetitlefont;
color: $pagetitlecolor;
}

#header .description {
margin-right: 40px;
margin-top: 10px;
font: $descriptionfont;
color: $descriptioncolor;
}


#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
text-decoration: none;
}


/* Content wrapper */
#content-wrapper {
padding-left: 10px;
}

/* Sidebar wrapper */
#sidebar-wrapper {
width: 220px;
float: left;
background-image: url(http://nea.ngi.it/templatesblogger/img/10-bgmenu.jpg);
background-position: left center;
background-repeat: repeat-y;
background-color: #000000;
text-align: left;
color: #CCCCCC;
margin-bottom: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper a:link {
color: #CCCCCC;
text-decoration: none;
}

#sidebar-wrapper a:visited {
color: #CCCCCC;
text-decoration: none;
}

#sidebar-wrapper a:hover {
color: #A51818;
text-decoration: none;
position: relative;
top: 1px;
left:1px;
}

.sidebar {
color: $sidebartextcolor;
}

.topmenu {
background-image: url(http://nea.ngi.it/templatesblogger/img/10-topmenu.jpg);
background-position: left center;
background-repeat: no-repeat;
height: 15px;
}
.bottomenu {
background-image: url(http://nea.ngi.it/templatesblogger/img/10-bottomenu.jpg);
background-position: left center;
background-repeat: no-repeat;
height: 26px;
}

.sidebar .widget {
margin:0px 15px 15px 5px;
}

.sidebar h2 {
color: $sidebarcolor;
font: $headerfont;
padding: 2px 0px;
margin: 0px 5px 10px 5px;
text-align: center;
text-transform: capitalize;
font-weight: bold;
text-decoration: underline;
}

#main-wrapper {
width: 500px;
float: left;
color: #666666;
margin-bottom: 10px;
background-color: #FFFFFF;
padding-bottom: 15px;
text-align: justify;
position: center;
margin-left:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Posts
-----------------------------------------------
*/

#blog-posts {
margin: 0px 10px 15px 0px;
padding: 4px;
}


h2.date-header {
color: #000000;
text-transform: capitalize;
text-decoration: underline;
text-align: right;
font-weight: bold;
font-size: 11px;
margin: 15px 0px;
}

.post h3 {
color: #A51818;
font-weight: bold;
font-size: 14px;
text-transform: capitalize;
text-align: left;
margin-bottom: 10px;
}
.post h3 a:link {
color: #a51818;
}

.post h3 a:visited {
color: #a51818;
}

.post {
color: #666666;
text-align: justify;
font-size: 12px;
margin-bottom: 10px;
}

.post-footer {
color: #000000;
font-size: 10px;
text-align: left;
margin-bottom: 5px;
}


/* Profile
----------------------------------------------- */
.profile-img {
text-align: center;
margin: 0 5px 5px 0px;
padding: 2px;
border: 1px solid $bordercolor;
float: left;
}

.profile-data {
margin:0;
text-transform:uppercase;
color: $sidebarcolor;
font-weight: bold;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
clear: both;
}



/* Hieronder oude meuk */





/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
text-transform:uppercase;
font-size: 14px;
}


.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}



/* Footer
----------------------------------------------- */
#footer {
background-color: transparent;
width: 755px;
border-top: 1px solid #F2F2F2;
height: 20px;
padding: 5px 0px;
clear: both;
font-size: 10px;
color: #999999;
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}