* {
margin : 0;
padding : 0;
}
body {
background : #fff url('images/bg.png') repeat-x;
font-family : Arial, sans-serif;
font-size : 12px;
line-height : 21px;
color : #575757;
}
b {
font-weight : bold;
color : #000;
text-transform : none;
}
i {
color : #508f93;
}
u {
color : #79b9cc;
}
a:link, a:active, a:visited {
font-family : Arial;
font-size : 12px;
color : #625245;
text-decoration : none;
line-height : 21px;
}
a:hover {
font-family : Arial;
font-size : 12px;
color : #84a6a7;
text-decoration : none;
line-height : 21px;
}
ul, ol {
list-style-type : none;
}
h1 {
font-family : Georgia, "Times New Roman", Times, serif;
text-align : center;
font-size : 28px;
font-weight : normal;
letter-spacing : -1px;
color : #77bdac;
margin-bottom : 12px;
background : #fff url('images/h1.png') no-repeat;
line-height : 68px;
}
h2 {
font-family : Georgia;
font-size : 28px;
font-weight : normal;
letter-spacing : -1px;
color : #625245;
margin : 5px;
padding : 3px;
}
h3 {
font-family : Georgia;
font-size : 1.75em;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 0;
padding : 5px;
color : #5e4a3e;
color : #655135;
}
h4 {
margin : 0 0 10px 0;
font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
line-height : 18px;
text-transform : uppercase;
letter-spacing : 2px;
color : #84a6a7;
border-bottom : 1px solid #e0e0d5;
padding-bottom : 5px;
padding-left : 5px;
}
h5 {
margin : 0 0 10px 0;
font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
line-height : 18px;
text-transform : uppercase;
letter-spacing : 2px;
color : #84a6a7;
border-bottom : 1px solid #e0e0d5;
padding-bottom : 5px;
padding-left : 5px;
}
h6 {
margin : 0 0 10px 0;
font-family : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
line-height : 18px;
text-transform : normal;
letter-spacing : 2px;
color : #4b3c38;
border-bottom : 1px solid #e0e0d5;
padding-bottom : 5px;
padding-left : 5px;
}
.article_info {
float : left;
width : 170px;
margin-right : 30px;
background : url(images/articleinfo_divider.png) no-repeat center bottom;
padding-bottom : 10px;
}
.article_info h3 {
color : #84a6a7;
font-size : 14px;
text-transform : capitalize;
text-align : center;
background : url(images/articleinfo_divider.png) no-repeat 0% bottom;
padding-bottom : 15px;
margin-bottom : 10px;
}
.article_info p {
color : #535253;
font-size : 13px;
line-height : 16px;
margin-bottom : 10px;
font-style : normal;
margin-left : 10px;
margin-right : 10px;
padding-left : 25px;
}
.article_info p.date {
background : url(images/icon_calendar.png) no-repeat;
}
.article_info p.categories {
background : url(images/icon_folder.png) no-repeat;
}
.article_info p.comments {
background : url(images/icon_comments.png) no-repeat;
}
ol.commentlist li {
font-family : Lucida Grande;
font-size : 11px;
color : #1a1616;
background-color : #aeddcf;
margin-left : 70px;
margin-bottom : 20px;
padding : 10px 20px;
width : 435px;
}
#form_wrap {
position : relative;
}
#form_wrap .form-left {
width : 100%;
float : left;
}
#form_wrap .form-right {
width : 100%;
float : left;
}
#form_wrap textarea, #form_wrap .form-left input {
border : 1px solid #dddddd;
background : #f7f7f7;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #676563;
padding : 7px 10px;
}
#form_wrap textarea {
width : 93%;
margin-bottom : 20px;
padding : 10px;
background-color : #f7f7f7;
}
#form_wrap .form-left input {
width : 25%;
display : block;
margin : 0 20px 20px 0;
float : left;
}
#form_wrap input.sb {
clear : left;
display : block;
margin-bottom : 30px;
}
#name {
padding-top : 6px;
font-family : Georgia;
font-size : 23px;
color : #5e5c57;
margin : 0;
}
#name a {
font-family : Georgia;
font-size : 23px;
color : #393c2f;
text-decoration : none;
}
#name a:hover {
color : #475953;
text-decoration : none;
}
#date {
font-family : Lucida Grande;
font-size : 12px;
color : #544b42;
border-bottom : 1px solid #575b47;
padding-bottom : 10px;
margin-bottom : 7px;
}
img.avatar {
float : left;
width : 45px;
height : 45px;
background-color : #ffffff;
border : 1px solid #808080;
padding : 3px;
}
img.avatar:hover {
float : left;
width : 45px;
height : 45px;
background-color : #ffffff;
border : 1px solid #808080;
padding : 3px;
}
.reply {
padding : 5px;
background-color : #1a1616;
color : #84a6a7;
font-weight : bold;
margin : 10px;
width : 135px;
}
.reply:hover {
padding : 5px;
background-color : #a5b9cd;
color : #3a4b58;
font-weight : bold;
margin : 10px;
width : 135px;
}
#container {
width : 900px;
margin : 0 auto;
}
#header {
background : url('images/header.png') no-repeat center top;
width : 100%;
height : 140px;
}
ul#navigation {
background : url('images/navigation.png') no-repeat;
width : 705px;
height : 74px;
margin : 0 auto;
}
ul#navigation li {
padding : 0 0 0 0;
display : inline;
float : left;
}
ul#navigation li a {
display : block;
width : 104px;
height : 74px;
text-indent : -9000px;
}
ul#navigation li a:hover {
background : url('images/navigation.png') no-repeat;
background-position : 0% -74px;
}
ul#navigation li.graphics a {
width : 142px;
background-position : -150px 0%;
}
ul#navigation li.graphics a:hover {
background-position : -104px -74px;
}
ul#navigation li.resources a {
width : 135px;
background-position : -104px 100px;
}
ul#navigation li.resources a:hover {
background-position : -246px -74px;
}
ul#navigation li.tutorials a {
width : 135px;
background-position : -90px -100px;
}
ul#navigation li.tutorials a:hover {
background-position : -381px -74px;
}
ul#navigation li.site a {
width : 100px;
background-position : -330px 0%;
}
ul#navigation li.site a:hover {
background-position : -516px -74px;
}
ul#navigation li.home a {
width : 87px;
background-position : -445px 0%;
}
ul#navigation li.home a:hover {
background-position : -616px -74px;
}
#sidebar {
background : url('images/sidebar_bottom.png') no-repeat 0% bottom;
float : left;
width : 250px;
display : inline;
}
#sidebar li ul li {
border-bottom : 1px solid #d1d1d1;
margin : 0;
}
#sidebar ul li {
list-style : none;
padding : 6px 3px;
border-bottom : none;
}
#sidebar ul {
list-style : none;
padding : 6px 3px;
margin : 0;
}
#sidebar form {
float : left;
}
#sidebar form label .search-icon {
width : 25px;
height : 26px;
background : url('images/icon-search.png') no-repeat;
float : left;
margin : 0 -2px 0 0;
}
#sidebar .bar {
background-color : #dcd5cd;
padding : 8px;
text-align : center;
border-left : 1px solid #afa59a;
border-right : 1px solid #afa59a;
}
#sidebar_bottom {
background : url('images/sidebar_bottom2.png') no-repeat 0% bottom;
height : 26px;
float : left;
clear : left;
width : 250px;
}
#sidebar .searchbar {
background-color : #a6c5b9;
padding : 20px;
}
#content {
background-color : transparent;
float : right;
width : 600px;
display : inline;
}
.clear {
clear : both;
}
#footerBg {
margin : 0 0 0 0;
position : relative;
top : 40px;
width : 100%;
min-height : 500px;
background-color : #110e0c;
text-align : center;
clear : both;
}
#footer {
width : 985px;
margin : auto;
text-align : left;
display : block;
}
#footer a:link {
color : #505050;
font-size : 1em;
padding : 5px 5px 5px 5px;
background-color : transparent;
text-decoration : none;
}
#footer a:visited {
color : #505050;
font-size : 1em;
padding : 5px 5px 5px 5px;
background-color : transparent;
text-decoration : none;
}
#footer a:hover {
color : #cfc8c1;
background-color : #222;
text-decoration : none;
}
#footer a:active {
color : #cfc8c1;
background-color : #222;
text-decoration : none;
}
.footerColumn {
position : relative;
left : 5px;
float : left;
width : 223px;
margin : 30px 22px 0 0;
height : 250px;
}
.firstColumn {
float : left;
width : 223px;
margin : 30px 22px 0 0;
height : 250px;
}
#footer .firstColumn .topButton {
position : relative;
top : 33px;
left : -10px;
margin : 0 0 0 0;
}
#footer .firstColumn .topButton a:link {
font-size : 1em;
font-weight : bold;
color : #505050;
padding : 3px 5px 3px 5px;
border : none;
margin-top : 50px;
}
#footer .firstColumn .topButton a:visited {
font-size : 1em;
font-weight : bold;
color : #444;
padding : 3px 5px 3px 5px;
border : none;
margin-top : 50px;
}
#footer .firstColumn .topButton a:hover {
color : #cfc8c1;
background-color : #222;
}
#footer .firstColumn .topButton a:active {
color : #cfc8c1;
background-color : #222;
}
#footer .firstColumn .topButton img {
margin : 0 7px 0 0;
}
.lastColumn {
position : relative;
left : 5px;
float : left;
width : 223px;
margin : 30px 22px 0 0;
height : 250px;
}
#footer ul {
position : relative;
left : -5px;
list-style : none;
}
#footer ul li {
margin : 0 0 10px 0;
}
#footer .lastColumn ul {
position : relative;
left : 0;
list-style : none;
}
#footer .lastColumn ul li {
position : relative;
margin : 0;
}
#footer .lastColumn a:link {
color : #77bdac;
font-size : 11px;
}
#footer .lastColumn a:visited {
color : #77bdac;
font-size : 11px;
}
#footer .lastColumn a:hover {
color : #cfc8c1;
background-color : #222;
text-decoration : none;
}
#footer .lastColumn a:active {
color : #cfc8c1;
background-color : #222;
text-decoration : none;
}
blockquote {
font-family : Arial;
font-size : 0.917em;
text-align : center;
color : #28281f;
width : 500px;
background : url(images/articleinfo_divider.png) no-repeat center bottom;
padding-bottom : 15px;
margin : 30px;
}
.tutorial {
position : relative;
display : block;
height : 170px;
border-bottom : 1px solid #5c5c5c;
padding-top : 20px;
padding-bottom : 20px;
}
.tutorial img {
float : left;
margin-right : 20px;
margin-bottom : 20px;
width : 150px;
height : 150px;
background-color : #ffffff;
border : 1px solid #808080;
padding : 8px;
}
.tutorial .text {
display : block;
margin-top : 20px;
font-style : italic;
float : left;
width : 400px;
}
.bord {
padding : 3px;
border : 1px solid #626262;
margin : 3px;
}
#twitter_update_list {
font-size : 11px;
}
#twitter_update_list li {
border-bottom : 0;
padding : 5px 0;
margin : 3px;
}
#twitter_update_list li span {
display : block;
}
a.page:link, a.page:visited, a.page:active {
color : #241e1e;
background-color : #a9dacc;
font-family : Century Gothic;
font-size : 12px;
text-align : center;
border : 1px solid #a9dacc;
text-decoration : none;
text-transform : uppercase;
letter-spacing : 1px;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 18px;
padding-right : 18px;
margin-left : 2px;
margin-right : 2px;
margin-top : 0;
margin-bottom : 0;
line-height : 30px;
}
a.page:hover {
color : #121111;
background-color : #99c6b9;
font-family : Century Gothic;
font-size : 12px;
text-align : center;
border : 1px solid #99c6b9;
text-decoration : none;
text-transform : uppercase;
letter-spacing : 1px;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 18px;
padding-right : 18px;
margin-left : 2px;
margin-right : 2px;
margin-top : 0;
margin-bottom : 0;
line-height : 30px;
}
fieldset {
border : 0 solid #000;
}
#thebar {
width : 180px;
margin : 0 auto;
padding-bottom: 5px;
}
#left_column {
float: left;
width: 85px;
}
#right_column {
float: right;
width: 85px;
}