/* 

Theme Name: Structure

Theme URI: http://justintadlock.com/archives/2007/12/09/structure-wordpress-theme

Description: A theme for news/magazine sites with a blog-friendly option too.  It includes built-in video and image features that easily allow you to customize your site. There are content blocks that you can place virtually anywhere on the page.

Version: 1.2

Author: Justin Tadlock

Author URI: http://justintadlock.com

Copyright (c) 2007 - 2008 Justin Tadlock

*/



* { margin: 0; padding: 0; }



ul li { list-style-type: none; }



p { margin: 10px 0; font-size: 100%;}



a { color: #0087DC; text-decoration: none; }

a:hover { color: #000; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #0087DC; }

h2 { font-size: 120%; }

h3 { font-size: 100%; }

h4 { font-size: 95%; }

h5 { font-size: 90%; }

h6 { font-size: 80%; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	font-weight: normal;

	text-decoration: none;

	color: #0087DC;

	}



body { 

	color: #000;

	background: #ffffff;

	font: 80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;

	}

#body-container {

	overflow: hidden;

	width: 948px;

	margin: 0 auto;

	padding: 0 12px;

	background: #ffffff;

	}



/************************************************

	Navigation

************************************************/

#nav-container { float: left; width: 100%; overflow: hidden; display: block; background: #ffffff; }

#navigation { float: left; width: 100%x; margin: 0 10px 0 0; }

#nav { float: left; }

#nav li { float: left; display: inline; }

#nav li a {

	font-size: 100%;

	font-weight: bold;

	float: left;

	color: #0087DC;

	text-align: center;

	padding: 8px 25px;

	text-decoration: none;

	}

#nav li a:hover, #nav li a:active { background: #ffffff; text-decoration: underline; }

#navigation ul li.current_page_item a { background: #ffffff; }

/************************************************

	Search form (navigation)

************************************************/

#search form { 
	float: right; 
	margin: 60px 0 0 0;
	}

#search input#s {

	width: 235px;

	padding: 2px;

	margin: 2px 0;

	color: #FFFFFF;

	background: #3B5998;

	border: 1px solid #333;

	}

#search input#search-submit {

	width: 50px;

	padding: 4px;

	color: #fff;

	border: 1px solid #333;

	background: #660000;

	}

/************************************************

	Header

************************************************/

#header {

	clear: left;

	float: left;

	width: 926px;

	padding: 10px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	background: #fff;

	}

#header h1 {

	display: inline;

	float: left;

	width: 650px;

	font-size: 150%;

	font-weight: bold;

	}

#header h1 a { 

            margin: 0 0 0 5px; 

/*Comment out or delete the next 4 lines to delete header image */

	width: 425px;

	height: 101px;

	display: block;

	background: url(images/logo.jpg) 

         no-repeat 0 0;

}



#header h1 a span, {display: none;}



/************************************************

	Feed (header)

************************************************/

#feed {

	width: 200px;

	float: right;

	padding: 2px 50px 0 0;

	background: url(images/subscribe.gif) no-repeat right 0;

	}

#feed ul li { text-align: right; margin: -1px 0 4px 0; }

#feed ul li a { font-weight: bold; }

#feed ul li a:hover { text-decoration: underline; }



/************************************************

	Containers

************************************************/

#container {

	overflow: hidden;

	float: left;

	width: 926px;

	padding: 10px 10px 5px 10px;

	background: #f7f7f7;

	}

#content, #home { width: 611px; }
#no-sidebar { width:100%; }

#content, #no-sidebar { padding: 0 0 10px 0; }

#content.left, #home.left, #sidebar.left, #no-sidebar.left { float: left; }

#content.right, #home.right, #sidebar.right , #no-sidebar.right { float: right; }




/************************************************

	Images

************************************************/

.post img { 	max-width: 98%; }

img, a img {

	padding: 3px;
	border-color: #cccccc;
	background: #eee;

	}

