/*
------------------------------
nclud'ed screen styles
Design & Dev by Maritn Ringlein
http://www.nclud.com
------------------------------
*/

/*------ Yahoo! Reset CSS ------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;}

body {width: 100%; font: normal 62.5% Geneva, Arial, Helvetica, sans-serif; background: #26364c url(../img/bg_body.gif) repeat-x 0 0; color: #dadde0;}

#container {}
#contentcontainer {}
.container {width:99.0em; margin:0 auto; padding:0;}


/*------ Header Styles ------*/
#header {position:relative; height:4.2em; margin:8.0em 100px 40px 100px;}
	#header a.brand {display:block; width:296px; height:41px; background: transparent url(../img/bg_logo_screen.gif) no-repeat 0 0; position:absolute; top:0; left:0; overflow:hidden;}
	#header a:hover.brand a:hover {background: transparent url(../img/bg_logo_screen.gif) no-repeat 0 -41px;}
	#header #navigation {position:absolute; top:-8.0em; right:0;}
	#header #navigation li a {text-decoration:none; text-transform:lowercase; color:#98a5b8; font-size:1.2em; margin-left:1.8em; margin:0 0.2em 0 0; padding:1.4em 1.4em;}
	#header #navigation li a:hover {color:#fff; border-bottom:2px solid #8cc43d; background:#2b3b51;}
	#header #navigation li.nav03 {margin-right:0;}
	#header #search {position:absolute; top:0; right:0;}
	#header #search .input {background-color:transparent; border:1px solid #485e7d; padding:0.6em 0.4em 0.5em 0.4em; font-size:0.9em; color:#9ea2a7; width:12.0em;}
	#header #search .submit { vertical-align: bottom;}

/*------ Footer Styles ------*/
#footer {width:70.0em; margin:2.0em auto; padding:7.5em 9.0em 6.0em 9.0em; color:#728094; background: transparent url(../img/bg_footer.gif) no-repeat right top;}
	#footer a {margin-left:0.8em; color:#728094; font-size: 1.1em;}


