/*
Theme Name: TheoEphraim 990 Grid
Theme URI: http://theoephraim.com/
Description: Custom 9 column layout made for me by me
Version: 1.0
Author: Theo Ephraim
Author URI: http://theoephraim.com/
Tags: 9column, colors

This is my theme

*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 10:23:49 AM America/New_York */
@font-face {
	font-family: 'BebasRegular';
	src: url('fonts/Bebas/BEBAS___-webfont.eot');
	src: local('?'), url('fonts/Bebas/BEBAS___-webfont.woff') format('woff'), url('fonts/Bebas/BEBAS___-webfont.ttf') format('truetype'), url('fonts/Bebas/BEBAS___-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*  LOGO  */
.logo > h1{
	font: 79px "BebasRegular",sans-serif;
	margin:0px;
	position:absolute;
	margin-top:0px;
	font-size:75px;
	margin-left:-3px;
}
.logo > h1.subtitle {
	font-size:43px;
	padding-top:0px;
	margin-left:7px;
	font-size:37px;
	margin-left:9px;
	margin-top:97px;
}

/*   GENERAL   */
body {
	margin:0px;
	font: 14px Helvetica, "Share-RegularRegular", "Trebuchet MS", Arial, sans-serif;
	background-color:#d3d1d1;
	background-image:url(images/bg.png);
}
a {
	text-decoration:none;
	font-family: Georgia;
	font-style:italic;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}
#rightcontainer h3, .posttitle {
	font: 17px "BebasRegular", Futura, sans-serif;
	margin:0px;
	padding-left:10px;
	height:40px;
	line-height:40px;
	text-transform:uppercase;
	background-color:#444;
	color:#FFF;
	border-bottom:2px solid white;
}
h3:first-child > img, .posttitle > img {
	margin-left:8px;
	margin-bottom:-8px;
}
h3:first-child > a > img, .posttitle > a > img {
	margin-left:8px;
}

/*    LAYOUT    */
#maincontainer, #navcontainer {
	width:992px;
	margin:0px;
	margin:auto;
	padding:0px;
}
#maincontainer {
	border-left:2px solid white;
	border-right:2px solid white;
	background-color:#AAA;
}
#contentbg {
	width:100%;
	background-image: url('../gridbg.gif');
	background-repeat: repeat;
	margin-top:194px;
	padding-top:30px;
}
#leftcontainer{
	width:550px;	
	float:left;
	border-right:2px solid white;
	border-top:2px solid white;
	margin-bottom:-2px;
}

#rightcontainer{
	width:442px;
	float:left;
	margin-right:-2px;
	margin-left:-2px;
	border-top:2px solid white;
	border-left:2px solid white;
	margin-bottom:-2px;
}

/*	HEADER		*/

#headerbottom{
	width:992px;
	clear:both;
	height:30px;
	margin:auto;
}

#navstripe_top, #navstripe_bottom {
	width:100%;
	height:30px;
	border-bottom:2px solid white;
	background-color:black;
	z-index:50;
	position:absolute;
	
}
#navstripe_bottom {
	margin-top:190px;
	border-top:2px solid white;
}
#breadcrumbs{
	width:550px;
	height:30px;
	float:left;
	color:white;
}
#nav_pagelinks a#pagelink_rss, #nav_pagelinks a#pagelink_search {
	position:absolute;
	border:none;
	width:30px;
	padding-left:2px;
	padding-right:2px;
}
#nav_pagelinks a#pagelink_rss {
	margin-left:-550px;
}
#nav_pagelinks a#pagelink_search {
	margin-left:-518px;
}
#nav_pagelinks a#pagelink_rss:hover, #nav_pagelinks a#pagelink_rss.selected, #nav_pagelinks a#pagelink_search:hover, #nav_pagelinks a#pagelink_search.selected {
	background-color:#333;
	border-right:2px solid white;
	border-left:2px solid white;
	padding-left:0px;
	padding-right:0px;
}

