/*
Theme Name: Sutter


*/


body    { color: #333; 
			font-size: 12px; 
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			
			background-color: #fff; }
		
			
#wrap  { margin:0 auto; 
			width: 950px; 
			background-image: url("/blog/wp-content/themes/sutter/images/background.gif"); background-repeat: repeat-y;}
		
			
a     { text-decoration: none }
a:link   { color: #336294 }

a:visited   { color: #336294 }

a:active  { color: #336294 }

a:hover    { color: #336294; text-decoration: underline }

#footer { font-size: 11px; line-height: 15px; background-color: #fff; width:950px;  text-align:center; clear:both; padding:20px;  border-top: 1px solid #ccc}

.blogtitle {font-family:Georgia; font-size:20px; color: #666666; margin-bottom:30px; line-height: 120%;}
.blogtitlesmall {font-family:Georgia; font-size:15px;}

.archiveentry, .entry {padding-top:20px; font-size:12px; font-color: #333333; line-height: 150%;}

.pageentry {padding-top:0px; font-size:12px; font-color: #333333; line-height: 150%;}

.fine {padding-bottom:20px; padding-top:20px; font-size:11px; color: #666666; line-height: 150%;}

.prenext {font-size:11px; padding-top:20px;}

.search {width:633px; height:55px; background-color: #fff;}
	
/* ################## Left ##################################*/
.left  { float: left; width:190px; background-color: #b2cce5; background-image: url("/blog/wp-content/themes/sutter/images/leftbar_wave.gif"); background-repeat: no-repeat; padding: 50px 10px 10px }
.left h2 { font-size:14px; color: #ffffff; width: 180px; height: 27px; padding-left:10px; padding-top:6px; background-image: url("/blog/wp-content/themes/sutter/images/title_bar_left.gif"); background-repeat: no-repeat; }
.left ul {list-style-type:none; margin:0; padding:0;  font-size:11px;}
.left ul li { list-style-type:none; margin-bottom:20px; padding:0; }
.left ul li ul li { list-style-type:none; background:transparent url(images/arrow.gif) no-repeat 6px 4px; border:0; margin-bottom:6px; padding-left:18px; padding-right:6px;}


/* ################## Right ##################################*/
.right  { float: right; width:220px; padding: 10px 10px 10px; }
.right h2 { font-family:Georgia; font-size:13px; text-transform: uppercase; color: #899907; width: 220px; height: 27px; padding-top:8px; background-image: url("/blog/wp-content/themes/sutter/images/title_bar_right.gif"); background-repeat: no-repeat; }
.right h2 a { color: #899907; }
.right ul {list-style-type:none; margin:0; padding:0; line-height:120%; font-size:11px;}
.right ul li { list-style-type:none; margin-bottom:20px;  padding:0; }
/* .right ul li ul li { list-style-type:none; background:transparent url(images/arrow.gif) no-repeat 6px 4px; border:0; margin-bottom:6px; padding-left:18px; padding-right:6px;}*/
.right IMG { border: 0; }
.right .ngg_sidebar_gallery_widget IMG { border:2px solid #999999; margin-right: 1px; padding: 1px; }

/* ################## socialNetwork ##################################*/

#socialsites {width: 220px;}
#socialsites ul {
  margin:0;
  padding:0;
}

#socialsites li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  white-space:nowrap;
}

#socialsites li a {
  display:block;
  width: 110px;	
  font-size: 10px;		
}

#socialsites li a:hover {
  text-decoration: none;
	color: #899907;	
}

#socialsites img{
 	padding-right:4px; padding-bottom:4px;		
}




/* ################## navigation ##################################*/
#navigation {
  height:38px;
  line-height:38px;
  width: 780px;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
  white-space:nowrap;
  border-color:white;
}

#navigation li a {
  display:block;
  padding:0 12px;
  font-size:12px;
  Color:#ffffff;
  font-weight: bold;
}




* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

* html #navigation form fieldset {margin-top:7px;}
#navigation li.current_page_item,
#navigation li.current_page_item a:link,
#navigation li.current_page_item a:visited,
#navigation li.current_page_item a:hover,
#navigation li.current_page_item a:active,
#navigation a:hover {background-image: url("/blog/wp-content/themes/sutter/images/navebk.gif"); background-repeat: repeat-x; text-decoration: none}



/*.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:130%; font-size:11px; }
.left ul li,.right ul li { list-style-type:none; margin-bottom:50px; padding:0; }
.left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.left ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/arrow.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.left ul li ul li :hover { border-bottom:#ccc 1px solid;}
.right h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px; padding:3px 0; }
.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.right ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
.right ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/arrow.gif) no-repeat 0 4px; border:0; margin:0; padding:0 0 2px 14px; }
.right ul li ul li :hover { border-bottom:#ccc 1px solid;}*/





/* ################## middle ##################################*/
.middle   { overflow:hidden; padding: 25px; width: 450px}
.middle h2, .supertitle {color:#666666; font-family:Georgia; font-size:19px; font-weight: bold; border-bottom:solid 1px #5982AE; padding-bottom:1px; margin-bottom:30px; }
.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }
.middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 7px 3px 0; padding:3px 0; } 
.middle2 :hover,.middle3 :hover { background:#fafafa; }


/* ################## comments ##################################*/
.commentsection {background-color: #E7E7E7;}
.comments h3 {font-size:14px; border-bottom:dotted 1px #ccc; padding:5px; }
.boxComment      { color: #333; font-size: 11px; line-height: 150%; background-color: #fff; padding-left:10px; padding-right:10px;}
.boxCommentNameDate       { color: #666666; font-size: 10px; font-weight: bold; padding-top:4px; padding-bottom:20px; margin-left: 20px }


/*.ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:3px; } 
ol.commentlist { margin:0 0 1px; padding:0; }
ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }
ol.commentlist li.commenthead { list-style:none; margin:0; } 
ol.commentlist li.commenthead h2 { margin:0; }
.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#F7F7F7; padding:3px; }
.ucomment img,.addthis img { border:0; }*/

/* ################## Share This##########################*/

.sharethis   { margin-bottom: 50px; padding-top: 4px; padding-bottom: 4px; border-top: 1px dotted #999; border-bottom: 1px dotted #999 }
.sharewidget  {width: 90px; font-weight: bold; }
.sharewidget  a {color: #B57A42; }
.tag { padding-left: 10px; border-left: 1px dotted #999; font-size:11px}
.tag a{color: #336294;}
.sharethis2   { font-weight: bold; font-size: 14px; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; border-top: 1px dotted #DEDADA; border-bottom: 1px dotted #dddddd }


.alignright { float:right; } 
.alignleft { float:left; } 


/*################ ARCHIVE ######################*/

.archivesmall {color:#666; font-size:11px; line-height: 130%; }
.archiveentry {padding-top:20px; padding-bottom:20px; font-size:12px; font-color: #333333; line-height: 150%; border-bottom: 1px dotted #DEDADA;}


/*
#header { height:56px; width:301px; position:relative; color:#000; margin-bottom:3px; float:left; padding:0; }
#header h1 { text-indent:-10000px; margin:0; padding:0; }
#header h1 a { display:block; background:url(images/logo.gif) no-repeat left top; height:56px; }
#search { margin-top:30px; float:right; padding:0; }
input#searchsubmit { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }

.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:10px; }
.ads img { border:0; text-align:center; }
img.wp-smiley { border:0; padding:0; }

div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }
div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }
input#submit { background:#fc6; border:2px solid #f93; color:#fff; font-size:13px; }
span {}
.addthis { float:right; clear:both; }
div.hr hr,div.br br { display:none; }
*/


/* POST */
		/* POST HEADER*/
.postheader {

}

.postdate {
padding-bottom: 10px;
background: transparent url(/blog/wp-content/themes/sutter/images/img_16.jpg) left top no-repeat;
height: 37px;
width: 39px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #B4936A;
float: left;
margin-right: 4px;
}
.postday {
padding-top: 3px;
width: 29px;
text-align: center;
}
.postmonth {
padding-top: 4px;
width: 29px;
text-align: center;
}


.posttitle, .posttitle a{
width: 390px;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
font-variant: normal;
}

.postmeta {
width: 400px;
display: block;
float: left;
margin-bottom:10px
}


.postcategory{
height: 26px;
float: left;
padding-top: 4px;
padding-left: 20px;
margin-right: 20px;
background: transparent url(/blog/wp-content/themes/sutter/images/icon_cate.gif) left center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #979795;
font-size: 10px;
}

.postauthor {
height: 26px;
padding-left: 20px;
background: transparent url(/blog/wp-content/themes/sutter/images/icon_auth.gif) left center no-repeat;
padding-top: 4px;
margin-right: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #B57A42;
float: left;
}

.postcomment {
height: 26px;
float: left;
padding-top: 4px;
padding-left: 20px;
background: transparent url(/blog/wp-content/themes/sutter/images/icon_feedback.gif) left center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #979795;
font-size: 10px;
}

.postmeta a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #B57A42;
}
.postmeta a:hover{
text-decoration: underline;
}