.thumbnail { width: 75px; height: 75px; }

.thumbnail, .medium { float: left; margin-right: 10px; }

html>body #feature img { max-width: 210px; }

#feature img { width: 210px; }

.author-box .avatar { float: left; width: 75px; height: 75px; margin-right: 10px; }

.navigation-attachment img { max-width: 150px; max-height: 150px; }



/************************************************

	Posts/pages/archives

************************************************/

#content .post  {

	width: 594px;

	padding: 10px;

	overflow: hidden;

	float: left;

	margin: 0 0 10px 0;

	background: #fff;

	border: 1px solid #ccc;

}

#no-sidebar .post  {

	width:98%;

	padding: 10px;

	overflow: hidden;

	float: left;

	margin: 0 0 10px 0;

	background: #fff;

	border: 3px solid #ccc;

}

#content .thumbnail { float: left; margin: 2px 17px 10px 0; }

#no-sidebar .thumbnail { float: left; margin: 2px 17px 10px 0; }

#content.single .post {

	width: 554px;

	font-size: 100%;

	padding: 10px 30px;

	}
	
#no-sidebar.single .post {

	width: 750px;

	font-size: 100%;

	padding: 10px 30px;

	}

.post .post-title { margin: 0 0 5px 0; }

.post a { color: #1359AE; text-decoration: none; }

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

.post .post-title a { color: #0087DC; font-weight:bold;}

.post .byline { margin: 5px 0 7px 0; }

.post-meta-data { margin-right: 6px; text-align: right; }

#content .post-meta-data {

	clear: left;

	float: left;

	width: 100%;

	text-align: left;

	}
	
#no-sidebar .post-meta-data {

	clear: left;

	float: left;

	width: 100%;

	text-align: left;

	}



/* Alignment */

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.center { margin: 15px auto; text-align: center; display: block; }



/* Navigation links */

.navigation-links {

	width: 594px;

	padding: 10px;

	overflow: hidden;

	float: left;

	margin: 0 0 10px 0;

	background: #fff;

	border: 1px solid #ccc;

	}

.previous { float: left; width: 47%; }

.next { float: right; width: 47%; text-align: right; }

.single .next { text-align: left; }



/* Tables */

table { width: 95%; margin: 0 auto; border: 1px solid #eee; }

table tr { font-weight: bold; background: #ccc; }

table tr td { text-align: center; background: #fff; border: 1px solid #ccc; }

table tr td.pad { border: none; }



/************************************************

	Feature

************************************************/

/* Feature */

#feature .post {

	float: left;

	width: 594px;

	margin: 0 0 5px 0;

	padding: 5px;

	background: #fff;

	border: 1px solid #ccc;

}

#feature .post-title { margin: 0 0 5px 0; font-size: 100%; font-weight:bold; }

#feature img { float: left; margin: 3px 15px 10px 0; }

#feature p { margin: 0 0 10px 0; }



/************************************************

	Excerpts

************************************************/

#excerpts .post {

	float: left;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

#excerpts .post-title { float: left; width: 100%; margin: 0 0 5px 0; }

#excerpts img { float: left; margin: 2px 17px 10px 0; }



/************************************************

	Full posts (home)

************************************************/

#full-posts .post {

	float: left;

	width: 594px;

	margin: 0 0 10px 0;

	padding: 10px;

	background: #fff;

	border: 1px solid #ccc;

	}

#full-posts .post-title { float: left; width: 100%; margin: 0 0 5px 0; }

#full-posts .byline { margin: 0 0 15px 0; clear: left; display: block; float: left; width: 100%; }

#full-posts .post-meta-data { float: left; text-align: left; }



/************************************************

	Widget blocks (also see sidebar menu)

************************************************/

#widget-blocks { float: left; margin-bottom: 10px; width: 616px; }

#widget-blocks .block-left { float: left; width: 300px; }

#widget-blocks .block-right { float: right; width: 300px; }



/************************************************

	Sidebar

************************************************/

#sidebar {

	overflow: hidden;

	width: 300px;

	}

.menu {

	overflow: hidden;

	float: left;

	width: 278px;

	margin: 0 0 10px 0;

	padding: 10px;

	border: 1px solid #ccc;

	background: #fff;

	}
/*****Added by Kemi Adegoke ******/

.imgfloat { 
float:left;
border: 0px;
 }

.customwidget {

	overflow: hidden;
	text-align:center;
	width: 278px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 0 10px 0;

	}

.customwidget2 {
	overflow: hidden;
	text-align:center;
	width: 278px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #336699;
	margin: 0 0 10px 0;
        color:#ffffff;
	}

.customwidget2 li a{
        color:#ffffff;
	}

.customwidget p img {
	padding: 0px;
	border-color: #ffffff;
	border: 0px;
	background: #ffffff;
	float: left;
	}
	
.customwidget  a img {
	padding: 0px;
	border-color: #ffffff;
	background: #ffffff;
	text-align:center;
	display: block;
    margin-left: 15px;
    margin-right: 5px;
	}
	
.customwidget h2 {
font-weight: bold
	}
	
.videowidget {

	overflow: hidden;
	text-align:center;
	width: 594px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 0 10px 0;
	}

.videowidget h2 {
font-weight: bold
	}
	
.textwidget {

	overflow: hidden;
	text-align:center;
	width: 278px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 0 10px 0;

	}
	
.textwidget h2 {
font-weight: bold
	}
/*****************************/

.menu li, .tabbed .tab-content li { padding: 0 5px 0 0; }

#sidebar .menu li a, #widget-blocks .menu li a, .tab-content li a { width: 97%; display: block; padding: 2px 0 2px 10px; }

.menu ul li a:hover, .tabs-block .tabbed div li a:hover { text-decoration: underline; }

#sidebar .tab-content p, #widget-blocks .tab-content p { margin: 5px; }



/************************************************

	Video widget

************************************************/

.video { padding: 10px 0; width: 298px; }

.video div { padding: 2px 0; margin: 0; }

.video object { float: left; width: 295px; height: 230px; margin: 5px 0; padding: 0; }

.video h2, .video h3 { margin-left: 10px; }

.video .post-title { font-size: 100%; margin-top: 3px; }



/************************************************

	Ads widget

************************************************/

.ads img {

	width: 125px; height: 125px;

	float: left;

	margin: 2px 4px 7px 10px;

	padding: 0; border: none;

}



/************************************************

	Recent widget

************************************************/

.recent {

	width: 288px;

	padding: 10px 5px;

	margin: 0 0 10px 0;

	float: left;

	background: #fff;

	border: 1px solid #ccc;

	}

.recent .post {

	width: 99%;

	float: left;

	margin: 5px;

	padding: 0;

	line-height: 1em;

	}

.recent h2 { margin-left: 5px; }

.recent .post h3 { margin: 0; padding: 0; }

.recent .post h3 a { display: inline; font-size: 95%; font-weight: bold; }

.recent img { display: block; clear: left; float: left; margin: 2px 10px 0 0; }



/************************************************

	Tabs

************************************************/

#sidebar .tabs-block, #widget-blocks .tabs-block { width: 300px; }

.tabs-block {

	clear: left;

	float: left;

	margin-bottom: 10px;

	}

.tabbed {

	width: 100%;

	background: transparent;

	border: none;

	padding: 0;

	}

/* Actual tabs */

.tabbed ul.tabs {

	position: relative;

	top: 0;

	left: 0;

	z-index: 5;

	list-style-type: none;

	}

.tabbed ul.tabs li { display: inline; float: left; }

.tabbed ul.tabs li a {

	display: block;

	float: left;

	margin: 0 3px 0 0;

	padding: 5px .4em;

	font-weight: bold;

	background: #eee;

	border: 1px solid #ccc;

	}

