/* CSS Document */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}

body {
font:10px georgia, 'Trebuchet ms', 'Times New Roman', Times, serif;
background: #151515 url(../media/background.png) repeat-x center top;
line-height:1.5em;
color:#bbb;
}
 
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
color:#eee;
}
 
h1 {
padding:0;
letter-spacing:.3px;
font-size:3em;
line-height:1.3em;
font-weight:normal;
padding:30px 0 0 40px;
text-shadow: 2px 2px 2px #000;
}
 
h2 {
padding:0;
font-size:2em;
font-weight:bold;
line-height:1.3em;
padding:0px 0 10px 0;
}
 
h3 {
font-size:1.2em;
text-transform: uppercase;
font-weight:bold;
padding:0px 0 10px 0;
}

h5 {
font-size:1.6em;
letter-spacing:.1em;
font-weight:bold;
color:#9EC1EB;
text-transform: uppercase;
padding:10px 0 0 40px;
text-shadow: 2px 2px 2px #000;
}
 
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
font-size:1.1em;
padding:0 0 1em 0;
line-height:1.3em;
}
 
ul, ol {
padding:0;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:none;
outline: none;
color:#9EC1EB;
}
a:hover {
color:#fff;
text-decoration:underline}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 0 0;
padding:0;
}
 
table tr td {
padding:2px;
}

 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; color:#6E152D }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.small         { font-size:.8em; }
 
.img-left      { float:left;margin:4px 10px 4px 0;}
.img-right     { float:right;margin:4px 0 4px 10px; display:block; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/* LAYOUT */

#header {
height:130px;
}

#header a {
color:#fff;
text-decoration:none;}

#wrapper {
margin-top:30px;
width:1050px;}

#leftcolumn {
float:left;
}

#rightcolumn {
width:280px;
float:right;
}

.portfolio {
width:680px;
margin:0px 0px 15px 40px;
padding:10px;
overflow:auto;
font-size:1.1em;
border:1px solid #333;
background: #111 url(../media/projectbg.png) repeat-x center top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.detail {
width:370px;
float:right;
display:inline;
}

.thumbnail {
overflow:hidden;
width:286px;
height:226px;
margin:0 20px 0 0;
border:1px solid #444;
float:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.thumbnail img {
width:270px;
height:220px;
border:8px solid #111;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#about, #contact, #pagecount {
width:280px;
margin-bottom:15px;
overflow:hidden;
font-size:1.1em;
padding:10px 15px;
border:1px solid #333;
background: #111 url(../media/projectbg.png) repeat-x center top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.buttons {
margin:15px 0 0 0;
}

.buttons a {margin:0 20px 0 0}

.button {
line-height:20px;
font-size:1.1em;
letter-spacing:.1em;
text-transform: uppercase;
font-weight:bold;
padding:4px 13px;
border:1px solid #444;

background: #111 url(../media/projectbg.png) repeat-x 0px -50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.button:hover {
background: #111 url(../media/projectbg.png) repeat-x 0px -25px;
border:1px solid #666;}

#footer {
clear:both;
padding:20px 0 20px 40px;
overflow:auto;
background: #111 url(../media/background.png) repeat-x 0px -20px;
}

#footercontent {
width:1050px;}