/* 
--- Reset ---------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
--- links ----------------------------------*/

a:link,
a:visited,
a:active {
  color:#1765cc;
	text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/* 
--- main ---------------------------------- */

html {
  font-size:62.5%;
}


body {
  background:url(images/backer.png) repeat 0 0;
	text-align:center;
	font:10px/160% Georgia, "Times New Roman", Times, serif;
	color:#666;
}

#container {
  width: 912px;
	padding:0 25px;
  margin:34px auto;	
	text-align:left;
	background:#fff;
	position:relative;
}

#header {
  height:55px;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #acacac;
	margin-bottom:25px;
}

h1#logo {
  position:absolute;
	left:5px;	top:-34px;
	background:url(images/logo.jpg) no-repeat 0 0;
}

  h1#logo a {
		display:block;
	  width:222px;
	  height:111px;
		text-indent:-9999px;
	}

ul#nav {
  position:absolute;
	top:-20px;
	right:10px;
}

  #nav li {
		float:left;
		margin-right:4px;
	}
	
	  #nav li a {
		  display:block;
			padding:3px 8px;
		  background:#333;
			color:#bbb;
			font:11px Arial, Helvetica, sans-serif;
			text-decoration:none;
		}
		
		#nav li a:hover {
			color:#d0e4ff;
		}
		
		#nav li.active a {
		  display:block;
			background:#fff;
			color:#333;
			font-weight:bold;
		}

#content {
  background:#fff;
	width:100%;
	overflow:hidden;
	
}

#sec {
  width:294px;
	float:left;
}
		
dl.sidenav {
	margin:0 0 20px 0;
	padding-bottom:15px;
	border-top:10px solid #1765cc;
	border-bottom:3px solid #1765cc;
	font-size:12px;
	background:#feffe7 url(images/navbg.jpg) repeat-x 0 0;
}

  .sidenav dt {
	  color:#666;
		text-transform:uppercase;
		font-weight:bold;
		padding:15px 0 7px 5px;
		border-bottom:1px solid #c1c388;
	}
	
	  .sidenav dt a {
		  color:#809929;
		}
		
	.sidenav dd {
	  padding:3px 5px 3px 15px;
		background:transparent url(images/navbullet.png) no-repeat 4px 6px;
		border-bottom:1px solid #e4e5c9;
	}
	
	  .sidenav dd.sideactive {
		  background:#1765cc;
		}
		
		.sidenav dd.sideactive a {
			color:#fff;
		}
		
		.sidenav dd dl dd {
		  padding-left:15px;
			background:transparent url(images/subnavbullet.png) no-repeat 4px 8px;
			border:none;
			font-size:11px;
		}
		
		.sidenav dd dl dd.sidesubactive {
			background:#c9df8d url(images/subnavactive.png) no-repeat 98% 50%;
		}
		
		.sidenav dd dl dd.sidesubactive a {
			color:#333;
		}
		
#search{
		margin:15px 0;
	  padding:18px 15px 12px 15px;
	  height: 33px;
    background:#1765cc url(images/searchbg.jpg) repeat-x 0 0;
  }
    #search legend{
      display:none;
    }
    #search label{
      position:absolute; top:-9999px;
    }
    #search input{
      background:#ffffeb;
			padding:3px;
      width:178px;
      height:20px;
      font-size:140%;
      line-height:20px;
      color:#555;
      float:left;
			border:none;
    }
		
    #search input:focus{
      background: #fff;
    }
    #search button {
      background:#809929;
			font: bold 11px Georgia, "Times New Roman", Times, serif;
      float:right;
			width:73px;
      height:26px;
      line-height:26px;
			color:#fff;
      border:1px solid #a9c34c;
      cursor:pointer;
    }
		
		#search button:hover {
      background:#333;
    }


#tagcloud {}

  #tagcloud h3 {
		color:#ccc;
		font-weight:normal;
		font-size:10px;
		padding:0 0 7px 5px;
		border-bottom:1px solid #c1c388;
		margin-bottom: 15px;
	}
	
	#tagcloud h4 {
	  font:11px Arial, Helvetica, sans-serif;
		margin-bottom:5px;
		padding-bottom:7px;
		border-bottom:1px solid #ccc;
	}
	
	#tagcloud p {
	}
	
	
	
#prim {
  width:603px;
  float:right;
}

