/* MAIN STYLESHEET */

/* html & body */

html {min-height: 100%; margin-bottom: 1px;}
html {overflow: -moz-scrollbars-vertical !important;}

body { background: #f5bc51 url('images/bg.jpg') repeat-x; color: #555; font:13px 'Open Sans', Helvetica, Arial, sans-serif;}

/* general */

header,nav,article,footer,section,aside,figure,figcaption{display:block;}

/* a few overrides */
::selection {background:#56a095; color:#fff;}
::-moz-selection {background:#56a095; color:#fff;}
::-webkit-selection {background:#56a095; color:#fff;}
object, embed, input, img, a, input:focus, img:focus, a:focus {outline: 0;}
input ::-moz-focus-inner {border: 0;}
input[type="text"], input[type="password"], textarea, select {outline: none;}
.clearfix {clear:both;}

/* headings */

h1 {font:36px 'Allura', Times, 'Times New Roman', serif; margin:0 0 10px 0; padding:0; color: #2c887b;}
h2 {font:32px 'Allura', Times, 'Times New Roman', serif; margin:0 0 10px 0; padding:0; color: #2c887b;}
h3 {font:30px 'Allura', Times, 'Times New Roman', serif; margin:0 0 10px 0; padding:0; color: #2c887b;}
h4 {font:26px 'Allura', Times, 'Times New Roman', serif; margin:0 0 10px 0; padding:0; color: #2c887b;}

/* Some Colors */
.dblue {background: #56a095; color: #fff; padding: 10px;}
.lblue {background: #81cfc5; color: #fff; padding: 10px;}
.dorange {background: #ee9a40; color: #fff; padding: 10px;}
.lorange {background: #f1ae66; color: #fff; padding: 10px;}
.vorange {background: #f5780c; color: #fff; padding: 10px;}
.tdblue {color: #56a095;}
.tlblue {color: #81cfc5;}
.tdorange {color: #ee9a40;}
.tlorange {color: #f1ae66;}
.tvorange {color: #f5780c;}

.title {margin: 0 0 20px 0;}
strong {font-weight:bold;}
em, i {font-style:italic;}


/* General links */

a {color: #2c887b; text-decoration:none;}
a:hover {color: #555; text-decoration:none;}

/* header */

header {width: 100%; min-width:960px; height:100px; background: #fff; color: #555; margin-bottom:10px;}

.headinner {margin: 0 auto; width: 960px; padding:0;}

.logo {float:left; height:75px; width:320px; margin:12px 20px 0 0;}
.logo a{float:left; background: url('images/logo.jpg'); height:75px; width:320px; margin:0; }
.logo a:hover{opacity: .5; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; cursor:pointer;}


/* navigation */

nav {float:right; margin: 40px 0 0 0; font:14px 'Open Sans', Helvetica, Arial, sans-serif; text-transform:uppercase;}

nav ul {
	font-size: 13px;
	list-style: none;
	margin:0 10px 0 10px;
	padding: 0 0 5px 0;
	z-index:600;
	
}
nav li {
	float: left;
	position: relative;
	z-index:600;
}
nav li:hover {
	z-index:600;
}
nav li {
	margin:0;	
	z-index:600;
}
nav a {
	color: #555;
	text-decoration: none;
	padding:5px;
	margin:0 12px 0 0;
}


nav ul ul {
	display: none;
	float: right;
	position: absolute;
	top: 2.0em;
	left: 0;
	z-index: 99999;
	padding: 8px 0 0 0px;
	margin:-5px 0 0 0;
	list-style-type: none;
	z-index:600;
	width: 200px;
	padding-right: 0px;
	list-style-image: none;
background: #56a095;
color: #fff;
font-size: 13px;
}


nav ul ul li{
	color: #fff;
	margin-left: 5px;
	margin-right: -15px;
	padding-left: 0px;
	padding-right: 0;
	min-width: 200px;
	display: block;
}
nav ul ul li:hover > a{
color: #fff;

}
nav ul ul ul {
	left: 97%;
	top: -1px;
	width: 99%;
height: auto;
padding: 5px; 
margin: 0 10px 0 0;
}

nav ul li ul li ul li {
width:auto;	
}
nav ul ul {
	font-size: 13px;
	padding-bottom: 8px;

}
nav ul ul li a {
	font-size: 13px;
	color: #FFF;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: none;
	display: block;
	
}

nav li:hover > a {
background: #56a095;
color: #fff;
}


nav ul ul :hover > a{
border: none;
background: #81cfc5;
color: #fff;
}



nav a:focus {
	color: #fff;
}
nav ul li:hover > ul {
	display: block;
}
nav .current_page_item > a,
nav .current_page_ancestor > a {

}
nav .current_page_item > a{
background: #56a095; color: #fff;
}
nav .sub-menu .current-menu-item > a{
	background-color: #81cfc5;
	color: #fff;
}

nav .sub-menu .current-menu-item > a:hover{
	background-color: #81cfc5;
	color: #fff;
}

/* content */

#container {width:960px; margin:20px auto; background: #fff; border:5px solid #eee;}

#fullpage {width: 940px; padding:10px;}

#left {float:left; width: 680px; margin: 0 10px 0 0; padding:10px;}
#left p {margin: 0 0 10px 0;}
#left ul {margin: 0 0 10px 15px;}
#left li {list-style-type: square; margin: 0 0 0 15px!important;}

#right {float:right; width: 230px; margin:0; padding:10px;}
#right p {margin: 0 0 10px 0;}
#right a {color: #555; text-decoration:none;}
#right a:hover {color: #2c887b; text-decoration:none;}
#right ul {list-style-type: square; margin: 0 0 0 15px!important;}
#right li {list-style-type: square;}

.widget {margin: 0 0 20px 0;}

.post {margin: 0 0 20px 0; padding: 0 0 30px 0; border-bottom: 1px solid #eee;}
.postsing {margin: 0 0 20px 0;}
.date {float:left; background: #f5780c; width: 40px; height: 40px; text-align:center;}
.day {color: #fff; font-size: 13px; font-weight:bold; padding: 3px 0 0 0;margin:0;}
.month {color: #fff; font-size: 11px; font-weight:bold; text-transform:uppercase; margin:0;padding:0;}
.post-head {float:left; margin: 5px 0 10px 15px;}

.postcont {clear:both; margin: 0 0 20px 0;}
.read-more {padding: 5px; background: #81cfc5; color: #fff; margin: 0; font-weight:bold;}
.read-more:hover {padding: 5px; background: #f1ae66; color: #fff; font-weight:bold;}

/* Slider */

#slideshow {margin: 0 0 15px 0; width: 940px; height: 280px; padding: 0;}
#slideshow > div {position: absolute; margin:0; padding:0;}
.slide {margin: 0;  padding: 0;}
.slideleft {float:left; width: 450px; height:280px; margin: 0;}
.slideright {float:left; width: 450px; height: 280px; margin:0; padding: 30px;}
.slidecopy {margin: 0 0 20px 0;}
.slideread {padding: 5px; background: #81cfc5; color: #fff; margin: 10px 0 10px 0; font-weight:bold;}
.slideread:hover {padding: 5px; background: #f1ae66; color: #fff; font-weight:bold;}

/* homepage */

.boxes {margin: 20px 0 20px 0; color: #fff;}
.boxes h2 {font:45px 'Allura', Times, 'Times New Roman', serif; color: #fff; text-align:center; padding: 80px 0 0 0;}
.boxleft {float:left; width: 280px; height:280px; margin: 0 20px 0 0; padding: 10px; background: #56a095;}
.boxmiddle {float:left; width: 280px; height:280px; margin: 0 20px 0 0; padding: 10px; background: #ee9a40;}
.boxright {float:left; width: 280px; height:280px; margin: 0 0 0 0; padding: 10px; background: #81cfc5;}
.homecopy {margin:0; padding:0; font-size:15px;}
.homecopy p {line-height: 1.5;}
.homecopy h1 {font:40px 'Allura', Times, 'Times New Roman', serif; margin:0 0 5px 0; padding:0; color: #2c887b;}

.boxleft:hover, .boxmiddle:hover, .boxright:hover {opacity: .5; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; cursor:pointer;}


/* search form */

#searchform {margin: 10px 0 10px 0; padding:0;}
#s {background: #fff; padding: 5px; border: 1px solid #eee; width: 150px; margin: 0 5px 0 0; font:13px 'Open Sans', Helvetica, Arial, sans-serif;}
#s:focus {border:1px solid #f1ae66;}
#searchsubmit {width: 55px; padding: 6px 5px 5px 5px; background: #81cfc5; color: #fff; border:0; font:12px 'Open Sans', Helvetica, Arial, sans-serif; font-weight:bold;}
#searchsubmit:hover {width: 55px; padding:6px 5px 5px 5px; background: #f1ae66; color: #fff; border:0; font:12px 'Open Sans', Helvetica, Arial, sans-serif; font-weight:bold; cursor:pointer;}


/* comments */

.commentlist {margin: 0;}
.comm {margin:0; padding:15px 0 0 0; border-bottom: 1px solid #eee;}

#commentform {margin: 0;}
#comments {width: 680px; padding:0; margin: 0;}

#comments .tabs { width: 665px; }
#comments .sidetab-head { padding: 5px 15px; }

#comments ul {list-style: none; }
#comments ul.commentlist { padding: 0; }
#comments ul.parent { padding-bottom: 0px; }
#comments ul.children {margin:0 0 0 50px; padding:0; list-style:none;}
#comments ul.commentlist li { margin: 0; }


.comment-reply-link { float: left; position: relative; text-transform: uppercase; font-size: 11px; text-decoration: none;}
.comment-reply-link {padding:2px 5px 2px 5px; margin:0 0 5px 0; border: 0; font-size:11px;background: #f5780c; color: #fff; font-weight:bold;}
.comment-reply-link:hover{padding:2px 5px 2px 5px; margin:0 0 5px 0; border: 0; font-size:11px;background: #56a095; color: #fff; font-weight:bold;}
.comment-reply-link a {color: #fff;}
.comment-reply-link a:hover {color: #fff;}

#respond {margin:-1px 0 0 0; padding:0;}

ul.pinglist {list-style:none; margin:0 0 5px 0;padding:0;}
li.pinglist {margin:0 0 3px 0;padding:0;}
.pinglist a {color: #222;}
.pinglist a:hover{color: #000;}

.trackback { clear: both; }
.trackback ul { list-style: none; margin-top: 10px;}

.avatar {
float:left;
width:60px;
height:60px;
margin: 0 10px 0 0;
}

.avatar img{
border: 0;
}

.comment-meta {float:left; width: 80%; margin: 0 0 10px 0;}
small {font-size: 11px; color:#56a095; vertical-align:middle; margin: 0 0 0 5px;}
.comhead {display:inline; font-size: 15px; font-weight:bold;vertical-align:middle;}

.name {}
.says {}
.says p {margin:5px 0 5px 0;}

label {
display:block;
font:12px 'Open Sans', Helvetica, Arial, sans-serif;
color: #555;
margin: 10px 0 5px 0;
padding:0;
font-weight:bold;
}

/* comment form */

img {outline:none;}
input {outline:none;}
textarea {outline:none;}

#commentform {
width: 380px;
margin: 0 0 20px 0;
}


#author2 {
width: 380px;
margin: 0 0 10px 0;
padding: 3px;
font:13px 'Open Sans', Helvetica, Arial, sans-serif;
border:1px solid #eee;
}

#author2:focus {
border:1px solid #f1ae66;
padding: 3px;
}

#email {
width: 380px;
margin: 0 0 10px 0;
padding: 3px;
font:13px 'Open Sans', Helvetica, Arial, sans-serif;
border:1px solid #eee;
}

#email:focus {
border:1px solid #f1ae66;
padding: 3px;
}

#url {
width: 380px;
margin: 0 0 10px 0;
padding: 3px;
font:13px 'Open Sans', Helvetica, Arial, sans-serif;
border:1px solid #eee;
}

#url:focus {
border:1px solid #f1ae66;
padding: 3px;
}

#comment {
width: 380px; 
min-width: 380px;
max-width: 380px;
min-height: 150px;
margin: 0;
padding: 3px;
font:13px 'Open Sans', Helvetica, Arial, sans-serif;
border:1px solid #eee;
}

#comment:focus {
border:1px solid #f1ae66;
padding: 3px;
}

#submit-comment {
display:block;
background: #56a095;
color: #fff;
font:12px 'Open Sans', Helvetica, Arial, sans-serif;
font-weight:bold;
padding: 5px;
width: 150px;
margin: 10px 0 10px 0;
border:0;
cursor:pointer;
}

#submit-comment:hover {
background: #ee9a40;
color: #fff;
font:12px 'Open Sans', Helvetica, Arial, sans-serif;
font-weight:bold;
padding: 5px;
width: 150px;
margin: 10px 0 10px 0;
border:0;
cursor:pointer;
}

#cancel-comment-reply-link {
font-size: 11px;
margin: 10px 0 25px 0;
padding:2px;
background: #ccc;
color: #666;
}

#cancel-comment-reply-link:hover {
font-size: 11px;
margin: 10px 0 15px 0;
padding:2px;
background: #56a095;
color: #fff;
}

/* footer */

footer {background: #f5780c; width:950px; margin:0 auto; padding:10px; font-size:12px; font-weight: bold; color: #fff; text-align:center; text-shadow: 1px 1px 1px #954b0c;}

/* image alignment */

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 10px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* table */

div.my_left_box{
    float: left;
    padding: 5px;
    width: 200px;
}

div.my_right_box{
    float: right;
    padding: 5px;
    width: 450px;
}