@charset "UTF-8"; 

* {
	margin:0;
	padding:0;
}


body {font: 79%/1.25em arial, helvetica, sans-serif;}

a, a:visited{text-decoration:underline; color:#9d2113}

a:hover, #contentadd a:hover{color:#000}

p {color:#666666; font-size:12px; line-height:150%; padding:0 0 5px 5px; margin-bottom:8px }


/* about */

#about1 {float:left;width:340px; padding: 0 10px 10px 0} 

#about2 {float:right;width:360px; padding: 5px 0 10px 20px;}

#about2 p{font-size:13px} 

#about2 img { }

#about2 a{border:1px solid #fff;float:left}

#about2 a:hover{border:1px solid #9d2113}


/* leftcol */

#leftcol {float:left;width:370px; padding: 5px 10px 10px 0; background-color:#eaeaea} 

/* #leftcol a, a:visited{ color:#CCC}

#leftcol a:hover{text-decoration:none} */

#leftcol h1{font-size:18px; color:#000; margin: 15px 0 8px 20px; font-weight:lighter}

#leftcol h2{font-size:15px; color:#333; font-weight:lighter; margin: -10px 0 15px 15px; font-family:"Times New Roman", Times, serif; font-style:italic}

#leftcol p{font-size:13px; color:#000;line-height:150%; margin:5px 0 10px 15px} 

#leftcol img {margin: 10px 0 0 15px; display:block; border:1px solid #333}

#leftcol .box{font-size:10px; color:#666666; background-color:#ebebeb; padding: 2px 5px 2px 5px; margin:0 2px 0 0; border:1px #666666 solid}

#leftcol .box a{color: #666666; text-decoration:none}

#leftcol .box a:hover{color: #000; text-decoration:underline}

.view {padding:3px 5px 3px 5px; background-color:#fff; color:#333 }

.view2 {padding:3px 5px 3px 5px; margin-right:10px; background-color:#ebebeb; color:#333 }


/* featured */

#featured {float:left;width:260px; padding: 5px 10px 10px 0} 


/* featured2 */

#featured2 {float:right;width:400px; padding: 0 0 10px 20px}

#featured2 p{font-size:13px} 

#featured2 img { padding-bottom:10px; }


/* rightcol */

#rightcol {float:right;width:300px; padding: 0 0 10px 15px}

#rightcol h1{font-size:16px; color:#666666; font-weight:lighter; background-color:#ebebeb; padding: 5px 0 3px 5px}

#rightcol p{font-size:13px} 


/* rightcol lost */

#rightcol ul{float:left; clear:right}

#rightcol li{margin: 10px 6px 0 1px; border:1px solid #fff; display:inline;  padding:2px; float:left; list-style-image:none}

#rightcol a{border:1px solid #fff;float:left}

#rightcol a:hover{border:1px solid #9d2113}

.work {width: 579px; background-image:url(img/work.gif); background-repeat:repeat-y; float:left; padding-bottom:10px}

body{text-align:center; font-family:Arial; margin:0px}

#container{width:960px; margin-left:auto; margin-right:auto; margin-top:50px;text-align:left}

img{border:0px}


/* GENERAL RULES */

hr{border-bottom::1px solid #b6b6b6}

.titleblock h1{font-size:24px; color:#000; margin:30px 55px 0px 5px; padding: 8px 0 5px; float:left; clear:left; font-weight:lighter}

h3{font-size:16px; color:#333; margin:5px 0px 5px 5px; clear:both; font-weight:lighter; display:block; border-bottom: 1px #9d2113 solid; height: 20px}

.index h3{font-size:72px; color:#333; margin:5px 0px 10px 0px; clear:both; font-weight:bold}

h4{font-size:14px; color:#333; margin:5px 0px 5px 5px; font-weight:lighter}

.index h4{font-size:18px; color:#000; margin:10px 0px 20px 0px; clear:both; font-weight:lighter; float:left}

h6{font-size:10px; font-weight:lighter}

.intro {background-color:#f5f5f5; padding:10px 10px 10px 15px; margin:8px 0 10px 0; border-top:3px #9d2113 solid; font-size:16px}

.larger {font-size:14px;}

.serif {font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-style:oblique; font-size:125%; font-weight:lighter; color:#336699}

.strong{font-weight:bold; }

.big { color:#666666; font-size:100%; line-height:170%;}

.crumbs{color:#000; margin: 0 0 10px 0}

.crumbs p { font-size:12px; padding:3px 0 3px 5px;}

.crumbs a{text-decoration:underline; color:#333}

.crumbs a:active{text-decoration:none; color:#333}

.crumbs a:hover{color:#666666}

code{font-family:monospace; color:#FFF; width:328px; _width:325px; float:left; padding:10px; margin:10px 0px 10px 0px; background-color:#000}

blockquote{width:104px; _width:102px; float:left; margin:10px 0px 0px 0px; padding:25px 10px 5px 2px; font-size:13px; color:#9d2113; font-weight:bold; font-style:italic; background:url(quote.gif) no-repeat top left}

.index ul{background-color:#CCC; margin:10px 0px 10px 25px; padding:0px}

.index li{font-size:12px; display:inline; list-style-type:none; width:120px; height:160px; float:left; background-color:#f1f1f1; margin:0px 12px 0px 5px; padding:10px 5px 0 10px; border-top:#666666 3px solid}

.large {font-size:16px}


/* SIDEBAR*/

#sidebar{width:220px; float:left; font-size:11px}

#sidebar img.logo{margin-bottom:1px}

#sidebar p{font-size:11px; color:#949494;line-height:90%}

#contact {color:#949494;border-top: #9d2113 1px solid;margin-right:50px;}

.email { background-image:url(img/typewriter.png); background-repeat:no-repeat; background-position:0px -4px;padding: 6px 0 6px 42px; }

.phone { background-image:url(img/phone.png); background-repeat:no-repeat; background-position:0px 6px; padding: 12px 0 6px 42px; }


/* MENU */

#menu{margin:0px 0px 20px 0px; padding:0px}

#menu ul{margin:0px; padding:0px; float:left; clear:right}

#menu li{width:116px; margin:0; padding:0px; display:inline; font-size:12px; float:left; list-style-image:none}

#menu li.hidden{width:116px; margin:0px; padding:0px; display:inline; font-size:12px; float:left; list-style-image:none; border-top:5px solid #b6b6b6}

#menu .active{padding:5px 0px 0px 0px; border-top:5px solid #9d2113; font-weight:normal; color:#000}

#menu li.active{padding:5px 0px 0px 0px; border-top:5px solid #9d2113; font-weight:normal; color:#000}

#menu a{width:116px; padding:5px 0px 0px 0px; border-top:5px solid #b6b6b6; float:left; text-decoration:none; font-weight:normal; color:#000}

#menu a:hover{border-top:5px solid #9d2113; color:#000}

#menu #active a{border-top:0px; padding-top:0px}

.comment_author label, .comment_text label{margin:10px 0px 5px 0px; font-size:10px; float:left; clear:right}

.comment_author input{font-size:10px; border:1px solid #b6b6b6; background-color:#FFF; font-weight:bold}

.contenttext{margin:0px 0px 0px 116px}

#contentcolomn{float:left; width:696px; margin-top:60px}

.titleblock{width:696px; float:left; clear:left; margin-bottom:10px}

#content{margin:15px 0 0 0; clear:left; float:left; width:100%}

.contentblock{width:696px; padding:15px 0px 20px 0px; border-top:1px solid #666666; border-bottom:5px solid #666666; clear:left; float:left}

.contentblock h2 {font-size:15px; color:#333; margin:0; padding:10px 0 3px 5px; clear:right;display:block}

.contentadd { float:right; width:110px; padding:10px 0px 0px 0px; border-top:1px solid #9d2113; font-size:12px; text-align:right; color:#606060}

.contentadd ul { list-style:none}

*:lang(en) .contentadd, #item:empty{float:left !important}

.column1{width:320px; float:left; }

.column1 p{font-size:13px }

.column-x{width:320px; float:right}

.column-x p{font-size:13px }

.column2{width:320px; float:right}

.column2 p{font-size:13px }

.column2 ul{float:left; clear:right}

.column2 li{margin: 0 6px 0 1px; border:1px solid #fff; display:inline;  padding:2px; float:left; list-style-image:none}

.column3{width:320px; float:left; clear:left; margin-top:20px}

/*Flickr*/
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/

.column4{width:320px; float:right;  margin-top:20px}

.column4 ul{float:left; clear:right}

.client li{ color:#666666; padding:0 0 5px 10px; list-style:none}

.column4 img{padding: 0 6px 0 1px; border:1px solid #fff; display:inline;  padding:2px; float:left; height:3.25em; width:3.25em;}

.column4 a{border:1px solid #fff;float:left}

.column4 a:hover{border:1px solid #9d2113}

.note {font-size:11px; color:#990000; font-style:italic}

/* PROJECTS */

#projects dt a{float:left; clear:right; margin:0px 0px 10px 10px; padding:1px; background:#FFF; font-size:10px; font-weight:normal; height:50px; width:50px}

#projects dt label{float:left; clear:left; width:50px; height:50px}

#projects dt label#active{float:left; clear:left; width:50px; height:50px; font-weight:bold}

#projects dt a:hover{border-color:#b6b6b6; background:#FFF; font-size:10px; font-weight:normal}

#projects dt.active a{border-color:#000; background:#FFF; font-size:10px; font-weight:normal}

#projectdate{font-size:11px; color:#808080; margin:2px 0px 0px 0px; clear:both; font-weight:lighter; float:left}

#indexmenu{clear:left; float:left}

#indexmenu a:hover{background-color:#e5e5e5}

#indexmenu a{width:116px; height:180px; float:left; margin:0px; padding:0px}

.linkdesc{font-size:13px; color:#404040; font-weight:bold; clear:left; float:left; margin:15px 5px 5px 5px}

.link{font-size:23px; font-weight:bold; clear:left; float:left; margin:15px 5px 5px 5px; color:#9d2113; text-align:center; width:105px; height:55px}

.index #add{margin:0px 0px 0px 109px; width:116px; float:left}

.head{font-size:13px}

#contentadd a:link, a:active{color:#9d2113}

#headbox{height:15px; background-color:#9d2113;}

.color {color:#9d2113}


/* TABLE */

.col1{width:15%; font-size:12px; background-color:#CCC; text-align:center}

.col2{width:55%; font-size:12px; background-color:#CCC; text-align:center}

.col3{width:10%; font-size:12px; background-color:#CCC; text-align:center}

.col4{width:20%; font-size:12px; background-color:#CCC; text-align:center}

.pos{font-size:12px; text-align:center; border-bottom:#CCC 1px dashed}

.adjustDown{padding:12px 0 0 5px}

.colorline{background-color:#efefef; width:75%; padding:5px 0 6px 5px; font-size:11px}

.colorsection{background-color:#efefef; width:25%; padding:5px 0 6px 5px; font-size:11px}

.category{font-size:12px; font-weight:bold; color:#7b0302}

.highlight{background-color:#FFFF99}

.noline{width:75%}

.nosection{width:25%; }

.section{font-weight:bold; border-bottom:1px solid #bcbcbc; width:25%; vertical-align:top; font-size:11px; padding: 0 0 5px 5px}

.sectionhl {background-color:#FFFF66;font-weight:bold; border-bottom:1px solid #bcbcbc; width:25%; vertical-align:top; font-size:11px; padding: 0 0 5px 5px}

table {margin-top:10px; font-size:12px; line-height:120%}

.top a{display:block; color:#666666; padding:20px 0 0 0; font-size:10px}

.uline{border-bottom:1px solid #999; width:75%; line-height:120%; font-size:11px; padding: 0 0 5px 5px}

.anchor{font-size:9px}


/*Twitter*/

#twitter_div {text-align:left; background-color:#ebebeb; margin:0 0 10px 0}

#twitter_div ul {list-style:none; font-size:12px; line-height:130%; padding:10px 0 5px 10px}

#twitter_div li {padding: 0 0 10px 0}







/* OLD CODE 

#prevlink{float:left; width:154px; text-align:left}

#homelink{float:left; width:154px; text-align:center}

#nextlink{float:left; width:154px; text-align:right}



*/