/*** 
NAME: IDESIGNB.COM
DESCRIPTION: INTERFACE STYLING
URL: WWW.IDESIGNB.COM
VERSION: 7.0
TAGS: PERSONAL PROFILE, ABOUT BRYAN, BIO, GALLERY, WORK
COLOR: 09C, 333, CCC, C9C9C9, EEE,  E9E9E9, 444, 999
FONT-FAMILY: Helvetica, Arial, sans-serif
LANGUAGES: 960GS, CSS, CSS2, CSS3, XHTML, JQUERY, JAVASCRIPT

***/

 

body {
		font:96%/1.7  Helvetica, Arial, sans-serif;
		color:#333;
		background: #eee;
}


@font-face {
	font-family: Qlassik_TB;
	src: url('../font/Qlassik_TB.ttf');
}

 /*HEAD STYLES*/
h1 {
		font-size:1.6em;
		border-bottom:1px dashed #ccc;
		border-top:1px dashed #ccc;
		text-align:center;
		margin-top:10px;
		letter-spacing:-2px;
		clear:both;
}

h2 { font-size:2em } /*23px*/

h3 { font-size:1.8em } /*21px*/

h4 { font-size:1.188em } /*19px*/

h5 { font-size:1.063em } /*17px*/

h2, h3 {
		letter-spacing:-2px;
		border-bottom:1px dashed #ccc;
		color:#0099cc;
		padding:5px 0 5px 120px;
		background: url(../images/iCon.png) no-repeat left;
}

h4, h5 {
		letter-spacing:-1px;
		border-bottom:1px dashed #ccc;
}

small {
		font-size:0.713em;
		color:#666;

}

em {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
				
}

strong { color:#3C3C3C }

blockquote {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
		font-style:italic;
		line-height:1.1em;
		color:#666;
}

ol { list-style:decimal }

ul {
		list-style:none;
		margin-top:5px;
}

li {
		margin-left:5px;
		display:inline;
}

p {
		overflow: hidden;
		padding:0 3px 0 5px;
}
h2, h3, li, ul {
margin-bottom:15px
}

/* HYPERLINK STYLES*/
a {
		color: #333;
		text-decoration: none;
}

a.content:link, a.content:visited {
		color:#393939;
		padding:2px;
		font-weight:bold;
		border-bottom:1px dashed #ccc;
}

a.content:hover { color:#09c; }

a.once:link, a.once:visited {
		border:1px dashed #ccc;
		color:#333;
		padding:4px;
		font-style:normal;
}

a.once:hover {
		background-color:#09c;
		color:#eee;
		border:1px solid #ccc;
}

a.box:link, a.box:visited {
		font-family:Qlassik_TB;
		background-color:#09c;
		color:#eee;
		padding:5px 7px;
		-moz-border-radius: 2px 9px 2px 9px;
		-webkit-border-radius: 9px 2px;
		-moz-box-shadow: 1px 1px 3px #999;
		-webkit-box-shadow: 1px 1px 1px #999;
}

a.box:hover {
		background-color:#666;
		color:#ccc;
		-moz-box-shadow: 1px 1px 3px #999;
		-webkit-box-shadow: 1px 1px 1px #999;
}

/**** TOPDIV STYLES ****/
#container { padding-top:5px; }

#logo {
		border-top:1px dashed #ccc;
		border-bottom:1px dashed #ccc;
		margin:5px 0 15px 10px;
		float:left;
}

#nav {
		text-transform:uppercase;
		float:right;
		width:350px;
}

#nav a:link, #nav a:visited {
		font-weight:bold;
		color:#B0B0B0;
		padding:5px;
		border:1px dashed #ccc;
		-moz-border-radius: 5px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
}

#nav a:hover {
		color:#999;
		font-weight:bold;
		border-top:1px dashed #c9c9c9;
		border-bottom:1px dashed #c5c5c5;
		-moz-border-radius: 5px;
		-khtml-border-radius: 10px;
		-webkit-border-radius:10px;
		background-color:#EFEFEF;
}

#homeHeader { background: url(../images/b1.jpg) no-repeat top; }

