/*  
Theme Name: Ottoblog
Theme URI: http://the-ottoman.com/
Description: Theme for The Ottoman: Production Blog, my animation development webblog .
Version: 1.0
Author: Mike Stamm
*/


#globalNavBar #globalNavList > li ul:after,
#globalNavBar ul#globalNavList:after,
.archiveNav:after,
.commentmetadata:after,
.postmetadata:after,
.clearFix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html {
	height: 100%;
	margin: 0; 
	padding: 0; 
	border: 0;
	background-color: #3D3830;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-image: url(images/BGD_pageTop.gif);
	background-repeat: repeat-x;
	background-position: center -3px;
}

body#sectionBlog {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-image: url(images/BGD_blogBanner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#frameTree {
	min-height: 100%;
	background-image: url(images/BGD_halftone.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

body#sectionBlog #frameTree {
	min-height: 100%;
	background-image: url(images/BGD_blog-halftone.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

#blogBox .blogBoxContent h2 a {
	color: #F2AA24;
	padding-bottom: 2px;
}

#blogBox .blogBoxContent h2 a:hover {
	color: #fff;
	padding-bottom: 0;
	border-bottom: 2px solid #ccc;
	text-decoration: none;
}

img {
	display: block;
}

ol,
ul {
	padding: 0;
	margin: 0;
}


li {
	list-style-type: none;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p {
	margin: 0;
}

#globalNavBar {
	position: relative;
	background-image: url(images/BGD_blogNav-stripe.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 129px;
	height: 160px;
	z-index: 2;
}

#globalNavBar #globalNavList {
	width: 836px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	position: relative;
}

#globalNavBar #globalNavList > li {
	float: left;
	list-style: none;
	text-indent: -999em;
	font-size: 0;
	margin-top: 55px;
	position: relative;
	z-index: 3;
}

#globalNavBar #globalNavList > li#gnHome {
	margin-top: 0;
}

#globalNavBar #globalNavList > li > a {
	display: block;
	background-image: url(images/NAV_global.png);
	background-repeat: no-repeat;
	height: 24px;
	padding: 2px 0 2px 0;
}

#globalNavBar #globalNavList > li:hover > a {
	padding-bottom: 0;
	border-bottom: 2px solid #fff;
	text-decoration: none;
}

#globalNavBar #globalNavList > li#gnHome a {
	background-image: url(images/NAV_Ottoman-home.png);
	width: 518px;
	height: 123px;
	margin-right: 20px;
	margin-top: 0;
}

#globalNavBar #globalNavList > li#gnHome:hover a {
	border-bottom: none;
	padding-bottom: 2px;
}

#globalNavBar #globalNavList > li#gnAbout > a {
	width: 108px;
	background-position: 0px 0;
}

#globalNavBar #globalNavList > li#gnArt > a {
	width: 87px;
	background-position: -200px 0;
}

#globalNavBar #globalNavList > li#gnBlog > a {
	width: 42px;
	background-position: -400px 0;
}


#globalNavBar #globalNavList > li#gnAbout,
#globalNavBar #globalNavList > li#gnArt {
	padding-right: 20px;
	background-image: url(images/NAV_global-sep.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#globalNavBar #globalNavList > li#gnAbout {
	width: 108px;
}

#globalNavBar #globalNavList > li#gnArt {
	width: 87px;
}

#globalNavBar #globalNavList > li#gnBlog {
	width: 42px;
}


#globalNavBar #globalNavList > li:hover ul {
	display: block;
}

#globalNavBar #globalNavList > li ul {
	display: none;
	padding-top: 4px;
	position: absolute;
	right: 24px;
	top: 28px;
}

#globalNavBar #globalNavList > li#gnBlog ul {
	right: 4px;
}

#globalNavBar #globalNavList > li li {
	list-style: none;
	text-indent: 0;
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
	font-family: verdana, sans-serif;
	line-height: 22px;
	float: right;
	background-image: url(images/BGD_navShade.png);
	background-repeat: repeat-x;
	background-position: -4px center;
}

