@import url('../asokay/style.css');

/*
Theme Name: MacKids
Theme URI: http://360true.com/macarthurbeach/
Author: Paul A. Aleskovsky
Author URI: http://www.360true.com
Description: A full-featured but still simple and easy-to-use blog/website theme, built from the <a href="http://wordpress.org/extend/themes/toolbox/">Toolbox</a> theme by Automattic, styled by <a href="http://andreasviklund.com/">Andreas Viklund</a> and modified/adapted by <a href="360true.com">360TRUE LLC</a>
Version: 0.0.2
Template: asokay
Tags: two-columns, custom-menu, sticky-post, microformats, translation-ready,post-formats,two-columns,one-column
*/

body {
	font-family: Helvetica,Tahoma,Verdana,sans-serif;
	background: #339999 url(/wp-content/uploads/website-final.jpg) no-repeat scroll center top;
}
#page{display:block;background:#E2FFFB;width:940px;margin:20px auto; border:20px solid #E2FFFB;}
//#content{margin:-25px 260px 0 -20px; z-index:-1;}
#contentR{margin:0 0 0 260px;}





#site-title {
float: left;
margin: 0 0 18px 0;
width: 700px;
font-size: 30px;
line-height: 36px;
text-indent: -999em;
display:none;
}
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
display:none;
}
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 14px 0 18px 0;
width: 220px;
text-indent: -999em;
display:none;
}

/* this rounds the corners 
#page {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px; 
} */

/* this sets the margin on the top */
#page {
margin-top: 282px;
}



/* Tags */

