* main */

html { color: #333; background-color: #f7f7f7; }
html .clear { padding-top: 5px; }

/* anchors */

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

/* paragraphs */

p.compact { line-height: 1.2em; }

/* font modifications */

h1, h2, h3, #nav li a, #brief a, .posttop .date, .button {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}
h1, h2, h3, h4, #brief a {
    letter-spacing: -1px;
}

/* top */

#top { height: 81px; background: transparent url('img/top.bg.png') repeat-x top; padding-bottom: 75px; }

#nav {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: right;
    text-transform: uppercase;
    font-size: 10px;
    color: #666666;
}
#nav li {
    float: left;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 0px;
}
#nav li a, #nav li a:link, #nav li a:visited {
    display: inline-block;
    font-weight: normal;
    color: #808080;
    padding: 0px 4px 0px 4px;
    text-shadow: rgba(0,0,0,0.1) 0 0 0;
    text-decoration: none;
    font-family: arial, Helvetica, sans-serif;
    font-size: 11px;
}
#nav li a:hover, #nav li.selected a { color:Black; }

#navb {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
    color: #666666;
    text-transform: uppercase;
    font-family: arial, Helvetica, sans-serif;
    font-size: 10px;
}
#navb li {
    float: left;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 4px;
}
#navb li a, #navb li a:link, #navb li a:visited {
    display: inline-block;
    font-weight: normal;
    color: #808080;
    text-shadow: rgba(0,0,0,0.1) 0 0 0;
    text-decoration: none;
    font-family: arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#navb li a:hover, #navb li.selected a { color:Black; }

/* intro */

#intro { position: relative; height: 265px; }
#intro .clear { padding: 0px; }

#brief h1, #brief h2 { color: White; margin-bottom: 10px; }
#brief h1 { font-size: 56px; white-space: nowrap; text-shadow: rgba(0,0,0,0.1) 3px 5px 5px; }
#brief h2 { font-size: 22px; line-height: 30px; font-weight: 400; }

#brief a.signup, #brief a.more { display: block; float: left; height: 58px; line-height: 54px; width: 230px; text-indent: -20px; background: transparent url('img/brief.bg.png') no-repeat right center; text-align: center; color: #3d3c3c; font-weight: 800; font-size: 24px; text-shadow: White 0px 1px 0px; }
#brief a.signup { background-position: left center; text-indent: -35px; }
#brief a:hover { color: #222; }
#brief a:active { color: #444; }

#slides img { position: absolute; height: 400px; width: 460px; visibility: hidden; }
#slides img.active { visibility: visible; z-index: 999; }
#slides img.pre-active { z-index: 998; }

/* path */

#path { height: 40px; line-height: 40px; width: 940px; margin: 0px auto; background: transparent url('img/path.bg.png') no-repeat left top; text-indent: 2em; color: #eee; }
#path a { color: White; font-weight: 800; }
#path h1 { font-size: 1em; display: inline; font-weight: 400; letter-spacing: 0px; }

/* content */

#content { background: #f7f7f7 url('img/content.bg.png') repeat-x top; }

#content .container_12 { padding-top: 3em; }
#content p.compact { color: #555; }

#index #content .container_12 { padding-top: 2em; }
#index #content .text { width: 360px; }

/* newsline */

#newsline { height: 55px; overflow: hidden; background-image: url('img/newsline.bg.png'); margin-bottom: 1em; }
#newsline p { color: #666; margin-left: 7em; margin-top: 0.4em; line-height: 56px; }
#newsline a { color: #666 !important; }
#newsline strong { margin-right: 0.5em; }

/* footer */

#foot { padding-top: 1em; background-color: #171717; color: #888; border-top: solid 1px black; }

#foot a, #foot h4 { color: White; }
#foot p strong { font-weight: 400; color: White; }

/* portfolio */

#folio .item { width: 300px; background: url('img/item.bg.png') no-repeat; }
#folio .item:hover { background-position: top right; }

#folio .item img { display: block; width: 266px; height: 150px; margin: 18px 17px 30px 17px; }
#folio .item img:hover { opacity: 0.8; }

#folio .item p, #folio .item h4 { margin: 17px; color: #666; letter-spacing: 0px; }
#folio .item h4 a { color: #666 !important; font-weight: 800; }

/* post */

.post, .postbody { background: White url('img/post.bg.png') repeat-y center; margin-top:16px; }
.post { margin-bottom:5px;}

