/* stylesheet.css */

/* stylesheet for 2014 Turkey travel journal */

/* Body text and page background light gray */
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#000;
 background-color: #fff;
 margin: 0px;
 padding: 0px;
 }

/* Add some margin space to main content, 1 column layout */
#main{
     padding-left: 10px;
     padding-right: 10px;
     width: 95%;
     margin-left: 10px;
}


/* Page header style 2012 */
#header {
     height: 120px;
     clear: both;
     width: 100%;
     background-color: #0095b1; 
     border-bottom: thin solid #d0232a; 
     padding-left: 10px;
     padding-right: 10px;
     text-align:center;
     padding-top: 5px;
}

/* Page footer style 2012 */ 
#footer { 
height: 80px; 
width: 100%; 
background-color: #0095b1; 
border-top: thin solid #d0232a; 
padding-left: 10px;
}

/* Links */

a:link {color:#0095b1;
text-decoration: none;}
a:visited {color:#d0232a;
text-decoration: none;}
a:focus {color:#00a552;
text-decoration: none;}
a:hover {color:#00a552;
text-decoration: none;}
a:active {color:#00a552;
text-decoration: none;}

/* Style for main content column, 2 column layout */
#main2{
       /* margin-left must equal */
       /* total width of left sidebar */
       margin-left: 25em;
       margin-right: 5em;
       margin-top: 1em;
}

/* Style for sidebar column */
#sidebar{
           float: left;
           display: inline;
           padding: 0;
           margin-left: 1.5em;
           margin-right: 0.5em;
           margin-top: 1.5em;
           width:23em;
            /* Total width is 25em */
}


/* Level 1 headings */
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align:center; 
 color: #0095b1;
}

/* Level 2 headings */
h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 color: #00a552;
 font-weight: normal;
}

/* Level 3 headings */
h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 color: #d0232a;
 text-decoration: none;
 border-bottom: 1px dotted #00a552;
}

/* Level 4 headings */
h4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 color: #00a552;
}


/* Paragraph style  */
p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
}

/* Paragraph style italic */
p.it {
 font-style:italic;
}

/* Paragraph style bold */
p.b {
 font-weight:bold;
}

/* Paragraphs styled as caption or footnote */
p.caption {
 font-style:italic;
 color: #000;
 font-size:70%;
 margin-left:10px;
 margin-right:100px;
}

p.caphead {
 font-style:italic;
 font-weight:bold;
 color: #000;
 font-size:80%;
 margin-left:10px;
 margin-right:100px;
}

p.contactlist {
 color: #000;
 font-size:70%;
 margin-left:10px;
 margin-right:100px;
}

p.fn {
 font-style:italic;
 color: #fff;
 font-size:70%;
 margin-left:100px;
 margin-right:100px;
}

p.block {
 margin-left:2em;
 margin-right:2em;
}

li.blue {
 color: #1e2c5b;
}

/* Unordered list */
ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

/* Drop cap */
span.first
{
 float: left;
 font-size: 300%; 
 line-height: 0.8em; 
 margin-right: 0.0em; 
 padding-bottom: 0.05em; 
}

/* Generic image border */
img{
   border-style: solid;
   border-width: 1px;
   border-color: #d0232a;
   }

/* Generic image no border */
img.noborder{
   border-style: none;
   }   
   
/* Generic image no border, left align */
img.noborderleft{
   border-style: none;
   float: left;
   margin-top: 10px;
   }  
   
   
/* Header image */
img.headeralt{
   float: right;
   margin-right: 250px;
   }
   
/* Header image */
img.header{
   text-align: center;
   }   
   

/* Float image to left of paragraph */
img.floatLeft{
   float: left;
   margin-right: 1em;
   margin-top: 5px;
   border-style: solid;
   border-width: 1px;
   border-color: #d0232a;
}

/* Float image to right of paragraph */ 
img.floatRight{ 
float: right; 
margin-left: 6px;
   margin-top: 5px;
   border-style: solid;
   border-width: 1px;
   border-color: #d0232a;
}

/* Center image between margins */ 
div.center{ 
width: 100%; 
text-align: center;
margin: auto;
}

/* Align image and text */
.textbottom {vertical-align:text-bottom;} 
.textmiddle {vertical-align:middle; margin-right:10px} 
.texttop {vertical-align:top;}

.photos {vertical-align: top;
   border-style: solid;
   border-width: 1px;
   border-color: #d0232a;
   margin: 2px;
}

td.photo{
vertical-align: top;
margin: 2px;
}

object{
	background: #d0232a;
	}

/* =Dynamic Drive Code
----------------------------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height: 100px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #d0232a;
margin: 0 10px 10px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #d0232a;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #7aa61c;
padding: 5px;
left: 200px;
border: 1px solid #d0232a;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 10px;
left: -400px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* Style for map popup on links page */ 

.mappopup img{
border: 1px solid #f26671;
margin: 0 10px 10px 0;
}

.mappopup:hover{
background-color: transparent;
}

.mappopup:hover img{
border: 1px solid #f26671;
}
.mappopup span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0095b1;
padding: 5px;
left: 100px;
visibility: hidden;
color: black;
text-decoration: none;
}

.mappopup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.mappopup:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 200px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



/* Style for centered table */
table.center{
   text-align: center;
   border-collapse: collapse;
   margin: auto;
}

/* Style for tables of thumbnail images */
table.thumbs{
   text-align: center;
   border-collapse: collapse;
   margin: auto;
}

/* Style for table cells that contain thumbnails */ 
td.thumbs{ 
border: solid 5px #453779; padding: 10px;
}

/* Style for thumbnail images */ 
img.thumbs{ 
width:100px; 
}