/*  

Theme Name: GlassArt

Theme URI: http://www.glassart.co.za

Version: v.1

Author: Christopher Mills

Author URI: http://www.christophermills.co.za

*/





body, h1, h2, h3, h4, h5, h6, blockquote, p, form{

     margin: 0;

     padding: 0;

}





p.li{

     margin-left: 15px;

}



blockquote{

     margin-left: 30px;

     margin-right: 27px;

     margin-top: 10px;

     margin-bottom: 10px;

     background: #eaeaeb url(images/blockquote.jpg) no-repeat top left;

     padding: 25px;

}



body{

     margin: 0;

     font-family: Arial, Helvetica, Georgie, Sans-serif;

     font-size: 12px;

     text-align: center;

     vertical-align: top;

     background: #58595b url(images/bg-try.jpg) repeat-y center;

     color: #666666;

}



h1{

     font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;

     font-size: 24px;

     padding: 0 0 10px 0;

}



h4{

     font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;

     font-size: 16px;

     padding: 0 0 10px 0;

}



h5{

     font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;

     font-size: 14px;

     padding: 0 0 10px 0;

}



a:link{

      text-decoration: none;

      color: #02569F;

}



a:visited{

      text-decoration: none;

      color: #104F84;

}



a:hover{

      color: #057CF2;

      text-decoration: none;

}



p{

      padding: 10px 0 0 0;

}



#wrapper{

      margin: 0 auto 0 auto;

      width: 850px;

      text-align: left;

}



#header{

      float: left;

      width: 850px;

      height: 59px;

      padding: 0px;

      background: url(images/header-bg.jpg) repeat-x;

}



#logo{

      position: relative;

      left: 0px;

      height: 59px;

      width: 850px;

      margin: 0px;

      background-image: url(images/Logo-Background-Long.jpg);

}



#tophome{

      position: relative;

      height: 59px;

      left: 650px;

      float: left;

      font-family: Arial, Helvetica, Georgie, Sans-serif;

      font-size: 7px;

      font-weight: lighter;

      text-transform: uppercase;

}



#tophome a{

      float: left;

      color: #ffffff;

      padding-right: 50px;

      padding-top: 40px;

      padding-bottom: 25px;

      background: url(images/home2.png) no-repeat 0px 12px;

}



#tophome a:hover{

      color: #ffffff;

      background: url(images/home1.png) no-repeat 0px 12px;

}





#toprss{

      position: relative;

      height: 59px;

      left: 665px;

      float: left;

      font-family: Arial, Helvetica, Georgie, Sans-serif;

      font-size: 7px;

      font-weight: lighter;

      text-transform: uppercase;

}



#toprss a{

      float: left;

      color: #ffffff;

      padding-right: 50px;

      padding-top: 40px;

      padding-bottom: 25px;

      background: url(images/rss2.png) no-repeat 0px 12px;

}



#toprss a:hover{

      color: #ffffff;

      background: url(images/rss1.png) no-repeat 0px 12px;

}



#contact{

      position: relative;

      height: 59px;

      left: 680px;

      float: left;

      font-family: Arial, Helvetica, Georgie, Sans-serif;

      font-size: 7px;

      font-weight: lighter;

      text-transform: uppercase;

}



#contact a{

      float: left;

      color: #ffffff;

      padding-right: 50px;

      padding-top: 40px;

      padding-bottom: 25px;

      background: url(images/mail2.png) no-repeat 0px 12px;

}



#contact a:hover{

      color: #ffffff;

      background: url(images/mail1.png) no-repeat 0px 12px;

}



#banner{

      position: relative;

      height: 143px;

      width: 850px;

      margin: 0px;

      background-color: #000000;

      background-image: url(images/header.jpg);

}






#menuholder{

        background: url(images/navbg.jpg) repeat-x center top;

        width: 850px;

        height: 37px;

	margin: 0 auto;

	padding: 0px 0;

}



#nav {

	width: 850px;

        height: 37px;

	background: url(images/navbg.jpg) repeat-x right top;

	float: left;

}



#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1.8;

}



#nav a {

	display: block;

	padding:10px 10px 7px 10px;

	color: #fff;

        font-size: 12px;

        margin-right: 20px;

}





#nav a:hover {

	background: url(images/navbg-over.jpg) repeat-x right top;

	color:#ffffff;

}



#nav li { /* all list items */

	float: left;

	display: block;

}



#nav li ul { /* second-level lists */

	position: absolute;

	background: #b0b1b1;

	width: 164px;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	display: block;

}





#nav li ul a{ /* second-level lists */

	width: 144px;

}



#nav li ul ul { /* third-and-above-level lists */

	margin: -37px 0 0 164px;

	padding: 0;

}



#nav li ul ul a{

	width: 144px;

	}



#nav li:hover, #nav li.hover {

    position: static;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



#container{

      float: left;

      width: 550px;

      margin-top: 20px;

}



#cat-title{

padding:3px;

margin-left:45px;

color:#02569F;

font-size:14px;

}

#sub-cat-title{

padding:3px;

margin-left:45px;

color:#02569F;

font-size:14px;

}



.post{

      padding: 25px 0px 25px 45px;

      width: 500px;

      color:#000000;

	  font-size:12px;

}



.post h2{

      

      font-size: 14px;

      line-height: 20px;

      padding-left: 0px;

      color: #02569F;

}

