/*  
Theme Name: Job Ballard Design 
Theme URI: http://www.jobballard.net
Description: This the custom developed theme for Job Ballard Design. Theme deveolped by <a href="http://www.jobballard.net"> Job Ballard Design</a>.
Version: 1.0
Tags: valid CSS, valid XHTML
Author: Job Ballard
Author ULI: http://www.jobballard.net/
*/

body {background-color:#000; background:url(images/bg.jpg) no-repeat top center;font: 100% Arial, Helvetica;}

p {font: .9em/1.5em Arial;}

/* image settings */	
a img {border: none;}
a img:hover {border: 1px; color:#CC0000;}

a:link, a:visited {color:#3399FF; text-decoration:underline;}

.comme{clear:both; overflow:hidden;}

a:hover {color:#FF9900; text-decoration:none;}

#content{background-color:#FFF; margin: 0 auto; width:1000px; padding: 0; float: centre;}

h1 {font:2.2em Times;margin-bottom:10px; color: #3399FF;} 

h2 {font:1.2em Times;margin-bottom:10px;} 

h3 {font:1em Arial;margin-bottom:10px; color:#3399FF;}

.right {
	float:right;
	}

.left {
	float:left;
	}
	
	
	/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	clear:both;display: block;
	margin-left: auto;
	margin-right: auto; overflow:hidden;
	}

img.alignright {
	clear:both; padding: 4px;
	margin: 0 0 2px 7px;
	display: inline; overflow:hidden;
	}

img.alignleft {
	clear:both; padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
        float: left; overflow:hidden;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* general page layout elements
---------------------------------------------------------------------------------------------- */
#bluebg{ background-color: #CCFFFF; margin: 0 auto; width:950px; padding: 0px; float: centre;}

#space{ width: 950px; height: 30px}

.main{ margin: 0 auto; width:900px; padding: 40px 0px 0px 0px; float: centre;}


/* header
---------------------------------------------------------------------------------------------- */

.header{ background-color: #3399FF; margin: 0 auto; width:900px; height:130px; padding: 0px; float: centre;}

.hleft{width:450px; height: 130px; float:left}

.hleft h1 {font:2.5em Arial;margin-bottom:10px; color: #CCFFFF;}

.hleft a:link, .hleft a:visited {color:#CCFFFF; text-decoration:none;}

.hleft a:hover {color: #CCFFFF; text-decoration:none;}

.hright{width:450px; height: 120px; float:right; padding: 70px 0px 0px 0px}

.hright p {font: 1em/1.5em Arial; color:#FFFFFF; text-align:center;}

.hright a:link, .hright a:visited {color:#CCFFFF; text-decoration:none;}

.hright a:hover {color: #FF9900; text-decoration:none;}




/*home page styling
---------------------------------------------------------------------------------------------- */
#welcome {background-color:#FFF; margin: 0 auto; width:950px; height:310px; padding: 0; float: centre;}

#welcomeleft {margin: 0px 20px 0px 0px; width:455px; padding: 0; float: left;}

#welcomeleft a:link, #welcomeleft a:visited {color:#815333;}

#welcomeleft a:hover {color:#ffae00; text-decoration:none;}

#welcomeleft h1 {color:#815333;}

#welcomeleft p {font: 1.2em/1.5em Times; font-style:italic; color:#815333;}

#welcomeright {margin: 0px 20px 0px 0px; width:455px; padding: 0; float: right;}

#welcomeright a:link, #welcomeright a:visited {color:#2E9148; text-decoration:underline;}

#welcomeright a:hover {color:#ffae00; text-decoration:none;}

#welcomeright h1 {color:#2E9148;}

#welcomeright h2 {font-style:italic; color:#2E9148;}

/*home page mentors
---------------------------------------------------------------------------------------------- */
#homementors {background-color:#FFF; margin: 0 auto; width:950px; height: 565px; padding: 0; float: centre;}

#homementors h1 {color:#000;}

#hms {margin: 0 auto; width:217px; height:260px; padding: 0; float: left;margin: 0px 20px 0px 0px;}

#hms a:link, #hms a:visited {color:#2E9148; text-decoration:underline; font-style:italic;}

#hms a:hover {color:#ffae00; text-decoration:none;font-style:italic;}

#arch { width: 50%;}


/*site page layout
---------------------------------------------------------------------------------------------- */

#page {margin: 0 auto; width:950px; float: centre;}

#enuf {background-color:#FFFFFF; margin: 0 auto; width:1000px; float: centre;}

#post {background-color:#FFFFFF; margin: 0 auto; width:700px; padding: 0px 20px 0px 25px; float: left;}

#post h1 {font:2.2em Arial;margin-bottom:10px; color: #3399FF;} 

#post h2 {font:1.2em Arial;margin-bottom:10px;} 

#post h3 {font:1.3em Arial;margin-bottom:10px; color:#3399FF;}

#post a:link, #post a:visited {color:#2E9148; text-decoration:underline; font-style:italic;}

#post a:hover {color:#ffae00; text-decoration:none;font-style:italic;}

#side { background-color:#FFFFFF; margin: 0 auto; width:220px; padding: 0px 0px 0px 30px; float: right;}

#side h2 {padding-top:20px;}
#side h2#titlespons {padding:0;}

#side ul {
	margin:0 0 0 3px;
	list-style-type: square;
}
#side ul li {
	margin-left:10px;
	line-height:1em;
}
#side ul li a, #side ul li a:visited  {
	color:#2E9148;
	display:inline;
	font:1em Times;
}
#side ul li a:hover {
	color:#ffae00;
	text-decoration:underline;}

#post h2 { font-weight:bold;}


/*-----calendar*/
#calendar_wrap{margin: auto 0;}
#wp-calendar caption{ font-size:1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#wp-calendar th, #wp-calendar td{text-align:center; padding:0.25em; font-family:Arial, Helvetica, sans-serif;}
#wp-calendar td{font-size:0.8em; color:#000;}
#wp-calendar a{font-weight:bold; font:Arial, Helvetica, sans-serif;}
#wp-calendar a:link, #post a:visited {color:#2E9148; text-decoration:underline; font-style:italic;}
#wp-calendar a:hover {color:#ffae00; text-decoration:none;font-style:italic;}



#rightcolumn h2 {padding-top:20px; font-weight:bold;}
#rightcolumn h2#titlespons {padding:0;}
#rightcolumn {
	float:right;
	width:50px;
	height:40px;
}



#singlepost {
	background-color:#FFFFFF;
	float:left;
	display: inline;
	padding: 0px 0px 0px 25px;
	margin-right:15px;
	width: 720px;
}

.post { 
}

#singlepost a:link, #singlepost a:visited {color:#2E9148; text-decoration:underline; font-style:italic;}

#singlepost a:hover {color:#ffae00; text-decoration:none;font-style:italic;}


#pagenavi {
	height:20px;
}

/*Div for home page single floating :)*/





/*footer mentors
---------------------------------------------------------------------------------------------- */
#foothold {background-color: #FFCC66; margin: 0 auto; width:880px; height: 78px; float: centre; padding: 5px 0px 0px 20px;}
#foothold p {font: .7em/1.5em Arial;}


* Comments*/

.commentlist cite {
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom:0px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 5px 0px 5px 0px;
	list-style:none;
	margin-bottom:0px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 0px 0px 0px 0px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:560px;
	float:left;
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	font:Arial, Helvetica, sans-serif;
	margin-top:3px;
	text-align:left;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}
div.img

{
  margin: 0px;
  height:auto;
  width:auto;
  float: left;
  
}