#nav_pagelinks{
	position: absolute;
	margin-left:550px;
	z-index: 60;
	height:30px;
	border-right:2px solid white;
	border-bottom:2px solid white;
}
#nav_catlinks {
	position: absolute;
	margin-left:-2px;
	z-index: 60;
	margin-top:190px;
	border-top:2px solid white;
	border-right:2px solid white;
}
#nav_catlinks a.selected {
	padding-top:2px;
	margin-top:-2px;
}
#nav_pagelinks a.selected {
	padding-bottom:2px;
}
#nav_pagelinks a, #nav_catlinks a{
	display:block;
	border-left:2px solid white;
	width:108px;
	height:30px;
	float:left;
	color:white;
	line-height: 30px;
	text-align:center;
	font-family: Georgia;
	font-style: italic;
}
a#pagelink_about, a#pagelink_contact, a#catlink_rantdom, a#catlink_internet {
	width:109px;
}
#header_region {
	width:100%;
	height:160px;
	position: absolute;
	margin-top:30px;
	overflow: hidden;
}
#header_region > div {
	width:100%;
	position:absolute;
	margin-top:160px;
	height:160px;
	z-index:25;
	border-top:2px solid white;
	border-bottom:2px solid white;
}
#header_region > div > div{
	width:992px;
	margin-left:auto;
	margin-right:auto;
}
#header_region > div.selected {
	margin-top:0px;
}
#header_region a {
	text-transform:lowercase;
}
#header_region p, #header_region ul{
	color:white;
	font-size:13px;
	width:550px;
	margin-top:0px;
	text-align:justify;
}
#header_region p a, #header_region ul a {
	color:#cfafed;
}
#header_region p a:visited, #header_region ul a:visited {
	color:#
}
/* Tab Content */
.tabtitle {
	margin-bottom:4px;
	color:white;
	font-size:25px;
}
.tabtitle > p {
	margin:0px;
	padding:0px;
}

#header_region {
	color:white;
}

#header_region .subcats {
	list-style:none;
	margin:0px;
	padding:0px;
	width:550px;
	margin-top:10px;
}
#header_region .subcats > li {
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-bottom:10px;
	color:white;
}
#header_region .subcats > li > a {
	color:white;
}
#header_region .subcats > li > a:hover {
	color:#CCC;
}
.logo {
	color:white;
	width:150px;
	height:158px;
	float:right;
	display:block;
}
a.logo:hover {
	text-decoration:none;
}
.header_content{
	float:left;
	width:772px;
}

/* Services Tab */
#header_services ul {
	width:220px;
	padding:0px;
	list-style-position:inside;
	margin:0px;
}

/* Contact Tab */
#contact_fields {
	width:220px;
	float:left;
}
#contact_fields input, #contact_message {
	display:block;
	padding:2px;
	border:2px solid white;
	background-color:#888;
	color:white;
	margin-left:-2px;
	outline:none;
}
#contact_send_status {
	float:left;
	margin-left: 10px;
	margin-top: 33px;
	width:150px;
	height:30px;
	font-size:.8em;
	font-style:italic;	
	position:relative;
}
#contact_sendbutton {
	background-color: #888;
	border: 2px solid white;
	display: block;
	height: 26px;
	width: 56px;
	margin-left:-3px;
	margin-top:-3px;
	line-height:26px;
	text-align:center;
	font-weight:bold;
	color:white;
}
#contact_sendbutton:active{
	margin-left:0px;
	margin-top:0px;
	background-color:#555;
}
#contact_sendbutton_shadow{
	width:60px;
	height:30px;
	background-color:black;
	float:left;
	margin-left: 565px;
	position:absolute;
	margin-top:63px;
}
#contact_fields input{
	margin-bottom:-2px;
	height:24px;
	width:212px;
	padding-left:4px;
}
#contact_fields input:focus, #contact_message:focus{
	background-color:#CCC;
	color:black;
}
#contact_message {
	float:left;
	width:324px;
	height:78px;
	max-width:324px;
	max-height:78px;
	margin-left:-2px;
	margin-top:0px;
	padding-top:8px;
	padding-left:4px;
}
/*  RSS Tab  */
#rss_category_links {
	position:absolute;
	top:117px;
}
#rss_category_links a {
	display:block;
	margin-left:40px;
	margin-right:40px;
	width:30px;
	float:left;
	text-align:center;
}

/*  Portfolio Tab  */

#header_portfolio ul {
	padding-left:20px;
	width:190px;
	padding-right:10px;
	float:left;
}
#header_portfolio .header_content div {
	width:220px;
	float:left;
}


