/*
Theme Name: SunnieBaby
Theme URI: http://www.7and8design.com
Description: A theme by <a href="http://www.7and8design.com">seven and eight</a>.
Version: 1
Author: Simon Jonies
Author URI: http://www.7and8design.com

*/

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: "Gill Sans", Trebuchet, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:300;
	background:#FFFFFF url(images/bg.jpg) top center no-repeat;
	font-family: "Gill Sans", Trebuchet, Helvetica, sans-serif;
	font-size: 13px;
	color: #887;
}
/*----------------------------------- SUNNIE.CSS -----------------------*/
p {
	margin:2px 0 10px;
}
h1 {
	margin:0 10px 3px;
	color:#c6c6c6;
	font-weight: 400;
	font-size: 140%; }
		
h2 { 
	font-size: 120%;
	font-weight:300;
	margin:0 0 4px;
	text-transform:uppercase;
}
h3 { 
	font-size: 120%;
	font-weight:300;
	margin:0 0 6px;
}
h4 {
	font-size: 120%;
	font-weight:300;
	margin:25px 0 4px;
	text-transform:uppercase;
}
h5 {
	font-size: 104%;
	margin:0; }

h6 {
	font-size: 100%; 
	text-align: right;
	font-weight: lighter;
	margin: 0; }
a {
	color: #554;
	font-size: 100%;
	text-decoration:none;
	outline: none;
}
a img {
	border:none;
}
a:hover {
	color:#bba;
	text-decoration: underline;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin:0;
	padding: 0;
	/*list-style:none;*/ 
}	
.last {
	margin-bottom:0; }
	
/******************** Formatting *********************/

#shell {
	margin: 0 auto;
	padding:20px 5px 40px;
	width: 940px;
	/*position:relative;*/
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	margin: 0px; 
	padding: 0px; 
	height: 0; 
	visibility: hidden;
}
#main {
	margin: 0; 
	padding: 0;
	text-align:left;
}
#home {
	text-align: center;
}
#nav {
	margin:15px 15px 20px; 
}	
#nav li {
	display:inline;
	/*font-family: Cambria, Georgia, "Times New Roman", Times, serif;*/ 
	font-size:16px;
	text-transform:lowercase; 
	margin:0 30px 0 0;
	font-weight:300; 
}
#content {
}
#resume {
	margin:0 15px;
	/*margin:0 80px;*/
}
#resume ul {
}
#resume ul li {
	display:inline-block;
	padding-left:12px;
	margin-right:2px;
	background:url(images/slash.gif) no-repeat;
}
#left_content {
	margin:0;
	padding-left:15px;
	width:322px;
	float:left;
	overflow:hidden;
}
#left_content img {
	border:1px solid #CCCCCC;
}
#right_content {
	margin:0;
	padding-right:100px;
	width:480px;
	float:right;
}
/*#left_content ul, right_content ul {
	margin-bottom:20px;
}
#left_content ul li, right_content ul li {
	margin:3px 0 0;
}*/
#clear {
	clear:both;
	margin:0; }
.clear {
	clear:both;
}

/* Galleria.......................................................... */

*{
	margin:0;
	padding:0; }
	
#main_image {
	/*position:absolute;
	clear:both;
	margin:0;
	width:100%;
	float:right;
	height:480px;
	text-align:center;*/
}
#main_image img {
}
.gallery_demo {
	width:45px;
	margin:0;
	float:left;
	clear:left;
}
.galleria_container {
}

.galleria li {
	display:block;
	border:1px solid #887;
	width:43px;
	height:43px;
	overflow:hidden;
	/*float:left;*/
	margin:0 0 5px; }

.galleria li a {
	display:none; }

.galleria li div {
	/*position:absolute;*/
	display:none;
	top:0;
	left:180px;
}
.galleria li div img {
	cursor:pointer; }

.galleria li.active div img, .galleria li.active div {
	display:block; }

.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
/*.galleria li .caption {
	display:block;
	padding-top:.5em;
}*/
.galleria_wrapper {
	padding-left:50px;
}
* html .galleria li div span {width:100%;} /* MSIE bug */

.caption {
	color:#aaaaaa;
	line-height:25px;
	padding-top:5px;
	padding-left:55px;
	/*text-align:right;*/
}	
.next {
	font:80%;
	margin:0;
	padding:0 0 8px; }
	
.next a {
	text-decoration:none;
	color:#887; }
	
.next a:hover {
	color:#CCC; }

/* ----------------------------- END OF SUNNIE.CSS -------------------*/
#header {
	padding:0 15px;
}
#logo {
	width: 235px; 
	height: 30px;
    background:url(images/sunnie_brook_jones.png) no-repeat;
}
#logo a {
	display: block;
	text-indent: -9999px;
	width: 250px; 
	height:30px;
	/*margin: 0px; 
	padding: 0px;*/
}
.desc {
	line-height:30px;
	font-size:14px;
	float:right;
}
form {
	margin:0px;
	padding:0px;
}
.post {
	/*clear:both;
	float:left;*/
	padding: 10px 15px 0;
}
.entry {
	clear: both;
	padding-top: 10px;
}
#plus {
	margin:0;
	width:45px;
	background-color:#EEEEEE;
	float:left;
	text-align:center;
	clear:left;
	margin-bottom:5px;
	line-height:45px;
	font-size:24px;
	font-weight:bold;
}
#plus a:hover {
	text-decoration:none;
}

#footer {
	border-top:1px dotted #CCC;
	padding:10px 0 0;
	margin:25px 15px 15px;
	line-height:25px;
	clear:both;
}
#footer .left {
	width:400px;
	text-align:left;
}
#footer .right {
	width:400px;
	float:right;
	text-align:right;
}
#footer .right li {
	display:inline;
	margin-left:15px;
}

/**************** Random Stuff ***************/
.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 10px;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
img.img_border, a img.img_border {
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #ffffff;
}
a:hover img.img_border{
	border-color: #FF6600;
	background: #FF6600;
}