/*
Theme Name: NathanVictor
Theme URI: http://nathanvictor.com/
Description: Herez Nathan!.
Version: 1.0
Author: Nathan Victor
Author URI: http://nathanvictor.com/
*/

/* load 960 gridz */
@import url("library/960/text.css");
@import url("library/960/960.css");
/* clear-all */
* {
    margin:0px;
    padding:0px;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
}
/* global styles */
body {
    background:#fff;
    margin: 20px 0;
    color:#666;
    font-family:Tahoma, sans-serif;
}
h1, h2, h3, h4, h5, {
color:#0d1d29;
}
p {
    max-width:620px;
    padding:0 0 10px 0;
    color:#444;
    font-size:16px;
    text-shadow: 0 1px 1px #F8FCEE;
}
p img {
    padding-right:12px;
}
a, a img {
    text-decoration: none;
    color: #0d1d29;
    border:none;
}
a:hover {
    color: #b7deeb
}
h4 {
    font-size:18px;
    margin:0;
    padding:0;
    color:#333
}
strong {
    font-weight: bold;
}
em {
    font-style: italic
}
.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}
/* wrapper */
#wrapper {
    width:980px;
    margin: 0 auto 0 auto;
}
/* header  */
#header {
    z-index:20;
    position:relative;
    float:left;
    width:980px;
    left: auto;
    padding-bottom:30px;
}
.logo {
    float:left;
    padding-top:72px;
    height: 0 !important;
    height /**/:+72px;
    overflow: hidden;
    width:205px;
    background: url(images/logo.png) top left no-repeat;
}
/* main-menu */
.mainNav {
    float:right;
    margin-right: 4%;
    background: bottom no-repeat;
}
.mainNav ul {
    float:left;
    list-style:none;
    display:inline;
    padding:0;
}
.mainNav li {
    list-style:none;
    display:inline;
    float:left;
    margin:0 10px 0 0;
    padding:0 6px 5px 6px;
}
.current {
    background:url(images/arrow_up.gif) no-repeat bottom center;
}
.mainNav li a {
    float:left;
    font-size:11pt;
}
/* about */
#introduction h2 {
    font-size:24px;
    margin:0 0 5px 0;
    padding:0 0 12px 0;
}
#introduction h3 {
    line-height:1.3;
    font-size: 18px
}
/* twitter */
#twitter {
    background:url(images/me2.jpg) 0px 30px no-repeat;
    margin:0;
    padding:0 0 450px 0;
}
#twitter_update_list {
    list-style:none;
    margin-top:30px;
    padding:0;
}
#twitter_update_list li {
    list-style:none;
    margin:0;
    padding:10px;
    font-size:12px;
    line-height: 1.3;
    max-width:220px;
}
#twitter_update_list li span {
    display: block;
}
#twitter-link a {
    float: right;
    padding-top:102px;
    height: 0 !important;
    height /**/:+102px;
    overflow: hidden;/*for ie5/win*/
}
#twitter-link a {
    width: 125px;
    background: url(images/twitter-top3.png) top left no-repeat;
}
#twitter-link a:hover {
    background-position:0 -102px;
}
/* Navigation Highlights */
/*.current-cat a, .current_page_item a {font-weight:bold;}*/

/* content */