a{color:#006983;text-decoration:none; font-weight:700;}
a:hover{color:#006983;}
a:visited {color:#006983;}
article{margin:0 0 20px 0;padding:15px 20px 15px;background:#E2FFFB;border:1px solid #C6EBE4;display:block;}

header{margin:0 0 10px;}
nav{margin:0 0 20px 0;}
.sticky{border:1px solid #aaa;}


/* H1-H6 */
h1,h2,h3,h4,h5,h6{clear:left;font-weight:500;color:#336600;letter-spacing:-.5px;line-height:1em; margin:0 0 5px;padding:0;text-shadow:#aaa 0px 0px 0px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:500;}
h1{font-size:1.8em; }
h1.entry-title{width:600px;}
h2{font-size:1.5em; margin: 15px 0 0 0;}
h3{font-size:1.3em; text-transform:uppercase; margin: 20px 0 10px 0;}
h4{font-size:1.2em;}
p {line-height: 1.5em; font-size: 1.2em; margin: 0 0 10px 0; color:#584528;}
table {border-collapse: collapse;}
td  {line-height: 1.5em; font-size: 1.2em; margin: 0 0 10px 0; padding: 3px 10px 3px 15px;}

/*MAIN ACCESS MENU */
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: -20px;
	width: 980px;
}

/* Menu */
#access{background:#006983;display:block;float:left;width:100%; margin:0 auto 20px; font-size: 1.0em; border:2px solid #69BE28; }
#access ul{list-style:none;margin:0;padding-left:0;}
#access li{float:left;position:relative;border-right:0px solid #69BE28;}
#access a{display:block;line-height:3em;font-size:1.0em;text-transform:uppercase;font-weight:400;padding:0 1em; text-decoration:none;color:#FFFFFF;}
#access ul ul{display:none;float:left;left:0;position:absolute;top:3em;z-index:99999;border:0px solid #ddd;}
#access ul ul li, #access ul ul ul li{border-right:0;}
#access ul ul ul{left:100%;top:0;border:0px solid #ddd;}
#access ul ul a{background:#004953;height:auto;line-height:1em;padding:.5em .5em .5em 1em; width:17em;}
#access li:hover > a,#access ul ul :hover > a{background:#006983;}
#access ul ul a:hover{background:#006983;}
#access ul li:hover > ul{display:block;}




/* Secondary THIS IS THE RIGHT COLUMN SIDEBAR MENU AREA */

#secondary {width:240px; background-color:#CBD9D1;padding: 5px; border:1px solid #006983;}
#secondary .widget{margin:0 0 20px 0;}
#secondary a {display:block;line-height:1.5em;font-size:1.0em;text-transform:none;font-weight:800;padding:0 0 .65em 0; text-decoration:none;color:#006983;}
#secondary h1{font-size:1.6em;}
#secondary ul{list-style:none;margin:0 0 15px 0;padding:0;}
#secondary ul ul{margin:5px 0 5px 20px;}
#secondary p{margin:0 0 15px 0;}
#secondary ul li{margin:0 0 5px 0;}
#secondary ul li a{text-transform:none;font-weight:800;}
#secondary table{width:100%;}
#secondary .tagcloud a{font-weight:400;text-transform:uppercase;}

/* Aside Posts */
.format-aside .entry-header{display:none;}
.single .format-aside .entry-header{display:block;}
.format-aside .entry-content,.format-aside .entry-summary{padding-top:1em;}
.single .format-aside .entry-content,.single .format-aside .entry-summary{padding-top:0;}

/* Aside Posts */
.format-gallery .gallery-thumb{float:left;margin-right:1em;}


#menu-box {
	width: 200px;
	float:right;
	box-shadow: 10px 10px 5px #888888;
	padding: 0 10px 10px 10px;
	border:2px solid #336666;
	border-radius:25px;
	-moz-border-radius:25px;
	margin: -30px 20px 20px 20px;
	background-color:#FFFFFF;
	}

#application-box {
	width: 230px;
	float:right;
	box-shadow: 5px 5px 5px #888888;
	padding: 0 10px 10px 30px;
	border:1px solid #336666;
	border-radius:25px;
	-moz-border-radius:25px;
	margin: 150px 20px 20px 20px;
	background-color:#FFFFFF;
	}

#styd-box {
	width: 550px;
	box-shadow: 5px 5px 5px #888888;
	padding: 0 10px 10px 10px;
	border:1px solid #336666;
	border-radius:25px;
	-moz-border-radius:25px;
	margin: 10px 20px 20px 20px;
	background-color:#FFFFFF;
	}


#form-box {
	border:2px solid;
	border-radius:25px;
	-moz-border-radius:25px;
	margin: 0 50px 20px 50px;
	background-color:#FFFFFF;
	}

/* Content */
.entry-meta, .entry-meta-2{clear:both;display:block;font-size:1em;text-transform:uppercase;color:#555;font-weight:400; text-align:right;}


ul.bullet
{
padding: 0;
margin: 0;
}

li.bullet
{
list-style-type: square;
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
margin:  0 0 0 50px;
line-height: 1.5em; font-size: 1.2em;
color:#584528;
}

/* Calendar Styles - Event Manager Plugin */
	table.em-calendar td { padding: 2px 4px; text-align: center;}
	table.em-calendar.table tr.days-names { font-weight: bold; } 
	table.em-calendar td.eventless-pre, .em-calendar td.eventless-post { color: #ccc; }
	table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a{ color: #aaa; text-decoration:underline; }
	table.em-calendar td.eventful a, table.em-calendar td.eventful-today a { color: #006983; }
	table.em-calendar td.eventful-today a { font-weight: bold; }
	table.em-calendar td.eventless-today { background-color: #CFCFCF; }
	table.em-calendar thead { font-size: 120%; font-weight: bold; }
	table.fullcalendar { border-collapse: collapse;}
	table.fullcalendar td { text-align: left; width: 50px; height: 50px; border: 1px solid #888; }
	div.em-calendar-wrapper { position:relative; }
	div#em-loading { position:absolute; width:100%; height:100%; background:#FFFFFF url(../images/loading.gif) 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80)}


/* Notices */
.post .notice,.error404 #searchform{background:#f8f8f8;display:block;padding:1em;}

/* Image Attachments */
.image-attachment div.entry-meta{float:left;}
.image-attachment nav{float:right;margin:0 0 1em;}
.image-attachment .entry-content{clear:both;}
.image-attachment .entry-content .entry-attachment{background:#f8f8f8;margin:0 0 1em;padding:1em;text-align:center;}
.image-attachment .entry-content .attachment{display:block;margin:0 auto;text-align:center;}

/* Aside Posts */
.format-aside .entry-header{display:none;}
.single .format-aside .entry-header{display:block;}
.format-aside .entry-content,.format-aside .entry-summary{padding-top:1em;}
.single .format-aside .entry-content,.single .format-aside .entry-summary{padding-top:0;}

/* Aside Posts */
.format-gallery .gallery-thumb{float:left;margin-right:1em;}

/* Images */
a img{border:0; margin:20px;}
p img{margin-bottom:0.5em;}

/* Resize images to fit the main content area. Applies only to images uploaded via WordPress by targeting size-* classes. Other images will be left alone. Use "size-auto" class to apply to other images. */
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img{height:auto;max-width:100%;}
img.alignleft{margin-right:1em;}
//img.alignright{margin-left:1em; border:1px;}
img.alignright{margin: 20px; border:1px;}

.gallery-caption, .wp-caption{padding:.5em;text-align:center;}
.wp-caption img{margin:.25em;}
.wp-caption .wp-caption-text{margin:.5em;}
.wp-smiley{margin:0;}

/* Forms */
#searchform label{display:none;}
#searchform input#s{width:60%;}
input[type=text],input#s{margin:0 1em 0 0;width:60%;}
textarea{width:80%;}

/* Class for labelling required form items */
.required{color:#c03;}

/* Comments */
#comments-title,#reply-title{margin-top:15px;}
article.comment{display:block;}
#respond input[type=text]{display:block;width:60%;}
#respond textarea{display:block;margin:0 0 1em;width:80%;}
#respond .form-allowed-tags{clear:both;width:80%;}
#respond .form-allowed-tags code{display:block;}
ul.children{list-style:none;}
.bypostauthor{padding:5px;background-color:#fff;border:1px solid #ccc;}

/* Widgets */
.widget{display:block;}
.widget-area .widget_search{overflow:hidden;}
.widget-area .widget_search input{float:left;}

/* The Event Calendar  */
table.tribe-events-calendar {
width: 600px;
}