/* Mink Machine - main styles
   by Reine Larsson
   Last updated: July, 2007
*/

/* ------------------ Standard elements ------------------ */

html { 
    min-width: 790px;
}

body, html { 
	background: #555 url(../gfx/mm_backgr_wrapper3.jpg) repeat-x;
}

body {
    margin: 0;
    padding: 0;
    border: 0;  
    color: #394955; 
    font: 13px Verdana, Tahoma, Arial, sans-serif;
}   
    
h1 {
    font-size: 1.95em;
	font-weight: bold;
}

h2 {
    font-size: 1.65em;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
    margin: 0px 0 10px 0;
    color: #947657;
}
    
p {
    margin: 0 0 1em 0;
}

img {
    border: 0;
    display: block;
}

ul {
    list-style: square;
}  

em {
    font-style: italic;
}
    
strong {
    font-weight: bold;
}
    
table {
    border: 0;
}
    
td {
    vertical-align: top;
}


/* ------------------ Links ------------------ */
    
a:link {
    color: #5E231E;
    text-decoration: none;
    background: transparent;
    border-bottom: 1px solid #BBACA6;
}

a:visited {
    color: #5E231E;
    text-decoration: none;
    background: transparent; 
    border-bottom: 1px solid #BBACA6;
}

a:hover {
    color: #C39B44;
    text-decoration: none;
    border-bottom: 1px solid #BBACA6;
}

a:active {
    color: #5E231E;
    text-decoration: none;
    background: transparent;  
    border-bottom: 1px solid #BBACA6;
}

a.imglink:link, a.imglink:visited {
    border: 0;    
}

/* ------------------ Additional classes ------------------ */

.cf:after {display:block;clear:both;height:0;visibility:hidden;content:".";}
.cf {display:inline-block;}
* html .cf {height:1px;}
.cf {display:block;}

div.code {
    font-family: "Courier New",Tahoma;
    font-size: 0.9em;
    white-space: pre;
    text-align: left;
    padding: 8px;
    margin: 4px;
    color: #000000; 
    border: #ccc 1px solid;
	background-color: #f0f0e8;
}

ul.nobullet {
    list-style: none;
}  

.shadebox { 
	background: #fff url(../gfx/mm_backgr_comhdr3.gif) repeat-x 0 0; 
	border: 1px solid #1d1d0e; 
	padding: 4px; 
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

table.tablelist {
    border: 1px solid #555;
    border-collapse:collapse;
    border-spacing:0;
    border-width:1px 0 0 1px;
    margin: 1em 0;
}

.tablelist td, th {
    border: 1px solid #555;
    border-width: 0 1px 1px 0;
    padding: 2px 6px;
}

.tablelist th {
    background: #dac59e;
}
    
img.photo {
    border: 10px solid #000; 
}

img.thumb {
    display: inline;
    border: 0;
}

div.book {
	height: 120px;
}
div.cdthumbs {
	margin-bottom: 10px;
}
div.cdthumbs img {
    display: inline;
    border: 1px solid #ccc;
	padding: 5px;
}
div.cdthumbs a {
    border: 0;
}
a.noline {
	border: 0;
}

.photocatheader {
    margin-left: 20px;
}

.photocat {        
    list-style: none;                              
    margin-left: 40px;
    padding: 0px;    
    vertical-align: top;
}

.photocat img {
    display: inline;
}

.photocat a {
    vertical-align: top;
    margin-left: 10px;
}

.photocat li {
    margin-bottom: 5px;
}

.photocatblog {        
    list-style: none;                              
    margin-left: 0px;
    padding: 0px;    
    vertical-align: top;
}

.photocatblog img {
    display: inline;
}

.photocatblog a {
    vertical-align: top;
	margin-top: 10px;
    margin-left: 10px;	
}

.photocatblog li {
    margin-bottom: 5px;
}

ul#guestbook {
    list-style: none;
    padding: 0; 
    margin-left: 0;
}

p.stafettnext {                                  
    padding-left: 300px;  
}

ul.projects li {
	margin-bottom: 20px;
}

p.pullquote {
	color: #999;
	float: right;
    font-style: italic;
    margin-left: 20px;
	width: 160px;
	font-size: 1.2em;
	text-align: left;
}

.twocolumn {
	margin: 0 0 20px 0;
}