#featured {
  width:100%;
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:12px;
	margin-bottom:10px;
}

  #prim h1 {
    font-size:30px;
	  letter-spacing:-.04em;
	  margin: 5px 0 15px;
		font-weight:normal;
  }
    
		h1 span {
	    color:#809929;
	  }
		
	#featured img {
	  float:left;
		border:1px solid #1765cc;
		margin-top:3px;
	}
	
	#featured .description {
	  float:right;
		width:294px;
	}
	
	p {
	  font-size:12px;
		line-height:1.55em;
		padding:0 0 3px 0;
		margin:6px 0;
	}
	
	  p.tags {
		  font-size:11px;
			padding:3px 0;
		}
		
		p.tags a {
		  font-size:14px;
			color:#809929;
		}
		
		p.more {
		  border-top:1px solid #e5e5e5;
			font-size:16px;
			padding:5px 0 0 0;
			margin-top:5px;
			display:block;
			text-align:right;
			letter-spacing:-.035em;
		}
  
	#prim ul {
	  font-size:12px;
	}
	  
		#prim ul li {
		  padding:3px 0 3px 20px;
			background:url(images/navbullet.png) no-repeat 5px 6px;
		}
	
	#prim ol {
	  font-size:12px;
		list-style-type:decimal;
		margin-left:25px;
	}
	
	  #prim ol li { 
		  padding:3px 0;
			border-bottom:1px solid #eee;
	  }
	
	#totd {
	  position:absolute;
		right:20px;	top:10px;
	  background:url(images/totd.jpg) no-repeat 0 0;
		display:block;
		width:100px;
		height:98px;
		text-indent:-9999px;
	}


	
.subsection1 {
  width:294px;
	float:left;
}	

.subsection2 {
  width:294px;
	float:right;
}



.subsection1 h2,
.subsection2 h2 {
		font-size:14px;
		font-weight:bold;
	  letter-spacing:-.02em;
	  margin: 0 0 5px 0;
  }
    
		h2 span {
	    color:#809929;
			font-size:12px;
			font-weight:normal;
	  }
		
.subsection1 h3,
.subsection2 h3,
#sec h3 {
    font-size:20px;
		color:#809929;
	  letter-spacing:-.025em;
	  padding:15px 0 10px;
		border-bottom:1px solid #e5e5e5;
  }		
	
	.subsection1 #flickr img,
	#sec #flickr img,
	.entry #flickr img{
	  float:right;
		border:none;
	}	
		
	.subsection1 img,
	.subsection2 img {
	  float:left;
		border:1px solid #1765cc;
		margin:5px 8px 0 0;
	}
	
	
	
	.subsection1 p,
	.subsection2 p {
	  font-size:11px;
		line-height:1.5em;
		padding:0 0 3px 0;
	}
	
	  .subsection1 p.tags,
		.subsection2 p.tags {
		  font-size:11px;
			padding:3px 0;
		}
		
		.subsection1 p.tags a,
		.subsection2 p.tags a {
		  font-size:12px;
			color:#809929;
		}
		
		.subsection1 p.more,
		.subsection2 p.more {
		  border-top:1px solid #e5e5e5;
			border-bottom:1px solid #1765cc;
			font-size:14px;
			padding:3px 0;
			margin-top:5px;
			display:block;
			text-align:right;
			letter-spacing:-.035em;
		}
  
	#prim .subsection2 li {
	  font-size:12px;
		padding:6px 0 6px 15px;
		background:transparent url(images/starbullet.png) no-repeat 0 50%;
		border-bottom:1px solid #e5e5e5;
	}


.subsection1 {
  position:relative;
}


ul.triplist {
  border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
}
  
	ul.triplist li {
	  display:block;
		float:left;
		padding:3px 15px 0;
		margin:5px 0;
		border-right:1px solid #ccc;
		font:11px tahoma, Arial, Helvetica, sans-serif;
	}
  
	ul.triplist li.triplistactive a {
	  font-weight:bold;
	  color:#333;
	}

.trip {
  padding:15px;
  border:1px solid #e5e5e5;
  margin-bottom:15px;
  background:#fafafa;
  overflow:hidden;
}

  .trip img {
    float:left;
    margin-right: 10px;
  } 
  
  .trip .description {
    width:420px;
    float:right;
  } 

  .trip h2 {
    font-size:16px;
    margin-bottom:3px;
  }
  
  .trip h2 a {
    color:#809929;
  }

.flickrLogo {
  position:absolute;
	right:0;
	top:10px;
	height:15px;
}	

  .flickrLogo img {
	  border:none;
	}
		
