/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/*@import url('examples/2c-l.css');*/

/*colour schemas

light salmon bg: #fdf7ef

Dark brown: #140000
brown: #140001
light gray : e6e3e3
light white : F1F1F2

*/


@import url('custom/cpd-css.css');

p.hidden-gray {

color: #F1F1F2;

}

blockquote {

font-family: Garamond, "Times New Roman", serif;
color: #333333;
}

div.h-lcol {
width: 482px;
vertical-align: middle;
float: left;
margin-right: 20px;
}

div.h-lcol strong p {
line-height: 20px;
}


div.middle-container {

padding-top: 14px;

}

div.h-rcol p {
margin-top: 8px;

}


div.h-rcol {
width: 482px;
float: left;

}

div.lcol {
width: 482px;
background-color: white;
margin: 20px 20px 0 20px;
float: left;
}

div.rcol {
width: 482px;
background-color: white;
margin: 20px 20px 0 0;
float: left;
}

div.serv-pages h2 {
margin: 3px 0 30px 5px;

}

div.serv-pages h4 {
font-size: 18px;
margin-left: 5px;
}

div.serv-pages strong {
margin-left: 5px;
}

div.serv-pages p {
margin-left: 5px;
}

div.serv-pages li {
list-style: circle;
}

div.serv-pages ul {
margin-left: 5px;
padding-left: 20px;
}

div.serv-header-area {
width: 984px;
/* background-color: white; */
margin: 20px 20px 0 20px;

}






div#super-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 18px;
background-image: url(img/trans-bg.png);
font-size: 11px;
color: black;
font-family: Helvetica, Arial, sans-serif;
border-top: thin #999999 solid;
}

ul.s-nav {
float: left;
padding: 2px 0 0 2px;
margin: 0;
list-style-type: none;
}

ul.s-nav li {
padding-top: 2px;
float: left;
padding-left: 4px;
}

ul.s-nav li a {
color: black;
text-decoration: none;
}

ul.s-nav li a:hover {
text-decoration: underline;
}

img#s-nav-img {
float: left;
padding: 2px 0 0 5px;

}

div#container {
float:right;
margin: 0 0 0 0;
width:100%;
}

div#container {
margin: 0;
}


/* blog content styles */

div#blog-content {
width: 600px;
font-size: 15px;
margin: auto;
}

div#blog-content h3 {
text-align: center;
padding: 25px 0 0 0;
}

div#blog-content p {
padding: 10px 0 10px 0;

}


div#content {
margin:0;
width: 1024px;
}

div.sidebar {
float:left;
overflow:hidden;
width:1024px;

}



div#secondary {
clear:left;
display: block;
margin-bottom: 10px;
}

div#footer {
clear:both;
width:100%;
margin: 20px 0 0 0;
padding-bottom: 17px;
background: #F1F1F2;
display: block;
}

div#footer p {

padding: 3px;

font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
color: #666666;

}

div.browser-warn {
text-align: center;
width: 1024px;
margin: auto;
background-color: #eeeeee;
color: black;
font-family: sans-serif;
border: dotted gray 1px;
padding: 3px;

}

div#wrapper
{
margin: auto;
width: 1024px;

}

div#header {
border-bottom: solid 3px #140000;
height: 58px;

}

img {
border: 0;
}


h1#blog-title {
text-align: left;
margin: 0;
padding: 5px 0 0 0;
}

img.sub-title {
position: relative;
top: -33px;
left: 380px;
}

p {
margin: 0;
}

div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#thumb-area {

width: 720px;
float: left;
}



div#content-text-area {
width: 280px;
float: right;
padding: 10px 15px 15px 0;

}

div#content-text-area-1 {
width: 280px;
float: right;
padding: 10px 15px 15px 0;
}



div#content-text-area p{
color: black;
font-size: 13px;
}

div#content-main {
overflow: hidden;
background: #F1F1F2;
width: 100%;
height: 100%;
margin-bottom: 1px;
}


/* added margin to top and bottom */
.widget.cat_posts {
background-color: #F1F1F2;
margin: 10px 10px 10px 10px;
width: 320px;
}





div.sidebar ul li.cat-posts-item {
font-size: 14px;
list-style-type: none;
background-color: #F1F1F2;
width: 300px;
margin: 15px 0 0 0;
}

div.sidebar ul li.cat-posts-item a {
font-size: 18px;
color: black;
text-decoration: none;
}


div.sidebar ul li.cat-posts-item a:hover {
background-color: #cccccc;
}



div.sidebar ul li.cat-posts-item p {
padding-top: 8px;
}


ul.xoxo {
background-color: blue;

}

ul.xoxo ul{
font-family: Helvetica, Verdana, Arial, sans-serif;
list-style-type: none;
}

ul.xoxo li{
float: left;
background-color: white;
width: 330px;
}