.twocolumn li {
	float: left;
	width: 48%;
	padding: 0;
}        

.twocolumn:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/* ------------------ Sections ------------------ */

div#wrapper {
    background: #fff url(../gfx/mm_backgr.png) repeat-y;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

div#header {
	height: 72px;
	background: #000;
}

div#logo {
	float: left;	
}

div#logo h1 {
	display:inline;
}

div#skipnav {
	position:absolute;
	top:0;
	left:-9999px;
	z-index:100;
}

#nav {
	float: right;
	margin: 0;
	padding: 0;
}

#nav ul {
	margin-top: 44px;
	list-style: none;
}

#nav li {
	float: left;
	font-size: 0.9em;
	margin-left: 5px;
	margin-right: 5px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

#nav li a {
	float: left;
	padding: 6px 6px;
	color: #eee;
	text-decoration: none;
	border-bottom: 0;
}

#nav li a:hover {
	color: #fff;
	background: #555;
}

#photonav {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #444;
	margin-bottom: 20px;
}

#photonav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#photonav li {
	float: left;
	font-size: 0.9em;
	margin-left: 5px;
	margin-right: 5px;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

#photonav li a {
	float: left;
	padding: 6px 6px;
	color: #000;
	text-decoration: none;
	border-bottom: 0;
}

#photonav li a:hover, #photonav li.sel {
	color: #000;
	background: #ccc;
}

div#content {
    float: left;
    width: 540px;
    padding: 0;
    margin: 0;
    padding: 15px 30px;
    margin-top: 0px;
    margin-bottom: 40px;
	margin-left: 10px;
    min-height: 550px;
}

#content h2 {
    margin-top: 20px;
}

#content dd, #content dt {
    margin-left: 0;
    padding: 0px;
    line-height: 16px;
}   
    
#content dt {
    margin-top: 0px;   
}
 
#content img.leftsmall {    
    float: left;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #ccc;
}

#content img.rightsmall {   
    float: right;
    margin-left: 10px;
    margin-bottom: 8px;
    margin-top: .5em;
    padding: 5px;
    border: 1px solid #ccc;
}

#content div.rightsmall {   
    float: right;
    margin-left: 10px;
    margin-bottom: 8px;
    padding: 5px;
    font-size: 0.8em;
}

#content div.right {   
    float: right;
    margin-left: 10px;
    margin-bottom: 8px;
    padding: 5px;
}

.caption, .caption em, .caption img  {
	display:block;
}

.caption em {
	font-style:italic;
	font-size: 0.8em;
	max-width: 410px;
	margin-bottom: 8px;
}
	
img.imageblog {
    border: 1px solid #ccc;
    margin-right: 10px;
    display: inline;
    padding: 5px;
}
    
div#sidebar {
    margin: 20px 0 50px 670px;
    padding-left: 1px;
    width: 276px; /* width for correct browsers */
}

body #sidebar h3, body #content-secondary h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 1.5em;
    background: transparent;
    margin-top: 25px;
	color: #420;
}
       
#sidebar p, #sidebar h3,  #sidebar ul {
    margin-left: 0;
    padding: 2px 15px;
    line-height: 16px;
    margin-bottom: 2px;
}   

#sidebar img.rightsmall {    
    float: right;
    margin-right: 10px;
    margin-bottom: 8px;
    margin-top: .5em;
    padding: 5px;
    border: 1px solid #ccc;
}

.feedlink {
    padding: 0;
}

.feedlink li {
    list-style: none;
    background: url(../gfx/feed.gif) no-repeat 0 50%;
    padding: 0 0 0 20px;
}

#searchGoogle {
    padding-top: 20px;
    padding-left: 15px;
}

div#footer {
    clear: both;
    border: 0;
    background: #333;
    color: #fff;
    width: 960px;
    padding: 5px 0;
    margin: 0;
}

div#footer p {
    background: transparent center left no-repeat;  
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 0 40px;
}

div#footer a {
    background: transparent;
    color: #fff;
}

#content-secondary {
    clear: both;
    border: 0;
    background: #B5B499;
	padding: 0 0 10px 40px;
}

#content-secondary p {
    background: transparent center left no-repeat;  
    font-size: 11px;
    line-height: 18px;
    margin: 0;
}

#content-popularweb {
	float: left;
	width: 32%;
}

