/*
Theme Name: FreHanFoto_slim
Theme URI: http://wordpress.org/
Description: FreHanFoto
Version: 1.0
Author: Fredrik Hansson	
Author URI: http://binarybonsai.com/
Tags: private
*/

/* ----------------------------------
	GENERAL TAGS (like body and a)
*/
*               {   margin:0; padding:0; }

body            {   font-family:  "Times New Roman";
                    font-size:14px; /*62.5%;*/
                    background-color:rgb(250,245,230);
                }

a               {   color:rgb(150,150,150); text-decoration:none;   }
a:visited       {   color:rgb(150,150,150);}
a:hover         {   color:rgb(90, 40,40);}

img             {   border:0;}

h1              {   font-size:1.8em;}
h2              {   font-size:1.3em;}
h3              {   font-size:1.1em;}
p               {   font-size:1.0em;}
small           {   font-size:0.8em;}
    
.alignCenter    {   text-align:center;}
.alignLeft      {   text-align:left; }
.alignR ight     {   text-align:right; }

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


/* -------------------------------
  BROWSER QUIRKS
*/

.pngfix  { }

/* -------------------------------
	MAIN SITE
*/
#sitewrapper	{ 	width:900px;
                    /*height:550px;*/
                    padding-top:40px;
                    /*margin-bottom:auto;*/
                    margin-left:auto; margin-right:auto; }

#header         {	width:100%;
                    height:30px;
                    color:rgb(10,10,10); 
                    border-bottom:dotted 1px rgb(90,90,90);
                    margin:0; padding:0;
                }

#content        { 	width:840px; height:540px;
                    position:relative;margin-left:30px; 
/*                    border-left:1px dotted rgb(90,90,90);
                    border-right: 1px dotted rgb(90,90,90);
*/                    overflow:auto;
                    /*border:1px solid rgb(0,0,255);*/
                }

#footer         {   height:40px;  width:900px;
                    border-top:dotted 1px rgb(90,90,90);
                }

/* ----------------------------------
    PAGES
*/
#pageHeader     {
                    float:left;
                    width:290px;
                    /*border:1px solid rgb(0,0,255);*/
                }   
#pageHeader img {
                    width:200px;
                    height:300px;
                    margin-top:30px;
                    margin-left:45px; margin-right:auto;
                    border:0; /*2px solid rgb(0,0,0);*/
                }   
#pageHeader h1
                {
                    color:rgb(160,160,160);
                    text-align:center;
                    margin:50px 0 0 0;
                }

#pageContent    {
                    float:left;
                    margin:auto;     
                }
.hasHeader      {   width:550px; }
.noHeader       {   width:100%;  }
    
/* ------------------------------
	HEADER
*/
        
#headerContent
	{ 	width:840px;
        height:100%;
        margin-left:30px; margin-right:30px; 
		border-left:1px dotted rgb(90,90,90); border-right:1px dotted rgb(90,90,90);
        text-align:center;
	}
	
#headerContent h1
	{ 	width:480px;
        height:34px;
        position:relative; top: -30px; 
        background-image:url('images/logo.png');
        margin-left:auto; margin-right:auto;
    }

#logo { background-image:url('images/logo.png'); }

#menu
	{
        position:relative; top:-20px;
		font-size:0.7em;
        margin-left:auto; margin-right:auto;   
        /*border:1px solid rgb(0,255,0); */
    }
    
.menuitem  { padding-right:20px; padding-left:20px; }

/* ZZZ:USED? */
/*.current_page_item a { color:rgb(150,150,150); } 
.page_item a { color:rgb(150,150,150); }
               */
/* ---------------------------------
	CONTENT
*/

#content
	{
        /*position:relative;*/
        margin-left:30px; width:840px; height:540px;
		border-left:1px dotted rgb(90,90,90);
        border-right: 1px dotted rgb(90,90,90); overflow:auto;
        /*border:1px solid rgb(0,0,255);*/
    }

#pageContent p, #pageContent h1, #pageContent h2
	{ margin:20px 20px 0 20px; }

.contactInfo {margin-top:0px !important;}
/* ------------------------------------
	FOOTER
*/
  
#footerContent
	{
        margin-top:0px;
        margin-left:30px; width:840px; height:100%;
		border-left:1px dotted rgb(90,90,90); border-right:1px dotted rgb(90,90,90);
        text-align:center;
	}
#footerContent small {
                        color:rgb(150,150,150);
                        font-size:0.6em;
                    }
	
/* ---------------------------------
	PAGES
*/

/* ++++ NEWS ++++ */
#news
	{
        float:left;
        width:530px;
        /*border:1px solid rgb(0,0,255);*/
    } 

