/*  
Theme Name: Artesol Gallery
Theme URI: http://www.artesol.com
Description: The Artesol Gallery default theme.
Version: 1.0
Author: NetMojo
 Author URI: http://www.netmojo.ca/
*/
 
/*** General Styles ***/

/* Remove margin and padding from all elements  */

*{
   margin: 0;
   padding: 0;
}

/* Set font style and colours */

body{
   font-family: "Times New Roman", Georgia, serif; 
   font-size: small;
   color: #6a6a6a;
   background: #d9d7d3;
   text-align: center;  /* centre page for bad browsers */
}

* html body{
   font-size: x-small; /* for IE 5/Win */
   f\ont-size: small;  /* for other IE versions */
}

div#container {
  text-align: left;
  width: 800px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #a8a8a8; 
}
img, img a{
	border: none;
}

/*** Header ***/

div#header{
   width: 800px;
   margin: 0 auto;
}
div#header h1{
   text-indent: -5000px;
}
div#header h1 a{
   display: block;
   background: url(/img/bannertop.jpg) no-repeat top left;
   height: 122px;
   text-decoration: none;
}

/*** Main Navigation ***/

div#mainnav{
	background: url(/img/bannerbottom.jpg) no-repeat top left;
	float: left;
	width: 800px;
}
div#mainnav ul{
  width: 599px;
  float: left;
  list-style: none;
  margin-left: 200px;
  background: #fff;
  border-left: 1px solid #A8A8A8;
  display: inline; /* fix ie6 double margin bug */
}
div#mainnav ul li{
  float: left;
  display: inline;
}
div#mainnav ul li#search{
  float: right;
  text-align: right; /* fix ie6  */
  padding: 8px 6px 6px 0;
}
div#mainnav ul li a{
  float: left;
  display: block;
  color: #6a6a6a;
  text-decoration: none;
  text-transform: uppercase;
  padding: 12px 14px 2px 14px;
}
div#mainnav fieldset{
  border: none;
}
div#mainnav label{
  text-transform: uppercase;
}
div#mainnav .inputbox{
	color: #6a6a6a;
	font-family: "Times New Roman", Georgia, serif; 
}

/*** Content ***/

div#content{
  clear: both;
  border-top: 1px solid #a8a8a8; 
  background: url(/img/gradient.jpg) repeat-y top left;
  width: 800px;
}

/*** Secondary Navigation ***/

div#secnav{
  float: left;
  width: 201px;
  padding-top: 20px;
  text-transform:uppercase;
  font-size: 110%;
}
div#secnav h2{
	font-size: 110%;
	text-align: center;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 6px 0;
}
div#secnav ul{
  list-style: none;
  text-align: right;
}
div#secnav ul li a{
  display: block;
  padding: 14px;
  text-decoration: none;
  color: #6a6a6a;
}
div#tagcloud {
	font-size: 85%;
	display: block;
	text-transform: none;
	text-align: center;
	margin: 10px 0;
}
div#tagcloud a {
	display: inline;
	text-decoration: none;
	white-space: nowrap; /* prevent line-breaks on hyphenated words */
	margin: 0 2px 0 2px;
}

/*** Main Content ***/

div#text-content{
  float: left;
  width: 599px;
  wid\th: 519px;
  font-size: 155%;
  padding: 40px; /* Fix i.e 5.x */
  color: #4a4a4a;
}
div#text-content h1{
  margin-bottom: 15px;
}
div#text-content h2{
  margin-bottom: 12px;
}
div#text-content h3{
  margin: 22px 0 12px 0;
  color: #666;
}
div#text-content h4{
  margin: 22px 0 12px 0;
  color: #666;
}
div#text-content p{
  margin: 0 12px 12px 12px;
}
div#text-content ul{
  margin: 0 12px 12px 40px;
}
div#text-content ul li{
  margin: 0 0 12px 0;
}
div#text-content a{
	text-decoration: none;
}
div#text-content a:visited {
  color: #aaa;
}
div#text-content a{
  color: #6a6a6a;
 }
div#text-content a:hover{
  color: orange;
 }
 
/***  Footer  ***/

div#footer{
  clear: both;
  text-align: center;
  background: #fff;
  border-top: 1px solid #a8a8a8; 
  padding: 12px 0;
}

/***  Blog  ***/

div#text-content div.post{
	clear: both;
	padding: 10px 0 0 0;
}
div#text-content span.UTWPrimaryTags{
	color: #000;
	font-size: 90%;
	margin-left: 20px;
}
div#text-content p.postmetadata{
	font-size: 80%;
	margin: 20px 0 10px 20px;
}
div#text-content input#submit{
  float: right; 
  margin-right: 100px;
}
div#text-content input#preview{
  float: right;
}
div#text-content div.navigation{
  font-size: 90%;
}
div#text-content div.navigation div.alignleft{
	float: left;
}
div#text-content div.navigation div.alignright{
	float: right;
}

/*** Images ***/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
}
img.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
.border {
	border: 1px solid black;
}

/*** End Images ***/