/*

*/

/************************************************************************

	Site:		meggangunter.com

	Author:		Meggan		[meggangunter.com]  

	Listing Order:
	==============

	1 - Global
	2 - Structure & Content
	3 - Header/Navigation Styles
	4 - Portfolio
	5 - Home
	6 - Sidebar Styles
	7 - Events
	7 - Footer Styles
	

************************************************************************/


/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body
{
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #f7f7f7 url(../images/noise.gif);
	color: #666;
	/* font-size: 67.5%;*/
	text-align: center;
}

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
	outline: none;
}

a {
	text-decoration: none;
	color: #13afc1; /* teal */
}
a:visited {
	color: #038998; /* dark teal */
}
a:hover {
	color:#5d13c1; /* dark purple */
}

a.block {
	display:block;
	width:100%;
	height:100%;
}
a, input {
	outline:none;
}
a img {
	border:none;
}

span.disappear {
	/*display: block;
	margin-left: -9999em;*/
	visibility: hidden;
}
p, ul, ol, dl {
	margin: 0 auto 1.2em auto;
}

h2 {
	margin-bottom: 20px;
}

header, section, footer {
	display: block;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #ccc;
}

/***********************************************************************
	2 - LOGO STYLES
************************************************************************/

header {
	margin-bottom: 35px;
}

div#logo {
	background: url(../images/bunny.png) no-repeat top left;
	width: 150px;
	height: 102px;
	margin: 20px auto;
}

h1 {
	background: url(../images/meggangunter.png) no-repeat top left;
	width: 353px;
	height: 91px;
	margin: 0 auto;
}

/***********************************************************************
	3 - CONTENT STYLES
************************************************************************/

div#content {
	width: 540px;
	margin: 0 auto;
	text-align: left;
}

section {
	background: url(../images/divider.gif) no-repeat top center;
	padding-top: 35px;
	margin: 35px auto;
}

section section {
	background: none;
	margin: 15px auto;
	padding-top: 0;
}

ul {
	list-style-type: none;
	margin: 0;
}
ul li {
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 12px;
	margin-bottom: 1em;
}

/***********************************************************************
	4 - WORK STYLES
************************************************************************/
section#work h2 {
	background: url(../images/h-work.png) no-repeat top left;
	width: 45px;
	height: 23px;
	margin-bottom: 5px;
}

section#work ul li {
	padding: 0; 
	background-image: none;
}
section#work ul li ul {
	padding-left: 2em;
}
section#work ul li ul li {
	padding: inherit;
	background: url(../images/bullet.gif) no-repeat 0 4px;
}

section#work h3 {
	margin-bottom: 10px;
}
section#work h3 a {
	font-weight: normal;
	font-size: 83%;
	padding-left: 1em;
}

section#work img {
	border: 3px double #aaa;
	margin-bottom: 1em;
}	

section#work li.features {
	padding: 0;
	background: none;
	font-style: italic;
}

.jcarousel-container {
	width: 600px;
}
.jcarousel-clip {
	width: 546px;
	height: 330px;
	overflow: hidden;
}
.jcarousel-item {
	width: 540px;
	margin-right: 10px;
}
.jcarousel-prev, .jcarousel-next {
	cursor: pointer;
	position: absolute;
	top: -25px;
}
.jcarousel-prev {
	right: 95px;
}
.jcarousel-next {
	right: 65px;
}

.jcarousel-prev-disabled, .jcarousel-next-disabled {
	color: #ccc;
	cursor: text;
}

/***********************************************************************
	5 - SKILLS STYLES
************************************************************************/

section#skills h2 {
	background: url(../images/h-skills.png) no-repeat top left;
	width: 43px;
	height: 23px;
}




/***********************************************************************
	6 - CONTACT STYLES
************************************************************************/

section#contact h2 {
	background: url(../images/h-contact.png) no-repeat top left;
	width: 64px;
	height: 21px;
}

label {
	font-weight: bold;
	display: block;
}
input, select, textarea {
	margin-bottom: 1em;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
input {
	width: 300px;
}
select {
	width: 314px;
}
textarea {
	width: 520px;
	height: 100px;
}
input:focus, select:focus, textarea:focus {
	border-color: #333;
}

input#submit {
	display: block;
	width: 81px;
	height: 34px;
	background: url(../images/btn-submit.png) no-repeat 0 0;
	border: none;
	text-transform: uppercase;
	text-indent: -9999px;
	cursor: pointer;
}
input#submit:active {
	background-position: -81px 0;
}

/*p#required {
	margin-top: 20px;
}*/

aside#thankyou {
	opacity: 0.85;
	background: #ffe9fd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	margin: 15px 0;
}

/***********************************************************************
	7 - FOOTER STYLES
************************************************************************/

footer {
	background: url(../images/divider.gif) no-repeat top center;
	padding-top: 35px;
	margin: 35px auto;
	font-size: 67.5%;
}
footer p {
}
a#jump {
	background: url(../images/bunny-small.png) no-repeat top left;
	display: block;
	width: 30px;
	height: 38px;
	margin-bottom: 50px;	
	text-transform: uppercase;
	text-indent: -9999em;
	margin: 0 auto;
}
a#jump:hover {
	background-position: bottom left;
}