.post { margin-left:20px; padding-top:10px; margin-bottom:30px; padding-bottom:10px; border-bottom:2px dotted rgb(190,190,190);}
.post h2 { border-bottom:1px solid rgb(190,190,190);}
.post small { color:#444; margin-left:20px; font-style:italic;}
.postmetadata { padding-top:5px; font-size:0.8em; color:#555;}
.entry { margin-top:10px; display:block;}


.navigation { color:rgb(40, 40, 40); margin-left: 20px; margin-top:7px; padding-bottom:5px; height:16px;}
/*.navigation a { color:rgb(40, 40, 40);}*/
.alignleft { float:left; margin-top:5px; margin-left:5px;}
.alignright {float:right; margin-top:5px; margin-right:5px;}

.newsHeader
    {
        color:rgb(128,128,128);
        text-align:center;
        /*float:left;*/
        /*border:1px solid rgb(255,0,0);*/
        /*font-family:Verdana;*/
        /*margin:0;
        padding:0;*/
        /*width:250px;*/
    }
    
.archiveheader { /*font-size:1em !important; */font-style:italic;}
.newsHeader h2 { padding:0;margin:20px 0 0 0; }
.newsHeader p  { }
.newsHeader ul
	{
        margin:10px 0 0 0;
        padding:0;
        list-style-type:none; list-style-position:inside;
    }
/*.newsHeader small a { color:rgb(150,150,150);}
.newsHeader small a:hover { color:rgb(80,50,50);}*/
.newsHeader ul li { margin:0; padding:0;}
.newsHeader ul li li { margin:0; padding:0;}

.newsHeader ul li/*, .newsHeader ul li a*/
	{
        color:rgb(128,128,128) !important;
        /*margin-left:1em;*/
        /*font-size:0.8em;*/
    }

/* ++++ GALLERY ++++ */
#xfGallery { }
#thumbnaillist {border:0; width:550px; margin:auto; }
#thumbnail { float:left; width:102px; margin:  10px 10px 10px 10px; border:1px solid rgb(0,0,0);}
#thumbnail a {text-decoration: none;}
#thumbnail img { width: 100px; height: 100px; border:1px solid rgb(250,250,250);}
#clear { clear:both;}

/* ++++ GALLERY - index page ++++ */
/*#xfGalleryIdx { float:left; margin:auto; width:550px;}*/
#thumbnaillistIdx  { float:left; border:0; }
.thumbnailIdx { float:left; width:120px; margin:  20px; border:3px solid rgb(0,0,0); text-align:center;}
.thumbnailIdx a {text-decoration: none;}
.thumbnailIdx img { width: 118px; height: 170px; border:1px solid rgb(250,250,250);}

/* ++++ HEM ++++ */
#centeredimg { margin:auto;}
#centeredimg img {display:block; margin-left:auto; margin-right:auto; margin-top:75px; } 
.noborder { border:0 !important;}



/* ++++ KONTAKT ++++ */
#contactcard { width:400px; height:200px; margin:150px auto 0 auto; }
#contactcard h1 { font-size:1.2em; margin-bottom:70px; }
#contactcard p { font-size:1.0em; line-height:2.0em;}

/* Begin Comments */
commentssection {display: none;}

h3.comments {
	font-size:1.0em;
	color:#666;
	padding: 0;
	margin: 10px auto 20px ;
	}

h3.respond {
	font-size:1.0em;
	color:#666;
	padding: 0;
	margin: 40px auto 20px ;
	}
	
#commentlist li, .xfcommentform input, .xfcommentform textarea {
	font: 0.8em Verdana, Arial, Sans-Serif;
	}

#commentlist li {
	font-weight: bold;
	border-bottom:1px dotted rgb(180,180,180);
	}

#commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

#commentlist cite, #commentlist cite a {
	font-weight: normal;
	font-style: italic;
	font-size: 1.0em;
	}

#commentlist p {
	font-weight: normal;
	line-height: 1.2em;
	text-transform: none;
	}

.xfcommentform p {
	font-size:0.8em;
	font-family: Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

label small{
	width:150px;
	min-width:150px;
	color:#444;
	}

.xfcommentform input {
	width: 130px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

.xfcommentform textarea {
	width: 70%;
	padding: 2px;
	}

.xfcommentform #submit {
	margin: 0;
	float: left;
	}

.alt {
	margin: 0;
	padding: 10px;
	background-color:#EEE;
	}

#commentlist {
	padding: 0;
	text-align: justify;
	}

#commentlist li {
	margin: 0px 0 0px;
	padding: 0px 10px 3px;
	list-style: none;
	}

#commentlist p {
	margin: 10px 5px 10px 0;
	}

.xfcommentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	padding-left: 40px;
	margin: 0;
	font-style:italic;
	}

/* End Comments */