.post h4{

      

      font-size: 16px;

      line-height: 20px;

      padding-left: 0px;

      color: #02569F;

}



.entry{

      line-height: 18px;

      padding-right: 25px;
	  
	  padding-bottom: 10px;
	  
	  border-bottom:1px solid #000000;

}



.postbottom{

      height: 0px;

      width: 500px;

      padding-top: 25px;

      padding-right: 25px;

      padding-bottom: 40px;

}



.postbottom h3{

      color: #02569F;

      border-bottom: 1px dashed #E2E2E2;

      font-size: 10px;

      padding: 0;

      margin: 0;

}



.relatedposts{

      float: left;

      width: 500px;

      list-style: none;

      font-size: 10px;

}



.relatedposts ul li{

      list-style: none;

      width: 280px;

      margin-left: -40px;

      border-bottom: 1px solid #E2E2E2;



}





.relatedposts ul li a{

      color: #666666;

      display: block;

      text-decoration: none !important;

      margin-left: 0px;

      padding-top: 3px;

      padding-right: 0px;

      padding-bottom: 3px;

      padding-left: 5px;

}



.relatedposts ul li a:hover{

	border-bottom-color: #fff;

	color: #666 !important;

	background-color: #E6E6E6;

}



.subscribe{

      float: left;

      width: 150px;

      margin-left: 0px;

      margin-top: 5px;

}





.subscribe a{

      color: #666666;

      display: block;

      text-decoration: none !important;



      font-size: 10px;

      margin-left: 0px;

      padding-top: 3px;

      padding-right: 0px;

      padding-bottom: 3px;

      padding-left: 5px;

}



.subscribe a:hover{

	border-bottom-color: #fff;

	color: #666 !important;

	background-color: #E6E6E6;

}





p.postmetadata{



      margin: 0 0 0 0;

      padding:0px;

      font-size:11px;

}





.navigation{

      float: left;

      width: 500px;


      padding: 10px 0 15px 0;

      padding-left: 25px;

      font-size: 14px;

      line-height: 16px;

      margin-bottom: 25px;

}



.navigation a{

      color: #666666;

      text-transform: uppercase;

      font-weight:bold;      

      font-size: 14px;

      padding-top: 5px;

      padding-bottom: 15px;

      padding-left: 10px;

      padding-right: 10px;

      margin-right: 10px;

}



.navigation a:hover{

	color:#0000CC;

}



.sidebar{

      float: right;

      width: 290px;

      margin: 20px 0 0 10px;

      display: inline;

}



.sidebar ul{

      list-style-type: none;

      margin: 0;

      padding: 0px 10px 0px 25px;

}



.sidebar ul li{

      padding: 5px 0 10px 0;

}



.sidebar ul li h2{

      font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;;

      font-size: 14px;

      color: #02569F;

      padding-left: 15px;

      padding-bottom: 10px;

      background: url(images/sidebar-bullets.jpg) no-repeat 0px 4px;

}



.sidebar ul ul li{

      padding: 0px;

      line-height: 24px;

      border-bottom: #E2E2E2 1px solid;

}



.sidebar ul ul li a{

      color: #666666;

      display: block;

      text-decoration: none !important;

      margin-left: 0px;

      padding-top: 2px;

      padding-right: 0px;

      padding-bottom: 2px;

      padding-left: 5px;

}



.sidebar ul ul li a:hover{

	border-bottom-color: #fff;

	color: #02569F !important;

	background-color: #E6E6E6;

}



.comments-template{

	margin: 10px 0 0;

	border-top: 0px solid #ccc;

	padding: 10px 0 0;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px solid #E2E2E2;

}



.comments-template h2, .comments-template h3{

	font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;

	font-size: 14px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

}



#footer{

      clear: both;

      float: left;

      width: 850px;

      height: 135px;

      padding-top: 0px;

      list-style: none;

      background: #005EA6;

}



#footer p{

      line-height: 18px;

      padding-left: 20px;

      padding-right: 20px;

	  color:#FFFFFF;

}



#footer a{

       list-style: none;

       color: #ffffff;

}



#footer h2{

      color: #FFFFFF;

      padding-left: 20px;

      padding-top: 25px;

      padding-bottom: 10px;

      font-size: 14px;

}



#leftfooter{

      float: left;

      width: 283px;

      height: 135px;

      background: url(images/footer-border.jpg) repeat-y right;

}



#leftfooter li{

      list-style: none;

      margin-left: 20px;

      margin-right: 30px;

}



#leftfooter li a{

      color: #ffffff;

      display: block;

      text-decoration: none !important;

      margin-left: 0px;

      padding-top: 5px;

      padding-right: 0px;

      padding-bottom: 5px;

      padding-left: 0px;



}



#leftfooter li a:hover{

	color: #BBBBBB !important;

}



#middlefooter{

      float: left;

      width: 283px;

      height: 135px;

      background: url(images/footer-border.jpg) repeat-y right;

}



caption{

      padding-top: 10px;

      font-size: 16px;

      color: #ffffff;

}



#rightfooter{

     float: left;

     width: 133px;

}



#designer{

    float:left;

    width: 850px;

    text-align: center;

    padding-top: 15px;

    padding-bottom: 15px;

    color: #a6a7a8;

    background: #58595b;

}



#designer a:hover{

    color: #a6a7a8;

}