#content-populartravel {
	float: left;
	width: 32%;
}
#content-popularcomments {
	float: right;
	width: 32%;
}

.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:".";
}

.clearfix {
	display:inline-block;
}

.clearfix {
	display:block;
}

.block {
	clear: both;
}

/* ------------------ Blog related ------------------ */

div.entry h2 {
	margin: 20px 0 4px 0;
	padding: 0;
}

div.entry h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
    font-size: 1.1em;	
	/* border: 0; */
	color: #420;
}

div.entry h2 a:hover {
	border-bottom: 1px solid #BBACA6;
}

span.entrydatevisual {
	color: #777;
    font-size: 0.8em;
}

span.entrydateformat {
    line-height: 1;
    display: block;
    background: url(../gfx/entrydate2.gif) no-repeat top left;
    padding: 0 10px 15px 15px;
}

div.entry p.entryfooter {
	color: #777;
    font-size: 0.8em;
    margin-bottom: 25px;
}

div.entry dt {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
    font-size: 1.7em;
    margin-bottom: 10px;
    /* color: #947657; */
}
div.entry dt a {
    color: #420;
    border: 0;
}

div.entry dd {
	font-size: 1.0em;
	font-family: Verdana, Helvetica, Sans-serif;
}

dd.entryfooter {
    color: #777;
    font-size: 0.8em;
    margin-bottom: 25px;
}

dd.entryfooterfull {
    color: #777;
    border-bottom: 1px dotted #bbb;
    font-size: 0.8em;
    padding-bottom: 20px;
}

ul.entrylinks {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
}

ul.entrylinks li {
	background: url(../gfx/entrydate2.gif) no-repeat 0 4px;
	padding-left: 20px;
}

ul.entrylinks li span{
	margin-left: 6px;
}

ul.footerlinks {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
}

ul.footerlinks li {
	background: no-repeat 0 4px;
	padding-left: 0px;
}

div.featuredsites {
	margin: 0;
	padding: 5px 15px;
}

div.featuredsites  a {
	border: 0;
}

#newsarchive dt {
    text-transform: uppercase;
    background: transparent;
    margin-top: 25px;
    border-top: 1px solid black;
    border-bottom: 1px solid black; 
    /* background: #f9dfb4; */
    background: #dac59e;
}
    
#newsarchive dd, #newsarchive dt {
    margin-left: 0;
    padding: 2px 5px;
    line-height: 16px;
    margin-bottom: 2px;
}
 
#comments {
    font-size: 90%;   
}

#comments h3 {
	margin-top: 10px; 
}

.comment {
    margin-top: 0;
	margin-left: 0px;
    color: #666;
}
    
div.comment div.author {
    color: #333;
    padding: 1px 20px;
    margin-left: 50px;
	font-weight: bold;
    background: #fff url(../gfx/mm_backgr_comhdr1.png) repeat-x;
} 

div.comment div.commentbody {
	color: #666;
	margin-top: 4px;
    margin-left: 50px;
    padding: 5px 20px;
}   
div.comment div.reine {
    border-top: 1px solid #bbb;
    background: #fff url(../gfx/mm_backgr_comhdr2.png) repeat-x;
}

div.comment div.avatar img {
	float: left;	
}

div.comment span.commentdate {
	float: right;
	padding-right: 4px;

}

#commentpost {
    /* border: solid 1px #bbb; */
    background: #F5F5F5 url(../gfx/mm_backgr_comment.png) repeat-x;
    padding: 5px 20px;
}

#socialbookmarks {
	border-top: 1px dotted #bbb;
    margin: 20px 0;
	padding: 5px 15px 22px 0px;
	color: #777;
    font-size: 0.8em;
}

#socialbookmarks li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

#socialbookmarks li.delicious {
    background: url(../gfx/del-icio-us.gif) no-repeat 0 50%;
    padding: 0 0 0 20px;
}

#socialbookmarks li.digg {
    background: url(../gfx/digg2.gif) no-repeat 0 50%;
    padding: 0 0 0 20px;
}

.map-transsib, .map-iran {
	width:540px;
	height:300px;
}

.map-world {
	width:540px;
	height:340px;
}

.map-caption img {
	display: inline;
	margin:0;
	padding-bottom: 2px;
	vertical-align:text-bottom;
}
	
.map-caption span {
	margin:0;
	padding-right: 20px;
}


/* ------------------------------------ */