/*
Theme Name: Tricomo by Working Three
Theme URI: http://tricomo.com.au
Description: Tricomo by Working Three
Version: 1.0
Author:  Working Three
Author URI: http://workingthree.com
Tags:  Working Three
*/

@import "reset.css";




/* TYPOGRAPHY */
/* ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 {
    font-weight:normal }

body {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:12px;
    color:#999999;
    line-height:17px;
}



/* LAYOUT */
body {
    background:url(images/background.gif) repeat-x;
}
#page {
    margin:25px 0 25px 100px;
    width:720px;
}

#header h1, p.description {
    text-indent:-9999px;
}
#title {
    float:left;
}
#navigation {
    margin:0 0 0 215px;
    width:505px;
    height:163px;
    background:url(images/lines.gif) no-repeat 25px 0 ;
}


#navigation ul {
    position:absolute; top:25px; left:25px; width:50px;
}

#navigation ul ul, ul ul ul, ul ul ul ul {
    top:-1px; left:130px; width:130px;
}

.red {
    color:red;
}


.hidden {
    display:none;
}


#content {
    margin:0 0 20px 220px;
    width:550px;
}
#content .left-column {
    float:left;
    width:240px;
}
#content .right-column {
    width:240px;
    margin:75px 0 0 260px;
}

#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin:0 0 20px 20px;
}
#footer {
    margin:0 0 0 240px;
    clear:both;
    border-top:1px solid;
    padding-top:15px;
    font-size:11px;
}

.ngg-galleryoverview {
    width:620px;
    height:325px;
    background-color:#5A4839;
    padding:0 0 0 220px;
    margin:35px 0 43px -220px;
    background:url(images/logo.gif) no-repeat;

}
#sidebar {
    position:absolute;
    top:565px;
    left:0;
    width:160px;
}

#sidebar a:hover {
color:#7A858F;
}

h2 {
    text-transform:uppercase;
    line-height:14px;
    font-weight:normal;
    font-size:14px;
    color:#AE9E8F;
}

h3 {
    text-transform:uppercase;
    line-height:12px;
    font-weight:normal;
    font-size:12px;
    color:#AE9E8F;
}

h4 {
    text-transform:uppercase;
    line-height:12px;
    font-weight:normal;
}

h5 {
    font-weight:bold;
}

blockquote {
    margin-left:15px;
    font-style:italic;
}
#content a { text-decoration:none; border-bottom:1px dotted; color:#999999; }
#content a:visited { text-decoration:none; border-bottom:1px dotted; color:#999999; }
#content a:hover { }
#content a:active { }

#navigation a {  }
#navigation a:visited {  }
#navigation a:hover { color:#7A858F; }
#navigation a:active { }

#sidebar h2.page-title {
    text-transform:uppercase;
    line-height:24px;
    font-weight:normal;
    font-size:24px;
    color:#AE9E8F;
}

#sidebar p.address {
    margin:40px 0 0 0;
}
#sidebar h4 {
    text-transform:uppercase;
    font-weight:normal;
    font-size:12px;
    color:#AE9E8F;
    margin:35px 0 10px 0;
}
.formbutton {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/subscribe.gif) no-repeat scroll 0 0;
    border:medium none;
    display:block;
    font-size:0;
    height:22px;
    line-height:0;
    margin-top:10px;
    text-indent:-10000px;
    width:80px;
    cursor:pointer;
}

input {
    color:#999999;
    font-size:12px;
    padding:5px 0 3px 0;
    border:1px #666666;
    border-style:none none solid none;
}

textarea {
    color:#999999;
    font-size:12px;
    padding:5px 0 3px 0;
    border:1px #666666;
    border-style:none none solid none;
}


.submit {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/submit.gif) no-repeat scroll 0 0;
    border:medium none;
    display:block;
    font-size:0;
    height:21px;
    line-height:0;
    margin-top:10px;
    text-indent:-10000px;
    width:59px;
    cursor:pointer;
}


/*
.submit {
    color:red;
    background:transparent url(images/submit.gif) no-repeat scroll 0 0;
    text-indent:-10000px;
    border:none;
    width:59px;
    height:21px;
}

*/


#navigation-arrow {
    position:absolute;
    left:490px;
    top:0;
    width:30px;
    height:300px;
    z-index:999;

}

a, a:hover, a:visited {
    text-decoration:none;
    color:#999999;
}
.active-color { color:#7A858F;}
.active-color:after { content: " -";}
.clickable { cursor:pointer; }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */
div { position:relative }

ul#content {
    margin:0 0 20px 20px;
}

#content li {
    margin:0 0 8px 0;
}

#cp{/*background:url("http://tricomo.com.au/wp-content/themes/Tricomo/images/belle_icon.png") no-repeat;*/ height:46px; width:60px; position:absolute; right:0px; top:30px;}