/*  Main Category Colors  &   Backgrounds */
.rantdom, a#catlink_rantdom, #header_rantdom {
	background-color:#B34848;	
}
div.rantdom_background {
	background-color:#E6D3D3;
}
.geekery, a#catlink_geekery, #header_geekery{
	background-color:#62B348;	
}
div.geekery_background {
	background-color:#D8E6D3;
}
.creative, a#catlink_creative, #header_creative {
	background-color:#48B3AC;	
}
div.creative_background {
	background-color:#D3E6E4;
}
.travel, a#catlink_travel, #header_travel {
	background-color:#9648B3;	
}
div.travel_background {
	background-color:#E1D3E6;	
}
.internet, a#catlink_internet, #header_internet {
	background-color:#4852B3;	
}
div.internet_background {
	background-color:#D3D5E6;	
}

#header_home {
	background-color:#d3d1d1;
}
a#pagelink_about, #header_about {
	background-color:#333;
}
a#pagelink_portfolio, #header_portfolio {
	background-color:#555;
}
a#pagelink_services, #header_services {
	background-color:#777;
}
a#pagelink_contact, #header_contact {
	background-color:#999;
}

#header_rss, #header_search {
	background-color:#333;
}


/* RIGHT COLUMN */
#rightcontainer > div {
	float:left;
	background-color:#e1e1e1;
	border-right:2px solid white;
	border-bottom:2px solid white;
}
#rightcontainer > div > div {
}
#rightcontainer > div.nopadding > div {

}
#rightcontainer > div.singlewidth {
	width:219px;
}
#rightcontainer > div.singleheight, #leftcontainer > div.singleheight {
	height:222px;
	overflow:hidden;
}
#rightcontainer > div.doublewidth {
	width:440px;
}
#rightcontainer > div.doubleheight {
	height:446px;
	overflow:hidden;
}
#rightcontainer div.padbox {
	padding:10px;
}

#where_label {
	height:25px;
	line-height:25px;
	background-color:#111;
	color:white;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	opacity:0.75;
	filter:alpha(opacity=75);
	display:block;
	margin:10px;
	margin-top:-210px;
	font-size:.9em;
	font-style:italic;

}
div#wherebox > h3{
	background-color:#603;
}

/*  TWITTER BOX  */
div#twitbox > h3 {
	background-color:#4ac7e6;
}
div#twitbox{
	background-color:#baf1f5;
}
div#twitbox .loading{
	position:absolute;
	font-weight:bold;
}
.tweet_list {
	position:absolute;
	margin:0px;
	list-style:none;
	padding:0px;
	height:150px;
	width:219px;
	overflow:hidden;
}
ul.tweet_list li {
	height:130px;
	padding:10px;
}
.tweet_time {
	display:block;
	font-style:italic;
}
#twitter_followlink, #twitter_nextlink {
	height:30px;
	width:110px;
	line-height:30px;
	color:white;
	text-align:center;
	display:block;
	position:absolute;	
	background-color:#2276BB;
	margin-top:150px;
}
#twitter_followlink:hover {
	background-color:#154872;
}
#twitter_nextlink {
	background-color:#00c1ec;
	margin-left:110px;
}
#twitter_nextlink:hover, #twitter_nextlink.hover {
	background-color:#005f72;
}
#twitter_bird {
	margin-top:-35px;
	margin-left:10px;
	position:absolute;
}
#twitter_tweet_bubble{
	position:absolute;
	margin-top:112px;
	margin-left:62px;
	background-image:url(images/tweetBubble.png);
	width:108px;
	height:30px;
	width:0px;
}
#twitterupbutton, #twitterdownbutton {
	height:30px;
	width:55px;
	float:left;
	text-align:center;
	background-color:#222;
}
#twitterupbutton {
	width:54px;
}
#twitterupbutton:hover, #twitterdownbutton:hover {
	background-color:#666;	
}
/*   RECENT PHOTOS   */
#recentphotosbox {
	background-color:#666;
}
div#recentphotosbox > h3{
	background-color:#333;
}
#recentphotoscontainer img {
	height:404px;
	width:440px;
}

/* PROJECTS & LINKS */

#projectsbox, #linksbox {
	background-color:#666;
}
div#projectsbox {
	background-color:#E6E3D3;
}
div#projectsbox > h3{
	background-color:#C9B43A;
}
#linksbox ul, #projectsbox ul{
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
}
#linksbox ul ul, #projectsbox ul ul {
	margin-top:0px;
	margin-bottom:5px;
}
#linksbox > ul h2, #projectsbox > ul > li > a {  /* lots of these items just make the projects box headings match the h2 in the linksbox */
	border-bottom:1px solid gray;
	margin-bottom: 2px;
	margin-top: 5px;
	font-weight:bold;
	font-size:1em;
	margin-top:0px;
	font-family: Helvetica;
	font-style:regular;
	color:black;
	display:block;
}

