/*
Theme Name: Graphic Dreams
Theme URI: http://wordpress.graphic-dreams.it/2006/02/graphic-dreams/
Description: 2-column, fixed width 
Version: 1.0
Author: Calliope
Author URI: http://www.graphic-dreams.it/
	
--------------------------------------------------------	

This theme is developed by Calliope ( http://www.graphic-dreams.it ), basing on the default theme.  

Distributed under a CC A-NC-SA 2.0 licence (reference: http://creativecommons.org/licenses/by-nc-sa/2.0/legalcode)


This theme is plugin-ready for some plugins: Gravatar, Get Recent Comments and WP Theme Switcher.
If you use the Gravatar plugin, open the comments.php page and find out the code below:

    <div class=”gravatar”><img src=”<?php gravatar(”R”, 80,”http://wordpress.graphic-dreams.it/wp-content/themes/graphicdreams/
    images/default_gravatar.jpg”); ?>” alt=”" /></div> 

Then replace wordpress.graphic-dreams.it with your site url (and in case add the directory in wich your WP is installed).

Please let me know if you find any bugs or get any errors when validate your blog.
If you have problems, please contact me on my site or by mailing me at calliope@graphic-dreams.it
*/



/* Structure */


*{
padding:0px;;
margin:0px;;
}

body{
margin:20px;
background-color:#9bbabc;
color:#377681;
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
}

div#page{
margin:0px auto;
width:780px;
border:3px double #377681;
background:#e1e9f6 url(images/graphic_dreams_wp.jpg) no-repeat;
}

div#wrapper{
width:780px;
margin:0px auto;
overflow:hidden;
}

#content{
width:70%;
float:left;
margin-left:20px;
} 

#sidebar{
width:20%;
margin-left:78%;
}
 
 /* Generical link */
 
a:link, a:visited, a:active{
text-decoration:none;
color:#377681;
font-size:11px;
cursor:Crosshair;
}
a:hover{
color : #377681;
background-image:url(images/sfondo.jpg);
border: 1px solid #377681;
text-decoration: none;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
}


/* header styles*/

div#header{
padding-top:60px;
margin-bottom: 20px;
height: 160px;
}

div#title{
font-size: 2.8em;
text-align: right;
margin-right: 100px;
padding: 10px 0px 20px 20px;
height: 5em;
color: #377681;
}

#title a{
font-size:1em;
text-decoration: none;
color: #377681;
cursor:Crosshair;
}

#title h1{
font-size:1em;
}

.description{
font-size:0.8em;
font-weight:bold;;
}

/* End header styles*/



/* Content style */

.narrowcolumn a:link,.narrowcolumn a:visited,.narrowcolumn a:active{
text-decoration:none;
color:#377681;
font-size:11px;
}
.narrowcolumn a:hover{
color : #377681;
background-image:url(images/sfondo.jpg);
border: 1px solid #377681;
text-decoration: none;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
} 
.narrowcolumn h2{
margin:20px;
border-bottom:3px double #377681;
font-size:14px;
text-align:center;
}
.narrowcolumn h3{
border-bottom:1px solid #377681;
padding-bottom:20px;
}
.narrowcolumn ul{
list-style:square;
margin-left:10px;
margin-bottom:10px;
text-align:left;
}

.narrowcolumn ul li{
list-style-type:square;
margin-left:20px;
}
.narrowcolumn ul li ul{
list-style-type:square;
margin-left:0px;
margin-bottom:0px; 
}
.narrowcolumn ul li li{
list-style-type:square;
margin-left:20px;
margin-bottom:0px; 
}
.narrowcolumn ol{
list-style:decimal;
margin-left:10px;
margin-bottom:10px;
text-align:left;
}
.narrowcolumn ol li{
list-style-type:decimal;
margin-left:20px;
}
.narrowcolumn ol li ol{
list-style-type:decimal;
margin-left:0px;
margin-bottom:0px; 
}
.narrowcolumn ol li li{
list-style-type:lower-alpha;
margin-left:20px;
margin-bottom:0px; 
}

/* End content styles */


