/*
Theme Name: Angley_Theme
Theme URI: http://www.wpcontempo.com/
Description: A very attractive theme with angular features.
Version: 1.0
Author: Sam Lewis
Author URI: http://www.webcontempo.com/
Tags: Blue, Unique, Gray, Angles, Angular
*/

/*------------------------------------------------------------------------------------------

	TABLE OF CONTENTS
	----------------------------------------------------------------------------------------
	
	Section A :	Global Styles
	Section B :	Main Site Structure
	Section C :	Header Styles
	Section D : Navigation Styles
	Section E : Content Styles
	Section F : Sidebar Styles
	Section G : Footer Styles

------------------------------------------------------------------------------------------*/

/*	GLOBAL STYLES
------------------------------------------------------------------------------------------*/

* { margin: 0; padding: 0 }

body
{
		background: #343434 url(images/page-bg.gif) 50% 0 no-repeat;
		font: normal 80%/160% arial, 'lucida grande', georgia;
		color: #555;
		margin: 0 0 30px;
}

img { border: none; }

a { color: #333; }

/*	MAIN SITE STRUCTURE
------------------------------------------------------------------------------------------*/

#container
{
		width: 970px;
		margin: 0 auto;
		background: url(images/container-bg.png) 50% 0% no-repeat;
}

#wrapper
{
		width: 970px;		
		background: #fff url(images/wrapper-bg.png) 50% 0% repeat-y;
}

#content
{
		float: left;
		width: 650px;
		padding: 30px 0 20px 0;
		background: url(images/content-bg.png) no-repeat;
}

#sidebar
{
		float: right;
		width: 320px;
		background: url(images/sidebar-bg.png) no-repeat;
		min-height: 40px;
}

#footer
{
		clear: both;
		background: url(images/footer-bg.png) 0% 100% no-repeat;
		min-height: 70px;
		padding: 50px 40px 0 60px;
}

/*	HEADER STYLES
------------------------------------------------------------------------------------------*/

#header
{
		height: 90px;
}

#header h1
{
		float: left;
		margin-left: 60px;
		width: 182px;
		height: 90px;
		font: bold 2em/90px 'trebuchet ms', 'century gothic', san-serif;
		background: url(images/logo.gif) 0% 50% no-repeat;
}

#header h1 a
{
		display: block;
		width: 182px;
		height: 90px;
		color: #fff;
		text-decoration: none;
		text-indent: -9999px;
}

#about
{
		float: right;
		width: 260px;
		height: 60px;
		margin-top: 14px;
		margin-right: 50px;
		color: #999;
		font-family: 'century gothic';
		font-size: 90%;
}

#about a
{
		color: #ccc;
}

#about img
{
		width: 50px;
		height: 60px;
		float: right;
		background: #555;
		margin-right: 10px;
}

/*	NAVIGATION STYLES
------------------------------------------------------------------------------------------*/

#navigation
{
		width: 590px;
		height: 35px;
		padding: 5px 60px 0 50px;
}

#navigation li
{
		font-family: 'trebuchet ms', 'century gothic', san-serif;
		/*font-weight: bold;*/
		font-size: 1.1em;
		text-transform: uppercase;
		list-style: none;
		float: left;
		height: 30px;
		line-height: 29px;
		margin-right: 5px;
}

#navigation li a
{
		display: block;
		text-decoration: none;
		color: #666;
		padding: 0 10px;
}

#navigation li a:hover
{
		background: url(images/nav-hover-bg.gif) repeat-x;
		text-decoration: underline;
}

#navigation li.feed
{
		float: right;
		margin-right: 0;
}

#navigation li.current_page_item a
{
		background: url(images/nav-hover-bg.gif) repeat-x;
}

/*	CONTENT SECTION STYLES
------------------------------------------------------------------------------------------*/

/* POST SECTION STYLES */

.post
{
		/*margin: 0 0 20px;*/
		clear: both;
		font-family: Verdana;
		color: #000000;
}

.post h2, .postinfo, .entry
{		
		padding-left: 70px;
		padding-right: 30px;
}

.post h2
{
		font-family: 'trebuchet ms', 'century gothic', san-serif;
		font-size: 2em;
		font-weight: normal;
		margin: 0 0 10px;
}

.post h2 a
{
		text-decoration: none;
		color: #aa0000;
}

.post h2 a:hover
{
		color: #ff6055;
		text-decoration: underline;
}

.postinfo
{
		font-size: 85%;
		color: #323232;
		margin: 0 0 5px;
}

.postinfo span
{
		float: right;
}

.postinfo a
{
		color: #0000aa;
}

.entry p
{
		margin: 0 0 10px;
}

.excerpt p
{
		padding-left: 70px;
		padding-right: 30px;
		margin: 0 0 10px;
}

.excerpt p.more-link
{
		padding-left: 15px;
		margin: 20px 0 0;
}

.excerpt p.more-link a
{
		display: block;
		float: left;
		height: 50px;
		line-height: 24px;
		background: url(images/more-link-bg.png) no-repeat;
		text-decoration: none;
		text-align: center;
		color: #000000;
		padding-left: 55px;
		padding-right: 20px;
}

.excerpt p.more-link a:hover
{
		background-position: 0 -50px;
		color: #fff;
}

.more-link
{
		font-size: 85%;
		font-weight: bold;
}

.entry
{
		margin: 0 0 30px;
}

.entry h3
{
		font-size: 1em;
		font-family: 'trebuchet ms', 'century gothic', san-serif;
		text-transform: uppercase;
		margin: 0 0 5px;
}

.entry ul
{
		margin-left: 24px;
		margin-bottom: 10px;
}

.entry ol
{
		margin-left: 28px;
		margin-bottom: 10px;
}

.entry blockquote
{
		color: #999;
}

#searchtitle
{
		padding: 0 30px 0 70px;
		margin: 0 0 15px;
		font: bold 1em 'trebuchet ms', 'century gothic', san-serif;
		text-transform: uppercase;
}

/*	COMMENT SECTION STYLES */

#respond, #comments h2
{
		padding: 0 30px 0 70px;
}

#comments h2, #respond h2
{
		font-family: 'trebuchet ms', 'century gothic', san-serif;
		font-size: 2em;
		font-weight: normal;
		margin: 0 0 15px;
		color: #ff6055;
}

.commentlist
{
		clear: both;
		margin: 0 0 30px;
		padding: 0 30px 0 70px;
}

.commentlist li
{
		margin: 0 0 10px;
		padding: 0 0 15px;
		list-style: none;
		margin: 0 0 20px;
		border-bottom: 5px solid #eee;
		width: 550px;
		overflow: auto;
}

.commentlist li .vcard
{
		font-size: 90%;
		padding-top: 7px;
}

.commentlist li .vcard cite
{
		font-weight: bold;
		font-style: normal;
		margin-right: 3px;
}

.commentlist li .vcard cite a
{
		color: #777;
		text-decoration: none;
}

.commentlist li .comment-meta
{
		font-size: 85%;
		margin: 0 0 10px;
		border-bottom: 1px dotted #eee;
		padding: 0 0 14px;
}

.commentlist li .comment-meta a
{
		color: #999;
		text-decoration: none;
}

.commentlist li .vcard img
{
		float: right;
		border: 1px solid #ccc;
		padding: 2px;
		margin-top: -7px;
}

.commentlist li p
{
		clear: both;
		margin: 0 0 10px;
}

.commentlist li ul.children li
{
		background: #f9f9f9;
		padding: 10px;
		width: auto;
		margin-top: 10px;
		margin-bottom: 5px;
		border: 2px solid #eee;
}

.commentlist .reply
{
		font-size: 85%;
		font-weight: bold;
		text-transform: uppercase;
}

.commentlist .reply a
{
		text-decoration: none;
		text-align: center;
		color: #77bbff;
}

.commentlist .reply a:hover
{
		color: #ff6055;
}

#respond
{
		clear: both;
}

#respond p.commenttext
{
		float: left;
		width: 178px;
		margin: 0 8px 15px 0;
}

#respond p.last
{
		margin-right: 0;
}

#respond label
{
		display: block;
		font-weight: bold;
}

p.commenttext input
{
		width: 170px;
		border: 1px solid #ccc;
		border-right-color: #eee;
		border-bottom-color: #eee;
		padding: 4px 3px;
		font: normal 1em arial;
		color: #555;
}

.commentmsg
{
		margin: 0 0 15px;
}

.commentbtn
{
		margin-left: -70px;
}

.commentbtn button
{
		display: block;
		border: none;
		background: url(images/submit-button.png) no-repeat;
		width: 148px;
		height: 80px;
		cursor: pointer;
		font-size: 1em;
		text-indent: -9999px;
}

.commentbtn button:hover
{
		background-position: 0 -80px;
}

p.commentmsg textarea
{
		width: 542px;
		border: 1px solid #ccc;
		border-right-color: #eee;
		border-bottom-color: #eee;
		padding: 4px 3px;
		font: normal 1em arial;
		color: #555;
}

/*	PAGE NAVIGATION STYLES */

.pagenav
{
		clear: both;
		padding: 30px 30px 0 70px;
		font-size: 85%;
		font-weight: bold;
		text-transform: uppercase;
}

.pagenav .alignleft
{
		float: left;
}

.pagenav .alignright
{
		float: right;
}

.pagenav a
{
		/*text-decoration: none;*/
}

.pagenav a:hover
{
		color: #ff6055;
}

#comments .pagenav
{
		padding: 0 30px 0 70px;
}

#comments .pagenav span
{
		display: block;
		margin: 0 0 30px;
}

/*	SIDEBAR STYLES
------------------------------------------------------------------------------------------*/

#searchform
{
		height: 33px;
		padding: 7px 0 0;
		padding-left: 40px;
		margin: 0 0 10px;
		background: url(images/searchform-bg.png) no-repeat;
}

#searchform button
{
		display: block;
		float: left;
		width: 22px;
		height: 26px;
		border: none;
		background: url(images/search-button.png) no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		
}

#searchform input
{
		display: block;
		float: left;
		width: 207px;
		height: 20px;
		padding: 4px 0 0;
		background: #f0f7ff;
		border: 1px solid #9bcdff;
		border-right: none;
		border-left: none;
		border-bottom-color: #fff;
		font-size: 90%;
		color: #aaa;
}

#sponsors
{
		width: 270px;
		padding-left: 10px;
		overflow: auto;
		/*margin-bottom: 5px;*/
}

#sponsors li
{
		list-style: none;
		float: left;
		width: 125px;
		height: 125px;
		line-height: 123px;
		background: #555;
		margin-right: 10px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 90%;
		text-transform: uppercase;
}

#sponsors li a
{
		display: block;
		width: 123px;
		height: 123px;
		color: #999;
		text-decoration: none;
}

#sponsors li.last
{
		margin-right: 0;
}

#sidebar li
{
		list-style: none;
}

#sidebar li ul
{
		width: 280px;
		/*padding: 0 10px;*/
		margin: 0 0 10px;
}

#sidebar li ul li
{
		border-bottom: 1px dotted #444;
		padding: 0 10px 4px;
		margin: 0 0 4px;
		color: #999;
}

#sidebar a
{
		color: #ccc;
		text-decoration: none;
}

#sidebar li table
{
		width: 260px;
		margin-left: 10px;
		margin-bottom: 10px;
}

#sidebar li table caption
{
		background: #505050;
		color: #eee;
		font-weight: bold;
		padding: 3px;
		border-collapse: collapse;
		margin: 0 2px;
}

#sidebar li table th
{
		background: #505050;
		color: #eee;
		padding: 2px;
}

#sidebar li table td
{
		background: #505050;
		text-align: center;
		padding: 2px;
		color: #eee;
		font-size: 90%;
}

#sidebar li table td a
{
		color: #c3e1ff;
		font-weight: bold;
}

.widget
{
		min-height: 80px;
		background: url(images/widget-blue-bg.png) no-repeat;
}

.widget h2
{
		font-size: 1em;
		font-family: 'trebuchet ms', 'century gothic', san-serif;
		text-transform: uppercase;
		margin: 0 0 10px;
		height: 40px;
		line-height: 39px;
		padding: 0 10px;
		/*color: #fff;*/
}

.widget_tag_cloud
{
		width: 260px;
		padding: 0 50px 0 10px;
		min-height: 80px;
		margin: 0 0 15px;
		/*background: url(images/widget-peach-bg.png) no-repeat;*/
}

.widget_tag_cloud h2
{
		margin-left: -10px;
}

/*	FOOTER STYLES
------------------------------------------------------------------------------------------*/

#footer p
{
		height: 40px;
		line-height: 39px;
}

#footer p.poweredby a
{
		display: block;
		float: right;
		width: 280px;
		text-indent: -9999px;
}

#footer p.copyright
{
		text-align: center;
		padding-right: 310px;
		font-size: 85%;
}

#footer p.copyright a
{
		color: #555;
}