
/*  
Theme Name:NancyArt
Theme URI: http://www.nancysartandframe.ca/
Author: Andrea Witzke
Author URI: http://www.wdigraphics.com
*/

/* this design was based on the Connor Sliding Doors menu thanks for the code W00t */


* { margin: 0; padding: 0; list-style: none; }

body {
	text-align: center;
	color: #666;
	font-family: Verdana,Arial,sans-serif; font-size:0.79em;
	background-color: #fff;
}

body a {
		 color:#990000;
}


#upperBar {
	height: 0px;
	background: #01bcff;
}

#wrapper {
width: 964px;
margin: 0 auto;
text-align: left;
	position: relative;
	
}    
#welcomeheading  {
background:url(images/banner.jpg) top center no-repeat;
	padding-bottom: 0px; 	width:964px;
	height:109px;}

#welcomeheading a {
	
	color: #ffffff;
	text-decoration: none;
}


#welcomeheading H1{
	font: 40pt "Century Gothic", Arial, Vernada, Helvetica, sans-serif;
padding-top:20px;
	padding-left:40px;
		text-align: left;
}

#welcomeheading a:hover {
	color: #aaa;
}

#middleword {
	color: #909090;
}

#welcomeheading a:hover #middleword {
	color: #fff;
}
 
 
.description {
background:url(images/desc_bg.jpg) top center no-repeat;
width:964px;
	text-align: center;
			font: 22pt normal "Century Gothic", Arial, Vernada, Helvetica, sans-serif;
	color: #666;
	padding-bottom: 5px;
}  

                
#content {
	float: right;
	width: 690px;
	margin-top: 0px;
}

	#content .notice p {
	
		padding: 10px 0px 0px 60px;
	font-size: 24px;
		color:#fff;
	margin: 1px;
}
		#content .notice {
		background:url(images/notices_bg.jpg) left top no-repeat;
	margin-bottom: 20px; height:47px; width:676px; 
		color:#990000;
}

    #content .post {
		float: left;
		position: relative;
		width: 630px; border: 1px solid #ddd;
   background-color: #fff;
   padding-top: 25px;
   padding-left:20px;
   padding-right:20px;
   padding-bottom:25px;
   margin: 5px;
   /* optional rounded corners for browsers that support it read NOT DUMBASS IE  */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;

}
		#content .post h2 	{text-align:center;}
	#content .post h2 a {
		 color:#666;
		text-decoration:none;font: 16pt normal "Century Gothic", Arial, Vernada, Helvetica, sans-serif;


	}

	#content .post h2 a:hover {
		 color:#990000;
	}
	
	#content .post h3 {
		font-size: 11px;
		font-weight: normal;
		color: #990000;

}

 #content .post-details {
	bottom: 20px;
	position: absolute;
	right:  0px;
	width: 0px;

	
}
	
	#content .post h3 a {
	 color:#990000;
	}              
	
	#content .post h3 a:hover {
		text-decoration:underline;
	}
	
	#content .post img {
	max-width: 500px;
	max-height: 600px;
	margin-bottom: 10px;
	margin-top: 10px;

}     

#content .post p { width:100%; font-family:verdana,Arial, Helvetica, sans-serif; line-height:0.83em text-align: left;}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it read NOT DUMBASS IE  */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

#content p.wp-caption-text  
   {
   font-size: 11px;

   margin: 10px;
	color: #000;
	text-align: center;
}
	
	#content .post a img {
	}
		
	#content .post ul {
		margin-left: 20px !important;
	}
	
	#content .post ul li {
		list-style-type: disc !important;
	}
	
	#content p,
	#content .post ul li {
		margin-bottom: 3px;
		margin-top: 3px;
	color: #666;
	margin-right: 140px;
	text-align: justify;
}
	
		#content blockquote {
			margin-left: 10px;
			border-left: 3px solid #333;
			padding-left: 10px;
		}
	
	#content p a {
		color: #990000;
	}
	
	#content p a:hover {
		text-decoration: underline;
	} 
	
	#content small {
	    margin: 0 auto;
	    text-align: center;
	    display: block;
	    border-top: 3px solid #333;
	    border-bottom: 1px solid #333;
	    font-size: 11px;
	    color: #999;
	}
	
	#content ol {
	line-height: auto;
}
	#content ol.commentlist {
		margin-top: 10px;
	}
	
	#content ol.commentlist li {
		border-top: 1px solid #333;
		margin-bottom: 10px;
	} 
	
		#content ol.commentlist li .commentMeta {
			width: 120px;
			float: left;
			margin-top: 5px;
		} 
		
		    #content ol.commentlist li .commentMeta span {
				display: block;
			}
			
			#content ol.commentlist li .commentMeta span.author,
			#content ol.commentlist li .commentMeta span.author a {
				color: #666;    
				text-decoration: none;
				margin-bottom: 5px;
			}                     
			
			#content ol.commentlist li .commentMeta span.date a {
				color: #666;
				text-decoration: none;
				font-size: 11px;
			}

			#content ol.commentlist li .commentMeta span.moderate a {
				color: #666;
			}
		
		#content ol.commentlist li .commentText {
			width: 450px;
			float: right;
			padding: 5px;
			font-size: 12px;
		}
	
	
	#content ol.commentlist .avatar {