/* Sidebar styles */

#sidebar ul{
list-style:none;
margin-bottom:15px;
}
#sidebar ul h2{
padding:2px;
margin-bottom:5px;
border-bottom:1px solid #377681;
font-size:14px;
}
#sidebar ul ul{
list-style:none;
margin-bottom:10px;
}
#sidebar ul.children {
list-style-type:none;
margin-bottom:0px;
margin-left:15px;
} 
#sidebar input, #sidebar select, #sidebar textarea{
border:1px solid #377681;
background-color: #e1e9f6;
}
#sidebar a:link, #sidebar a:visited, #sidebar a:active{
text-decoration:none;
color:#377681;
cursor:Crosshair;
}
#sidebar a:hover{
color : #377681;
background-image:url(images/sfondo.jpg);
border: 1px solid #377681;
text-decoration: none;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
}

/* End  sidebar styles*/


/* Searchform styles */

#searchform{
text-align:center;
margin-bottom:10px;
}
#searchform input{
border:1px solid #377681;
background-color: #e1e9f6;
}
#searchform #s{
width:50%;
background-color:#e1e9f6;
}

/*End Searchform styles*/


/* Calendar styles */

#wp-calendar{
border: 1px solid #377681;
width: 100%;
margin: 0px auto;
text-align: center;
margin-bottom: 15px;
}
#wp-calendar th{
background-color:#9bbabc;
background-image: url(images/sfondo.jpg);
background-position:left;
background-repeat:no-repeat;
border:1px solid #377681;
}

#wp-calendar a{
background-color:#9bbabc;
background-image: url(images/sfondo.jpg);
background-position:left;
background-repeat:no-repeat;
border:1px solid #377681;
color : #377681;
font-weight:italic;
display: block;
}

#prev a, #next a{
border: 0px;
}

#wp-calendar caption{
text-align: center;
width: 100%;
margin: 0px auto;
background-color:#9bbabc;
background-image: url(images/sfondo.jpg);
background-position:left;
background-repeat:no-repeat;
border-top:1px solid #377681;
border-left:1px solid #377681;
border-right:1px solid #377681;
border-bottom:0px;
font-weight:bold;
padding:2px;
}

/* End calendar styles*/


/* Post styles */

.post {
margin-bottom:10px;
}
.post  a:link, .post  a:visited, .post  a:active{
text-decoration:none;
color:#377681;
font-size:11px;
cursor:Crosshair;
}
.post  a:hover{
color : #377681;
background-image:url(images/sfondo.jpg);
border: 1px solid #377681;
text-decoration: none;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
}
.post p{
margin-bottom:1em;
}

.post ul{
list-style:square;
margin-left:10px;
margin-bottom:10px;
}

.post ul li{
list-style-type:square;
margin-left:20px;
}
.post ul li ul{
list-style-type:square;
margin-left:0px;
 margin-bottom:0px; 
}
.post ul li li{
list-style-type:square;
margin-left:20px;
margin-bottom:0px; 
}
.post ol{
list-style:decimal;
margin-left:10px;
margin-bottom:10px;
}

.post ol li{
list-style-type:decimal;
margin-left:20px;
}
.post ol li ol{
list-style-type:decimal;
margin-left:0px;
margin-bottom:0px; 
}
.post ol li li{
list-style-type:lower-alpha;
margin-left:20px;
margin-bottom:0px; 
}

.title_post{
width:93%;
color : #377681;
font-weight:bold;
letter-spacing: 0.1em;
padding:3px;
margin-bottom:10px;
margin-left:10px;
border-bottom:3px double #377681;
font-size:14px;
text-align:left;
}

.title_post a:link, .title_post a:visited, .title_post a:active {
color : #377681;
text-decoration: none; 
font-size:14px;
cursor:Crosshair;
}
.title_post a:hover {
color : #377681;
background-image:url(images/sfondo.jpg);
border: 1px solid #377681;
text-decoration: none;
font-size:14px;
font-weight:bold;
cursor:Crosshair;
}

.entry {
font-size: 11px;
color: #377681;
text-align:left;
margin-bottom:10px;
}