.posttop, .postfoot { background: url('img/post.bg.png') no-repeat left top; clear: both; }
.posttop { height: 1em; position: relative; }
.postfoot { height: 2em; background-position: right bottom; }

.postbody { margin: 0px 3em; }
.postbody p.postinfo { color: #999; }
.postbody h2 a, .postbody p.postinfo strong { font-weight: 800; color: #333; }
.postbody h2 { margin-bottom: 12px; }

.postmeta { height: 5em; background: #f7f7f7 url('img/postmeta.bg.png') repeat-x bottom; }
.postmeta .left, .postmeta .right { margin: 1.5em 0.5em; padding-left: 2em; background: url('img/postmeta.sprites.png') no-repeat left top; }
.postmeta .right { background-position: left bottom; }
.postmeta strong { margin: 0px 0.5em; }
.postmeta a { color: #666; }
.postmeta a:hover { color: #333; }

/* post label */

.posttop label { position: absolute; top: 40px; left: -56px; width: 60px; height: 100px; background: url('/img/label.bg.png'); }
.posttop strong { position: absolute; text-shadow: rgba(0,0,0,0.2) 0px 1px 1px; }
.posttop .date { color: White; font-size: 36px; letter-spacing: -2px; top: 11px; left: 12px; }
.posttop .month { color: #999; font-size: 15px; letter-spacing: 3px; top: 36px; left: 14px; }
.posttop .comments { color: White; top: 73px; left: 35px; letter-spacing: -1px; }

/* inside post */

.postbody p span { background-color: #ffe; }
.postbody img { border: solid 10px #eee; }
.postbody a:hover img { border-color: #ddd; }
.postbody img.filled { width: 516px; }
.postbody blockquote { background: url('img/blockquote.bg.png') no-repeat left 0.5em; }
.postbody blockquote p { margin: 0px; }

/* sidebar */

#sidebar { width: 270px; float: right; color: #666; }
#sidebar h4 { margin-top: 10px; letter-spacing: 0px; }
#sidebar ul { margin: 0px; padding: 0px; list-style: none; }
#sidebar li a { height: 2.5em; color: #666; padding-left: 18px; white-space: nowrap; line-height: 36px; display: block; background: url('img/sidebar.bg.png') no-repeat center bottom; }
#sidebar li a:hover { background-position: center top; }

/* contact form */

.button { height: 32px; line-height: 28px; border: solid 1px #ccc; background: url('img/button.bg.png') repeat-x top; font-size: 1.25em; cursor: pointer; text-align: center; color: #3d3c3c; font-weight: 800; text-shadow: White 0px 1px 0px; }
.button:hover { color: #222; }
.button:active { color: #444; }

#contact { vertical-align: top; }
#contact .input {
    border: 1px solid #808080;
    padding: 5px;
    background-color: #f7f7f7;
}
#contact .input:hover { border-color: #bbb; }
#contact .input:focus { border-color: #abc; background-color: #f0f7ff; }
#contact .input.correct { border-color: #acb; background-color: #f7fff7; }
#contact .input.incorrect { border-color: #dab; background-color: #fff7ff; }
.footer
{
    color: #808080;
    font-size: 9px;
    text-align: right;
    margin-top: 20px;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;
	width: 360px;
}
ul.thumb li {
	margin: 0; 
	/*padding: 5px; */
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 155px;
}
ul.thumb li img {
	width: 120px; height: 155px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
/*	border: 1px solid #ddd; */
	padding: 5px;
/*	background: #f0f0f0; */
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(img/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
p
{
    font-size: 11px;
}
h2
{
    font-weight: normal;
}
/*-- contact form elemnts --*/
.lbl {width:110px; text-align:left; margin:0 6px 0 0; float:left; font-size:11px; color:Gray;}

.tb {margin:0 0 4px 0; width:180px; background:#f4f4f4; border:1px solid #d4d4d4; font-family:Lucida Sans;}

.cbx {margin:4px 0;}

.form_wrap {width: 244px;height: 365px;padding: 20px;float: right;border-left: 1px dotted #989c9f;}



div#widgetzone {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
padding:0;
}
div#widgetzone .clear {
clear:left;
}
div.widget {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;

margin-bottom:10px;
min-width:1px;
padding:10px 15px;
z-index:1;
}
div.widget .content {
color:#666666;
line-height:16px;
}
div.widget h4 {
border-bottom:1px solid silver;
color:#999999;
font-size:15px;
letter-spacing:1px;
margin:0 0 5px;
padding-bottom:5px;
z-index:0;
}
div.widget a.edit {
float:right;
font-size:10px;
font-weight:normal;
z-index:1;
}
div.widget a.delete {
color:#999999;
float:right;
font-weight:bold;
margin-left:5px;
text-decoration:none;
z-index:1;
}
div.widget a.delete:hover {
color:black;
}
#widgetzone .widget ul {
list-style-type:none;
margin:0;
padding:0;
text-transform:capitalize;
}
#widgetzone .widget ul li {
margin-bottom:8px;
}
#widgetzone .widget ul li span {
 font-size:10px;

}

#widgetzone div.search {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
padding-left:10px;
}
#widgetzone img.rssButton {
margin-right:3px;
}

.tagcloud {
margin-bottom:10px;
white-space:normal;
}
.tagcloud li {
display:inline;
}
.tagcloud a {
display:inline;
margin-right:3px;
}
.tagcloud a.biggest {
font-size:19px;
}
.tagcloud a.big {
font-size:17px;
}
.tagcloud a.medium {
font-size:14px;
}
.tagcloud a.small {
font-size:12px;
}
.tagcloud a.smallest {
font-size:10px;
}

.h2blog
{
 
}
.taggedlink
{
   margin: 3px;
    font-size: 18px;
    background-color: #000000;
    color: #FFFFFF;
    text-decoration:none;
    padding:5px;
}

  #theform {
}
#theform fieldset {
	height: 28em;
	width: 11em;
	border: 0;
	margin: 0;
	padding:1em;
	float: left;
	}
    #theform fieldset legend {
        font-size: 4em;
        font-family:Arial;
        color: #808080;
        margin-bottom:-20px;
    }
#theform fieldset legend span {
	display: none;
	}
#theform fieldset h3 {
	height: 2em;
	font-size: 1em;
	}
    #theform fieldset div.help {
        color: #808080;
        font-size: 0.7em;
        font-weight: bold;
        height: 5em;
    }
#theform fieldset label {
	font-size: 0.7em;
	display: block;
	line-height: 1.5em;
	}
#theform fieldset input {
	font-size: 0.8em;
	height: 1.2em;
	}
	
