/*
	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:0; padding:0; height:100%; background-color:#00716e; color:#00716e; 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; background-image: url(images/jpat.jpg); }

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:35px;
margin-top:-350px; /*270px*/
z-index: 10;
width:213px;
float:right;
display:inline;
font-size:8pt;
text-align:left;
}

div#content{ margin-left:55px; margin-top:60px; float:left; display:inline; width:425px; text-align:center; font-size:8pt; margin-right: 0; }
div#footer{
	width:300px;
	height:80px;
	clear:both;
	margin:0 auto 0 45px;
}

/* end structure */

/* Header styles */


#title a{ color: #00716e; text-decoration: none; font-size:20pt; top: 12px; right: 16px; cursor:pointer; }
.description{ color: #00716e; font-size:16pt; right: 16px; }

/* End header styles */

/* Links styles */

a:link {
color : #00716e;text-decoration: none;font-size:8pt;cursor:pointer;
}
a:visited {
color : #533820;text-decoration: none;font-size:8pt;cursor:pointer;
}
a:active {
color : #00716e;text-decoration: none; font-size:8pt;cursor:pointer;
}
a:hover {
color : #533820;
text-decoration: underline;
font-size:8pt;
font-weight:bold;
cursor:pointer;
}

/* end links styles */

/* sidebar styles */

#sidebar a:link, #sidebar a:visited, #sidebar a:active{
color : #003b3b;text-decoration: none; font-weight:normal;font-size:8pt;cursor:pointer;
}
#sidebar sub:link, #sidebar sub:visited, #sidebar sub:active { color: #003b3b !important; font-size: 8pt; font-weight: normal; text-decoration: none; margin-left: 10px; cursor: pointer; }
#sidebar a:hover{
color : #533820;
text-decoration: underline;
font-size:8pt;
font-weight:bold;
cursor:pointer;
}
#sidebar ul {
list-style-type:none;
margin-bottom:10px;
}
#sidebar li {
list-style-type:none;
text-align:left;
}

#sidebar h2 { margin:0 auto; background-image:url('../flowerbridge Folder/images/list.jpg'); background-repeat:no-repeat; background-position:left top; color:#533820; 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:0 auto;
width:100px;
color:#533820;
padding-top:5px;
padding-bottom:7px;
font-size:8pt;
font-weight:bold;
text-align:left;
text-decoration:underline;
}

/* end sidebar styles */

.logoLink{height:80px; width:100%;}
.logoLink a{height:80px; width:100%; display:block;}

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

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

/* End search styles*/

/* pagenav styles */
#sidebar .pagenav .page_item{ width: 175px; margin:0; padding:0; background: url(images/pageBack_hover.gif) repeat-x 0 0;}
#sidebar .pagenav .page_item a{ color:#ffc; width: 173px; height:12px; margin:0; padding: 4px 0 4px 2px; font-size:10px; display:block; background: url(images/pageBack.gif) repeat-x 0 0; }
#sidebar .pagenav .page_item a:hover{ text-decoration:none; font-weight:normal; color:#ffc; background-image:none; }

/* End pagenav styles */

/*Shop link*/

#sidebar .shopLink{ width: 175px; height:59px; background: #95b1a3 url(images/mewGalleryLogo.gif) no-repeat 120px 8px; padding:0; margin:0 0 10px 0; }
#sidebar .shopLink a{ font-size:20px; color:#ffc; width: 155px; border:solid 1px #ffc; display:block; height:40px; background: #295e5b url(images/mewGalleryLogo_hover.gif) no-repeat 120px 7px; padding:19px 0px 5px 20px;}

#sidebar .shopLink a:hover{font-size:20px; color:#ffc; background:none; text-decoration:none; font-weight:normal;}

/*End shop link*/

/* Calendar styles */

#wp-calendar{ border:solid 1px #2a170b; width: 80%; margin: 0 auto 15px; text-align: left; position: relative; left: -20px; }

#wp-calendar th{ color: #2a170b; }

#wp-calendar a:link, #wp-calendar a:visited, #wp-calendar a:active{
	color : #2a170b;
	font-weight:bold;
	cursor:pointer;
	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:pointer;
	display: block;
}
#wp-calendar a:hover, #prev a:hover, #next a:hover{
	color : #2a170b;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
	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(../flowerbridge Folder/images/post.jpg);
background-repeat:no-repeat;
background-position:center top;
text-align:center;
width:425px;
overflow:hidden;
}

.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:0 auto;
padding:8px 0 3px;
width:235px;
color : #533820;
font-size: 9pt; 
font-weight:bold; 
letter-spacing: 0.1em;
text-decoration:underline;
text-align:center;
}
.date{
margin:0 auto;
width:235px;
color : #533820;
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 : #533820;
font-size: 9pt; 
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}

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

.entry, .entrytext { font-size: 8pt; color: #003b3b; text-align:left; margin: 30px 10px 10px; }

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

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

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

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

blockquote{
	margin:10px 20px;
	padding:10px;
	width:420px;
	border:3px double #2a170b;
	background-image: url(../flowerbridge Folder/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:pointer;
}

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

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

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

.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:pointer;
}
.entrytext .postmetadata a:hover{
color : #2a170b;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}

/* 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:pointer;
}

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

	.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:pointer;
}

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

/* End footer styles*/