#globalNavBar #globalNavList > li li > a {
	padding: 2px 0 2px 2px;
}

#globalNavBar #globalNavList > li li > a:hover {
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

#globalNavBar #subsectionBox {
	width: 850px;
	margin: 0 auto 0 auto;
	height: 30px;
}

#globalNavBar #subsectionBox h1 {
	position: relative;
	height: 30px;
	width: 290px;
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -999em;
	font-size: 0;
	left: -30px;
	top: -5px;
}

#sectionBlog #globalNavBar h1 {
	background-image: url(images/HED_blog.png);
}

.subsectionMecha #globalNavBar h1 {
	background-image: url(images/HED_mechaDesigns.gif);
}

.subsectionStory #globalNavBar h1 {
	background-image: url(images/HED_theStory.gif);
}


#mainContentTree {
	display: table;
	margin: 0 auto 0 auto;
	padding-bottom: 48px;
}

#mainContent {
	position: relative;
	width: 850px;
	margin: 0 auto 0 auto;
}

#mainContent .mainGraphic {
	margin: 0 0 0 320px;
}

#blogBoxTree {
	background-image: url(images/BGD_blogbox-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 16px;
	width: 650px;
	float: left;
}

#blogBox {
	background-image: url(images/BGD_blogbox-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 16px;
}

#blogBox .blogBoxContent {
	background-image: url(images/BGD_blogbox.png);
	background-repeat: repeat-y;
	background-position: center center;	
	padding-bottom: 2px;
}

#infoBoxTree {
	background-image: url(images/BGD_infobox-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 16px;
	width: 350px;
	position: absolute;
	top: 0;
	left: 70px;
}

#infoBox {
	background-image: url(images/BGD_infobox-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 16px;
}

#infoBox .infoBoxContent {
	background-image: url(images/BGD_infobox.png);
	background-repeat: repeat-y;
	background-position: center center;	
	padding-bottom: 8px;
}

#blogBox .blogBoxContent h2,
#infoBox .infoBoxContent h2 {
	font-family: "trebuchet MS", sans-serif;
	color: #F2AA24;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	border-bottom: 1px solid #0D0D0D;
	padding: 8px 35px 6px 35px;
	margin-bottom: 7px;
}

#blogBox .blogBoxContent .post h2 {
	border-top: 1px solid #0D0D0D;
	margin-top: 18px;
}

#blogBox .blogBoxContent h2.archiveHead {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

#blogBox .blogBoxContent .post:first-child h2 {
	border-top: none;
	margin-top: 0;
}

#blogBox .blogBoxContent h3,
#infoBox .infoBoxContent h3 {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 14px;
	line-height: 24px;
	padding: 12px 35px 0 35px;
	margin: 6px 0 -6px 0;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	border-top: 1px solid #0D0D0D;
}


#blogBox .blogBoxContent h3#comments {
	margin-top: 18px;
}

#blogBox .blogBoxContent h3#respond {
	margin-top: 12px;
}

#blogBox .blogBoxContent .searchResults h3 {
	border: none;
	padding-top: 0;
	line-height: 14px;
}

#blogBox .blogBoxContent h4,
#infoBox .infoBoxContent h4 {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 14px;
	line-height: 24px;
	padding: 0 35px 0 35px;
	margin: 6px 0 -6px 0;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
}

#blogBox .blogBoxContent h5,
#infoBox .infoBoxContent h5 {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 15px;
	line-height: 24px;
	padding: 0 35px 0 35px;
	margin: 6px 0 -2px 0;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: 0.033em;
}

#blogNavTree h4 {
	font-family: "trebuchet MS", sans-serif;
	color: #F2AA24;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
}

#blogBox .blogBoxContent p,
#infoBox .infoBoxContent p {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 24px;
	padding: 0 35px 12px 35px;
	margin: 6px 0 0 0;
}

#blogBox .blogBoxContent .commentmetadata {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 19px;
	padding: 0 35px 12px 35px;
	margin: 0 0 0 20px;
}