div#linksbox > h3{
	background-color:#F90;
}
div#linksbox {
	background-color:#E6DED3;
}

/*  POPULAR POSTS BOX  && RELATED POSTS BOX*/
#popularpostsbox ul, #relatedbox ul {
	margin:10px;
	padding:0px;
	list-style:none;
}
#popularpostsbox ul li, #relatedbox ul li {
	margin-bottom:6px;
}
#popularpostsbox ul a, #relatedbox ul a, #metabox_tags a, #metabox_cats a {
	background-color:#aaa;
	padding:2px;
}
#popularpostsbox ul a:hover, #relatedbox ul a:hover, #metabox_tags a:hover, #metabox_cats a:hover  {
	background-color:#999;
}

/*  META BOX  */
#metabox_cattitle, #metabox_tagtitle {
	font-weight:bold;
	font-style:italic;
	margin-bottom:2px;
	border-bottom:1px solid gray;
}
#metabox_tagtitle {
	margin-top:5px;
}
#metabox_cats > div {
	margin-bottom:2px;
	clear:left;
	overflow:auto;
}
#metabox_cats > div > * {
	float:left;
}
#metabox_tags a {
	display:block; 
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}

/*  SHARE BOX  */
.sharewidget {
	float:left;
	width:60px;
	text-align:center;
}

/*  DISQUS PLUGIN  */
#dsq_logo {
	height:30px;
	margin-top:-30px;
	padding-right:10px;
	margin-bottom:0px;
	display:block;
	text-align:right;
	color:white;
	font-size:.8em;
}
#dsq_logo a {
	margin-bottom:-2px;
}
#dsq-content div#dsq-new-post h3 {
	display:none;
}
#dsq-content div#dsq-global-toolbar {
	display:none;
}
.dsq-brlink {
	display:none;
}
#dsq-content div#dsq-new-post, div#dsq-content-stub {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	height:170px;
	border-bottom:2px solid white;
}
#dsq-new-post .dsq-textarea {
}
#dsq-content .dsq-textarea-wrapper > iframe {
	height:60px;
}
#dsq-content div.dsq-request-user-info, #dsq-content ul.dsq-login-buttons {
	background-image:none;
	margin-bottom:0px;
	padding-bottom:0px;
}
#dsq-content ul.dsq-login-buttons {
	padding-bottom:7px;
	padding-top:5px;
}

#dsq-content div.dsq-options, #dsq-content ul#dsq-comments, #dsq-content div.dsq-item-trackback, #dsq-content div.dsq-thread-settings {
	margin-left:10px;
	margin-right:10px;
	padding-left:0px;
	padding-right:0px;
}
/*   LATEST POSTS    */
.postcontainer, #olderpostsbox {
	border-bottom:2px solid white;
	width:550px;
	height:222px;
}
.postcontainer > img{
	position:absolute;
	width:550px;
	height:180px;
}
.posttextbg {
	position:absolute;
	width:330px;
	padding-top:150px;
	height:30px;
	background-color:#FFF;
	opacity:0.80;
	filter:alpha(opacity=80);
	margin-left:220px;
}
.postcontainer:hover .posttextbg {
	opacity:0.90;
	filter:alpha(opacity=90);
}
.posttitle { 
}
.postcontainer:hover .posttitle{
	
}
.postcontainer .postdate {
	font-size: 14px;
	font-family: Georgia;
	font-style:italic;

	padding-left:10px;
	display:block;
	background-color:#6CF;
	height:30px;
	line-height:30px;
	
	background-color:#333;
	color:white;
	
	width:210px;
	position:absolute;
	opacity:0.85;
	filter:alpha(opacity=85);

}

.postexcerpt {
	position:absolute;
	height:143px;
	width:310px;
	margin-left:220px;
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;
	display:block;
}
.postexcerpt p {
	margin:0px;
}