float: left;
}


	#content h3 {
		color: #990000;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#content #commentform input {
		padding: 5px;
		font-family: "Century Gothic", Arial, Vernada, Helvetica, sans-serif;
	}
	
	#content #commentform textarea {
		width: 410px;
		padding: 10px;
		font-family: "Century Gothic", Arial, Vernada, Helvetica, sans-serif;
	}
	
	#content .nextprevious {
		height: 40px;
		display: block;
	} 
	
	#content .nextprevious a {
		color: #CCC;
	}               
	
	#content .nextprevious .left {
		float: left;
	}              
	
	#content .nextprevious .right {
		float: right;
	}
	
	#content .adBrite {
		display: block;
		margin-bottom: 20px;
		border: 1px solid #333;
	}

#sidebar {
	width: 232px;
	float: none;
	padding-top: 8px;
	text-align: left;
} 

#sitemeter {
	text-align: center;
	width: 160px;
		font-size: 11px;
		color: #999;
}
#sitemeter img{
	padding-bottom: 8px;
	padding-top: 8px;
}

	#sidebar {
	width:250px;
	height:360px;
	}
	
	#sidebar h2 {
		font-weight: normal;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
	#sidebar a img {
		border: none;
	}
	

	#sidebar ul {
		margin-top: 10px;
		margin-bottom: 10px;
}
	
	#sidebar ul li {
		font-size: 11px;
		background: url(images/bullet.png) 0 5px no-repeat;
		padding: 0 10px;
		margin: 0 0 5px 5px;
	}
	
	#sidebar ul li a {
		color: #999;
		text-decoration: none;
	}
	
	#sidebar ul li span {
		color: #666;
		margin-left: 5px;
	}
	
	#sidebar ul li a:hover {
		color: #CCC;
	}
	
	#sidebar ul#nav {
		margin: 10px 0 20px 0;
	}
	
	#sidebar ul#nav li {
		margin: 0;
		padding: 0;
	}
		
	#sidebar ul#nav li a {
		display: block;
		height: 17px;
		padding: 7px 10px;
		background: url(img/nav_off.png) 0 0 no-repeat;
		margin-bottom: 5px;
		text-decoration: none;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		color: #999;
	}
	
	#sidebar ul#nav li a:hover {
		background: url(img/nav_off.png) 0 -31px no-repeat;
	}        
	
	#sidebar ul#nav li a.active {
		background: url(img/nav_on.png) 0 0 no-repeat;
		color: #FFF;
	}

#sidebar #footer {
    border-top: 3px solid #444;
    border-bottom: 1px solid #444;
    padding: 7px 0;
    font-size: 11px;
}

    #sidebar #footer p {
        margin-bottom: 5px;
        color: #ccc;
	text-align: center;
}
    
    #sidebar #footer a {
        color:#990000;
	text-decoration: none;
}
    
    #sidebar #footer a:hover {
        text-decoration: none;
        color: #fff;
    }

.clearfix {
	clear: both;
}	
/*pilfered footer from whollyhealth */
/***** FOOTER *****/
.footer-wrap { width:964px; height:50px; margin: 0 auto; 
 }
#footer {float: left; margin: 0 auto 0 auto; padding: 0; width: 964px; height: 60px;; border: 1px solid #fff;width: 1000px; float: left; color:#003300; font-size: 95%; height:50px; }
#footer a, #footer a:visited { color: #993333; }
#footer .left-col { width: 240px; float: left; margin-left: 30px; padding-right: 10px; }
#footer .right-col { width: 350px; float: right; margin-right: 65px; margin-left: 10px; }
#footer h4 { font-size: 1.7em; font-family: Arial; color:#003300; margin: 20px 0px 5px; font-weight:lighter; }
#footer_bottom {  clear: both; margin: 0 auto 0 auto; padding: 0; width: 1000px; height: 25px; }

.footer-misc {list-style: none; margin: 0; padding: 0; font-size: 92%; line-height: 110%; }
.footer-misc li {padding: 0 0 10px 20px; }
.footer-misc a {font-size: 115%; line-height: 130%; font-weight: bold; }

#credits { height: 30px; clear: both;  background: transparent/*url(images/footertop-bg.jpg)   repeat */; margin: 0; padding-top:175px;padding: 0; text-align: center; color:#003300; font-size: 90%; line-height: 120%; }
#credits a, #credit a:visited { color: #993333; }
#credits p { margin-right: 20px; }

/*more */
#main_content_bottom {  }


/*end pilfered */

.ctc {
text-align: center;
	text-decoration: none;
	line-height:auto;
	background-color: #000;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}	


.ctc a {
	text-decoration: none;
	text-transform: lowercase;
	font-family:"Century Gothic", Arial, Vernada, Helvetica, sans-serif;
	margin: 4px;
	border: thin none #060606;
}
.ctc a:hover{
	color: #fff;
	margin: 3px;
	border: thin solid #8acef3;
	background-color: #0c0c0c;
}

[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background:none!important;

}

 #upperBox {
	margin-bottom: 10px;
	text-align: center;
	position: absolute;
	right: 0;
	padding-top: 5px;
}
	
 #upperBox a img {
		display: block;
		margin: 0 auto;
		border: none;
	}
	

	 #upperBox p {
		margin: 5px 0;
		font-size: 10px;
		text-align: center;
	}
	
	 #upperBox input {
		height: 18px;
		padding: 5px 5px 5px 25px;
		background: url(images/upperBox_search.png) top left no-repeat;
		border: 0;
		width: 100px;
		color: #9ec7eb;
		margin-top: 5px;
	}
	
	 #upperBox input:focus {
		color: #FFF;
	}