#header {
		background-image: url(../images/b1.jpg);
		background-repeat: no-repeat;
		background-position: top;
}

#adBanners {
		padding:0;
		margin:35px 0;
		clear:both;
}

/**
HOMEPAGE
STYLES*/



.mainDiv p {
		border:1px dashed #ccc;
		/*border-bottom:1px solid #e1e1e1;*/
		background:#e9e9e9;
		padding: 10px 10px;
		margin:5px 0;
}

.mainDiv h2.blurb {
		background:none;
		color:#666;
		font-size:1.4em;
		padding:inherit;
		text-align:left;
		line-height:1.3em;
		letter-spacing:-1px;
}

.mainDiv p small.update {
		color:#666;
		padding:2px 0 0 15px;
}

.mainDiv img.ads { margin:10px 10px 5px 15px; }

.mainDiv img.profile {
		margin:5px 15px 0 5px;
		border:1px solid #ccc;
}

.advertisements {
		-moz-border-radius:5px;
		-kthml-border-radius:5px;
		-webkit-border-radius:10px;
		background:#e9e9e9;
		padding:10px;
		border:1px solid #ddd;
}

.advertisements img {
		margin:0;
		padding:0;
}

.advertisements small { font-style:italic; }

/** 
FOOTER SYLTES
*/
.footer { margin-top:10px;margin-bottom:15px; }

.footer a.host:link, a.host:visited, a.host:active{background-color:#09c;color:#eee;padding:4px;border:1px dashed #eee;}
.footer a.host:hover{background:#333;color:#eee;padding:4px;}

.footer .copyright {
		letter-spacing:-1px;
		font-size:1.1em;
		font-weight:bold;
		border-top:1px dashed #ccc;
		padding-top:10px;
		clear:both;
}
.col li {display:block; width:300px;}

/*
#footer li a { display:block; }
#footer li a:link { font-weight:bold; background: url(../../images/close-h.png) no-repeat left; padding-left:20px; }
#footer li a:visited { font-weight:bold; background: url(../../images/close-h.png) no-repeat left; padding-left:20px; }
#footer li a:hover { background-image: url(../../images/close.gif); background-repeat: no-repeat; background-position: left; padding-left: 20px; }
#footer .col li { display:block; margin:0; } 
*/
/*
SLIDESHOW 
STYLES
*/
#slideshow {
		position:relative;
		height:325px;
		margin-left:50px;
		width:815px;
}

#slideshow IMG {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
}

#slideshow IMG.active {
		z-index:10;
		opacity:1.0;
}

#slideshow IMG.last-active { z-index:9; }

/*
CONTACT FORM 
STYLES
*/
.contact  {background:#e9e9e9;padding:10px; color:#444;margin:10px 0 0 0;		border:1px dashed #ccc;
 }

.contact input:focus { border:1px solid #ccc; }

.contact textarea:focus { border:1px solid #09c; }

.contact textarea {
		font-family: Arial, Helvetica, sans-serif;
		color:#666;
}

.contact .expand {
		padding:10px;
		margin-bottom:5px;
		background-color:#eee;
						border:1px solid #e7e7e7;

}

.contact small {
		color:#666666;
		display:block;
		font-size:12px;
		font-weight:normal;
		text-align:left;
 	
		}

.contact .button {color:#666;
		-moz-border-radius: 5px;
		-khtml-border-radius: 10px;
		-webkit-border-radius:10px;
		background-color:#EFEFEF;
		background:#e9e9e9;
		border:1px dashed #bbb;
		padding:5px;
		height:40px;
		width:180px;
}
.contact .button a:hover {background:#555;}

/*
OTHER CLASSES_
*/
.align-center { text-align:center; }

.align-left { text-align:left; }

.align-right { text-align:right; }

.float-right { float:right; }

.float-left { float:left; }

.block { display:block }

.border { border:1px solid #ccc; }

.spacetop { margin-top:15px; }

.spaceleft { margin-left:30px; }

.inline { display:inline; }

.ad { display:block;
		/*margin:15px 0 15px 15px;}

.nextPost { margin-left:150px; }