.photosbox, .commentsbox, .readmorelink, .livebox {
	display: block;
	height:30px;
	width:110px;
	text-align:center;
	color:white;
	padding:0px;
	line-height:30px;
	float:right;
	
	font-family: Georgia;
	font-style:italic;

}
.photosbox, .commentsbox, .livebox{
	width:55px;
}
.photosbox > img, .commentsbox > img{
	margin-bottom:-9px;
	margin-left:3px;
}
.commentsbox {
	background-color:#906;
}
.photosbox {
	background-color:#333;
}
.livebox {
	background-color:#F00;	
}

.postcontainer a:first-child {
	text-decoration:none;
}
.postcontainer:hover .posttitle{
	text-decoration:none;
	background-color:black;
}
.postcontainer:hover .readmorelink{
	background-color:black;	
}

/* SINGLE POST */
.fullpostcontainer {
	width:550px;
}
.fullpostcontainer > img {
	width:550px;
	height:180px;
	border-bottom:2px solid white;
}
.fullpostcontainer #postdatebox{
	/* Cheating a bit on the height and margin to make the text wrap properly */
	width:109px;
	height:102px;
	background-color:black;
	opacity:0.70;
	filter:alpha(opacity=70);
	float:left;
	margin-left:-12px;
	margin-top:-10px;
	margin-right:10px;
	margin-bottom:2px;
	padding-top:6px;
	color:white;
	font: 31px "BebasRegular", Futura, sans-serif;
	text-align:center;
	border-bottom:2px solid white;
	border-right:2px solid white;
}
#postdatebox .year {
	font-size:38px;
	display:block;
}
.postcontent {
	background-color:#AAA;
	overflow:auto;
	padding:10px;
	padding-left:12px;
	padding-right:15px;
	font-size:13px;
	line-height:18px;
	min-height:202px;
	border-bottom:2px solid white;
}
.postcontent p{
	margin-top:0px;
	text-align:justify;
}
.postcontent p code {
	display:block;
	text-align:left;
	overflow-x:auto;
}
.fullpostcontainer .postdate {
	font-size: 14px;
	font-family: Georgia;
	font-style:italic;
	display:block;
	font-weight:bold;
}
.postcontent h2{
	font-style:italic;
	text-decoration:underline;
	margin-bottom:3px;
}
.postcontent h3 {
	font-style:italic;
	margin-bottom:3px;
}

/*	IMAGE THUMBS */
.imagethumbsholder {
	background-color:black;
	overflow:hidden;
	margin-bottom:-2px;
}
.imagethumbsholder > * {
	float:left;
	width:110px;
	height:110px;
	border:2px solid white;
	margin:-2px;
	margin-bottom:0px;
	background-color:black;
	cursor:pointer;
}
.imagethumbsholder > div {
	cursor:auto;
}

/* POST BROWSER */

#olderpostsbox{
	background-color:#CCC;
	font-size:13px;
}
#oldposts_sortyby{
	float:left;
	width:110px;
	background-color:#999;
	min-height:190px;
}
#olderpostsbox a, #oldposts_sortyby a, #oldposts_firstchoice a {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:10px;
	text-transform:uppercase;
	color:white;
}
#oldposts_sortyby a:hover, #oldposts_sortyby a.selected {
	background-color:#000;
	color:#fff;
}
#oldposts_firstchoice{
	float:left;
	width:110px;
	background-color:#000;
	min-height:190px;
}
#oldposts_secondchoice {
	width:330px;
	float:left;
	min-height:190px;
}
#oldposts_secondchoice a {
	width:165px;
	height:20px;
	line-height:20px;
}
#oldposts_secondchoice a:hover {
	color:black;	
}
#oldposts_secondchoice a:first-child{
	margin-top:5px;
}

/* MORE POSTS BOX */

#morepostsbox {
	
}
#more_posts_newer, #more_posts_older, #more_posts_middle {
	float:left;
	width:110px;
	height:180px;
	background-color:#ddd;
	text-align:center;
	vertical-align:middle;
}
#more_posts_newer:hover, #more_posts_older:hover{
	background-color:#222;
}
#more_posts_newer a, #more_posts_older a {
	display:block;
	padding-top:70px;
	padding-bottom:70px;
}
#more_posts_newer:hover a, #more_posts_older:hover a {
	color:white;
}
#more_posts_middle {
	width:330px;
}
	

/*   Footer    */
#footerbottom {
	clear:both;
	height:30px;
	background-color:#000;
	color:white;
	width:992px;
	text-transform:uppercase;
	text-align:center;
	line-height:30px;
	border-top:2px solid white;
	margin-top:-2px;
}