#blogBox .blogBoxContent .authormetadata {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 13px;
	padding: 0 35px 0 35px;
	margin: 0;
}

#blogBox .blogBoxContent .authormetadata cite {
	font-style: normal;
	color: #F2AA24;
}

#blogBox .blogBoxContent div.post {
	padding-bottom: 24px;
}

#blogBox .blogBoxContent div.post .entry div.wp-caption {
	padding: 0 0 10px 33px;
}

#blogBox .blogBoxContent div.post .entry div.wp-caption a img {
	border: 2px solid #fff;
}

#blogBox .blogBoxContent div.post .entry embed {
	margin: 0 0 10px 35px;
}

#blogBox .blogBoxContent div.post .entry div.wp-caption .wp-caption-text {
	padding: 0 70px 0 2px;
	margin-top: 3px;
	font-size: 11px;
	color: #666;
}

ol.commentlist li {
	margin-top: 16px;
}

#blogBox .blogBoxContent ol.commentlist li p {
	margin-left: 22px;
	line-height: 19px;
}

#blogBox .blogBoxContent p.postmetadata {
	padding-bottom: 0;
	line-height: 26px;
}

.sectionSep {
	background: #BDBCBB;
	padding: 7px 0 5px 0;
}

.sectionSep H3 {
	color: #fff;
	margin: 0;
}

.section H3 {
	font-size: 0;
	text-indent: -999em;
	height: 29px;
	width: 670px;
	background-repeat: no-repeat;
}

#mainContent #blogNavTree {
	width: 175px;
	float: left;
	margin: 24px 0 0 24px;
}

#mainContent #blogNavTree p {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 24px;
}

#mainContent #blogNavTree ul li {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 12px;
}

#mainContent #blogBoxTree .entry ul {
	padding: 0 35px 12px 35px;
}

#mainContent #blogBoxTree .entry ul li {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 21px;
	padding: 0;
	list-style-type: circle;
	list-style-position: outside;
	margin: 0 0 0.5em 1.1em;
}


#mainContent #blogBoxTree .entry blockquote {
	margin-top: 0;
}


.subsectionNews .section H3 {
	background-image: url(images/HED_homeNews.gif);
}

.subsectionStory .section H3 {
	background-image: url(images/HED_aboutStory.gif);
}

.subsectionTeam .section H3 {
	background-image: url(images/HED_aboutTeam.gif);
}

.subsectionCharDesign .section H3 {
	background-image: url(images/HED_artChars.gif);
}

.subsectionMechaDesign .section H3 {
	background-image: url(images/HED_artMecha.gif);
}

.subsectionStoryboards .section H3 {
	background-image: url(images/HED_artBoards.gif);
}

.subsectionEnviroDesign .section H3 {
	background-image: url(images/HED_artSets.gif);
}

.subsectionAnimatic .section H3 {
	background-image: url(images/HED_animAnimatics.gif);
}

.subsectionCharTests .section H3 {
	background-image: url(images/HED_animTests.gif);
}

.subsectionTurnarounds .section H3 {
	background-image: url(images/HED_animTurns.gif);
}

.subsectionTutorials .section H3 {
	background-image: url(images/HED_downTutes.gif);
}

.subsectionDesktops .section H3 {
	background-image: url(images/HED_downDesks.gif);
}

.subsectionPress .section H3 {
	background-image: url(images/HED_downPress.gif);
}

