@charset "UTF-8";
/* CSS Document */

/* 

- - -  CSS STYLES FOR studiokiun.com  - - -
- - -  ©2011 Sheriann Ki Sun Burnham  - - -

*/

* {
	margin: 0;
	padding: 0;
	}

/* BASIC FONT SETTINGS */

body  { 
	font-size: 100%; 
	font-weight: 100;
	font-family: Arial, Helvetica, sans-serif;
	}

p { 
	color: #000000;	
	font-size: 90%;
	line-height: 140%;
	letter-spacing: 1px;
	margin: 0 20px 0 20px;
	}

h1 {
	color: #705043;
	font-size: 130%;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: 1px;
	padding: 0 20px 0 20px;
	}
	
h2 {
	color: #6b442b; 
	font-size: 120%; 
	line-height: 120%;
	letter-spacing: 1px;
	}

h3 {
	color: #6b442b; 
	font-size: 110%; 
	line-height: 120%;
	letter-spacing: 1px;
	}
	
h4 {
	color: #6b442b; 
	font-size: 100%; 
	line-height: 120%;
	letter-spacing: 1px;
	text-align: center;
	}	

.title {
	color: #6b442b; 
	font-size: 105%; 
	font-weight: bold;
	line-height: 120%;
	letter-spacing: 1px;
	}

.item-copyright {
	float: right;
	font-size: 80%;
	}

.date {
	font-size: 80%;
	}
						
.clear {
	clear: both;
	}

/* PAGE - BACKGROUND */

div#main-background {
	background: url(main-images/ground-main.jpg) repeat-x top #f7f5f0;
	}
	
div#main-background-n {
	background: url(main-images/ground-main-n.jpg) repeat-x top #f7f5f0;
	}

div#main-background-o {
	background: url(main-images/ground-main-o.jpg) repeat-x top #f7f5f0;
	}	

div#main-background-g {
	background: url(main-images/ground-main-g.jpg) repeat-x top #f7f5f0;
	}	
				
div#page-wrap {
	width: 960px;
	height: 640px;
	margin: 0  auto;
	}

/* LEFT-SIDEBAR */
		
div#left-sidebar {
	display: block;
	width: 200px;
	float: left;
	background-color: #efede7;
	padding-bottom:20px;
	}

div#left-sidebar-content {
	display: block;
	width: 200px;
	min-height: 450px;
	}
		
	div#copyright {
		display: block;
		padding: 10px;
		text-align: center;
		}

		div#copyright p {
			font-size: 54%;			
			line-height: 140%;
			}
			
			div#copyright p a {
			color: #ff7d44;
			text-decoration: none;
			}

/* LEFT MENU STYLES */
	
ul#left-nav {
   	background-color: #f7f5f0;
    display: block;
	list-style: none outside none;
    margin: 20px 12px;
    padding: 20px 0 10px;
    text-align: left;
    width: 176px;
	}

	ul#left-nav li {
		text-align: center;
		}
				
	ul#left-nav li a {			
		color: black;		
		display: block;
		font-size: 80%;
		margin: 0 10px 6px;
		text-decoration: none;
		}
						
		ul#left-nav li a:hover, ul#left-nav li a:active {
			color: #F2871B;
			font-style: italic;
			}

		ul#left-nav li h2 {
			color: #F2871B;
			font-size: 80%;
			line-height: 100%;
			}
			
		ul#left-nav li h3  a {
			color: #6b442b;
			font-size: 80%;
			line-height: 120%;
			}	
						
		ul#left-nav li h3:hover, ul#left-nav li h3:active {
			color: #F2871B;
			font-style: italic;
			}					
				
		ul#left-nav li h4:hover, ul#left-nav li h4:active {
			font-style: normal;
			}		
									
/* MAIN-CONTENT */

div#main-content {
	display: block;
	width: 744px;
	height: auto;
	float: right;
	}
	
/* MAIN-CONTENT - NAVIGATION - TOP MENU */

