/*  
Theme Name: OI Damaged
Theme URI: http://www.outstandingink.com
Description: Custom wordpress design for OutstandingInk.com
Author: Outstanding Ink


*/



/* -------------------[ General ]------------------- */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Franklin Gothic Medium", Sans-Serif;
	color: #333;
	text-align: left;
	}

.catimage {float: left;}
.center {text-align: center; margin: auto;}
.dotted {border-bottom: 1px dotted #bbbbbb; margin-top:5px; }
.entry {margin: 0 0 5px 0; }
.mpinnerblock {border: solid #ffffff 5px; background-color: #D5C9B7; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; padding: 8px; text-align:center;}
.serviceoptions {border: solid #ffffff 5px; background-color: #D5C9B7; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; padding: 8px; text-align:left;}
.alignleft {float: left;}
.alignright {float: right;}

.body { padding: 5px; border: solid 5px #ffffff; background-color: #ffffff;font-family: "Franklin Gothic Medium", "Franklin Gothic Medium"; font-size: 12px; color: #000000;}
p {margin: 1em;}
.entrytext {text-align:left;}


div.excerptinside { border: 1px dotted #bbbbbb; background: #ffffff; color: #000000; padding-left: 5px; padding-right: 5px;  }

.excerpt_bottomleft {background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/excerpt_bottomleft.gif); width: 15px; height: 16px; float: left; background-position: 0 -16px; margin-top: -14px;  margin-right: 14px;  }

.excerpt_bottomright { background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/excerpt_bottomright.gif); width: 15px; height: 16px; float: right; margin-top: -14px; margin-left: 14px; }

.excerpt_topleft { background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/excerpt_topleft.gif); width: 15px; height: 16px; float: left;}

.excerpt_topright { background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/excerpt_topright.gif); width: 16px; height: 15px; float: right;}

.excerpt {border: 1px dotted #999999; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; font-weight: normal; text-align: left; display: block; padding: 5px;}



/* -------------------[ Headings ]------------------- */


h1 { font-family: "Franklin Gothic Medium"; font-size: 13px; color: #922323; text-align:center; }
h2 { font-family: "Franklin Gothic Medium"; font-size: 12px; color: #000000; text-align: center; font-weight: normal; padding: 0px; font-weight: bold; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #000000; font-size: 15px; 
	}

h2 a:hover, h3 a:hover,  {
	text-decoration: none; color: #ffffff; font-size: 15px; background-color: #922323; 	}

h2 a:hover, h3 a:hover,h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none; 	}


h2.post-titles { font-family: "Franklin Gothic Medium"; font-size: 15px; color: #666633; text-align: center; font-weight: normal; padding: 0px; font-weight: bold; }


#postcategories ul,li {  	list-style-type:none;}


.rightsidebar a, a:hover, a:visited, a:active {
	text-decoration: none; color: #ffffff; 	}


/* -------------------[ Links ]------------------- */

A:link	 { color: #922323; font-family: "Trebuchet MS", sans-serif; font-size:13px; text-decoration: underline; font-weight:bold; }
A:visited	{ color: #922323; font-family: "Trebuchet MS", sans-serif; font-size:13px; text-decoration: underline; font-weight:bold; }
A:active {color: #922323; font-family: "Trebuchet MS", sans-serif; font-size:13px; text-decoration: underline; font-weight:bold; }
A:hover {color: #ffffff; background-color: #922323; font-family: "Trebuchet MS", sans-serif; font-size:13px; text-decoration: none; font-weight:bold; }


A.logo:link 	{ text-decoration: none; background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/dot.gif); }
A.logo:visited { text-decoration: none; background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/dot.gif);}
A.logo:active	{ text-decoration: none; background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/dot.gif); }
A.logo:hover { text-decoration: none; background: url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/dot.gif); }


A.block:link { border: double #ffffff; color: #ffffff; background-color:#000000; font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px;display: block;}
A.block:visited	{ border: double #ffffff;color: #ffffff; background-color:#000000;  font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px; display: block;}
A.block:active	{border: double #ffffff;color: #ffffff; background-color:#000000;  font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px; display: block; }
A.block:hover {border: double #ffffff; color: #ffffff; background-color: #922323; font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px; display: block; }

A.blocksmall:link	{border: double #ffffff;color: #ffffff; background-color:#000000;  font-family: "Trebuchet MS", sans-serif; font-size:10px; text-decoration: none; font-weight:bold; padding: 1px; line-height: 25px; text-transform: uppercase;}
A.blocksmall:visited	{border: double #ffffff;color: #ffffff; background-color:#000000;  font-family: "Trebuchet MS", sans-serif; font-size:10px; text-decoration: none; font-weight:bold; padding: 1px; line-height: 25px; text-transform: uppercase; }
A.blocksmall:active	{border: double #ffffff;color: #ffffff; background-color:#000000;  font-family: "Trebuchet MS", sans-serif; font-size:10px; text-decoration: none; font-weight:bold; padding: 1px; line-height: 25px; text-transform: uppercase; }
A.blocksmall:hover {border: double #ffffff;color: #ffffff; background-color: #922323; font-family: "Trebuchet MS", sans-serif; font-size:10px; text-decoration: none; font-weight:bold; padding: 1px; line-height: 25px; text-transform: uppercase; }

A.minipost_permalink:link { border: double #ffffff; color: #ffffff; background-color:#000000; font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px;display: block;} 
A.minipost_permalink:visited	{ border: double #ffffff;color: #ffffff; background-color:#000000;  font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px; display: block;;}
A.minipost_permalink:active	{border: double #ffffff;color: #ffffff; background-color:#000000;  font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px; display: block;}
A.minipost_permalink:hover {border: double #ffffff;color: #ffffff; background-color: #922323; font-family: "Franklin Gothic Medium", sans-serif; font-size:13px; text-decoration: none; font-weight:normal; padding: 3px; display: block; }



/* -------------------[ Images ]------------------- */
.thumb { position: relative; border: dotted 1px #999999; padding: 5px; }
.thumbpad { padding: 0 5px 0 0; }

li.page_item {  list-style-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/inkdot2.gif');
	list-style-position: inside;
list-style-type: circle;
  margin:0 0 0.25em 0;}
.catimage {background-position:left; padding: 0 5px 0 0; align:left;  }

li.default {	list-style-position: inside;list-style-type: disc; margin: 0 0 0 15px;}

img.x {position: relative; left: -150px; top: 10px; z-index: 1; width: 175px; }



/* -------------------[ Fonts ]------------------- */
.black10 { font-family: "Franklin Gothic Medium"; font-size: 11px; color: #000000; text-align: left; }
.black11 { font-family: "Trebuchet MS"; font-size: 11px; color: #000000; text-align: left;  font-weight: normal; }
.black12 { font-family: "Franklin Gothic Medium"; font-size: 13px; color: #000000; text-align: justify; }
.black13 { font-family: "Franklin Gothic Medium"; font-size: 14px; color: #000000; text-align: justify; }
.green13 { font-family: "Franklin Gothic Medium"; font-size: 13px; color: #666633; }
.green14 { font-family: "Franklin Gothic Medium"; font-size: 14px; color: #666633; font-weight: bold; }
.grey12 { font-family: "Trebuchet MS"; font-size: 12px; color: #000000; text-transform: uppercase; font-weight: bold;}
.red11 { font-family: "Franklin Gothic Medium"; font-size: 12px; color: #922323;  }
.red12 { font-family: "Franklin Gothic Medium"; font-size: 13px; color: #922323; font-weight: bold; text-align: left; }
.red14 { font-family: "Franklin Gothic Medium"; font-size: 14px; color: #922323; font-weight: bold; text-align: left; }

.quote { font-family: "Trebuchet MS"; font-size: 11px; color: #000000; font-weight: normal; text-align: left; display: block; background-color: #DDD4C6; padding: 5px;}
.subtitles { font-family: "Trebuchet MS"; font-size: 10px; color: #333333; text-align: left; text-transform: uppercase; font-weight: bold; border-bottom: 1px dotted #999999;} 
.subtitle_nodot { font-family: "Trebuchet MS"; font-size: 10px; color: #333333; text-align: left; text-transform: uppercase; font-weight: bold; } 
.title1 {font-family:  "Franklin Gothic Medium"; font-size: 16px; color: #000000; text-align: left; font-weight: bold; }
.title2 {font-family:  "Franklin Gothic Medium"; font-size: 16px; color: #922323; text-align: left; font-weight: bold; }
//.projtitle { background: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/projtitlebg.gif'); background-repeat: no-repeat; background-position: left; line-height: 20px;}
.listing	{border: double #922323;color: #000000; background-color:#ffffff;  font-family: "Trebuchet MS", sans-serif; font-size:11px; text-decoration: none;  padding: 5px;}
.dagon {font-family: "Trebuchet MS"; font-size: 11px; color: #000000; font-weight: normal; text-align: left; display: block; background-color: #DDD4C6; padding: 5px;}}

/* -------------------[ Lists ]------------------- */
li.post-categories {  list-style-image: none; list-style-position: inside; list-style-type: circle; margin:0 0 0.25em 0;}
ul.post-categories {  list-style-image: none; }



/* -------------------[ Sidebar ]------------------- */
#menuposition { width: 180px; position: relative; left:0px; margin-left:0px; margin-right:0px; text-align:left; filter:alpha(opacity=85);-moz-opacity:.85; opacity:.85; }
.top-left { margin-right: 14px; background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans.png'); height: 14px; font-size: 2px; }
.top-right { margin-top: -14px; margin-left: 14px; background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans.png'); background-position: 100% 0; height: 14px; font-size: 2px; }
.bottom-left { margin-right: 14px; background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans.png'); background-position: 0 -14px; height: 14px; font-size: 2px; }
.bottom-right { margin-top: -14px; margin-left: 14px; background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans.png'); background-position: 100% -14px; height: 14px; font-size: 2px; }
div.inside {  width: 170px; border-left: 0px; border-right: 0px; background: #ffffff; color: #000000; padding-left: 5px; padding-right: 5px;  }

.notopgap { margin-top: 0; }
.nobottomgap { margin-bottom: 0; }



/* -------------------[ Nav Dropdown ]------------------- */


* {
				padding: 0;
				margin: 0;
				font-family: Arial, sans-serif;
			}
			

			
			body {
				behavior: url(csshover.htc);
			}

			ul#topnav {
				list-style: none;
			}

			ul#topnav a {
				border: 2px solid #fff;
				display: block;
				width: 97px; height: 37px;
				background: #333;
			}
			
			ul#topnav a:hover {				
				width: 97px; height: 37px;
				border: 2px solid #fff;
				background: #922323;
			}
			
			ul#subnav a {
				border: 2px solid #fff;
				display: block;
				width: 97px; height: 37px;
				background: #666;
			}

			ul#topnav li {
				float: left;
				position: relative;
      border-bottom: 1px solid #979797; 
      border-left: 1px solid #979797;       
				border-right: 1px solid #979797; 
			}
			
/* the left value is set to 0 (so its in line with its parent menu item) and set the top to 100% (so it appears after the full height of its parent vertically) */
			ul li ul {
				list-style: none;
				position: absolute;
				left: 0;
				top: 100%;
				display: none;
				width: 105px; height: 22px;
				border-top: 1px solid #979797; background-color:#666666;
			}
			
/* a hover style is given to the first list's "li" element telling it to display any unordered lists it has inside it. This is the line that creates the rollover effect */
			ul li:hover ul { display: block;
			background: #ffffff; }
			

/* The first line --- ul li:hover ul li ul { display: none; } ---  says not to display the new level when the first level is hovered over. If this were not set then everything would be displayed when the first level of the menu was hovered over. The second line   --- ul li ul li:hover ul { display: block; }  ---  says to display the third level of menu when the second level is hovered over. */


			ul li:hover ul li ul { display: none; }

/* the secondary pop up menu - position to pop under instead of to the side */			
			ul li ul li:hover ul {
				display: block;
				position: absolute;
				left: 100px;
				top: -1px;
			}




#subnav {			height: 28px;
			}





.green10 { font-family: "Franklin Gothic Medium"; font-size: 11px; color: #564E26; font-weight: normal; }
.green12 { font-family: "Franklin Gothic Medium"; font-size: 12px; color: #7D7D52; font-weight: bold; }


.grey10 { font-family: "Franklin Gothic Medium"; font-size: 11px; color: #666666; }
.grey11 { font-family: "Franklin Gothic Medium"; font-size: 12px; color: #444444; text-transform: uppercase; font-weight: bold; border-bottom: 1px dotted #999999; }

.red10 { font-family: "Franklin Gothic Medium"; font-size: 11px; color: #922323; font-weight: normal; }


.red15 { font-family: "Franklin Gothic Medium"; font-size: 16px; color: #922323; text-align:center; font-weight: bold; }

.white12 { font-family: "Franklin Gothic Medium"; font-size: 12px; color: #ffffff; }
.white10 { font-family: "Franklin Gothic Medium"; font-size: 10px; color: #ffffff; }





.pagetitles { font-family: "Franklin Gothic Medium"; font-size: 13px; color: #666633; font-weight: bold; text-align: left; }


.blackcaption {font-family: "Franklin Gothic Medium"; font-size: 10px; color: #666666; }
.contact {font-family: "Franklin Gothic Medium"; font-size: 12px; color: #E5C2C2; padding: 5px; background-color:#ffffff; width: 85%; border: double #922323 8px; }
.contactus {font-family: "Franklin Gothic Medium"; font-size: 10px; color: #000000; padding: 5px; background-color:#ffffff; width: 85%; }


.block {background-color: #333333; }
.borderB {border-bottom: 1px dotted #999999; }
.borderR {border-right: 1px dotted #999999; }
.borderBR {border-bottom: 1px dotted #999999;border-right: 1px dotted #999999; }

.center {text-align: center;}

div#helptip1, #helptip2, #helptip3, #helptip4, #helptip5, #helptip6, #helptip7, #helptip8, #helptip9, #helptip10 { display: none;	border: dotted 1px #999999; padding: 5px; background-color: #cccccc; }



.hdotted {border-right: 1px dotted #999999; padding: 3px;}
.fleft {vertical-align: text-bottom; }
.footer {padding: 5px; border-top: solid 10px #ffffff; background-color: #C0B58D;font-family: "Franklin Gothic Medium"; font-size: 10px; color: #000000; }
.footerOLD {padding: 5px; border: solid 5px #ffffff; background-color: #C0B58D;font-family: "Franklin Gothic Medium"; font-size: 10px; color: #000000; }

.form {font-family: "Franklin Gothic Medium"; font-size: 11px; color: #666666; text-align: right; }
.join {width: 128px; text-align: right; }
.left { background: repeat-y url(http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/left_bg2.gif); padding: 10px 0px 10px 10px; }
.lefttext {font-family: "Franklin Gothic Medium"; font-size: 12px; color: #000000; padding-left: 5px; }
.lyr_default {text-align: left; overflow: auto; }
.adtitle {position: relative;left: -10px; top: -10px; }
.maintitle {position: relative;left: 0px; top: 15px; }
.minithumb {padding: 5px;}
.mpblock {border: solid #922323 4px; padding-right: 0px; width: 220px; }


.photo {width: 260px; height: 160px; float: left; }
.postdate {font-size: 10px. font-family: Verdana; color: #922323; text-decoration: underline;}
.posted {background-color: #D5C9B6; font-size: 10px. font-family: Verdana; padding: 5px;}
.redcaption {font-family: "Franklin Gothic Medium"; font-size: 10px; color: #922323; }
.rsidebar {float: right; width: 180px; padding: 0 10px 10px 10px; }
.selected		{ border: 1px double #ffffff; color: #ffffff; background-color:#922323; font-family:"Franklin Gothic Medium", sans-serif; font-size:12px; text-decoration: none; font-weight:bold; padding: 2px; }
.sidecontent { position: relative; top: -25px; }
.sample { font-family: "Franklin Gothic Medium"; font-size: 11px; color: #000000; font-style: italic; }

.submit {font-family: "Franklin Gothic Medium"; font-size: 10px; color: #922323; font-weight: bold; }
.textcontent {font-family: "Franklin Gothic Medium"; font-size: 12px; color: #000000; text-align: justify;  position: relative; top: -25px; }
.textcontent2 {font-family: "Franklin Gothic Medium"; font-size: 12px; color: #999999; text-align: justify;  position: relative; top: -25px; }


.titleaskew { position: relative; top: -15px; z-index: 2; width: 135px; }
.title1 {font-family:  "Franklin Gothic Medium"; font-size: 16px; color: #000000; text-align: left; font-weight: bold; }

.titleimage {text-align: right; }
.topdivlink{     border: 1px solid white; display: inline; font-size: 12px; margin: 0px; padding: 4px !important; padding: 0px; padding/**/:/**/0px; padding-left: 0px !important; padding-right: 0px !important; }
.trans {float:left;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
.news {background-image:url('/oi_graphics/left_newsbg.gif'); background-repeat: repeat-y; background-position: center;font-family: "Franklin Gothic Medium"; font-size: 10px; color: #ffffff; text-align: justify; }








#pageblurb { position: relative;	margin-left: 0px; margin-right: 0px; padding: 5px;text-align:left; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }

div.blurbinside {margin-left: 0px;border-left: 0px;border-right: 0px;background: #C9BBA4; padding: 6px;font-family: "Franklin Gothic Medium"; font-size: 11px; color: #000000; text-align: justify; }

.blurbtop-left {margin-right: 7px; /* clip right corner */background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans_blurb.png');height: 7px; /* vertical: show first half of the image with the top-corners in it */font-size: 2px; /* correct height for IE */ }

.blurbtop-right {margin-top: -7px; /* to level of top-left corner */ margin-left: 7px; /* clip left corner */background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans_blurb.png'); background-position: 100% 0; /* show bg-image starting at the right */height: 7px;font-size: 2px; }

.blurbbottom-left {margin-right: 7px; /* clip right corner */background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans_blurb.png');background-position: 0 -7px; /* show under half of the image */height: 7px;font-size: 2px; }

.blurbbottom-right {margin-top: -7px; /* to level of bottom-left corner */margin-left: 7px; /* clip left corner */background-image: url('http://www.outstandingink.com/wordpress/wp-content/themes/oidamaged/images/trans_blurb.png'); background-position: 100% -7px; /* under half, right side */height: 7px; font-size: 2px; }



.wbordertop { background-color:#D5C9B6; border-top: double #ffffff 8px; border-right: double #ffffff 8px;border-left: double #ffffff 8px;padding: 10px; text-align: center; color:#333333; font-family: "Franklin Gothic Medium"; font-size: 10px; }
.wborderlr { border-right: double #ffffff 8px;border-left: double #ffffff 8px; border-bottom: 1px dotted #ffffff;padding: 0px; }
.wborderbot { background-color:#D5C9B6; border-bottom: double #ffffff 8px; border-right: double #ffffff 8px;border-left: double #ffffff 8px;padding: 10px; text-align: center; color:#333333; font-family: "Franklin Gothic Medium"; font-size: 10px; }



.bordered { background-color:#D5C9B6; border-top: double #ffffff 8px;border-right: double #ffffff 8px;border-left: double #ffffff 8px; border-bottom: 1px dotted #ffffff; padding: 0px;width: 170px; }


#samplecontainer	{ position:relative; width:330px; height: 300px; z-index:100; background-color:#ffffff;border: 1px #666666 solid; }
#servicecontainer	{ position:relative; width:330px; height: 300px; z-index:100; background-color:#ffffff;border: 1px #666666 solid; }


.navcontainer {border-right: double #ffffff 8px;border-left: double #ffffff 8px; padding: 0px;width: 170px; }
.navcontainerold {border-right: double #ffffff 8px;border-left: double #ffffff 8px; border-bottom: 1px dotted #ffffff; padding: 0px;width: 170px; }
.navcontainer2 {border-right: double #ffffff 8px;border-left: double #ffffff 8px;padding: 0px;width: 170px; }
.navcontainer3 {border-right: double #ffffff 8px;border-left: double #ffffff 8px;padding: 0px;width: 170px; }
.navcontainer ul { 	font-family: Geneva, "Franklin Gothic Medium", Helvetica, sans-serif;	text-transform: capitalize; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; list-style-type: none; }
.navcontainer a:link { font-family: Geneva, "Franklin Gothic Medium", Helvetica, sans-serif;text-decoration: none;background-color: #333333;display: block;padding: 4px;  width: 160px; height: 20px; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; vertical-align: middle; }
.navcontainer a:visited { font-family: Geneva, "Franklin Gothic Medium", Helvetica, sans-serif;text-decoration: none;background-color: #333333;display: block;padding: 4px; width: 160px; height: 20px;border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; vertical-align: middle; }
.navcontainer a:active { font-family: Geneva, "Franklin Gothic Medium", Helvetica, sans-serif;text-decoration: none;background-color: #333333;display: block;padding: 4px; width: 160px; height: 20px;border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; vertical-align: middle; }
.navcontainer a:hover { font-family: Geneva, "Franklin Gothic Medium", Helvetica, sans-serif;text-decoration: none;background-color: #922323;display: block;padding: 4px; width: 160px; height: 20px; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; vertical-align: middle; }