/* ====================================================== Gorvard.net style sheet, version 1.0 Author : Gor Vardanyan ====================================================== */ body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333; font-size: small; background: #FFFFFF url(../images/update.jpg) no-repeat left top; margin: 0px;} a, a:visited{color: #336699; text-decoration: none; background-color: inherit;} a:hover {color: #006699; text-decoration: underline; background-color: inherit;} .hide {display: none;} p{line-height: 1.6em; margin-top: 0; margin-right: 0; margin-bottom: 1em; margin-left: 0px;} /* Removing borders from linked images */  a img {border:none;} /* removing extra margin from form elements */ form {margin:0px; padding:0px;} .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }  .clearfix {display: inline-block;}  /* Hide from IE Mac \*/  .clearfix {display:block;}  /* End hide from IE Mac */  * html .clearfix{ height: 1px; } #container {width: 760px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; 	position: relative; } #header { height: 73px;	border-top-width: 5px; border-top-style: solid; border-top-color: #333333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; background-repeat: repeat-x; background-color: #6C9CE1; background-image: url(../images/header-bg.gif); color: #FFFFFF; } h1.logo {font-size: 30px; font-weight: normal; margin: 0px; padding-top: 17px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; letter-spacing: 1px; } h1.logo a, h1.logo a:visited { color: #FFFFFF; background-color: inherit; text-decoration: none; } h1.logo a:hover {color: #FFFFCC; background-color: inherit; text-decoration: none; } h1.logo span {font-size: 18px; } #container .tl {height: 105px;	width: 15px; position: absolute; background-image: url(../images/tl.gif); background-repeat: no-repeat; left: -15px; top: 0px; font-size: 1px; } #container .tr {height: 105px; width: 15px; position: absolute; background-image: url(../images/tr.gif); background-repeat: no-repeat; right: -15px; top: 0px; font-size: 1px; } #menu {height: 90px; background-color: #3D5552; background-image: url(../images/grey-bar.gif); background-repeat: no-repeat; border-top-width: 4px; border-top-style: solid; border-top-color: #99CC33; position: relative; color: #FFFFFF; margin-bottom: 30px; background-position: bottom; } ul#mein-menu {float: right; margin: 0px; list-style-type: none; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px; width: 490px; display: block; } ul#mein-menu li {display: inline; } ul#mein-menu li a, ul#mein-menu li a:visited {display: block; height: 26px; width: 102px; float: right; color: #999999; background-image: url(../images/main-menu-bg.gif); background-repeat: no-repeat; background-position: 0px 0px; text-align: center; padding-top: 7px; font-weight: bold; background-color: inherit; text-decoration: none; margin-left: 15px; } ul#mein-menu li a:hover {color: #CCCCCC; text-decoration: none; background-color: inherit; } ul#mein-menu li a#current, ul#mein-menu li a#current:hover, ul#mein-menu li a#current:visited {color: #FFFFFF; text-decoration: none; background-color: inherit; background-position: 0px -33px; } #sub-menu-box {padding-top: 3px; padding-left: 15px; float: left; padding-bottom: 5px; } .green-bold { font-weight: bold; color: #CCFF66; background-color: inherit; } ul#sub-menu {margin: 0px; padding: 0px; list-style-image: url(../images/sub-menu-bullet.gif); font-size: 11px; } ul#sub-menu li {margin-left: 18px;} * html ul#sub-menu li {margin-left: 15px;} ul#sub-menu li a, ul#sub-menu li a:visited {color: #CCCCCC; background-color: inherit; text-decoration: none; } ul#sub-menu li a:hover {color: #FFFFFF; background-color: inherit; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; } .hobbies {height: 50px; position: absolute; bottom: -13px; width: 350px; right: 0px; font-size: 11px; } .hobbies a, .hobbies a:visited { display: block; background-repeat: no-repeat; background-position: left top; background-color: inherit; color: #CCCCCC; float: left; padding-left: 67px; height: 35px; padding-top: 15px; } .hobbies a:hover { color: #FFFFFF; background-color: inherit; text-decoration: none; } .hobbies a:hover span { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; } .photographs { background-image: url(../images/icon-photo.jpg); margin-right: 20px; } .illustrations { background-image: url(../images/icon-illustration.jpg); } #content { padding-bottom: 30px; } .idx-left { width: 525px; float: left; padding-left: 5px; } .idx-right { float: right; width: 210px; } h2 { color: #3D5552; font-weight: normal; font-size: 25px; margin: 0px; padding: 0px; background-color: inherit; } .underline { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; } .feauted-item { padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; } .feauted-item .thumb { float: left; height: 75px; width: 200px; margin-right: 15px; } .feauted-item .thumb-info { float: left; width: 305px; color: #666666; background-color: inherit; } .dark { color: #333333; background-color: inherit; } .seemore { text-align: right; font-size: 24px; } .seemore a, .seemore a:visited { color: #E3E8E7; text-decoration: none; background-color: inherit; } .seemore a:hover { color: #CCCCCC; text-decoration: none; background-color: inherit; } .about-box { color: #666666; background-color: #F3F9E7; background-image: url(../images/idx-right-top.gif); background-repeat: no-repeat; background-position: top; padding-top: 7px; padding-right: 7px; padding-left: 7px; padding-bottom: 1px; font-size: 12px; } .about-box-close { background-image: url(../images/idx-right-bot.gif); background-repeat: no-repeat; background-position: bottom; font-size: 1px; height: 4px; } #footer { background-color: #3D5552; background-image: url(../images/footer-bg.gif); background-repeat: no-repeat; background-position: top; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #99CC33; padding-bottom: 2px; color: inherit; } ul.footer-menu { list-style-type: none; margin: 0px; padding: 0px; float: left; width: 300px; } ul.footer-menu li { display: inline; float: left; padding-top: 15px; padding-right: 10px; padding-bottom: 5px; padding-left: 15px; } ul.footer-menu li a, ul.footer-menu li a:visited { color: #CCCCCC; background-color: inherit; text-decoration: none; } ul.footer-menu li a:hover { color: #FFFFFF; background-color: inherit; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; text-decoration: none; } ul.valid { float: right; margin: 0px; padding: 0px; list-style-type: none; width: 350px; } ul.valid li { display: block; float: right; padding-top: 15px; padding-right: 15px; } .v-xhtml { display: block; background-image: url(../images/xhtml.gif); background-repeat: no-repeat; text-indent: -5000px; height: 17px; width: 79px; } .v-css { display: block; background-image: url(../images/css.gif); background-repeat: no-repeat; text-indent: -5000px; height: 17px; width: 79px; } .boxit { padding-bottom: 10px; } .copyright { color: #3D5552; background-color: #637573; padding-left: 15px; padding-top: 2px; padding-bottom: 2px; width: 730px; padding-right: 15px; } .copyright .cc { display: block; float: right; height: 17px; width: 79px; font-size: 1px; text-indent: -5000px; background-image: url(../images/cc.gif); background-repeat: no-repeat; margin-top: 1px; } /**************** WORKS *******************/ #content div.w-list { float: left; width: 180px; padding-left: 5px; padding-right: 4px; } div.w-list ol { color: #CCCCCC; background-color: inherit; margin: 0px; list-style-type: decimal; display: block; clear: both; list-style-position: inside; padding-top: 10px; padding-right: 0px; padding-bottom: 7px; padding-left: 5px; font-size: 12px; } div.w-list ol li { } div.w-list ol li a { color: #3D5552; background-color: inherit; } div.w-list ol li a:hover { color: #333333; background-color: inherit; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; } div.w-list ol li a:visited { color: #999999; background-color: inherit; } /**************** USEFUL *******************/.useful-resources, .useful-articles { float: left; width: 360px; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 15px; } .useful-articles { border-right-width: 1px; border-right-style: solid; border-right-color: #EEEEEE; } .useful-resources { border-left-width: 1px; border-left-style: solid; border-left-color: #EEEEEE; margin-left: -1px; } .lite { color: #999999; background-color: inherit; } .useful-resources a, .useful-resources a:visited { color: #3399CC; background-color: inherit; } .useful-resources a:hover { color: #006699; background-color: inherit; text-decoration: underline;	 } ul.resources { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; list-style-type: none; } ul.resources li { display: block; float: left; width: 150px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 15px; } ul.resources li a, ul.resources li a:visited { color: #3399CC; background-color: inherit; background-image: url(../images/resources-bullet.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; } ul.resources li a:hover { color: #006699; background-color: inherit; text-decoration: underline; } ul.articles { margin: 0px; list-style-type: none; padding: 0px; } ul.articles li { display: inline; } ul.articles li a, ul.articles li a:visited { color: #669900; background-color: inherit; text-decoration: none; float: left; display: block; width: 350px; padding-top: 4px; padding-bottom: 4px; padding-left: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; } ul.articles li a:hover { color: #669900; background-color: #F9F9F9; } .pad-left-15 { padding-left: 15px; } .pad-left-10 { padding-left: 10px; } .pad-left-5 { padding-left: 5px; } .gen-info { font-size: 18px; font-weight: normal; line-height: 28px; padding-top: 10px; color: #637573; background-color: inherit; } .gen-info .lite, .messengers .lite { color: #C0C8C6; background-color: inherit; } .messengers { font-size: 18px; font-weight: normal; line-height: 28px; padding-top: 10px; color: #637573; background-color: inherit; background-image: url(../images/messenger-icons.gif); background-repeat: no-repeat; background-position: left bottom; padding-left: 30px; margin-bottom: 95px; } #portfolio-showcase { background-repeat: no-repeat; background-position: bottom; position: relative; float: left; padding-right: 15px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; width: 200px; } a.jump-to-list, a.jump-to-list:visited { display: block; background-image: url(../images/jump-icon.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px; color: #FFFFCC; font-size: 11px; width: 95px; margin-top: 15px; margin-left: 15px; } a.jump-to-list:hover { color: #FFFF99; text-decoration: underline; } #work-info-placeholder { margin-bottom: 40px; padding-right: 15px; padding-left: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } h3.project-name { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 18px; font-weight: normal; color: #006699; background-color: inherit; } .image-placeholder { text-align: center; padding-top: 30px; padding-bottom: 30px; } .project-info { font-size: 11px; color: #999999; background-color: inherit; padding-bottom: 15px; text-align: center; } span.wide-inf { padding-right: 5px; padding-left: 5px; color: #3D5552; background-color: inherit; } img.border { border: 5px solid #EEEEEE; } #menu-works { background-color: #3D5552; background-image: url(../images/grey-bar.gif); background-repeat: no-repeat; border-top-width: 4px; border-top-style: solid; border-top-color: #99CC33; position: relative; color: #FFFFFF; margin-bottom: 30px; background-position: bottom; padding-bottom: 10px; } ul.gallery { display: block; margin: 0px; list-style-type: none; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } ul.gallery li { width: 135px; height: 110px; display: block; float: left; padding-left: 15px; } ul.gallery li a, ul.gallery li a:visited { border: 4px solid #CCCCCC; display: block; height: 90px; width: 120px; } ul.gallery li a:hover { border: 4px solid #B4B4B4; }
h3 {
color: #3D5552; font-weight: normal; font-size: 18px; margin: 0px; padding: 0px; background-color: inherit;
}
ul.articles-list { margin: 0px; list-style-type: none; padding: 0px; } ul.articles-list li {
	display: inline;
} ul.articles-list li a, ul.articles-list li a:visited {
	color: #669900;
	background-color: inherit;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
} ul.articles-list li a:hover {
	color: #669900;
	background-color: #F9F9F9;
	text-decoration: none;
}
.top-link {
	text-align: right;
	padding: 5px 20px 15px 5px;
}
.top-link a, top-link a:visited {
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.pullquote {
	background-color: #f2f2f2;
	padding: 3px;
}

#twitter_div h3 {
	font-size: 12px;
	font-weight:bold;
	color: #666;
}

ul#twitter_update_list {
	margin: 0px; list-style-type: none; padding: 0px;
}

ul#twitter_update_list li {
	margin: 5px 0; 
	padding: 5px;
	background:#fff;
	border: 1px solid #eee;
}