#content h2 {
    font-size: 24px;
    margin-bottom: 15px;
}
#content div.portfolio {
    background:#444 url(images/nv3.png) 6px 6px no-repeat;
    margin-bottom: 22px;
}
#content div.portfolio a.thumb {
    display: block;
    position: relative;
    overflow: hidden;
    height: 146px;
    padding: 12px;
    color: #0d1d29;
    border:none;
    line-height: 1.2;
}
#content div.portfolio h4 {
    position:relative;
}
#content div.portfolio a:focus, #content div.portfolio a:hover {
    text-decoration: none;
}
#content div.portfolio img {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 284px;
    height: 156px;
    border: 0;
}
#content div.portfolio span.title {
    position:absolute;
    bottom:8px;
    left:6px;
    padding:4px 8px 38px 8px;
    width:268px;
    line-height: 1.2em;
    background:url(images/white.png);
    color:#0d1d29;
}
#content div.portfolio span.category {
    position:absolute;
    bottom:0;
    left:0;
    margin:0 20px 20px 16px;
    font-size:14px;
    padding:2px;
    background:#333;
}
#content div.portfolio span.category a {
    font-size:12px;
    border: none;
    color:#b7deeb;
}
a.thumb:hover {
    background:#b7deeb url(images/nv3.png);
}
/* prev next navigation */
.navigation, .navigation-archive {
    clear: both;
    margin: 20px 0 0;
    height: 44px;
    text-align:center;
}
.next a, .prev a, #social a, .wpcf7-submit {
    float:left;
    color:#0d1d29;
    font-weight:bolder;
    -moz-box-shadow: 2px 0 10px #0D1D29;
    -webkit-box-shadow: 2px 0 10px #0D1D29;
    box-shadow: 2px 0 10px #0D1D29;
    text-decoration:none;
    text-transform:lowercase;
    background:#b7deeb;
    -moz-border-radius: 3px 12px;
    -webkit-border-radius: 3px 12px;
    width:100px;
    padding:7px 0;
    text-align:center;
    cursor:pointer;
}
.wpcf7-submit {
    height:34px;
    margin-bottom:24px;
}
.navigation-archive .prev {
    float:left
}
.next a {
    margin-left:12px;
}
#social a {
    margin:0 29px 29px 0;
}
.next a:hover, .prev a:hover, #social a:hover, .wpcf7-submit:hover {
    background:#0d1d29;
    color:#b7deeb;
}
/* widgets */
h3.sub {
    margin-bottom:7px;
    font-weight: bold;
}
.item ul li {
    display: block;
    list-style:none;
    margin:0;
    padding:8px 0;
}
.item ul li a {
    display: block;
    border: none;
    font-weight: bold;
}
.item dt {
    font-weight: bold;
    float:left;
    width:80px;
    padding-bottom:7px;
    clear:left
}
.item dd {
    padding-bottom:7px;
}
.portfolio p {
    margin: 0;
    padding: 0;
    font-style: italic;
    font-size: 12px;
    max-width:560px;
}
.item h4 {
    color:#666;
    margin-bottom: 10px
}
.textwidget {
    margin-bottom:30px
}
#wp-calendar {
    width: 100%
}
#wp-calendar td {
    text-align: center;
}
#wp-calendar thead {
    font-weight: bold;
    background: #eee
}
#wp-calendar td#prev {
    text-align: left
}
#wp-calendar td#next {
    text-align: right
}
/* Content Area */
.postmetadata {
    font-size: 12px;
}
small {
    color: #bbb
}
hr.dotted {
    border:none;
    border-bottom: 1px dotted #ccc
}
.pagetitle, .post h2 {
    margin-top:10px
}
.post h3 a {
    font-weight: bold
}
#sidebar {
    margin-top: 130px;
}
/* Form Elements */
input, textarea {
    -moz-border-radius: 3px 12px;
    font-size: 16px;
    -webkit-border-radius: 5px 12px;
    border: none;
    font-family: "Lucida Sans", sans-serif;
    padding:4px;
    height:24px;
    background: #B7DEEB;
    line-height: 1;
    color:#0D1D29;
    font-weight:bolder;
    width:244px;
}
.wpcf7-quiz{
    width:24px;
    text-align:center;
}
textarea{
    height:84px;
}
.focusField, input:focus, textarea:focus{
    -moz-box-shadow: 2px 0 10px #0D1D29;
    -webkit-box-shadow: 2px 0 10px #0D1D29;
}
.idleField{
    color:#999;
}
/* Gallery in Posts */
/*preload classes*/ 
.svw {
    width: 50px;
    height: 20px;
    background: #fff;
}
.svw ul {
    position: relative;
    left: -999em;
}
.gallery img {
    clear: both;
    margin: 0px;
    padding: 0px;
}
#gallery img {
    clear: both;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
#gallery li {
    margin: 0px;
    padding: 0px;
}
.stripViewer {
    position: relative;
    overflow: hidden;
    border: 0px solid #fff;
    margin: 0 0 1px 0;
}
.stripViewer ul {
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
}
.stripViewer ul li {
    float:left;
}
.stripTransmitter {
    overflow: auto;
    width: 1%;
}
.stripTransmitter ul {
    margin: 0;
    padding: 0;
    position: relative;
    list-style-type: none;
}
.stripTransmitter ul li {
    width: 20px;
    float:left;
    margin: 0 1px 1px 0;
}
.stripTransmitter a {
    font: bold 10px Verdana, Arial;
    text-align: center;
    line-height: 22px;
    background: #b7deeb;
    color: #0d1d29;
    text-decoration: none;
    display: block;
}
.stripTransmitter a:hover, a.current {
    background: #0d1d29;
    color: #b7deeb;
}
/*//////social thumbs////////////*/
#social li {
    margin: 0;
    padding: 0;
    list-style: none;
    display:block;
}
.button{
cursor:pointer;
}