/*------ General HTML Tag Styles ------*/
h1 {font:2.1em "Times New Roman", Times, serif; color:#f3e3a3;}
	h1 a {text-decoration:none;  color:#f3e3a3;}
h2 {font:1.4em "Lucida Grande", "Lucida Sans", Verdana, Arial; color:#98a5b8; margin-bottom:1.0em;}
	h2 em {font-weight:normal; font-style:normal;}
h3 {font-size:1.8em; color:#fff; margin-bottom:0.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

p {font-size: 1.1em; line-height:1.4em;}

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

strong {font-weight:bold;}
em {font-style:italic;}
small {font-size:1.0em;}
code {font-family:"Courier New", Courier, monospace; border-left:4px solid #e2e2e2;  padding:0.6em 0.6em 0.6em 1.0em; display:block; background:#fafafa;}

form {}
	form input {}
	form select {}
	form select option {}
	form textarea {font:1.1em Helvetica, Arial, sans-serif;}
	form .input {background-color:transparent; border:1px solid #485e7d; padding:0.6em 0.4em 0.5em 0.4em; color:#9ea2a7; }
	form .submit {vertical-align: bottom;}	
	
	
/*------ Global Classes (Things I Use All The Time) ------*/
.alt em {position: absolute; left: -5000px; top: -5000px;}

.pos_left {float:left; margin-right: 0.5em;}
.pos_right {float:right; margin-left: 0.5em;}

.list_horizontal li {display: block; float: left;} .list_horizontal li a {display: block;}
.list_bull { margin: 1.0em 0;} .list_bull li {background: url(../img/icn_bulletWhite.gif) no-repeat 0px 2px; margin:0.5em 0; padding-left:1.2em;}
.list_num {margin:1.0em; padding-left:1.0em;} .list_num li {list-style:decimal; margin:0.5em 0; padding-left:0.2em;}

.clear {display:inline-block;}
.clear:after {display:block; visibility:hidden; clear:both; height:0; content:"."; }
	
	
/*------ Custom Styles ------*/	
.boxA {border:3px solid #485e7d; padding:0.8em; background:#35455c;}
.boxB {border:3px solid #30425b; padding:0.8em; background:#2b3b51;}	
	
.ninerules {width:28px; height:33px;}
	.ninerules a {display:block; width:28px; height:33px; background: transparent url(../img/bg_partner_9rules.gif) no-repeat 0 0;}
	.ninerules a:hover {background: transparent url(../img/bg_partner_9rules.gif) no-repeat 0 -33px;}		

.nothere {}
	.nothere #content {background: transparent url(../img/bg_iam_nothere.gif) no-repeat 0 6.0em;}
	.nothere #sidebar h2 {margin-top:8.0em;}

.resume {}
	.resume h3 {margin-top:2.0em;}
	.resume h2 {margin-bottom:0; padding-top:2.0em; border-top:2px solid #d4dce0;}
	.resume p {margin-top:0;}
	.resume strong {font-size:1.2em;}
	.resume small {font-size:0.9em;}
	.resume .description {margin:0 0 3.0em 2.0em;}
	.resume .info {margin-top:1.0em;}

#segment {margin:1.0em auto; width:57.0em; position:relative;}


/*------ Homepage Styles ------*/
.homepage, .homepage a {color:#9ea2a7;}
	
	.homepage #header #navigation li.nav00 a {color:#fff; border-bottom:2px solid #8cc43d; background:#2b3b51;}
	.homepage .segment {position:relative; margin-bottom:5.0em; padding:0 210px;}

	#designer {}
	#designer h1.title {visibility:visible; width:150px; height:83px; background: transparent url(../img/bg_iam_designer.gif) no-repeat 0 0; position:absolute; top:2.2em; left:0.5em;}
	#designer .boxA {}
	#designer .boxA .thumb {float:left;}
	#designer .boxA .description {width:27.0em; float:right; padding:1.0em;}
	#designer .boxA .controls {position:absolute; bottom:0.3em; right:31.3em;}
	#designer .boxA .controls a {display:block; width:18px; height:17px; padding:1.0em 0.8em 1.0em 0.8em;} 
	#designer .boxA .controls .prev a {background:#485e7d url(../img/icn_arrow_left.gif) no-repeat center center;}
	#designer .boxA .controls .next a {background:#485e7d url(../img/icn_arrow_right.gif) no-repeat center center;}
	
	#blogger {padding-right:190px;}
	#blogger h1.title {visibility:visible; width:129px; height:118px; background: transparent url(../img/bg_iam_blogger.gif) no-repeat 0 0; position:absolute; top:0.5em; left:0.5em;}
	#blogger h3 a {text-decoration:none;  font:1.1em "Times New Roman", Times, serif; color:#f3e3a3;}
	#blogger .ninerules {position:absolute; top:0; left:3.4em;}
	#blogger .blurb {width:27.5em; margin-right:1.8em;}
	
	#entrepreneur {margin-bottom:2.0em;}
	#entrepreneur h1.title {visibility:visible; width:171px; height:193px; background: transparent url(../img/bg_iam_entrepreneur.gif) no-repeat 0 0; position:absolute; top:-8.0em; right:0;}
	#entrepreneur .boxB {padding:1.8em 1.8em 1.8em 15.0em; width:39.6em;}
	#entrepreneur .boxB .photo {display:block; width:142px; height:153px; background:transparent url(../img/bg_iam_thatguy.gif) no-repeat 0 0; position:absolute; top:2.5em; left:20.0em;}
	#entrepreneur .boxB .photo img {display:none; visibility:hidden;}
	#entrepreneur .boxB .intro {width:24.0em; float:left;}
	#entrepreneur .boxB .nclud {width:112px; height:39px; background:transparent url(../img/bg_partner_nclud.gif) no-repeat 0 0; float:right; margin-top:-1.2em;}

	#designnotice {width:57.0em; margin:4.0em auto;}
	#designnotice p {background:#30425b; padding:0.6em;}
	
/*------ Coda Slider Classes ------*/
.slider-wrap {}
	.slider-wrap .stripNav, .slider-wrap .csw {display:none;}
	.slider-wrap .stripViewer {position: relative; overflow:hidden; margin: auto; width: 57.0em; height: 40.0em; clear: both; background: #26364c;} /* This is the viewing window */
		
	.slider-wrap .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none;} /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	.slider-wrap .stripViewer .panelContainer .panel {float:left; height: 40.0em; position: relative; width: 57.0em; } /* Each panel is arranged end-to-end */
	.slider-wrap .stripViewer .panelContainer .panel .wrapper {padding: 10px;} /* Wrapper to give some padding in the panels, without messing with existing panel width */		
		
	.slider-wrap .stripViewer {height:18.7em;}
	.slider-wrap .stripNavL {position:absolute; bottom:0em; right:24.8em; z-index:2;}
	.slider-wrap .stripNavL a {display:block; width:18px; height:17px; padding:1.0em 0.8em 1.0em 0.8em; background:#485e7d url(../img/icn_arrow_left.gif) no-repeat center center; text-indent:-5000px; overflow:hidden;} 
	.slider-wrap .stripNavR {position:absolute; bottom:0em; right:21.3em; z-index:2;}
	.slider-wrap .stripNavR a {display:block; width:18px; height:17px; padding:1.0em 0.8em 1.0em 0.8em; background:#485e7d url(../img/icn_arrow_right.gif) no-repeat center center; text-indent:-5000px; overflow:hidden;} 

/*------ Blog Classes ------*/
.blog {}
	.blog #header #navigation li.nav01 a {color:#fff; border-bottom:2px solid #8cc43d; background:#2b3b51;}


/*------ Portfolio Classes ------*/
.portfolio {width:99.0em; margin:0 auto;}
	.portfolio #header #navigation li.nav02 a {color:#fff; border-bottom:2px solid #8cc43d; background:#2b3b51;}
	.portfolio .segment {margin-bottom:2.0em;}
	.portfolio .article h1.flickr {background:transparent url(../img/icn_flickr.gif) no-repeat left center; padding-left:50px;}
	.portfolio .article h1 {color:#7a879b; margin:1.8em 0 0 0; font:1.8em "Lucida Grande", "Lucida Sans", Verdana, Arial;}	
	.portfolio .article h1 a {color:#7a879b; text-decoration:none;}
	.portfolio .article p {color:#abb0b6; margin-top:0.5em;}
	.portfolio .subnav {margin:0; padding:0;}
	.portfolio .subnav li {width:75px; height:75px; border:2px solid #485e7d; background:#35455c; padding:4px; margin:0 0.8em 0.8em 0;}
	.portfolio .subnav li.last {margin-right:0;}

/*------ About Classes ------*/
.about {width:99.0em; margin:0 auto;}
	.about #header #navigation li.nav03 a {color:#fff; border-bottom:2px solid #8cc43d; background:#2b3b51;}
	.about .segment {margin-bottom:4.0em;}
	.about #entrepreneur {margin-bottom:4.0em;}
	.about #entrepreneur h1.title {background:none;}
	.about .article h1 {color:#7a879b; margin:1.8em 0 0 0; font:1.8em "Lucida Grande", "Lucida Sans", Verdana, Arial;}
	.about .article h1 a {color:#7a879b; text-decoration:none;}
	.about .article h1 {color:#7a879b; margin:0; font:1.8em "Lucida Grande", "Lucida Sans", Verdana, Arial;}
	.about .article p {color:#abb0b6; margin-top:0.5em;}

/*------ Archive Classes ------*/
.archive .article {margin-bottom:2.0em;}
	.archive .article h1 {font-size:3.4em;}
	.archive .article h3 {margin-bottom:0.2em; line-height:1.4em;}
	.archive .article h3 a { text-decoration:none;}
	.archive .article h3 a:hover {text-decoration:underline;}
	.archive .article ol {font-size:0.8em;}
	.archive .article ol li {border-bottom:1px solid #e2e2e2; padding-bottom:0.6em; margin-bottom:1.4em;}
	.archive .article p {margin-top:0;}
	.archive .article ul  {margin-left:2.0em;}
	.archive .article ul li {font-size:1.2em; margin-bottom:0.8em;}	
	.archive small {margin-bottom:0.6em; display:block;}
	.archive #board #sidebar .title {margin-top:2.0em;}

/*------ Blog Board Classes ------*/
#board {margin:2.0em auto; padding:0 11.5em 0 13.5em; width:74.0em; position:relative;}
		
	.board_top {background: transparent url(../img/bg_board_lt.gif) no-repeat 0 0;}
	.board_top_a {height:30px; background: transparent url(../img/bg_board_rt.gif) no-repeat right top; margin-left:2.0em;}
	
	.board_center {background: transparent url(../img/bg_board_lc.gif) repeat-y 0 0; margin:0; padding:0;}
	.board_center_a {background: transparent url(../img/bg_board_rc.gif) repeat-y right top; margin-left:2.0em; padding:0 4.0em 2.0em 2.0em; width:66.0em;}
	
	.board_bottom {background: transparent url(../img/bg_board_lb.gif) no-repeat 0 0;}
	.board_bottom_a {height:30px; background: transparent url(../img/bg_board_rb.gif) no-repeat right top; margin-left:2.0em;}
	
	#board #sidebar {width:12.0em; float:right; padding:0; margin-top:4.0em;}
	#board #sidebar .title {margin-top:18.0em; background: transparent url(../img/icn_arrow.gif) no-repeat 0 0; padding:0.2em 0 0.2em 2.2em; color:#000; font-size:1.5em;}
	#board #sidebar li {background: transparent url(../img/icn_swirl.gif) no-repeat 0 1.0em; margin-left:1.4em; padding:0.4em 0 0.4em 1.8em;}
	#board #sidebar li a {color:#56a37f;}
	
	#board .article {width:50.0em; margin-bottom:2.0em;}
	#board .image {position:absolute; top:9.0em; right:7.0em; margin:35px 7px 0 0; z-index:2; display:block; width:180px; height:130px;}
	#board .frame {display:block; width:200px; height:172px; background: transparent url(../img/bg_board_photo.png) no-repeat 0 0; position:absolute; top:9.0em; right:7.0em; z-index:4; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://marylandmedia.com/_base/img/bg_board_photo.png', sizingMethod='crop');}	
	#board .frame[class]{background-image:url(http://marylandmedia.com/_base/img/bg_board_photo.png);}
	
	#board .date {width:11.0em; height:26px; background: transparent url(../img/bg_board_date.gif) no-repeat 0 0; position:absolute; top:5.2em; right:69.5em;  padding:14px 10px 2px 6px; font:bold 12px Arial, Helvetica, sans-serif; color:#5a5a5a; text-align:right; }
	#board .comments {display:block;  width:83px; height:48px; padding:15px 0 0 26px; background: transparent url(../img/bg_comment.gif) no-repeat 0 0; position:absolute; top:3.0em; right:20.0em; text-align:center;}
	#board .comments a {font:11px Arial, Helvetica, sans-serif; text-decoration:none; color:#000;}
	#board .comments a:hover {color:#337dae; text-decoration:underline;}
	#board .comments a em {font-size:24px; font-style:normal; display:block; margin-bottom:-6px;}
	#board .ninerules {position:absolute; top:-3.0em; right:6.0em;}
	#board .info {background:#eef2f4; padding:1.0em; border:1px solid #d4dce0; border-left:none; border-right:none;}
	
/*------ Comments Classes ------*/
#comments  {margin:6.0em auto; padding:0 13.5em; width:72.0em;}
	#comments h3 {margin-bottom:0;}
	#comments h2 {margin:0 0 5.0em 0;}
	#comments code {border:0; padding:0; background:none; margin:0.4em 0;}
	#comments .commentlist li {margin-bottom:4.0em; display:inline-block;}
	#comments .commentlist li:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
	#comments .commentlist li .user_info {float:left; width:20.0em;}
	#comments .commentlist li .user_info cite {font-weight:bold;  color:#98a5b8;}
	#comments .commentlist li .user_info cite a {font-size:1.2em; color:#98a5b8; text-decoration:none;}
	#comments .commentlist li .user_info small a {display:block; margin-top:0.4em;}
	#comments .commentlist li .user_comment {float:right; width:46.0em;  padding:2.0em; ; border-left:1px solid #30425b;}
	#comments .commentlist li .user_comment p {margin-bottom:1.2em; font-size:1.2em;}	
	#comments .commentlist li .user_comment blockquote p {font-style:italic; margin-left:20px; padding-left:20px; background:transparent url(/_base/img/icn_commentQuote.gif) no-repeat 6px 0; color:#d9d9d9; font-size:10px;}
	#comments .commentlist li.odd .user_comment {background:#2b3c55;}
	#comments .commentlist li.even .user_comment {padding:0 0 0 2.0em; width:48.0em;}
	#comments .commentlist li .eg-image {border:2px solid #485e7d;}
	
	#comments #respond {margin-top:8.0em; padding-left: 22.0em; background: transparent url(../img/bg_iam_yourname.gif) no-repeat 0 8.0em;}
	#comments #respond h2 {margin-bottom:2.0em;}
	#comments #respond p {margin-bottom:0.4em;}
	
/*------ Article Styles ------*/
.article {font-family:Geneva, Arial, Helvetica, sans-serif; color:#5a5a5a; float:left;}
	.article h1 {color:#337dae; font:2.8em Geneva, Arial, Helvetica, sans-serif; padding: 5px 0 5px 0; margin:-10px 0; font-weight:bold;}
	.article h1 a {color:#337dae; font:0.8em Geneva, Arial, Helvetica, sans-serif;}
	.article h2 {color:#26364c;}
	.article h3 {color:#58b099;}
	.article p, .article ul, .article ol {font-size: 1.2em; line-height:1.6em; margin:1.6em 0; font-weight:normal;}
	.article ul { margin: 1.0em 0 1.0em 1.0em;} .article ul li {background: url(../img/icn_bulletBlue.gif) no-repeat 0px 5px; margin:0.5em 0; padding-left:1.2em;}
	.article ol {margin:1.0em; padding-left:1.0em;} .article ol li {list-style:decimal; margin:0.5em 0; padding-left:0.2em; border-bottom:1px solid #e2e2e2; padding-bottom:0.6em; margin-bottom:1.4em;}
	.article a {color:#56a37f;}
	.article blockquote {margin-left:1.5em; padding-left:2.6em; background: transparent url(../img/icn_quote.gif) no-repeat 0 0; color:#999;}
	.article .photo {float:right; margin:0 0 1.0em 1.0em; border:2px solid #2b3b51; padding:0.4em;}	
		
	
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash .sifr_title {visibility: hidden;}