/*
Theme Name: FashionFriends WP Theme
Theme URI: http://www.fashionfriends.ch
Description: FashionFriends Blog 2.0 Theme
Version: 2.0
Author: Silvan Flury
Author URI: http://www.fashionfriends.ch - silvan.flury@fashionfriends.ch
*/

  html {
    overflow-y:scroll;
  }

	body {
		font-family: Georgia;
		font-size: 13px;
		background-image: url(/wp-content/themes/fashionfriends/img/bg.jpg);
		background-repeat: repeat;
		background-attachment:fixed;
		background-color: #e1e1e1;
	}

	a {
		color: #666;
	}

	#main {
		width: 1000px;
		background-color: #fff;
		margin-left: auto;
		margin-right: auto;
		background-repeat: no-repeat;
	}
	
		#header {
			width: 1000px;
			height: 200px;
			float: left;
			margin-bottom: 60px;
		}
		
			#header #inner {
				margin-top: 80px;
				margin-left: 20px;
				position: absolute;
			}
			
				#inner #logo {
					float: left;
					width: 330px;
					height: 140px;
				}
				
				#logo .link {
				  height: 140px;
				}
				
        /* Hover direkt im header.php */
				
				#inner #navigation {
					float: left;
					width: 500px;
					height: 40px;
					margin-top: 30px;
					margin-left: 10px;
					z-index: 1 !important;
				}
				
					#navigation a {
						color: #666;
						font-size: 25px;
						text-decoration: none;
						margin-right: 10px;
						z-index: 1 !important;
					}
					
					#navigation .current {
						color: #000 !important;
						text-decoration: underline;
					}
					
					#navigation a:hover {
						color: #000;
					}
										
		#leftside {
			width: 150px;
			float: left;
			margin-left: 30px;
		}
		
		  li.current-cat {
		    color: #000 !important;
		  }
		
		#content {
			width: 510px;
			float: left;
			margin-left: 40px;
			margin-top: 7px;
			margin-bottom: 100px;
		}
		
		  #content a:hover {
		    color: #000 !important;
		  }

		#rightside {
			width: 200px;
			float: right;
			margin-right: 10px;
		}
		
		#rightside a {
		  text-decoration: none !important;
		}
		
		  #rightside a:hover {
		    color: #000;
		  }
		  
		
			#rightside .searchfield {
				width: 90px !important;
			}
			
			#rightside .markenlexikonsidebar {
			 margin-top: 10px;
			 margin-left: 10px;
			 line-height: 1.5;
			}
			
		.footer {
		  height: 20px;
		}	
						
					
		/* Left & right sidebar */
		.title {
			font-weight: bold;
			font-size: 14px;
		}
				
		.title,
		#leftside ul li {
			border-bottom: 1px dotted #333;
			padding-left: 15px;
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 15px;
		}
		
		#rightside .title {
		  margin-top: 30px;
		}
		
		#leftside ul li a {
			color: #333;
			text-decoration: none;
		}
		
		#leftside h2 {
		  margin: 0px !important;
		}
		
		#leftside ul li a:hover {
			color: #000;
		}
		
		#rightside ul li {
			margin-left: 15px;
			margin-top: 10px;
		}
				
		/* --- POST ---- */		
		.post {
			margin-bottom: 30px;
			padding-bottom: 20px;
			border-bottom: 1px dotted #666;
			font-size: 14px;
			line-height: 1.3;
			color: #333;
		}
		
		.post h2 {
			width: 100%;
			color: #000;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
			margin-bottom: 10px;
		}
		
		.post h3 {
		  margin-top: 20px;
		  margin-bottom: 20px;
		  font-style: italic;
		}

		.post h2 a {
		  text-decoration: none;
			color: #000;
			font-weight: bold;
		}

		.post .date {
			font-size: 11px;
		}		
		
		/* Authoren-Box */
		.author {
		  margin-top: 20px;
		  margin-bottom: 20px;
		  padding-top: 10px;
		}
		
		.author img {
		  float: left;
		  margin-right: 10px;
		  margin-bottom: 10px;
		}
		
		.trennlinie {
		  border-top: 1px dotted #666;
		  margin-bottom: 20px;
		}
		
		/* Post-specific details */
		.alignright {
		  float: right;
		  margin-left: 10px;
		  margin-bottom: 5px;
		}
		
		.alignleft {
		  float: left;
		  margin-right: 10px;
		  margin-bottom: 5px;
		}
		
		.postcontent strong {
		  font-weight: bold;
		}
		
		.postcontent  p {
		  margin-bottom: 20px;
		}
		
		.postcontent ul {
		  list-style-type: disc;
		  margin-left: 15px;
		}
		
		.postcontent li {
		  margin-left: 10px;
		}
		

		.postcontent,
		.postcontent p {
		  line-height: 1.3;
		}
		
		.postcontent img {
		  border: 1px solid #ccc;
		}
		
		
		/* ---- Lexikon A-Z */
		.lexikon {
		  margin-bottom: 20px;
		  margin-top: 20px;
		} 

		  .firstletter {
		    font-weight: bold;
		    margin-bottom: 12px;
		  }

		  .lexikon .entry {
        float: left;
        margin-right: 40px;
        margin-bottom: 40px;
        height: 180px;
        background-color: #feb400;
		  }

		/* Comment */
		.commentform {
		  background-color: #e1e1e1;
		  padding-bottom: 20px;
		}  
		
		.commentform label {
		  float: left;
		  text-align: right;
		  width: 100px;
		  margin-right: 20px;
		}
		
		.commentform .textfield,
		.commentform textarea {
		  width: 300px;
		  border: 1px solid #e1e1e1;
		  background-color: #fff;
		  margin-bottom: 10px;
		  font-family: Arial;
		  font-size: 13px;
		}
		
		.privacy {
		  width: 300px;
		  margin-left: 120px;
		  margin-bottom: 10px;
		}
		
  /* Pagination */
  .wp-pagenavi {
    font-size: 16px;
  }	
    .wp-pagenavi a {
      text-decoration: none;
    }
  
    .wp-pagenavi .current {
      font-weight: bold;
    }
    
    .wp-pagenavi .pages {
      margin-right: 10px;
    }
    
    .wp-pagenavi .current,
    .wp-pagenavi a {
      margin-right: 10px;
      margin-left: 10px;
    }
    
    .wp-pagenavi .nextpostslink {
      font-size: 20px;
    }
    
    /* Social Media */
    .socialmedia {
      margin-top: 20px;
      border-top: 1px dotted #666;
      padding-top: 10px;
    }
    
    .tags a {
      text-decoration: none;
    }

.divider {
  border-top: 1px dotted #666;
  margin-bottom: 10px;
}		  
		  
.clear {
  clear: both;
}