/*
	Theme Name: City Bridge
	Theme URI: http://wordpress.graphic-dreams.it/2005/10/city-bridge/
	Description: 2-column, fixed width, green theme 
	Version: 1.0
	Author: Calliope
	Author URI: http://www.graphic-dreams.it
	
--------------------------------------------------------	

This theme is developed by Calliope ( http://wordpress.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)

The stylesheet is not validated because of the scrollbar styles. If you want to validate it, find the scrollbar attribute (in the body styles)and delete them.

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/citybridge/
    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 */

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

body{
margin:0px;
padding:0px;
height:100%;
background-color:#000000;
color:#ffffcc;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color: #2a170b;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #2a170b;
font-family:Verdana,Arial,Sans-serif;
font-size:8pt;
}

div#page{
width:786px;
margin:0px auto;
background-image:url(images/sfondo.jpg);
background-repeat:repeat-y;
}
div#page2{
width:786px;
margin:0px auto;
background-image:url(images/city_bridge.jpg);
background-repeat:no-repeat;
}
div#header{
margin-right:246px;
width:540px;
height:395px;
z-index:1;
}
div#title{
padding-top:340px;
margin-left:40px;
width:490px;
height:50px;
font-size:20pt;
color:#ffffcc;
text-align : left;
z-index:2;
}

div#sidebar{
margin-right:18px;
margin-top:-270px;
z-index: 10;
width:213px;
float:right;
display:inline;
font-size:8pt;
text-align:left;
}

div#content{
margin-left:20px;
margin-top:50px;
float:left;
display:inline;
width:510px;
text-align:center;
font-size:8pt;
}
div#footer{
	width:100%;
	height:80px;
	clear:both;
	margin:0px auto;
}

/* end structure */

/* Header styles */

#title a{
	color: #ffffcc;
	text-decoration: none;
	font-size:20pt;
	cursor:Crosshair;
}
.description{
	color: #ffffcc;
	font-size:16pt;
}

/* End header styles */

/* Links styles */

a:link {
color : #ffffcc;text-decoration: none;font-size:8pt;cursor:Crosshair;
}
a:visited {
color : #ffffcc;text-decoration: none;font-size:8pt;cursor:Crosshair;
}
a:active {
color : #ffffcc;text-decoration: none; font-size:8pt;cursor:Crosshair;
}
a:hover {
color : #2a170b;
text-decoration: underline;
font-size:8pt;
font-weight:bold;
cursor:Crosshair;
}

/* end links styles */

/* sidebar styles */

#sidebar a:link, #sidebar a:visited, #sidebar a:active{
color : #ffffcc;text-decoration: none; font-weight:normal;font-size:8pt;cursor:Crosshair;
}
#sidebar a:hover{
color : #2a170b;
text-decoration: underline;
font-size:8pt;
font-weight:bold;
cursor:Crosshair;
}
#sidebar ul {
list-style-type:none;
margin-bottom:10px;
}
#sidebar li {
list-style-type:none;
text-align:left;
}

#sidebar h2 {
margin:0px auto;
background-image:url(images/list.jpg);
background-repeat:no-repeat;
background-position:left top;
color:#2a170b;
padding-top:5px;
padding-bottom:17px;
padding-left:60px;
font-size:9pt;
font-weight:bold;
letter-spacing: 0.1em;
text-align:left;
text-decoration:underline;
}


.titles{
margin:0px auto;
width:100px;
color:#2a170b;
padding-top:5px;
padding-bottom:7px;
font-size:8pt;
font-weight:bold;
text-align:center;
text-decoration:underline;
}

/* end sidebar styles */

/* search styles*/
#searchform #s{
width:70%;
}

#searchform input{
	margin-bottom:10px;
	border:1px solid #2a170b;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	background-color:#533820;
	color :#ffffcc;
}

/* End search styles*/

/* Calendar styles */

#wp-calendar{
	border:1px solid #2a170b;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}

#wp-calendar th{
color: #2a170b;
border-bottom:1px solid #2a170b;
}

#wp-calendar a:link, #wp-calendar a:visited, #wp-calendar a:active{
	color : #2a170b;
	font-weight:bold;
	cursor:Crosshair;
	text-decoration:none;
	display: block;
}
 #prev a:link, #prev a:visited, #prev a:active, #next a:link, #next a:visited, #next a:active{
	color : #2a170b;
	font-weight:bold;
	text-decoration:none;
	cursor:Crosshair;
	display: block;
}
#wp-calendar a:hover, #prev a:hover, #next a:hover{
	color : #2a170b;
	font-weight:bold;
	text-decoration:underline;
	cursor:Crosshair;
	display: block;
}

#wp-calendar caption{
	text-align: center;
	width: 81%;
	margin: 0px auto;
	padding-bottom:3px;
  padding-top:3px;
	border-top:1px solid #2a170b;
	border-left:1px solid #2a170b;
	border-right:1px solid #2a170b;
}

/* End calendar styles*/

/* Post styles */

.post {
margin-bottom:20px;
background-image:url(images/post.jpg);
background-repeat:no-repeat;
background-position:center top;
text-align:center;
}

.post p{
	margin-bottom:1em;
}

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

.post li{
	list-style-type:square;
	margin-left:20px;
}

.title_post{
margin:0px auto;
padding:8px 0px 3px 0px;
width:235px;
color : #2a170b;
font-size: 9pt; 
font-weight:bold; 
letter-spacing: 0.1em;
text-decoration:underline;
text-align:center;
}
.date{
margin:0px auto;
width:235px;
color : #2a170b;
font-size: 8pt; 
font-weight:bold; 
letter-spacing: 0.1em;
text-decoration:underline;
text-align:center;
}

