/* general styling */

body {
    background:#0d0d0d url(../../images/blueice/pages/bg.gif) top repeat-x;
}

#main {
    background:url(../../images/blueice/pages/containerBG.jpg) top no-repeat;
}

div#someSpace {
    height:30px;
}

span.red {
    color:red;
}

div#logo a {
    display:block;
    width:220px;
    height:69px;
    background:url(../../images/blueice/pages/sclogo.png);
    margin-top:45px;
}

/* end general styling */


/* button styling */

.btn {
    display:inline-block;
    background:none;
    margin:0;
    padding:3px 0;
    border-width:0;
    overflow:visible;
    font:100%/1.2 Arial,Sans-serif;
    text-decoration:none;
    color:#333;
}
* html button.btn {
    padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right 
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
    margin:0 -3px;
}
.btn span {
    background:#ddd url(../images/button.gif) repeat-x 0 0;
    margin:0;
    padding:3px 0;
    border-left:1px solid #bbb;
    border-right:1px solid #aaa;
}
* html .btn span {
    padding-top:0;
}
.btn span span {
    position:relative;
    padding:3px .4em;
    border-width:0;
    border-top:1px solid #bbb;
    border-bottom:1px solid #aaa;
}

.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
    cursor:pointer; /* important for any clickable/pressable element */
    border-color:#87c847 !important;
    color:#000;
}
.btn:active span {
    background-position:0 -400px;
    outline:none;
}
.btn:focus, .btn:active {
    outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* end button styling */


/* content section */

div.content p {
    padding:0px;
}

div#content {
    margin-bottom:50px;
}

div#content div.contentBody {
    margin:20px 0px 0px;
    padding:0px 20px;
}

div#content div.contentBody img {
    float:left;
    margin:5px 20px 20px 0px;
}

/* end content section */


/* sidebar styling */

div.sidebar {
    margin-bottom:75px;
}

div.sidebar h3 {
    background:url(../../images/onecolruler.gif) bottom no-repeat;
    padding-bottom:16px;
}

div.sidebar ul {
    padding:0px 0px 0px 20px;
    margin:15px 0px 0px;
}

a.connect {
    padding:0px 0px 0px 0px;
    margin-bottom:15px;
    display:block;
    text-decoration: none;
}

a.connect img {
    vertical-align: middle;
    margin-right:20px;
}

div#tweets a {
    font-size:11px;
}

/* end sidebar styling */


/* blog styling */

div.postMeta {
    padding:0px 0px 0px 20px;
    margin:15px 0px 0px;
    color:#91b4c3;
    font-family: "Lucida Grande", "Lucina Sans Unicode", Verdana, sans-serif;
    font-size:11px;
}

div.post {
    margin-bottom:75px;
}

div.post p {
    padding:0px;
}

div#posts div.post div.postBody {
    margin:15px 0px 0px;
    padding:0px 20px;
}

div#posts div.post div.postBody img {
    float:left;
    margin:5px 20px 20px 0px;
}

/* end blog styling */

/* blog styling */

div.postMeta {
    padding:0px 0px 0px 20px;
    margin:15px 0px 0px;
    color:#c8d8b8;
    font-family: "Lucida Grande", "Lucina Sans Unicode", Verdana, sans-serif;
    font-size:11px;
}

div.post {
    margin-bottom:75px;
}

div.post p {
    padding:0px;
}

div#posts div.post div.postBody {
    margin:15px 0px 0px;
    padding:0px 20px;
}

div#posts div.post div.postBody img {
    float:left;
    margin:5px 20px 20px 0px;
}

div#posts h2 a {
    color:#eeeeee;
    text-decoration:none;
}

/* comments styling */

div#posts h3#comments {
    margin-bottom:40px;
    margin-top:40px;
}

div#posts ol.commentlist {
    padding-left:20px;
}

div#posts ol.commentlist li {
    margin-bottom:100px;
}

div#posts div#respond {
    padding-left:20px;
    margin-top:120px;
}

div#posts div#respond textarea {
    width:600px;
    border:1px solid #333333;
    background-color: transparent;
    padding:5px;
    color:#dddddd;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px
}

div#posts div#respond textarea:focus {
    border:1px solid #cfffc7;
}

div#posts div#respond h3 {
    padding-left:0px;
}

div#posts div.vcard img {
    vertical-align:middle;
    float:right;
}

div#posts div.comment-meta {
    clear:both;
    margin-bottom:20px;
    padding-top:10px;
    text-align:right;
}

div#posts div.comment-meta a {
    font-size:11px;
}

/* end blog styling */


/* portfolio styling */

div#portfolio div.item {
    margin-bottom:8px;
}

div#folio {
    margin-top:20px;
}

div#portfolio div.item {
    width:300px;
    height:195px;
    background:url(../../images/portfolio/picBG.gif) no-repeat;
    float:left;
    margin-right:8px;
    padding-top:5px;
    text-align:left;
}

div#portfolio div.item a {
    display:block;
}

div#portfolio div.item a.caption {
    position:absolute;
    width:270px;
    height:170px;
    background:black;
    margin-left:5px;
    padding:10px;
    display:none;

    color:#cccccc;
    text-decoration: none;
}

div#portfolio div.item a.caption span {
    font-weight:normal;
    font-size:15px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    display:block;
    margin-bottom:10px;
}

div#portfolio div.item img {
    margin-left:5px;
    border:0px;
}

div#portfolio {
    padding-left:8px;
}

/* end portfolio styling */


/* contact form styling */

div.formRow {
    width:450px;
    margin-bottom:20px;
}

div.formRow label {
    float:left;
}

div.formRow input{
    float:right;
    border:1px solid #333333;
    background-color: transparent;
    padding:5px;
    color:#dddddd;
    width:250px;
    font-size:12px;
}

div.formRow textarea {
    float:right;
    width:250px;
    height:200px;
    border:1px solid #333333;
    background-color: transparent;
    padding:5px;
    color:#dddddd;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:12px
}

div.formRow select {
    float:right;
    color:#333333;
    width:260px;
    font-size:12px
}

div.formRow .err {
    color: white;
    border:1px solid red;
    background:
}

div.formRow #buttons {
    width:260px;
    float:right;
}

div.formRow input:focus, div.formRow select:focus, div.formRow textarea:focus {
    border:1px solid #cfffc7;
}

/* IE needs a little handholding */
div.formRow .focussed {
    border:1px solid #cfffc7;
}

div.formRow .err:focus {
    border-color: red;
    border-width: 1px;
}

/* end contact form styling */