.entry a{
font-weight:bold;
}
.entry img, .entrytext img{
padding:2px;
margin:5px;
border:1px solid #377681;
} 
.date{
color:#377681;
font-size: 11px;
font-weight:bold;
letter-spacing: 0.1em;
text-align:left;
padding-top:3px;
margin-bottom:10px;
border-bottom:1px solid #377681;
}
.postmetadata {
clear:both;
font-size: 11px;
color: #377681;
text-align:left;
padding-bottom:20px;
border-top:1px solid #377681;
}

.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active {
color : #377681;
text-decoration: none; 
font-size:11px;
cursor:Crosshair;
}
.postmetadata a:hover {
background-color:#ffffff;
background-image:url(images/sfondo.jpg);
background-position:left;
background-repeat:no-repeat;
color : #377681;
text-decoration: none;
border:1px solid #377681;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
}

blockquote{
margin:10px 20px;
padding:10px;
width:420px;
border:3px double #377681;
}
.entrytext .postmetadata {
clear:both;
font-size: 11px;
color: #377681;
text-align:left;
padding-bottom:3px;
margin-bottom:20px;
border-top:1px solid #377681;
}
	
/* End  post styles */


/* Navigation styles*/

.navigation {
display:block;
margin-top:10px;
margin-bottom:35px;
}

.alignleft {
float:left;
width:50%;
font-weight:bold;
}
.alignright{
float:right;
width:50%;
text-align:right;
font-weight:bold;
}
.alignleft a:link, .alignleft a:visited, .alignleft a:active, .alignright a:link, .alignright a:visited, .alignright a:active  {
color : #377681;
text-decoration: none; 
font-size:11px;
cursor:Crosshair;
}
.alignleft a:hover, .alignright a:hover {
background-color:#ffffff;
background-image:url(images/sfondo.jpg);
background-position:left;
background-repeat:no-repeat;
color : #377681;
text-decoration: none;
border:1px solid #377681;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
}

/* End navigation styles*/


/* Footer styles */

#footer{
margin: 2em auto;
clear: both;
background:#e1e9f6 url(images/sfondo.jpg);
border:3px double #377681;
padding: 5px;
width:700px;
text-align:center;
}
#footer a:link, #footer a:visited, #footer a:active{
text-decoration:none;
color:#377681;
font-size:11px;
}
#footer a:hover{
color : #377681;
background-image:url(images/sfondo.jpg);
border: 1px solid #377681;
text-decoration: none;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
}

/* End footer styles */


/* Comments styles */

ol.commentlist
{
width: 90%;
min-height: 100px;
margin-left:20px;
}
ol.commentlist li
{ 
min-height: 90px;
height: auto !important;
height: 90px;
margin-bottom: 1.5em;
border: 1px solid #377681;
padding: 5px;
background-color: #e1e9f6;
}

ol.commentlist li.alt
{
background-color: #9bbabc;
}

ol.commentlist a
{
color: #377681;
}

small.commentmetadata
{
font-size: 0.8em;
margin-bottom: 1em;
display: block;
}

#commentform textarea{
border:1px solid #377681;
background-color: #e1e9f6;
color: #377681;
width:80%;
margin-left:20px;
font-family:Verdana,Arial,Sans-serif;
font-size: 11px;
padding-left:5px;
}
#commentform input, submit{
border:1px solid #377681;
background-color: #e1e9f6;
color: #377681;
margin-left:20px;
font-family:Verdana,Arial,Sans-serif;
font-size: 11px;
}
#commentform a:link, #commentform  a:visited, #commentform  a:active {
color : #377681;
text-decoration: none; 
font-size:11px;
cursor:Crosshair;
}
#commentform a:hover {
background-color:#ffffff;
background-image:url(images/sfondo.jpg);
background-position:left;
background-repeat:no-repeat;
color : #377681;
text-decoration: none;
border:1px solid #377681;
font-size:11px;
font-weight:bold;
cursor:Crosshair;
}
.gravatar{
float: left;
width:90px;
}

/* End commentis styles */