#prim .subsection1 .flickrList {
  overflow:hidden;
  width:100%;
  list-style:none;
	margin:14px 0 0 0; padding:0;
}
  #prim .subsection1 .flickrList li {
    float:left;
    width:32.5%; height:87px;
    margin:0 0 10px 0; padding:0;
    position:relative;
		background:none;
  }
    #prim .subsection1 .flickrList img {
      display:block;
			margin:0;
    }     
			
			#prim .subsection1 .flickrList a:link,
      #prim .subsection1 .flickrList a:visited,
      #prim .subsection1 .flickrList a:focus,
      #prim .subsection1 .flickrList a:hover,
      #prim .subsection1 .flickrList a:active {
        border:1px solid #f4f4f4;
        display:block;
        width:75px; height:75px;
        margin:-43px 0 0 -43px; padding:3px 5px 5px 3px;
        background:#f4f4f4;
        position:absolute; top:50%; left:50%;
      }
      #prim .subsection1 .flickrList a:hover {
        border-color:#999;
      }	
			
#sec .flickrList,
.entry .flickrList {
  overflow:hidden;
  width:100%;
  list-style:none;
	margin-top:14px;
}
  #sec .flickrList li,
	.entry .flickrList li {
    float:left;
    width:33%; height:86px;
    margin:0 0 10px 0; padding:0;
    position:relative;
    overflow:hidden;
  }
    #sec .flickrList img,
		.entry .flickrList img {
      display:block;
    }
      #sec .flickrList a:link,
      #sec .flickrList a:visited,
      #sec .flickrList a:focus,
      #sec .flickrList a:hover,
      #sec .flickrList a:active,
			.entry .flickrList a:link,
      .entry .flickrList a:visited,
      .entry .flickrList a:focus,
      .entry .flickrList a:hover,
      .entry .flickrList a:active {
        border:1px solid #f4f4f4;
        display:block;
        width:75px; height:75px;
        margin:-42px -42px 0 0; padding:4px;
        background:#f4f4f4;
        position:absolute; top:50%; right:50%;
      }
      #sec .flickrList a:hover,
			.entry .flickrList a:hover {
        border-color:#999;
      }	

.entry a img {
  border:5px solid #f4f4f4;
}


#footer {
  border-top:1px solid #e5e5e5;
	background:#fff url(images/greecefoot.png) no-repeat 0 20px;
	height:120px;
	padding:20px 0 10px 0;
	margin-top:10px;
	position:relative;
}

  #footer p.about {
	  width:480px;
		margin-left:120px;
		color:#aaa;
		font:11px/180% Arial, Helvetica, sans-serif;
	}
	
	#footer .phones {
	  background:#fff url(images/phones.png) no-repeat 0 0;
		position:absolute;
		top:20px;
		right:10px;
		display:block;
		width:285px;
		height:110px;
	}
	
/* -- comment form
---------------------------------------- */

#commentform {
  background:#f1f1f1;
	border:1px solid #ddd;
	padding:10px 15px 15px;
}

  #commentform label {
	  font: 11px Arial, Helvetica, sans-serif;
		display:block;
		margin-top:5px;
	}
	
	#commentform input {
	  height:20px;
    padding:5px 0pt 0pt 4px;
    width:280px;
		border:1px solid #ccc;
	}
	
	  #commentform input:focus {
		  border-color:#1765cc;
		}
		
		#commentform input#submit {
	    color:#fff;
			background:#1765cc;
			height:30px; width:130px;
      padding:3px;     
		  border:1px solid #ccc;
			cursor:pointer;
	  }
		
		#commentform input#submit:hover {
			background:#3280e8;
	  } 
				
	#commentform textarea {
	  width:100%;
		border:1px solid #ccc;
	}
	
	  #commentform textarea:focus {
		  border-color:#1765cc;
		}

h3#comments {
  font:12px Arial, Helvetica, sans-serif;
	color:#809929;
	display:block;
	border-top:1px solid #bbb;
	border-bottom:1px solid #ddd;
	margin-top:20px;
	padding: 7px 0 7px 20px;
	background:url(images/comments_cloud.png) no-repeat 0 9px;
}

h3#respond {
  font-size: 16px;
	letter-spacing:-0.025em;
	display:block;
	color:#333;
	padding:6px 15px;
	background:#c9df8d;
}

.commentlist {
  padding:5px 0 20px 0;
}
		
.commentlist li {
  border-bottom:1px solid #ddd;
	padding:8px 0;
	font-size:11px;
}

  .commentlist li cite {
	  font-size:12px;
		color:#222;
	}
	
	.commentlist li small a {
	  color:#aaa;
		font-size:10px;
	}	
	
	
center {
  font-size:11px;
}

blockquote {
  padding:12px 20px;
	background:#e8ebdc;
	font:12px/160% Arial, Helvetica, sans-serif;
	margin:12px 0;
}

#prim ol.commentlist {
  list-style-type:none;
	margin-left:0;
}		

  #prim ol.commentlist li {
	  padding:8px 0;
	}
	
h1, h2, h3 {
  font-weight:normal;
}

i {
  font-style:italic;
}

code {
  font:12px/160% "Courier New", Courier, monospace;
}