.permaLink a {
	background: transparent url(images/BGD_permaLink.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	width: 14px;
	height: 20px;
	line-height: 12px;
	margin-right: 8px;
	padding-bottom: 2px;
}

.commentmetadata .permaLink a {
	background: transparent url(images/BGD_permaLink-c.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	width: 9px;
	height: 15px;
	line-height: 12px;
	margin-right: 10px;
	padding-bottom: 2px;
}

.permaLink a:hover {
	padding-bottom: 0;
	border-bottom: 2px solid #ccc;
}

small.commentmetadata {
	display: block;
}

.searchResults .sep,
.commentmetadata .sep,
.postmetadata .sep {
	color: #222;
	margin: 0 6px 0 6px
}

.permaLink, 
.permaDate, 
.permaTime, 
.commentmetadata .sep,
.postmetadata .sep {
	display: block;
	float: left;
}

.editComment,
.permaDate,
.permaTime,
.comments,
.theTimestamp {
	font-size: 12px;
	color: #666;
	float: left;
}

h3 .permaTime {
	float: none;
	display: inline;
	text-transform: capitalize;
	font-size: 11px;
	margin-right: 12px;
}

.commentmetadata .editComment,
.commentmetadata .permaDate,
.commentmetadata .permaTime,
.commentmetadata .comments,
.commentmetadata .theTimestamp {
	font-size: 11px;
}

/*
#blogEntriesBody INPUT.searchField {
	width: 120px;
	background: transparent url(images/BGD_searchfield.png);
	color: #000;
	font-size: 10px;
	margin: 3px 2px 0 0;
	padding: 1px 2px 2px 2px;
	border: 1px solid #000;
	float: left;
}

#blogEntriesBody INPUT.searchButton {
	float: left;
}
*/

#blogNavTree  #sideSearch input.searchField {
	width: 120px;
	background: transparent url(images/BGD_searchfield.png);
	color: #000;
	font-size: 10px;
	margin: 3px 2px 0 0;
	padding: 1px 2px 2px 2px;
	border-left: 1px #332f29 solid;
	border-top: 1px #332f29 solid;
	border-right: 1px #4d453a solid;
	border-bottom: 1px #4d453a solid;
	-moz-border-radius: 9px;
}

.blogBoxContent #searchform input,
.blogBoxContent #commentform input,
.blogBoxContent #commentform textarea {
	background: transparent url(images/BGD_searchfield.png);
	color: #eee;
	margin: 3px 2px 0 0;
	padding: 1px 2px 2px 2px;
	border-left: 1px #2d2d2d solid;
	border-top: 1px #2d2d2d solid;
	border-right: 1px #444 solid;
	border-bottom: 1px #444 solid;
	line-height: 17px;
}

.blogBoxContent #commentform textarea {
	width: 570px;
}

.blogBoxContent #searchform .searchBracket {
	padding: 8px 35px 6px 35px;
}

.blogBoxContent #commentform p {
	padding-bottom: 0;
}

.blogBoxContent #commentform input {
	width: 180px;
}

.blogBoxContent #commentform input#submit {
	background-image: none;
/*
	background-image: url(images/BTN_submitComment.png);
	background-color: transparent;
	padding: 0 0 2px 0;
	background-position: top center;
	text-indent: -999em;
	font-size: 0;
*/

	width: 67px;
	height: 24px;
	border: none;
	margin-top: 0;
	cursor: pointer;
}

.blogBoxContent #commentform input#submit:hover {
	padding-bottom: 0;
	border-bottom: 2px solid #ccc;
}


#blogNavTree  #sideSearch input.searchButton {
	display: none;
}

.archiveNav {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 12px;
	line-height: 14px;
	margin: 0 35px 0 35px;
	padding-top: 4px;
	text-transform: uppercase;
}

.blogBoxContent .archiveNav:first-child {
	margin-bottom: -6px;
}

.blogBoxContent .post + .archiveNav {
	margin-bottom: 14px;
}

.archiveNav .archivePrev {
	float: left;
	width: 50%;
}

.archiveNav .archiveNext {
	float: right;
	width: 50%;
	text-align: right;
}

.archiveNav .archivePrev a {
	background: transparent url(images/NAV_archivePrev.png) left bottom no-repeat;
	padding: 0 0 1px 18px;
	display: block;
}

.archiveNav .archiveNext a {
	background: transparent url(images/NAV_archiveNext.png) right bottom no-repeat;
	padding: 0 18px 1px 0;
	display: block;
}

#sideTwitter ul li a:last-child {
	display: block;
}

li#lastTwitter small.timeStamp {
	font-size: 12px;
	line-height: 19px;
	display: block;
	margin-top: 4px;
	color: #666;
}