/*   
Theme Name: Eleven Media
Theme URI: Eleven Media
Description: Eleven Media
Author: Eleven Media
Author URI: http://www.elevenmeida.com.au
Version: 2010

*/
/* main */
	* 		{margin:0px; padding:0px; }
	img 	{border:0px;}
	body 	{ background:url(images/bg.jpg) top center repeat-x #f1f1f1;   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#898989;   }
	#wrap 	{width:980px; margin-left:auto; margin-right:auto;}
	#header { height: 111px; overflow: hidden;}
	#logo 	{ display: inline; float: left; width: 211px; height: 111px;}
	#content {width: 980px; background: url(images/content-bg.jpg) repeat-y; border-top:1px solid #eae8e8;  }
	
	#banner {width: 980px; background:#FFF; border:1px solid #eae8e8; height:335px; overflow:hidden;}
	#banner p { margin:0px; padding:0px; }
	.work-wrap { width: 950px; margin-left: 20px; margin-top:15px; margin-bottom:15px;}
	.webwork { width:230px; height:167px; display: inline; float: left; background: url(images/webwork-bg.jpg) no-repeat; margin: 2px;}
	.webwork img { padding: 15px 15px 15px 15px; width: 200px; height: 136px;}

	#folio {width: 980px; background:#FFF; border:1px solid #eae8e8;}

	
	#page-wrap {width: 680px; display: inline; float: left; }
	#sidebar {width: 270px; display: inline; float: right; margin-right: 15px; margin-top: 0px;}
	#sidebar h3 { margin-top:15px;}
	.page-tile { margin-left: 30px;}
	.spacer { clear: both; height:24px; width: 680px; background: url(images/post-spacer.jpg) no-repeat bottom;}
	.side-spacer { clear: both; height:5px; width:270px; background: url(images/side-spacer.jpg) no-repeat bottom;}
	
	.h5-title { clear: both; width: 680px; background: url(images/post-spacer.jpg) no-repeat bottom;}



	
	.post {display: inline; float: left; width: 620px; margin-left: 30px; margin-top: 10px;}
	.post img { border: 1px solid #eae8e8; padding: 8px; background:#f1f1f1; margin-top:10px;}
	.blog-post {display: inline; float: left; width: 620px; margin-left: 30px; margin-top: 10px;}
	.blog-post img { border: 1px solid #eae8e8; padding: 8px; background:#f1f1f1; margin-top:10px;}
	.box {border: 1px solid #eae8e8; padding: 8px; background:#f1f1f1; width: 600px; margin-top:10px;  }
	.promo img {border: 0px solid #eae8e8; padding: 0px; background:#FFF; width: 600px;margin-left:0px; }

	.social-media img {border:0px; margin-right:20px; background:#FFF; padding:0px;}
	.social-books  {display: inline; float: left; width: 620px; margin-left: 20px; margin-top: 0px;}
	.social-books ul {padding:0px; margin:0px;}
	.social-books li {padding:0px; margin:0px;}
	
		
	.share { width:100%; border-top: 1px dotted #f1f1f1; border-bottom: 1px dotted #f1f1f1; height:30px;  }
	.share-facebook { width:450px; display:inline; float:left; margin-top:5px;}
	.share-twitter { width:100px; display:inline; float:right; margin-top:5px; }
	
	.col-a { display:inline; float:left; width:250px;}
	.col-b { display:inline; float:right; width:350px; overflow:hidden;}
	.col-a p {padding-top:0px;}
	.col-b p {padding-top:0px;}
	.col-a h4 {padding-top:10px;}
	
	a.more-link { display:none; }
	img.read-more {width:162px; height:32px; background:(images/btn-read-more.jpg) no-repeat #000; float:right; padding:0px; margin:0px; border:0px; margin-top:5px; margin-bottom:5px;}
	ul.commentlist { list-style:none; }
	ul.commentlist li {width:560px; background:#fcfcfc; padding:20px; margin-bottom:20px; border:1px solid #eae8e8;}
/* main nav styles */
	#nav-wrap 		{ width:455px; display: inline; float: right; height: 111px; margin-top: 10px;}
	#nav-wrap ul 	{ margin:0px; padding:0px; list-style:none; display:inline; }
	ul#navul 		{  margin:0px; padding:0px; display: inline; list-style: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	ul#navul li 	{ margin:0px; padding:0px; float: left;  font-size: 13px;  font-weight:normal; margin-left: 5px;}
	ul#navul li a 	{  color:#FFF; text-decoration:none;  line-height:111px; height:111px; padding: 50px 20px 46px 20px; margin-left: 5px; }
	ul#navul li a:hover { color: #FFF; line-height:111px; background: url(images/nav-ro.png) bottom repeat-x; padding: 50px 20px 46px 20px;  }
	.current_page_item { color: #FFF; line-height:111px; background: url(images/nav-ro.png) bottom repeat-x; padding: 50px 20px 46px 20px; margin-left:0px;  }
	.current_page_parent { color: #FFF; line-height:111px; background: url(images/nav-ro.png) bottom repeat-x; padding: 50px 20px 46px 20px; margin-left:0px;  }
/* sidebar styles */
	.side-wrap 		{ margin:0px; padding:0px; width:245px;  display:inline; float:left; margin-bottom:10px;  }
	.side-title 	{ height:41px;  width:245px; display:inline; float:left; background:url(images/side-header.jpg) no-repeat; }
	.side-foot 		{ background: url(images/side-footer.jpg) no-repeat; height:9px; clear:both; width:245px;  }
	.side-nav 		{ width:250px; display:inline; float:left;}
	
	.widget ul 	{ margin:0px; padding:0px; text-align:left; color:#000; display:block; list-style:none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  margin-bottom: 10px; }
	.widget li  	{ float: left;  margin:0px; padding:0px; color:#555555;  list-style:none;  display:block;  width:270px; margin-bottom:0px; line-height:33px;  background: url(images/side-spacer.jpg) bottom no-repeat;   }
	.widget li a 	{ color:#555555; text-decoration:none; display:block; font-weight:normal;  padding-left:20px; font-size:12px; background: url(images/side-li-bg.jpg) no-repeat top;  }
	.widget li a:hover { color:#000; padding-left:20px;  background: url(images/side-li-bg.jpg) no-repeat bottom;  }
	.widget p { color:#555555; text-decoration:none; display:block; font-weight:normal;  padding:5px 25px 5px 5px; font-size:12px;}
	
	ul.socials {margin:0px;}
/* font Styles */ 
	h1 { font-size:14px; color:#636363; line-height:20px; padding:0px; font-weight:normal; padding-top:15px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase; }
	h2 { font-size:18px; color:#0172bc; line-height:28px; padding:0px; font-weight:normal; margin:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;  }
	h3 { font-size:18px; color:#3770ad; line-height:23px; margin-bottom:2px; margin-top:10px;  font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; padding-bottom:10px; background: url(images/side-spacer.jpg) bottom no-repeat;  }
	h4 { font-size:14px; color:#636363; line-height:20px; font-weight:normal; margin:0px; padding-top:10px; padding-bottom:5px;}
	h5 {  font-size:14px; color:#636363; line-height:40px; padding:0px; font-weight:normal; padding-top:6px; padding-left:30px; padding-bottom:10px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;}
	h6 {  font-size:14px; color:#636363; line-height:40px; padding:0px; font-weight:normal; padding-top:6px; padding-left:0px; padding-bottom:10px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;}
	p  { font-size:12px; color:#898989; line-height:18px; margin:0px; padding:0px; padding-top:10px; padding-bottom:10px;}
	li { font-size:12px; color:#898989; line-height:18px; margin-top:5px; margin-bottom:5px;}
	ul { padding:0px; padding-left:5px; margin-left:5px; margin-top:10px; margin-bottom:15px;}
	ol {padding:0px; margin:0px; padding-left:5px; margin-left:15px; margin-bottom:15px;}

	.blog-post h1 {font-size:18px; color:#0172bc; line-height:28px; padding:0px; font-weight:normal; margin:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;}
	.blog-post h2 {font-size:16px; color:#0172bc; line-height:28px; padding:0px; font-weight:normal; margin:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:none;}
/* link styles */	
	a:link 		{color:#3770ad;	text-decoration: underline;}
	a:visited 	{color:#3770ad; text-decoration: underline;}
	a:hover 	{color:#4aa8e6; text-decoration: underline;}
	a:active 	{color:#3770ad; text-decoration: underline;}
	a:focus 	{outline-style: none;}  
	
	h2 a:link 		{color:#0172bc;	text-decoration: none;}
	h2 a:visited 	{color:#0172bc; text-decoration: none;}
	h2 a:hover 		{color:#0172bc; text-decoration: underline;}
	h2 a:active 	{color:#0172bc; text-decoration: none;}
	h2 a:focus 		{outline-style: none;} 

/* clears   */
	.clear 		{clear:both; height:0px; width:100%; }
	.clear05	{clear:both; height:05px; }
	.clear10	{clear:both; height:10px; }
	.clear15	{clear:both; height:15px; }
	.clear20	{clear:both; height:20px; }
	.clear30	{clear:both; height:30px; }
    .clear165	{clear:both; height:165px; }
	
/* footer */
	.footer-full { width:100%; background:url(images/footer-tile.jpg) repeat-x; height:300px; clear:both; }
	.footer-wrap { width:100%; background:url(images/footer-bg.jpg) center no-repeat; height:300px; clear:both; }
	.footer {width:980px; height:180px; clear:both; margin-left:auto; margin-right:auto;}
	.footer p {font-size:12px; color:#006699; margin:0px; padding:0px; line-height:180px; padding-left:20px; }
	.footer a:link {color:#006699;	text-decoration: none;}
	.footer a:visited {	color:#006699; text-decoration: none;}
	.footer a:hover {	color:#006699; text-decoration: underline;}


/* content styles */
	.image-left-box 	{display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 10px 20px 20px 0px; }
	.image-right-box	{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 20px; margin-right:10px;margin-bottom:10px;  }
	.image-left 		{display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; }
	.image-right		{display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;}
	.map 				{border: 1px solid #dfdfdf; padding:2px; width:300px; margin-top:10px;}
	.image-product		{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px;  }
	.line 				{border-top: 1px solid #aaafbd; margin-top:5px; margin-bottom:5px; clear:both; width:100%;}
	
	.pagebar a:link { padding:6px; border:1px solid #CCC; background:#e5e5e5; margin:1px;}
	.pagebar a:visited { padding:6px; border:1px solid #CCC; background:#e5e5e5; margin:1px;}
	.pagebar a:hover { padding:6px; border:1px solid #CCC; background:#e5e5e5; margin:1px;}
	.pagebar a:active { padding:6px; border:1px solid #CCC; background:#FFF; margin:1px;}
	.this-page { padding:6px; border:1px solid #CCC; background:#FFF; margin:1px;}
	
	/* page navi styles */
	.wp-pagenavi { clear:both; height:40px;}
	.wp-pagenavi .current { padding:6px; border:1px solid #CCC; background:#FFF; margin:1px;}
	.wp-pagenavi .page  { padding:6px; border:1px solid #CCC; background:#FFF; margin:1px;; }
	.wp-pagenavi a:hover {padding:6px; border:1px solid #CCC; background:#FFF; margin:1px;} 

	
/* end of CSS file */