/*
Theme Name: Dennis Testa
Theme URI: http://dennytesta.com/
Description: dennytesta
Version: 0.1
Author: Palms Development
Author URI: http://palmsdevelopment.com/
*/

/* general */

body,div,dl,dt,dd,pre,form,fieldset,input,textarea, p { margin:0; padding:0; }

body {
    font-family:Arial, sans-serif;
    font-size:12px;
    color:#939393;
    text-align:center;
}

h1 {
    color:#000;
    font-size:20px;
    letter-spacing:-0.1em;
}

h2 {
    padding-top:10px;
    margin:0 0 20px;
    font-size:24px;
    color:#666666;
    letter-spacing:-0.1em;
}

h3 {
    color:#000;
    font-size:18px;
    letter-spacing:-0.1em;
}

a {
   color:#939393;
   text-decoration:none;
   outline:none;
}

p {
    margin:20px 0;
}

blockquote {
    background:#f8f7f7 url(images/quote_open.png) no-repeat 5px 5px;
    border-color:#ccc #f8f7f7 #ccc #f8f7f7;
    border-style:solid;
    border-width:1px;
    padding:15px 5px 10px 32px;
    margin:0;
}

blockquote .quote {
    font-size:20px;
    font-style:italic;
    background:url(images/quote_close.png) no-repeat right bottom;
    padding:0 30px 0 0;
    zoom:1;
    display:inline;
}

blockquote .author {
    margin-top:10px;
    font-size:16px;
    font-style:italic;
}

.hr {
    height:15px;
    border-bottom:1px solid #ccc;
}

.clear {
    clear:both;
}

.alignright {
    float:right;
}

.alignleft {
    float:left;
}

.button {
    border:1px solid #424242;
    background:#424242;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    padding:5px;
    cursor:pointer;
    margin:0 10px;
}

.button-gray {
    border:1px solid #d9d9d9;
    background:#d9d9d9;
}

.center {
    height:100%;
    width:940px;
    margin:0 auto;
    position:relative;
    text-align:left;
}

#header,
#navbar,
#page,
#footer {
    width:100%;
}

/* header */

#header {
    position:relative;
    height:152px;
    background:#000 url(images/bg_hd_small_1.jpg) no-repeat center;
}

#header.header_landing {
    height:415px;
}

#go-home {
    display:block;
    width:220px;
    height:100px;
    position:absolute;
    top:25px;
    left:10px;
}

#navbar {
    height:50px;
    border-top:1px solid #fff;
    background:url(images/bg_menu.gif) top repeat-x;
    margin-bottom:20px;
}

#menu,
#menu li {
    margin:0;
    padding:0;
}

#menu li {
    float:left;
    list-style:none;
}

#menu li a {
    display:block;
    padding:20px 15px;
	outline:none;
}

#menu li a:hover,
.current_page_item a {
    background:#cccccc;
    color:#fff;
}

/* sidebar */

#sidebar {
    float:right;
    width:290px;
    font-size:11px;
}

.toc {
    padding:0;
    margin:0;
}

.toc li {
    list-style:none;
    padding:10px 0;
    border-bottom:1px solid #ccc;
    _height:10px;
}

.toc li a:hover {
    padding-left:10px;
}

.widget {
    margin:80px 0;
}

#specpagewidgets-3 {
	margin-top:0;
}

.subscribe {
    padding-bottom:10px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}



/* content */

#content {
    position:relative;
    width:625px;
    float:left;
}

.post {
    line-height:1.8em;
}

.post a {
    text-decoration:underline;
}

.post a:hover {
    text-decoration:none;
}

/* - landing */


#motto {
    position:absolute;
    top:150px;
    left:0px;
    font-size:60px;
    font-family:Arial, sans-serif;
    font-weight:bold;
    color:#000;
    letter-spacing:-0.1em;
}

#landing_text {
    width:470px;
    position:relative;
    top:40px;
    left:470px;
}

/* footer */
#footer {
    margin-top:40px;
    border-top:1px solid #ccc;
    height:40px;
    position:relative;
    font-size:10px;
}

#copyright,
#by {
    position:absolute;
    top:10px;
}

#copyright {
    left:0px;
}

#footer a:hover {
    text-decoration:underline;
}

#by {
    right:0px;
}

/* - contact */
.text,
.text-small,
.select,
.textarea {
    border-color:#9A9A9A #E4E4E4 #E4E4E4 #9A9A9A;
    border-style:solid;
    border-width:1px;
    color:#444444;
    margin:0 0 5px;
    padding:4px 5px;
    width:250px;
    font-size:11px;
}

.text-small {
    width:150px;
}

.select {
    width:262px;
}

.textarea {
    width:525px;
    height:175px;
}

.get-in-touch th {
    font-weight:bold;
    text-transform:uppercase;
    color:#000;
    padding-right:5px;
    vertical-align:top;
}

.get-in-touch td a:hover {
    text-decoration:underline;
}