.widget.cat_posts h3.widgettitle
{
padding: 10px 10px 4px 10px;

}

.widget.widget_text h3.widgettitle {

margin: 10px 10px 10px 0px;

}

.widget.widget_search h3.widgettitle {

margin: 10px 10px 10px 0px;

}

h3.widgettitle {
border-bottom-color: black;
border-bottom-style: solid;
border-bottom-width: 2px;
width: 280px;
height: 35px;
padding: 5px 0 5px 5px;
}


h3.widgettitle a {
position: absolute;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 24px;
text-decoration: none;
color: #140001;

}

h3.widgettitle a:hover {
background-color: #cccccc;
}



/*search widget styling*/

li#search.widget.widget_search {
background-color: #f1f1f2;
margin: 20px 0 0 10px;

width: 320px;
}

form#searchform.blog-search {
padding: 10px 0 10px 10px;
}


h3.widgettitle label {

font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 24px;
text-decoration: none;
color: #140001;
padding: 10px;
}

/*text widget styles*/

.widget.widget_text {
background-color: #F1F1F2;
margin: 10px 10px 10px 10px;
width: 320px;
padding-bottom: 10px;

}

.widget.widget_text h3.widgettitle {

font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 24px;
text-decoration: none;
color: #140001;
padding: 0 0 0 10px;
}

div.textwidget
{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
color: #140001;
}

div.textwidget p
{
padding: 5px 15px 0 15px;
}

div.textwidget a {
color: #140001;
}

/*old entry title*/

/*
h2.entry-title
{
border-top-color: #140000;
border-top-width: 4px;
border-top-style: solid;
border-bottom-color: #140000;
border-bottom-width: 4px;
border-bottom-style: solid;
padding-left: 0;
padding-bottom: 40px;
padding-right: 0;
padding-top: 40px;
color: #140000;
text-shadow: 1px 1px 10px #503221;
font-size: 45px;
font-family: Helvetica, Verdana, Arial, sans-serif;
background-image: url(img/front-post-title.jpg);
width: 1024px;
margin: 0;
text-align: center;
}
*/

/*new entry title*/

h2.entry-title
{
border-top-color: #140000;
border-top-width: 4px;
border-top-style: solid;
border-bottom-color: #140000;
border-bottom-width: 4px;
border-bottom-style: solid;
padding-left: 0;
padding-bottom: 15px;
padding-right: 0;
padding-top: 15px;
color: #140000;
font-size: 35px;
font-family: Helvetica, Verdana, Arial, sans-serif;
width: 1024px;
margin: 0;
background-color: white;
}





img.alignleft-1 {
margin: 5px 0 0 0;
}

/*post and page content starts here.*/

div.nav-previous a {
color: #222222;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 13px;

}


div.nav-next a {
color: #140000;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 13px;

}

div.entry-content {
padding: 0px 0 10px 0;
background-color: #F1F1F2;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
color: #140000;
}

div.entry-content a {

color: #414141;
text-decoration: none;
}

div.entry-content a:hover{

text-decoration: underline;

}


p.def-text {
padding: 5px 15px 5px 15px;
}

p.content-text {
padding: 10px 20px 10px 20px;

}

/*content img's*/

img.img-full {
margin: 0 0 10px 0;

}

img.large-thumb {
float: left;
padding: 0px 10px 10px 0;

}



/*video players*/

div#video-player {
float: left;
margin: 5px 15px 5px 0;

}

div#video-right {
padding: 15px 0 0 0;

float: right;


}

/*edu media content*/

div#edu-media {

width: 660px;
float: left;
}

/*content text*/

div#content-text-area p.body-large {

font-size: 18px;
color: #333333;

}

div#content-text-area p.body-large a {

text-decoration: none;
color: black;

}

div#content-text-area p.body-large a:hover{

background-color: #ccc;
}


/*archive page*/

h2.page-title {

padding: 10px 0 10px 0;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 24px;
color: #140001;
background-color: #F1F1F2;
}


h3.entry-title {
margin: 5px 0 5px 0;
}

h3.entry-title a{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 24px;
text-decoration: none;
color: #140001;

}

div.entry-date {

font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
color: gray;
}

div.entry-meta {
font-weight: bold;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
background-color: #F1F1F2;
padding: 10px 20px 10px 20px;
color: #f1f1f2;
}

div.entry-meta:hover {
color: #999999;
}


div.entry-meta:hover a{
color: #999999;
}



div.entry-meta a {
color: #F1F1F2;
}

ul.basic-list {
list-style-type: none;

}


div#respond h3{

font-weight: bold;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
color: #140001;
}


div#respond label {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
color: #140001;
margin-top: 3px;

}

div.form-label {

margin-top: 3px;

}

p#comment-notes {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
color: #140001;

}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:250px;
height: 25px;
font-size: 20px;
color: #222222;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}