/* IMPORT CSS STYLESHEETS  */
@import url('css/2c-r.css');
@import url('css/typography.css');
@import url('css/superfish.css');
@import url('css/nivo-slider.css');
@import url('css/form_style.css');
@import url('css/jquery.tweet.css');
@import url('css/portfolio.css');
@import url('css/domtab.css');

html .home, html .single_work{
background:#09294a url("images/background.png") repeat-x top left;
margin:0 auto;
}

html{
background:#09294a;
margin:0 auto;
overflow-y: scroll;
}

body{
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
	color: #FFF;
	margin:0 auto;
}

img{
border: 0;
}

.clear{
margin: 0;
padding: 0;
clear:both;
}

/* ------------------------------------------------------------------- */
/* 		PAGE TOP INCLUDING HEADER/MENU/FEATURE AREA                    */
/* ------------------------------------------------------------------- */

.header{
margin: 0;
padding: 10px 0px;
}

.logo{
margin-top: -20px;
}

.p19_menu{
float: right;
margin-right:20px; 
}

.featureHolder{
margin: 26px 0 0 0;
float: left;
}

.featureContent{
width: 420px;
float: left;
margin: 40px 40px 0 0;
}

#slider{
width: 500px;
float: left;
padding: 0px;
margin: 0;
background: #E2e2e2;
}

/* ------------------------------------------------------------------- */
/* 		HOME STYLE AND STRUCTURE                   */
/* ------------------------------------------------------------------- */

.home .wrapper, .single_work .wrapper{
width: 960px;
background:url("images/feature_background.png") no-repeat top left;
margin: 0 auto;
}

.home div#content {
margin:0 0px 20px 0;
padding: 0;
background: none;
float: left;
}

.home .entry-content{
width:400px;
float: left;
margin:30px 60px 0 0;
}

.tagline{
	margin-bottom:20px;
	clear:both;
	float:left;
}

.entry-content-secondary{
width: 480px;
float: left;
margin:30px 0 0 0;
}

.statusBox{
background:url("images/statusBox.png") no-repeat top left;
height: 140px;
padding: 15px 30px 5px 20px;
font-size: 0.9em;
line-height: 1.35em;
letter-spacing: 0.03em;
}

.clientBox{
background:url("images/clientBox.png") no-repeat bottom right;
padding:2px 5px 25px 10px;
}

.clientBoxFull{
background:url("images/clientBoxFull.png") no-repeat bottom right;
padding:2px 5px 25px 20px;
margin-bottom: 10px;
}

.clientBoxSidebar{
background:url("images/clientBoxSidebar.png") no-repeat bottom right;
float: right;
padding: 0px 10px 25px 25px;
margin: 10px 0 40px 0;
font-size: 0.92em;
}

p.client_link{
padding-left:20px;
}

#sidebar .statusBox{
float: right;
background:url("images/statusBox.png") no-repeat top left;
height: 140px;
width:210px;
margin: 0 0;
padding: 10px 10px 5px 10px;
}

.home.recentPostWidget{
border:0;
padding: 6px 0 0px 0;
}

div#content.recentPostWidget{
border-bottom: 1px solid #1d3a57;
padding: 6px 0 0px 0;
}

.connect ul{
  float: left;
  width: 31em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.connect li{
  float: left;
  width: 15em;
  margin: 10px 0 0;
  padding: 0;
}

.connect li a{
font-size: 0.9em;
  width: 15em;
display: inline;
float: left;
list-style: none;
padding: 6px;
background:url("images/transparent.png") repeat top left;
border:1px solid #1d3a57;
}

.connect li a:hover{
background: #f79422;
padding: 6px;
}

.connect li img{
vertical-align: middle;
padding: 0 10px 0 0;
}



/* ------------------------------------------------------------------- */
/* 		SITE CONTENT ELEMENTS        */
/* ------------------------------------------------------------------- */
.bio{
float: left;
margin: 20px 20px 0 0;
padding: 0 10px;
background:url("images/transparent.png") repeat top left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 0;
}

.bio_right{
float: left;
padding: 10px 0 0 10px;
width: 270px;
}

.bio img{
float: left;
margin:10px 6px 0 0;
}

.bio_social ul{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

.bio_social li{
display: inline;
float: left;
list-style: none;
padding: 0;
margin: 0;
}

.bio_social li a{
display: inline;
float: left;
list-style: none;
margin: 0 5px 5px 0;
padding: 0;
}

.bio_social li a:hover{
padding: 0;
margin: 0 5px 5px 0;
}

.bio_social img a:hover{
background: none;
padding: 0;
margin: 0;
}

/* ------------------------------------------------------------------- */
/* 		PAGE SIDEBAR INCLUDING WIDGETS                    */
/* ------------------------------------------------------------------- */
.sideBarWidget{
background:url("images/transparent.png") repeat top left;
width:240px;
float: right;
padding: 0px 20px 20px 20px;
margin: 10px 0 40px 0;
font-size: 0.92em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 0;
}

div#sidebar li {
list-style:none;
}

.socialWidget ul{
display: inline;
list-style: none;
padding: 0;
}

.socialWidget li{
	float:left;
	display:inline;
}

.socialWidget li a{
display: inline;
float: left;
list-style: none;
padding: 3px 3px 3px 6px;
}

.socialWidget li a:hover{
background: #f79422;
padding: 3px 3px 3px 6px;
}

.socialWidget li img, contactWidget li img{
vertical-align: middle;
margin: 0 4px 0 0;
}

.contactWidget li a{
display: inline;
float: left;
font-size: 1.2em;
list-style: none;
padding: 6px 10px 6px 4px;
margin: 10px 10px 3px 4px;
}

.contactWidget li a:hover{
background: #f79422;
padding: 6px 10px 6px 4px;
}

.blog .sideBarWidget li a:hover{
background: #f79422;
color: #FFF;
}

.blog .sideBarWidget li img a:hover{
background: #f79422;
color: #FFF;
padding: 0;
}

.recentThumbs ul{
margin: 0;
padding: 0;
}

.recentThumbs li a{
float: left;
background:url("images/transparent.png") repeat top left;
padding: 5px;
margin:0 8px 6px 2px;
}

.recentThumbs li a:hover{
background:#f79422;
padding: 5px;
margin:0 8px 6px 2px;
}

.tweet, .query {
  color: #25a7df;
}
.tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase;
}

.tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em;
}
.tweet .tweet_list li a, .query .tweet_list li a {
        color: #f79422;
}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #09294a;
}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      margin-right: .5em;
      float: left;
}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle;
        padding: 0;
        background: 0;
}


/* ------------------------------------------------------------------- */
/* 		PAGE BOTTOM INCLUDING FOOTER/COPYRIGHT/DESIGNER                    */
/* ------------------------------------------------------------------- */
.footerElements{
font-size: 0.9em;
float: left;
margin: 0;
width:960px;
background:url("images/footer_background.png") repeat-y top center;
}

.leftBox{
float: left;
width:380px;
margin-right: 25px;
}

.centerBox{
float: left;
width:200px;
margin-right: 30px;
}

.rightBox{
float: left;
width:300px;
}

.copyright ul{
	margin:0;
	padding:0;
}
.footerMenu {
float: right;
margin: 25px 0 10px 0;
padding: 0;
}

.footerMenu li{
list-style: none;
display: inline;
margin-left: 3px;
}

.footerMenu li a{
color: #f79422;
}

.footerMenu li a:hover{
color: #FFF;
}

.copyright li img {
vertical-align: middle;
margin: 0;
}

/* ------------------------------------------------------------------- */
/* 		BLOG PAGE ELEMENTS       */
/* -------------------------------------------------------------------*/
span.topsy.topsy-sm a {
display: inline;
float: none;
padding: 0 3px;
line-height: 16px;
border:0;
margin-right: 1px;
}

.post_tags{
padding: 15px 10px 5px 0px;
margin: 0;
font-size: 0.9em;
color: #FFF;
}

span.right{
float: right;
}

.subscribe_bar{
padding:5px;
margin-top:10px;
background:#25a7df;
}

.subscribe_bar a:link{
color: #09294a;
}

.subscribe_bar a:hover{
background: #FFF;
}

#authorbox{
	background:#07203b;
    margin:0 auto;
    margin:10px 0;
}

#authorbox h4{
padding:5px 10px 5px 10px;    
font-weight: 300;
font-size: 1.2em;
line-height: 1.3em;
color:#f79422;
margin:0;
}

.authortext{padding-left:105px;}

#authorbox img{
margin:10px 5px 5px 10px;
background:#25a7df;
padding:5px;
        float:left;
}

    #authorbox p{
        color:#FFF;
        margin:0;
        padding:0px 10px 10px 10px;
    }

/* ------------------------------------------------------------------- */
/* 		WORK PAGE ELEMENTS                  */
/* ------------------------------------------------------------------- */
.single_work .featureHolder{
margin: 10px 0 0 0;
float: left;
padding: 0;
}

.single_work .featureContent{
width: 420px;
float: left;
margin: 0;
padding: 0;
}

.single_work #slider{
float: left;
margin-top: -40px;
margin-left: 40px;
margin-bottom: 50px;
}

.workImage{
}

.workDetails{
float: left;
width:420px;
margin-right: 20px;
}

/* ------------------------------------------------------------------- */
/* 		BLOG COMMENTS - INCLUDING FORM/COMMENT STRUCTURE        */
/* -------------------------------------------------------------------*/
div.comments ul li {
list-style: none;
padding:0.5em;
}

div.comments li {
list-style: none;
padding:0.5em;
margin-bottom: 0.8em;
}

div.comments ol li {
margin:0 0 0.05em 0;
padding:1.3em;
}

li.odd-row{
background:#07203b;
   /* change the background color or other attributes here */
}

.odd-row .comment-name{
color:#f79422;
}

.odd-row .comment-author img{
background:#25a7df;
padding:5px;
float:right;
}

.comment-name{
font-size:1.1em;
color:#25a7df; 
font-weight:bold;
}

.comment-meta{
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
color:#FFF;
}

.comment-author img{
background:#07203b;
padding:5px;
float:right;
}

.author-comment .comment-name{
font-size:1.1em;
color:#FFF;
font-weight:bold;
}

.author-comment .comment-author img{
background:#09294a;
padding:5px;
float:right;
}
 
li.author-comment{
background:#25a7df;
/* change the background color or other attributes here */
}

/* ------------------------------------------------------------------- */
/* 		DEFAULT WORDPRESS SANDBOX STYLES                    */
/* ------------------------------------------------------------------- */

.entry-title,.entry-meta {
clear:both;
}

div#container,div#sidebar {
margin-top:1em;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul, div.blog ul{
margin:0;
padding:0;
}