/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

* { padding: 0; margin: 0; }
hr { border: none; height: 1px; width: 100%; background: /*#b3c9e1*/#ccc; margin-top: 7px; margin-bottom: 6px; float:left; }
 
img { border: 0px; }

body {
	font: 12px 'Helvetica Neue', 'Helvetica', 'Arial';
	background-image:url('http://www.photopearls.se/images/bg.png');
 	background-repeat:repeat-x;
 	background-position:top;
}

em {
	font-weight: bold;
}

p { margin:10px 0px 10px 0px;}

a:link, a:hover, a:active, a:visited {
	color: #454851;
	font-weight: bold;
	text-decoration: underline;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
}
#language {
 width: 960px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 15px 0px;
 text-align:right;
}
#header {
 width: 960px;
 color: #333;
 padding:  0px;
 height: 70px;
 margin: 30px 0px 0px 0px;
}
#nav {
 width: 960px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;  
}
#content { 
 width: 960px;
 color: #333;
 border: 1px solid #ccc;
 background-color: #FFFFFF; 
 margin: 0px 0px 5px 0px;
 
 float:left;
}

#leftcolumn { 
 color: #333;
 border:0px solid #ccc;   background-color:#fffff;
 margin: 0px 5px 20px 0px;
 padding: 10px;
 height: auto;
 width: 578px;
 float: left;
 
}
 
#rightcolumn { 
 color: #333;
 margin: 0px 0px 20px 0px;
 padding: 10px 0px 10px 20px;
   background-color:#fffff;
 height: inherit;
 width: 300px;
 float: left;
 
}

#hotspot { 
 width: 940px;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#footer { 
 width: 950px;
 color: #333;
 border-top: 1px solid #ccc;
 margin: 0px 0px 50px 0px;
 padding: 10px 10px 10px 0px;
 text-align:center;
}

#nav ul {
  display: inline;
  list-style:none;
  /* IE<7 */
  _height: 1%;
 /* IE<7 */
    		+display: inline-block;
}
#nav li {
  display: block;
  float: left;
  list-style: none;
  margin:0px 3px 0px 0px;
  padding:0px;
	 		 
}
#nav li.first{
			margin:0;
			
}
#nav li a {
			padding:0px;
			font-size:10px;
			display:block;
			width:184px;
			height: 38px;
			font-weight:bold;
			line-height:44px;	
			text-indent:13px;
            text-transform: uppercase;
			background:url(http://www.photopearls.se/images/tab_clean.gif) no-repeat ;
			color:#333333;
			text-decoration: none;
}
#nav li a:hover { 
	        color: #0e85b0;	
		background: url(http://www.photopearls.se/images/tab_color.gif) no-repeat;
	        text-decoration: none;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://www.photopearls.se/images/button_span.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('http://www.photopearls.se/images/button_a.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:hover span{
text-decoration:underline;
}

.imgborder { padding:5px; margin:5px; border:1px solid #ccc; }

/* News */

.news img {padding:5px; margin:5px 10px 10px 50px; border:1px solid #ccc; text-align:center;}
.news h1 a {color:#0099FF;}
.news a {color:#383838;}

.feed {background-image:url(http://www.photopearls.se/http://www.photopearls.se/images/feed.png); background-repeat:no-repeat; background-position:0px 3px;
padding:3px 0px 5px 20px; float:right; }

.message { width: 915px; color: #333; padding: 10px; margin:10px; border:1px dotted #e4d652; background-color:#ffffcc; float:left;}

/* Info box */

ul.infoBox {border:1px solid #ccc; margin-top:10px; width:400px; padding:20px; list-style:none;}
ul.infoBox li {margin-top:5px;}


/* Support */

ul.supportUl { list-style:none; margin:20px 0px 20px 0px;}
ul.supportUl li {margin:20px 0px 20px 0px;}
ul.supportUl a {text-weight:bold; color:3399cc;}

.supportDiv {display:none; border-bottom:1px dotted #ccc; padding:0px 0px 15px 0px; margin:20px 0px 20px 0px; width:420px;  height:auto;}

/* Twitter */

.twitter {}

.twitter li { padding: 5px 10px 7px; margin: 0 0 5px; /*background: #1c1c1c;*/ background: rgba(0, 0, 0, 0.2);
-moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
.twitter li span.date { display: block; float: left; width: 85px; margin-right: 10px; }
.twitter li span.date a { color: #777; text-decoration: none; border: none; }
.twitter li p { float: left; display: block; width: 260px; }
.twitter li em.from { display: none; }

/* Delicious */

.delicious-posts { margin-bottom:10px; border: 2px solid #ddd; padding: 0.5em;   font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding: 0.25em;   }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none; color: #a15426; display: block; padding: 0.3em }
.delicious-post a { color: #04a1ff }

/* Topic */
  #topic { border:1px solid #ccc; margin:10px; width:940px; /*max-height:300px;*/ float:left;}

/* Search Box*/
  #search-wrap input {width:230px; font-size:16px; color:#999999; padding:6px; border:solid 1px #999999;}
  #search-wrap p {text-weight:bold; color:#333333; font-size:16px; margin:0px; padding:0px;}
  #results {width:242px; border:solid 1px #DEDEDE; position: absolute; display:none; background-color:#ffffff; z-index:1;}
  #results ul, #results li{padding:0; margin:0; border:0; list-style:none; background-color:#f4fcde;}
  #results li {border-bottom:solid 1px #DEDEDE;}
  #results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:normal;}
  #results li a small{display:block; text-decoration:none; color:#3e4b01; font-weight:normal;}
  #results li a:hover{background:#dfeeb7; text-decoration:underline;}
  #results ul {padding:6px;}
  
  .dark { background: #AAA;}
  .light { background: #EEE;}
  #storelist ul { list-style:none; margin:20px 0px 10px 0px;}
  #storelist li { list-style:none; padding:10px;}
  #storelist p { width:200px; }
  
/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 0px; border: 1px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }