/*
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
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:2em;
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;
/* i added padding here it put it at top of sidebar list */
}
form#commentform .form-label {
margin:1em 0 0;

}

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

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

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-top: 1em;
	margin-right: 0.9em;
	margin-bottom: 0;
	margin-left: 0;
}

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



body {
font-size:12pt helvetica, arial, sans-serif;
line-height: 15pt;
margin:12pt 6pt;
padding:3pt;
}

body a {
background:#FFF;
color:#000eee;
text-decoration:none;

}

body a:link {
background:#FFF;
color:#00ee32;
text-decoration:none;

}

body:visited,body a:hover,body a:active {
background:#FFF;
color:#f16027;
text-decoration:none;

}






body h2,body h3,body h4,body h5,body h6 {
line-height:125%;
}

body h1 {
	letter-spacing:2pt;/* art news heading */
	text-transform:uppercase;
	margin-top: 0pt;
	margin-right: 0;
	margin-bottom: 0pt;
	margin-left: 0;
	font-family: Corbel;
	font-size: 16pt;
	font-style: normal;
	line-height: 100%;
	font-weight: bold;
	
}
/* below margin changes distance between title and previous post */
body h2 {
	border-bottom:1px dotted #AAA;
	font:bold 12pt/150% helvetica, arial, sans-serif;
	margin-top: 35pt;
	margin-right: 0;
	margin-bottom: 6pt;
	margin-left: 0;
	padding-top: 0;
	padding-right: 2pt;
	padding-bottom: 0;
	padding-left: 0;
}
body h3 {
font-size:16pt;
font:bold 130% helvetica, arial, sans-serif;/* 200percent made the overlap disapear on the side headings, still slight issue in firefox but padding didnt help */
margin:18pt 0 6pt;
text-transform:lowercase;

}


body p {
margin:0 0 12pt;


}

body div.entry-date {
border:1px solid #999;
float:right;
font-size:7pt;
margin:0 3pt;
padding:1pt 3pt;
text-transform:uppercase;
}

body abbr.published {
border:50;
}


/* this removed the link, may want to get rid of all the content line */
body div.entry-content a:link:after,body div.entry-content a:visited:after {
content:"") ";
font-size:90%;
}

body div.entry-content abbr:after {
content:" (ie, " attr(title) ") ";
font-size:90%;
}




div.gallery {
clear:both;
height:180px;
margin:1em 0;

width:100%;
}

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

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:1px;/* this changes gap beteen art news and title */
}

div#nav-below {
margin-top:1em;/* this changes gap beteen wordpress at bottom */
}

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

}

div.navigation {
height:1.25em;/* this also changes gap beteen art news and title */
}

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


div#container {
float:left;
margin:0 -200px 0 0;/* this margin moves body to left */
width:100%;
}

div#content {
margin:0 220px 0 0;/* this margin moves body to right */

font:10pt/150% helvetica, arial, sans-serif;

}

div.sidebar {
float:right;
overflow:hidden;
width:180px;
}
div.sidebar ul { padding:0; margin:0; }

div#secondary {
clear:right;
}

div#footer {
clear:both;
width:100%;
}





div.sidebar h3 {
font-size:10pt;
}

div.sidebar input#s {
width:7em;/* this makes search box bigger */

}

div.sidebar li {
	list-style:none;
	font: 10pt/150% helvetica, arial, sans-serif;
	margin:0 0 2em;/* em squashes the gap between title and list */
	padding:0;


}

div.sidebar li form {
	margin:0em 0 0;/* making the em 0 seemed to add space between list items */

}


div.sidebar ul ul {
margin:0;

}

div.sidebar ul ul li {
list-style:none;
margin:0; /* gap between left date links*/

}

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

}

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

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

}

div#header,div#footer {
	text-align:left;
	margin: 0px;
}

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

}

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

}