div#navigation-top {
	display: block;
	width: 744px;
	height: 44px;
	float: right;
	background-color: #483252;
	border-top: black solid 6px;
	}
	
	ul#top-menu {
   		display: block;
   		float: left;
   		height: auto;
    	padding: 12px 0 0 10px;
    	text-align: center;
		}
	
		ul#top-menu  li {
			display: inline;
			list-style: none; 
			}

			ul#top-menu li a {
				color: #FFFFFF;	
				padding: 0 30px 0 30px;
				text-decoration: none;
				}
	
				ul#top-menu li a:hover, ul#navigation li a:active {
					color: #e98e65;
					font-style: italic;
					}	
						
		ul#social li {
			display: block;
    		float: left;				
			list-style: none; 
			padding: 6px 0 0 10px;
			}
				
/* MAIN-CONTENT - BODY */

div#main-content-body {
	background-color: #FFFFFF;
	display: block;
	float: right;
	height: auto;
	margin: 16px 0 20px 0;	
	width: 744px;
	}

	.home-intro {
		display: block;
		height: auto;
		width: 704px;
		margin: 20px;
		}
		
		.home-intro  h3 {
			font-size: 90%;
			text-align: center;
			}
			
	.content-span-full {
		display: block;
		width: 704px;
		height: auto;
		margin: 20px;
		}
		
		.content-span-full p a {
			color: #ff7d44;
			text-decoration: none;
			}
			
	.content-item {
		border-bottom: 1px solid #d47b54;
		clear: both;
		display: block;
		height: auto;
		width: 704px;
		margin: 20px;
		}
	
		.content-home {
			display: block;
			float: left;
			margin-top: 20px;
			min-height: 296px;
			width: 233px;
			}
			
			.content-home p {
				color: #7b726c;	
				font-size: 90%;
				line-height: 130%;
				margin: 0 20px 0 20px;			
				text-align: left;
				}
				
				.content-home p a {
					color: #F2871B;
					text-decoration: none;
					}
					
					.content-home p a:hover {
						color: #F2871B;
						}
						
			.content-home h1 {
				color: #6b442b;
				}	
				
			.content-home h1 a {
					color: #F2871B;
					text-decoration: none;
					}
					
					.content-home h1 a:hover {
						color: #F2871B;
						}	
		
		.content-span-1 {
			display: block;
			float: left;
    		width: 33%;
			margin: 20px 10px 20px 10px;
			}
			
			.content-span-1 h1 {
				color: #6b442b;
				}		
			
			.content-span-1 h3 {
				color: #6b442b;
				font-size: 90%;
				line-height: 150%;
				text-align: left;
				margin: 0 20px 0 20px;
				}		
			
			.content-span-1 p {
				color: #7b726c;	
				font-size: 84%;
				line-height: 140%;
				margin: 0 20px 0 20px;			
				text-align: left;
				}

				.content-span-1 p a {
					color: #F2871B;
					text-decoration: none;
					}
					
					.content-span-1 p a:hover {
						color: #F2871B;
						}

		.content-span-2 {
			display: block;
			float: left;
    		width: 64%;
			margin: 20px 0 20px 0;
			}
								
			.content-span-2 h1 {
				color: #6b442b;
				}		
			
			.content-span-2 p {
				color: #7b726c;	
				font-size: 84%;
				line-height: 140%;
				margin: 0 20px 0 20px;			
				text-align: left;
				}

		.content-span-3 {
			display: block;
			float: left;
			width: 100%;
			margin: 20px 0;
			}		
										
			.content-span-3 h3 {
				color: #6b442b;
				font-size: 90%;
				line-height: 150%;
				text-align: left;
				margin: 0 20px 0 20px;
				}		
			
			.content-span-3 p {
				color: #6b442b;	
				font-size: 84%;
				line-height: 140%;
				margin: 0 20px 0 20px;			
				text-align: left;
				}
				
				.content-span-3 p a {
					color: #F2871B;
					text-decoration: none;
					}
					
					.content-span-3 p a:hover {
						color: #F2871B;
						}
												
	div#photo {
		display: block;
		float: right;
		height: auto;
		width: 200px;
		padding: 0 0 20px 20px;		
		}

	div#twit-feed {
		background-color: #f7f5f0;
		display: block;
		margin: 20px 10px 20px 10px;
		width: 180px;	
		}