/*
THEME NAME: Purple Beautiful
THEME URI: http://academic.lozbo.org/
DESCRIPTION: Simple but beautiful, based on the Sandbox theme.
VERSION: .5 Beta
AUTHOR: <a href="http://lozbo.org/" title="Visit my Personal Artscape Playground">Lozbo</a> &amp; <a href="http://www.plaintxt.org/" title="Sandbox theme">Sandbox</a>
AUTHOR URI: http://lozbo.org/
TAGS: sandbox, minimalist, purple, lozbo, beautiful, one column, widgets
*/

.clear			{clear:both;height:0;line-height:0;}
.clearfix:after	{content: ".";display: block;
	height: 0;clear: both;
	visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 1. General Settings *************************************/
html			{height:100%;}
*				{margin:0;padding:0;}
body			{font:normal normal 12pt "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;height:100%;background:url(img/body-bg.png) center top no-repeat white;}
body #container	{background:url(img/container-bg.png) no-repeat bottom !important;width:450px;margin:0 auto;padding-bottom:1px;}
.sidebar	{clear:both !important;margin:0 auto;width:450px;}
/* 2. Header ***********************************************/
.skip-link		{display:none;}
#topsearch			{margin:0 auto;background-color:white;text-align:center;padding:10px;}
#topsearch *		{display:inline;}
#topsearch h3		{padding:5px 30px;font-size:1em;background:url(img/h3-bg.gif) no-repeat left;text-decoration:none;color:#990066;}
#topsearch ul		{margin-left:50px;}
#topsearch li		{font-size:.9em;}
#topsearch li a		{background:url(img/sidebar-li.gif) left no-repeat;color:#135271;text-decoration:none;padding:2px 15px;}
#topsearch li a:hover{background:url(img/sidebar-li-hover.gif) left no-repeat;color:#990066;}
#toggleSearchDiv	{width:750px;margin:0 auto;text-align:right;font-size:.9em;}
#toggleSearch		{color:white;text-decoration:none;padding:3px 12px;background-color:#135271;}
#toggleSearch:hover	{color:white;background-color:#990066;}

#header			{background:url(img/header-bg.png) top repeat-x #135271;border-bottom:2px solid white;padding-bottom:7px;margin-top:-1.4em;}
#header h1		{font-size:1.2em;font-weight:normal;padding-top:12px;text-align:center;color:#336699;}
#header p		{font-size:.8em;text-align:center;}
#header a 		{color:black;text-decoration:none;}
#header a:hover	{color:#990066;text-decoration:none;background:none;}
#header .png	{margin:3px 10px 0 10px;}
* html body #header .png	{margin:6px 10px 0 10px;}

/* 3. Menu *************************************************/
#menu				{width:585px;margin:0 auto;clear:left;font-size:.9em;text-align:center;}
#menu h2			{display:none;}
#menu ul			{list-style-type:none;padding-left:6px;}
#menu li			{list-style-type:none;float:left;text-align:center;}
#menu li a			{display:block;width:140px;text-decoration:none;background:url(img/nav-a-bg.png) bottom no-repeat transparent;color:white;padding:8px 2px;font-weight:normal;cursor:pointer;margin-bottom:10px;}
#menu li a:hover,
#menu li a:focus	{background:url(img/nav-a-hover-bg.png) bottom no-repeat transparent;color:#fff;padding-top:15px;margin-bottom:0;}
#menu li a:active	{}
/* Fix IE6 */
* html body #menu li a			{background:url(img/nav-a-bg.gif) bottom no-repeat transparent;}
* html body #menu li a:hover	{background:url(img/nav-a-hover-bg.gif) bottom no-repeat transparent;}

/* 4. content **********************************************/
#content		{background:url(img/content-bg.png) repeat-y transparent;margin:5px 0 70px 0;padding:20px 20px 0 20px;clear:both;border-top:5px solid #C7DDE8;}
h2				{font-size:1em;text-align:center;width:100%;height:50px;line-height:40px;color:white;background:url(img/h2-bg.png) top no-repeat transparent;font-weight:normal;margin:50px 0 0 0;}
* html body h2	{background:url(img/h2-bg.gif) top no-repeat transparent;}
#content h3		{}
#content .post h3 a		{padding:5px 30px;font-size:1em;background:url(img/h3-bg.gif) no-repeat left;text-decoration:none;display:block;}
#content .post h3 a:hover{background:url(img/h3-bg-hover.gif) no-repeat left;text-decoration:none;background-color:white;color:#135271;}

#content p:first-child {}
#content p		{font-size:.85em !important;padding-bottom:10px;}
#content ul, 
#content ol		{padding-left:25px;font-size:.85em;}
#content strong	{color:#990066;}

a			{color:#990066;}
a:active	{}
a:hover	{background-color:#990066;color:white;}
a:visited	{}

.post		{margin-bottom:30px;padding-bottom:20px;border-bottom:5px dotted #990066;}
.entry-date	{padding:10px 0;font-size:.8em;}
.entry-meta	{border:1px dotted #990066;padding:20px;font-size:.8em;}

table	{}
td		{}

/* 5. Sidebar **********************************************/
.sidebar			{background:url(img/additional-content-bg.png) repeat-y;margin-bottom:10px;border-top:5px solid #DFB0D0;}/*border:5px solid #990066;*/
.sidebar-container	{background:url(img/additional-container-bg.png) no-repeat bottom;padding-bottom:50px;}
.sidebar ul			{padding:0 25px;}

.sidebar h3			{padding:5px 30px;font-size:1em;background:url(img/h3-bg.gif) no-repeat left;color:#990066;}
.sidebar ul			{list-style-type:none;}
.sidebar ul ul		{padding:0 25px;}
.sidebar ul ul a	{background:url(img/sidebar-li.gif) left no-repeat;display:block;color:#135271;font-size:.9em;text-decoration:none;padding:2px 20px;}
.sidebar ul ul a:hover{margin:0 5px;background:url(img/sidebar-li.gif) left no-repeat;color:#135271;}
.sidebar a			{color:#135271;}
.sidebar a:active	{}
.sidebar a:hover	{background-color:#135271;color:white;}
.sidebar a:visited	{}

/* 5. footer ***********************************************/
#footer				{clear:both;text-align:center;margin-top:5px;padding:5px;background:url(img/footer-bg.png) no-repeat top #990066;color:white;}
#footer p			{font-size:.8em;padding-bottom:3px;}
#footer a			{color:white;text-decoration:none;}
#footer a:hover	{color:white;text-decoration:underline;}

/* Just some example content */
div.skip-link {position:absolute;right:1em;top:1em;}
.entry-title,.entry-meta {clear:both;}
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.gallery dl,div.navigation div.nav-previous {float:left;}
input#author,input#email,input#url,div.navigation div {width:50%;}
div.gallery * {margin:0;padding:0;}