.title_post a:link, .title_post a:visited, .title_post a:active{
color : #2a170b;
font-size: 9pt; 
font-weight:bold;
text-decoration:underline;
cursor:Crosshair;
}

.title_post a:hover{
color : #2a170b;
font-size: 9pt; 
font-weight:bold;
text-decoration:underline overline;
cursor:Crosshair;
}

.entry, .entrytext {
font-size: 8pt;
color: #ffffcc;
text-align:left;
margin-top:30px;
margin-bottom:10px;
margin-right:10px;
margin-left:10px;
}

.entry a:link, .entry a:visited, .entry a:active{
color : #2a170b;
font-weight:bold;
text-decoration:none;
cursor:Crosshair;
}

.entry a:hover{
color : #2a170b;
font-weight:bold;
text-decoration:underline;
cursor:Crosshair;
}

.postmetadata {
font-size: 8pt; 
color : #2a170b;
text-align:right;
padding-bottom:3px;
border-top:1px solid #2a170b;
}

.postmetadata a:link, a:visited, a:active {
color : #2a170b;
font-weight:bold;
cursor:Crosshair;
}
.postmetadata a:hover {
color : #2a170b;
font-weight:bold;
text-decoration:underline;
cursor:Crosshair;
}

blockquote{
	margin:10px 20px;
	padding:10px;
	width:420px;
	border:3px double #2a170b;
	background-image: url(images/quote.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

/* End post styles */

/* Navigation styles */

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

.alignleft {
	float:left;
	width:50%;
	color : #2a170b;
	text-align:left;
	font-weight:bold;
}

.alignright{
	float:right;
	width:50%;
	color : #2a170b;
	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 : #2a170b;
font-weight:bold;
text-decoration:none;
cursor:Crosshair;
}

.alignleft a:hover, .alignright a:hover{
color : #2a170b;
font-weight:bold;
text-decoration:underline;
cursor:Crosshair;
}

.entrytext a:link, .entrytext a:visited, .entrytext a:active{
color : #2a170b;
font-weight:bold;
text-decoration:none;
cursor:Crosshair;
}

.entrytext a:hover{
color : #2a170b;
font-weight:bold;
text-decoration:underline;
cursor:Crosshair;
}

.entrytext .postmetadata {
font-size: 8pt; 
color : #2a170b;
text-align:right;
padding-bottom:3px;
border-top:1px solid #2a170b;
}
.entrytext .postmetadata a:link, .entrytext .postmetadata a:visited, .entrytext .postmetadata a:active{
color : #2a170b;
font-weight:bold;
text-decoration:none;
cursor:Crosshair;
}
.entrytext .postmetadata a:hover{
color : #2a170b;
font-weight:bold;
text-decoration:underline;
cursor:Crosshair;
}

/* End navigation styles */


/* content styles */

.narrowcolumn h2, .narrowcolumn h3{
	margin:0px auto;
padding:8px 0px 3px 0px;
width:235px;
color : #2a170b;
font-size: 9pt; 
font-weight:bold; 
letter-spacing: 0.1em;
text-decoration:underline;
text-align:center;
}
.widecolumn h3{

font-size: 9pt; 
font-weight:bold; 
letter-spacing: 0.1em;
}
.narrowcolumn h3 a:link, .narrowcolumn h3 a:visited, .narrowcolumn h3 a:active{
color : #2a170b;
font-size: 9pt; 
font-weight:bold;
text-decoration:underline;
cursor:Crosshair;
}

.narrowcolumn h3 a:hover{
color : #2a170b;
font-size: 9pt; 
font-weight:bold;
text-decoration:underline overline;
cursor:Crosshair;
}

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

 	.narrowcolumn li{
 		list-style-type:square;
 		margin-left:20px;
 	}

/* end comntents styles */

/* Comments styles */

ol.commentlist
{ 
  min-height: 100px;
	width: 90%;
	margin-left:20px;
}
ol.commentlist li
{
  min-height: 90px;
	margin-bottom: 1.2em;
	border: 1px solid #2a170b;
	padding: 5px;
	background-color: #533820;
}
ol.commentlist a:link,ol.commentlist a:visited,ol.commentlist a:active,ol.commentlist a:hover
{
	font-weight:bold;
}

small.commentmetadata
{
	font-size: 0.8em;
	margin-bottom: 1em;
	display: block;
}
#commentform{
text-align:left;
margin-left:40px;
}
#commentform textarea{
background-color:#533820;
	border:1px solid #2a170b;
	color: #ffffcc;
	width:80%;
	font-family:Verdana,Arial,Sans-serif;
	font-size: 8pt;
	padding-left:5px;
}
#commentform input, submit{
background-color:#533820;
border:1px solid #2a170b;
color: #ffffcc;
font-family:Verdana,Arial,Sans-serif;
font-size: 8pt;
}
.gravatar{
float: left;width:90px;
}

/* Footer style */

.credit
{
float:left;
padding-left:20px;
margin-top:20px;
width:520px;
text-align:left;
}
.credit a:link, .credit a:visited, .credit a:active{
color : #ffffcc;
font-weight:normal;
text-decoration:none;
cursor:Crosshair;
}

.credit a:hover{
color : #2a170b;
font-weight:normal;
text-decoration:underline;
cursor:Crosshair;
}

/* End footer styles*/