/*
Theme Name: MalcolmMobutuSmith.com
Theme URI: http://malcolmmobutusmith.com
Description: Custom WP theme for Malcolm Mobutu Smith
Version: 1.0
Author: Adam P Schweigert
Author URI: http://adampschweigert.com
*/

/*
colors:

-----header-----
brown: 2A291F
green: 588020

-----nav-----
red: 801717
yellow: B29961
dk brown: 6b3c33
lt brown: A5511F
purple: 785B76

------links-------
purple: 8d3f88
blue: 459bb2

*/


/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Created by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*----typography----*/

body {
	font: 12px Georgia, "Times New Roman", serif; 
	text-align: center;
	font-size:100%;
    line-height:1.125em; /* 16×1.125=18 */
	background-color:#FFFFFF;
}

h1 {
	font-size: 2.0em;
	margin-bottom:0.75em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.0em;
}

p {
    font-size:0.875em;
	text-align:left;
	margin-bottom:0.75em;
}
.sidenote {
	color:#666;
	font-size:0.8em;
}


/*----some basic classes----*/

.clear {clear:both;}
.left {text-align: left;}
.right {text-align:right;}


strong {font-weight:bold;}

img {padding:5px; border:1px solid #EEE;}
img.left {float:left; margin-left:0; margin-right:10px;}
img.right {float:right; margin-right:0; margin-left:10px;}
img.center {clear:both;}

/*----layout----*/

#wrapper {
	width:960px;
	margin:0px auto;
	background-color:#FFF;
	height:100%;
}
#header, #header_home {
	position:fixed;
	width:950px;
	height:92px;
	margin:0 5px;
	background: #FFF url(/images/banner.png) no-repeat top left;
	border-bottom: 1px solid #CCC;
	z-index:1;
}
h1.header-image-text, h2.header-image-text {
	position:relative;
	left: -9999px;
}
#content_home {
	clear:both;
	float:left;
	width: 640px;
	height:600px;
	margin-top:97px;
	padding:5px;
}
#content_main {
	float:right;
	margin-top:92px;
	width:630px;
	padding:20px 10px 10px 10px;
	z-index:0;
}
#content_main a {
	color:#6b3c33;
}
#content_main a:hover {
	color:#A5511F;
}
#sidebar_home {
	float:right;
	width:310px;
	margin:102px 0 10px 0;
}
#sidebar {
	margin-top:92px;
	float:left;
	position:fixed;
	width:300px;
	padding:3px 5px;
}
#homepage_gallery {
	width:634px;
	height:450px;
}
img.prev {
	float:left;
	border:0;
	margin:0 2px 0 0;
	padding:0;
	clear:both;	
	width:15px;
	height:400px;
}
img.next {
	float:right;
	border:0;
	margin:0 0 0 2px;
	padding:0;
	width:15px;
	height:400px;
}
.carousel {
	height:450px;
	width:600px;
	float:left;
	overflow:hidden;
}
.carousel ul li img {
	border:0;
	padding:0;
	margin:0;
}
.caption {
	margin-top:0px;
	float:left;
	text-align:left;
	height:100%;
	color:#a8a8a8;
}
.gallery_caption {
	color:#a8a8a8;
}
.caption h2 , .gallery_caption h2 {
	font-size:135%;
	line-height:1.125em;
}
.caption h3, .gallery_caption h3{
	font-size:100%;
}
.photo_credit {
	margin-top:0px;
	float:right;
	font-size:0.65em;
	color:#a8a8a8;
}
.gallery_photo_credit {
	color:#a8a8a8;
	font-size:0.65em;
}
.homepage_nav li {
 	text-align:left;
 	margin-bottom:8px;
}
.homepage_nav li img {
	border:0;
	margin:0;
	padding:0;
}
.homepage_nav li a, a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}
.homepage_nav li a h3 {
	position:relative;
	top: -42px;
	left: 90px;
	font-size: 170%;
	font-weight:bold;
	font-family:Arial,Helvetica, sans-serif;
}	
#malcolm_bio {
	margin-top:-15px;
	margin-right:5px;
	padding: 8px 0px 10px 5px;
	border-top: 1px solid #ccc;
	text-align:left;
	color:#a8a8a8;
}
#malcolm_bio img {
	margin-right:3px;
}
#footer_home {
	margin: 25px 25px 10px 15px;
	border-top: 1px solid #ccc;
	padding-top:2px;
}
#footer {
	margin: 15px 0;
	border-top: 1px solid #ccc;
}

#footer_home p, #footer p {
	text-align:left;
	color:#a8a8a8;
	font-size:65%;
}
#footer_home a, a:link, #malcolm_bio a, a:link, #footer a, a:link {
	color:#a8a8a8;
}
.glossymenu {
	margin: 0;
	padding: 0;
	width: 290px; /*width of menu*/
}

.glossymenu a.menuitem{
	background: black;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 6px 0;
	margin-top:1px;
	text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 3px;
	right: 5px;
	border: none;
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: white;
	padding: 5px 0;
}

.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin:0;
	
}

.glossymenu div.submenu ul li {
	text-align:left;
	padding-left:10px;
	
}

.glossymenu div.submenu ul li a {
	display: block;
	font: normal 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding:0;
	color:#6b3c33;
}

.glossymenu div.submenu ul li a:hover{
	color:#A5511F;
}
.glossymenu div.submenu ul li { 
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-top:0.1em;
}
h4.int_nav {
	font-size: 80%;
}
table {
	margin-bottom:0.75em;
}
table td {
	font-size:85%;
	padding: 0 10px;
}
ul.collections {
	text-align:left;
	font-size:85%;
	margin-bottom:0.75em;
	padding-left:60px;
}
ul.reviews {
	text-align:left;
	font-size:85%;
	margin-bottom:0.75em;
}
	
ul.reviews li {
	margin-bottom:0.75em;
}
.post	{
	border-bottom: 1px dotted #ccc;
	margin-bottom:1.5em;
	}

ul#feeds li {
	list-style-type:none;
}
ul#feeds li img {
	border:0;
	padding:0;
	margin:0;
}
ul#feeds li a {
	display:inline;
}
li.linkcat h2 {
	font-size:100%;
}