.tabbed ul.tabs li a:hover { background: #f7f7f7; text-decoration: none; }

.tabbed ul.tabs li a.tab-current { background: #fff; border-bottom: 1px solid #fff; }



/* Tab content */

.tab-content {

	float: left;

	overflow: hidden;

	clear: left;

	z-index: 0;

	margin-top: -1px;

	border: 1px solid #ccc;

	background: #fff;

	}

#sidebar .tab-content, #widget-blocks .tab-content { width: 99%; padding: 5px 0; }

div.t2, div.t3, div.t4, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8 { display: none; }



/* All post tabs */

#post-tabs, #post-list-tabs, #post-block-tabs { width: 616px; margin-bottom: 10px;}

#post-tabs .tab-content, #post-block-tabs .tab-content, #post-list-tabs .tab-content { width: 594px; padding: 10px; }

#post-tabs .post, #post-block-tabs .post, #post-list-tabs .post { margin: 5px 0 0 0; }

#post-tabs .post-title, #post-block-tabs .post-title, #post-list-tabs .post-title { font-size: 90%; }



/* Post block tabs */

#post-block-tabs .odd { clear: both; float: left; width: 48%; }

#post-block-tabs .even { float: right; width: 48%; clear: none; }



/* Post list tabs */

#post-list-tabs .odd { float: left; width: 50%; clear: left; }

#post-list-tabs .even { float: right; width: 45%; clear: none; }

#post-list-tabs .tab-content li { margin: 4px 0; }



/************************************************

	Comments template

************************************************/

#comments-template {

	overflow: hidden;

	float: left;

	clear: left;

	width: 564px;

	padding: 10px 25px;

	margin: 0 0 10px 0;

	border: 1px solid #ccc;

	background: #fff;

	}

#comments-template h3 { margin: 10px 0 0 0; }

#comments-template li {

	list-style-type: none;

	float: left;

	width: 97%;

	margin: 10px 0;

	padding: 5px;

	background: #f7f7f7;

	border: 1px solid #ccc;

	}

#comments-template img { border: none; padding: 0; }

#comments-template .avatar {

	float: left;

	width: 35px; height: 35px;

	margin: 5px 10px 0 10px;

	padding: 1px;

	border: 1px solid #6ED700;

	background: #eee;

	}

#comments-template li.alt {

	border-top: 1px solid #0087DC;

	border-bottom: 1px solid #0087DC;

	}

#comments-template .comment-meta-data {  float: left; margin-top: 5px; }

#comments-template .comment-text {

	clear: left;

	float: left;

	display: block;

	width: 90.5%;

	margin: 10px;

	padding: 8px 15px;

	background: #fff;

	border: 1px solid #eee;

	}

#comments-template input {

	width: 50%;

	padding: 5px;

	margin:  10px 5px 0 0;

	background: #fff;

	border: 1px solid #0087DC;

	}

#comments-template textarea {

	width: 96%;

	padding: 5px;

	margin-top: 10px;

	border: 1px solid #0087DC;

	}

#comments-template input.submit-comment, #comments-template input.reset-comment, .button {

	width: 100px;

	padding: 7px;

	margin-right: 10px;

	color: #fff;

	border: 1px double #333;

	background: #0087DC;

	}



/************************************************

	Footer

************************************************/

#footer {

	color: #0087DC;

	clear: both;

	width: 100%;

	margin: 0 auto;

	border-top: 1px solid #660000;
	
	font-size: 80%;
	
	tex


	}

#footer p {

	float: left;

	margin: 0 auto;

	padding: 5px 0;

	}

#footer p.icons {

	float: right;

	text-align: right;

	width: 50%;

	height: 30px;

	}

#footer img { border: none; padding: 0px; }

#footer a { color: #ccc; font-weight: bold; }

#footer a:hover { text-decoration: underline; }

#footer img { margin: 0 10px; border: none; }