/* Error Styling */
#theform fieldset.error,
#theform fieldset.error legend,
#theform fieldset.error div.help {
	color: #FFCC33;
	}
#theform fieldset strong.error {
	color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	}

/* Part 4 Styling */
    #theform #pt4 {
        border-style: solid;
        border-color: #000000;
        clear: both;
        width: 42em;
        height: 5em;
        border-width: 1px 0;
        padding:1em;
        
    }
#theform #pt4 legend {
	display: none;
	}
#theform #pt4 h3 {
	display: none;
	}
#theform #pt4 #disclaimer {
	width: 26em;
	float: left;
	font-size: 12px;
	}
#theform #pt4 input {
	height: 5em;
	font-size: 1em;
	width: 18em;
	color: #666666; 
	background: #f3f3f3;
	font-weight: bold;
	border-bottom: 	1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	float: right;
	}
.inputbutton {
	height: 3em;
	font-size: 1em;
	color: #666666; 
	background: #f3f3f3;
	font-weight: bold;
	border-bottom: 	1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;	
	float: left;
	margin-bottom:5px;
margin-top:10px;
width:19em;
	}
	
	.T_head
	{
	 height:32px;
	}
	
	
	
	.commentForm {
background-color:white;
border:1px solid gray;
padding:5px;
}
.commentForm label {
display:block;
margin-top:4px;
width:80px;
}
.commentForm input {
height:24px;
width:300px;
}
.commentForm textarea {
border:1px solid silver;
height:150px;
width:100%;
}
#commentMenu {
clear:both;
margin:0;
padding:0;
}
#commentMenu li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D8D8D8 none repeat scroll 0 0;
border-color:silver silver transparent;
border-style:solid solid none;
border-width:1px 1px medium;
cursor:pointer;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 5px 0 0;
padding:3px 8px;
position:relative;
top:2px;
}
#commentMenu li.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-bottom:1px solid white;
}
#commentPreview {
clear:both;
display:none;
min-height:150px;
}
.success {
color:green;
font-weight:bold;
}
.commentForm .bbcode {
float:right;
font-size:10px;
padding:3px;
position:relative;
top:20px;
}
.bbcode a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:1px;
padding:1px 3px;
}
#commentlist #comment-form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:10px 0;
padding:10px;
}