/*  
Theme Name: appropriate it
Theme URI: http://www.appropriateit.org/
Description: AI theme based on the default WordPress theme which was based on the famous Kubrick.
Version: 1.0
Author: ai designer
Author URI: http://www.appropriateit.org/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ***************** */
/* Reset HTML styles */
/* ***************** */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1.34;
	font-family: inherit;
	text-align: left;
	color: #333;
	font-family: arial,verdana,sans-serif;
}
table {	border-collapse: collapse; border-spacing: 0; }
/*  ol,ul { list-style: none; }  */
q:before,q:after,
blockquote:before,blockquote:after { content: ""; }

body { font-size: 90%; text-align: center; padding-bottom: 10px; }
div#wrapper { text-align: left; }
  
h1 a,h2 a,h3 a,h4 a, h5 a { text-decoration: none; margin: 0; padding: 0; }
a:link,
a:visited,
a:active,
a:hover {color: #333;}
img,
a img {border: none;}
img.left { float: left; margin-right: 1.2em; }
img.right { float: right; margin-left: 1.2em; }
h1 {font-size: 1.6em; }
h2 {font-size: 1.3em; }
h3 {font-size: 1.2em; }
h4 {font-size: 1.1em; }
h5 {font-size: 1em; }
h6 {font-size: 0.85em; }
p {margin: 0.33em 0 0.8em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form { margin: 0; padding: 0; }
hr { clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}

/* ************************** */
/* Layout: the big containers */
/* ************************** */

div#wrapper { width: 730px; border-top: 10px #000 solid; border-bottom: 10px #000 solid; margin: 0 auto; padding: 0; }
div#header, div#mainContainer { width: 730px; }
div#mainContainer { margin-top: 30px; }
div#sidebar { float: left; width: 150px; }
div#content { float: left; width: 535px; padding-left: 40px; padding-bottom: 4.0em; }
div#footer { width: 720px; height: 40px; }

/* ************************** */
/* To make center flexiwidth  
#subpage div#wrapper { width: 90%; border-top: 10px #000 solid; border-bottom: 10px #000 solid; }
#subpage div#header, #subpage div#mainContainer { width: 100%; }
#subpage div#sidebar { float: left; width: 150px; }
#subpage div#content { float: left; width: 635px; padding-left: 40px; padding-bottom: 4.0em; }
#subpage div#footer { width: 100%; height: 40px; }
*/
/* ************************** */

/* ************ */
/* Header Stuff */
/* ************ */

div#header {  }
#home h1 { font-size: 1.6em; margin: 1em 0 0.5em 0; padding: 0; width: 50%; float: left; }
form#search { float: right; margin-top: 2.0em; }
form#search label { padding-right: 0.4em; font-weight: bold;  font-variant: small-caps; font-size: 1em;  }
img.logo { float: left; margin-top: 0.7em;}

/* **************** */
/* Navigation Stuff */
/* **************** */

ul#navigation { clear: both; background: #a31919; border-bottom: 1px #C87575 solid; height: 2.0em; list-style: none; }
ul#navigation li { float: left; height: 1.4em; padding-top: 3px; background: #a31919; }
ul#navigation li a { display: block; margin: 0 0.2em; padding: 0 0.5em; text-align: center; font-size: 1.3em; font-weight: normal; color: #fff; text-decoration: none; }
ul#navigation li.selected a, ul#navigation li a:hover { background: #fff; color: #a31919; }
ul#navigation li.secondary { color: #fff; text-align: right; float: right; height: 1.2em; position: relative; top: 2px; }
ul#navigation li.secondary a { font-size: 0.7em; display: inline; }

ul#subnav { border: 1px #a31919 solid; margin: 0; padding: 0.2em 0 0.2em 22px; }
ul#subnav li { list-style-image: url(images/bullet-subnav.gif); list-style-type: circle; padding: 0.2em 0;  }
ul#subnav li a { font-size: 0.8em; text-decoration: none; font-weight: bold; }
ul#subnav li a:hover { color: #000; text-decoration: underline; }

#sidebar .feature { border: 1px #a31919 solid; margin: 2.0em 0; padding: 0.5em; }
#sidebar .feature h3 {font-size: 1.0em; margin: 0; padding: 0;}

.alignright { float: right; 	}
.alignleft { float: left }
.alignright, .alignleft { font-size: .8em; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #999;
	}

/* **************** */
/*flickr styles */
/* **************** */
#flickr_badge_wrapper {padding:5px; margin-top:5px; }
.flickr_badge_image {float: left; padding: 5px; border: 1px solid black !important; margin-bottom: 6px; }
.viewmore { margin-left: 46px; }

/* ************ */
/* Content Area */
/* ************ */

#branding { clear: both; height: 230px; }
.brandingPhoto { float: left; height: 200px; width: 200px; padding: 5px; margin-right: 40px; border: 1px #999 solid; }
#quotesAndStats { font-size: 0.85em; }
#quotesAndStats a.more { display: block; }

#features { clear: both; margin-bottom: 1.0em; }
#features .feature { width: 230px; float: left; padding-top: 0; }
#features .center { margin-left: 20px; margin-right: 20px; }
#home .feature h2 { margin-top: 0; width: 230px; text-align: center; font-weight: normal; background: #A31919; color: #fff; border-bottom: 1px #C87575 solid; }
#home .feature h2 a { color: #fff; }
#features p, #features .more { font-size: 0.9em; line-height: 1.4em; }
#features p { padding: 0 10px; }
#features a.more { display: block; margin-top: 10px; }
.blogmore { margin-left: 10px; font-size: 0.9em; }

#subpage #content { font-size: 0.9em; }
#subpage #content p.subhead { font-size: 1.2em; }
#subpage #content .feature { border: 1px #a31919 solid; margin: 2.0em 0; padding: 1.0em; }
#subpage #content .feature p.subhead { font-size: 1.0em; }

/* ********/
/* Footer */
/* ****** */
p.motto { clear: both; font-style: italic; font-size: 0.7em; text-align: center; }
#footer { clear: both; background: #e5e5e5; padding: 5px; }
#footer p.cc { height: 35px; font-size: 0.7em; float: left; width: 55%; padding-left: 90px; background: url(../images/cc.png) no-repeat; }
#footer p.links { font-size: 0.7em; float: left;  text-align: right; }
#footer p.links a { text-decoration: none; }

/* *************** */
/* Sidebar Styles */
/* ************** */
#sidebar h2 { /* Secondary H2 is sidebar headlines */
	font-family: Helvetica, Arial, sans-serif !important;
	letter-spacing: normal;
	color: #333 !important;
	margin: 0 0 10px 0!important;
	padding: 0 0 5px 0!important;	
    font-size: 1.0em !important;
	font-weight: normal !important;
    text-align: left !important;
	display: block !important;
    border-bottom: 1px solid #ccc;
	}
	
#sidebar { /* Contains the Sidebar */
    padding-top: 12px !important;
	padding-right: 0px !important;
	margin: 0 0 20px 0px !important;
	_margin: 0 0 20px 637px !important; /* What's this about, Caner? */
}

#sidebar ul {
	margin-left: 0px; 
	list-style: none;
	}

#sidebar ul ul {
	margin-top: 2px;
	}

#sidebar ul ul .page_item {
	margin-left: 0px;
	padding: 0;
	}

#sidebar .current_page_item {
	}

/* *************** */
/* Utility Styles */
/* ************** */

.clear { clear: both; }
/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */