/*
Theme Name: Giblette Version 10
Author: Joshua Giblette
*/

/***************Project Gallery*********************/

#beta span.wpcf7-not-valid-tip {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#C83C00 none repeat scroll 0 0;
border: none;
color:#FFFFFF;
float:right;
font-size:12px;
left:347px;
padding:8px;
position:absolute;
text-align:center;
top:-12px;
width:85px;
z-index:100;
}

ul.work-thumbs {
margin-bottom: 25px;
}

ul.work-thumbs li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:6px;
margin-right:10px;
}

a {
outline: none;
}

ul.work-thumbs li img {
width:150px;
}

ul.work-thumbs li h3 {

}

#sidebar ul.work-list li.current_page_item {
background:transparent url(images/port-nav-active.jpg) no-repeat scroll 0 0;
border:medium none;
color:#FBAD89;
padding-left:10px;
width:183px;
}

#sidebar ul.work-list li.current_page_item a{
color:#FFFFFF;
}

ul.work-list a {
display: block;
font-size: 12px;
}

ul.work-list {
font-size: 11px;
}

p.submit {
margin-top: 15px;
}

#beta2 textarea {
	width: 400px;
	height: 150px;
}

#beta2 h4 {
	color: #ccc;
	font-size:20px;
	margin-bottom:20px;
}

p.add {
margin-bottom: 3px;
margin-top: 20px;
}

#beta h3, #beta2 h3 {
font-size: 22px;
color: #c83c00;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 10px;
}

#beta span.interests input{
margin: 0px;
}

#beta span.quiz-560 {
margin-top: 3px;
margin-bottom:20px;
}

#beta span.wpcf7-list-item {
margin-bottom:9px;
margin-left:0px;
margin-top:9px;
}

#beta span.your-name input, span.your-email input {
margin-bottom:20px;
margin-top: 3px;
}

span input {
width: auto;
}

span.wpcf7-list-item {
display:block;
}

#content .pbox .pfooter {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
background:#C83C00 none repeat scroll 0 0;
float:left;
height:49px;
left:-10px;
position:relative;
top:0;
width:308px;
}

#content .pbox .pfooter h1 {
color:#FFFFFF;
font-size:20px;
margin-bottom:0;
margin-left:10px;
margin-top:3px;
text-transform:none;
}

#content .pbox .pfooter h3 {
color:#F29F7C;
font-size:16px;
margin-bottom:0;
margin-left:10px;
margin-top:-6px;
}

#content .pbox .pfooter a {

}

#content .pbox .pfooter a:hover {

}

#content .pbox h2 {
font-size: 16px;
color:#585858;
line-height:normal;
margin-bottom:8px;
}

#content .pbox span a{
color: #e4875c;
font-family:georgia;
font-style:italic;
font-size: 12px;
}

#content .pbox span a:hover{
color: #fff;
}

#content .pbox span.altspan a{
color: #c83c00;
font-family:georgia;
font-style:italic;
font-size: 12px;
}

#content .pbox span.altspan a:hover{
color: #fff;
}

.pbox span {

}

.pbox span.altspan {
-moz-border-radius-bottomright:6px;
-moz-border-radius-topright:6px;
background:#E4875C url(images/beta.jpg) no-repeat scroll left center;
float:left;
left:147px;
padding:8px 8px 8px 54px;
position:absolute;
top:0;
width:79px;
}

.pbox {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border:1px solid #BFBFBF;
float:left;
margin-right:25px;
padding:10px 10px 0;
position:relative;
width:288px;
}

.plinks {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#C83C00 none repeat scroll 0 0;
height:18px;
margin-bottom:10px;
padding:14px 14px 14px 10px;
position: relative;
}

.hidden{display:none;}


.roadmaplink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/roadmap.jpg) no-repeat scroll 0 0;
padding:10px 10px 10px 38px;
}

/*preload classes*/ 
.svw {width: 286px; height:183px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
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 a{
#fff;
}

.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: 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
#content .stripTransmitter a.current{ 
background: #fff;
color: #949494;
} 

.ldrgif{
padding-left:130px;
padding-top:69px;
}
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 



.project-title {
background: #c83c00;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px;
width: 960px;
height: 49px;
position: relative;
margin-top:14px;
}

.project-box {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
background:#C83C00 none repeat scroll 0 0;
padding:0 15px 15px;
position:relative;
top:-5px;
}

img.project-more {
float:right;
left:844px;
margin-top:-6px;
position:absolute;
top:0;
}

.post-content .project-title h2 {
color:#FFFFFF;
font-size:24px;
left:13px;
position:relative;
top:6px;
}

#content-work {
float:right;
margin-top:20px;
width:740px;
}

.logo {
background:transparent url(images/logo.png) no-repeat scroll 0 0;
display:block;
float:left;
height:83px;
margin:0;
overflow:hidden;
padding:0;
text-indent:-32767px;
width:287px;
}

img.left {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}


img.right {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

/***********Work*****************/

body.page-template-portfolio-php #content .work-side input#submit {
width: inherit;
}

body.page-template-portfolio-php #content .work-side input {
width:163px;
}

body.page-template-portfolio-php #content .work-side p {
margin-bottom: 10px;
}

body.page-template-portfolio-php #content .work-side textarea {
width: 100%;
}

body.page-template-portfolio-php #content .work-side h2 {
font-size:20px;
}

body.page-template-portfolio-php .work-side li .comment {
width:163px;
}

ul.details {
list-style: none;
margin-bottom: 15px;
}

ul.details li{
margin-bottom: 6px;
} 

.work-content {
float: left;
width: 590px;
}

.work-side {
float: right;
width: 320px;
margin-top:46px;
}

img.work {
border:1px solid #DFDFDF;
margin-bottom:25px;
}

#contentarea {
margin-left:0;
margin-top:270px;
min-height: 100px;
padding:5px 5px 8px;
}

body.page-template-portfolio-php #flipper li.active div {
border: none;
}


body.page-template-portfolio-php #flipper li div.first  {
left:-200px;
}


body.page-template-portfolio-php #flipper li div.second {
left: -121px;
}
/***********Forms***************/

#commentform p span{
margin-left: 5px;
font-family: georgia;
font-style: italic;
}

input#submit {
background: #c83c00;
padding: 6px 15px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border: none;
color: #fff;
font-size: 16px;
font-family: georgia;
font-style: italic;
float: right;
width: inherit;
}

input{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #d9d9d9;
width:300px;
padding: 10px;
}

textarea {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #d9d9d9;
width:540px;
padding: 10px;
}

/************Blog***************/

#blog-content #blockquote {

}

#blog-content h2.pagetitle {
font-size: 24px;
color: #3e3e3e;
}

.vcard {
float:left;
width: 90px;
}

.vcard cite{
display:block;
}

.vcard .avatar {
display:block;
}

.vcard span {
font-size:11px;
}

ol.commentlist {
list-style: none;
}

ol.commentlist li {
margin-bottom: 20px;
}

ol.commentlist li .comment {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-webkit-border-radius: 6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#FFB18F none repeat scroll 0 0;
display:block;
float:right;
margin-left:27px;
padding:20px;
width:383px;
position: relative;
}

ol.commentlist li .comment img{
float:left;
left:-31px;
position:absolute;
top:0;
}

#blog-content .entry ul{
margin-top: 25px;
margin-bottom: 15px;
margin-left: 20px;
}

#blog-content .entry ol{
margin-top: 25px;
margin-bottom: 15px;
margin-left: 20px;
}

#blog-content .entry li{
list-style-position:outside;
margin-bottom:2px;
padding:6px;
}

#blog-content .entry li.alt, .work-side ul.details li.alt{
background: #FFDECF;
}

#blog-content {
float: left;
width: 540px;
}

#sidebar {
width: 165px;
float: left;
margin-right: 35px;
}

#sidebar h3, body.page-template-portfolio-main-php #content h3 {
font-size: 24px;
color: #c83c00;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
}

#sidebar ul {
list-style: none;
}

#sidebar ul li {
margin-bottom: 6px;
}

#sidebar ul.work-list li {
border-bottom:1px solid #DFDFDF;
height:33px;
margin-bottom:12px;
padding-bottom:0;
padding-top:4px;
}

#thirdcol {
float: right;
width: 184px;
font-size: 11px;
}

#thirdcol p{
padding-left: 5px;
padding-right: 5px;
}

#thirdcol .socialbox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-webkit-border-radius: 6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#C83C00 none repeat scroll 0 0;
padding:10px;
}

#blog-content h4 {
color: #3e3e3e;
font-size: 24px;
margin-top: 15px;
}

/**********General**************/

*{
margin: 0px;
padding: 0px;
}

#content a{
color: #c83c00;
text-decoration:none;
}

#content a:hover {
color: #FF945F;
}

span.bread {
display:block;
margin-bottom:40px;
font-size: 11px;
}

body {
background: #fff;
font-family: arial, sans-serif;
font-size: 12px;
color: #303030;
}

hr { display: block;
height: 1px;
border-left: none;
border-right: none;
border-top: 1px solid #d9d9d9;
border-bottom: none;
margin-top: 30px;
margin-bottom: 30px;
}


#content p{
line-height: 18px;
margin-bottom: 10px;
}

#content .info a{
color: #fff;
}


body.page #wrapper, body.blog #wrapper, body.single #wrapper, body.archive #wrapper {
height:93px;
background: #c83c00 url(images/header-bg.jpg) top center no-repeat;
}


body.home #wrapper {
background:#C83C00 url(images/header-bg.jpg) no-repeat scroll center top;
height:592px;
left:0;
position:absolute;
top:0;
width:100%;
}

body.page #content, body.blog #content, body.single #content, body.archive #content {
margin-top: 15px;
}


#header {
width: 960px;
margin: auto;
position: relative;
}

#footer {
background: #272727;
}

img {
border: none;
}

#content {
width: 960px;
margin: 0px auto;
margin-bottom: 20px;
clear: both;
}

h1, h2, h3, h4, h5 , h6 {
font-family: calibri, arial, san-serif;
font-weight: normal;
}

.clearfix {  
    content: ".";  
    display: block;  
    clear: both;  
    visibility: hidden;  
    line-height: 0;  
    height: 0;  
} 

/***************Header********************/

.ftab {
width: 190px;
height: 66px;
background: url(images/featured-work.jpg) no-repeat;
text-indent: -9999px;
display: block;
margin-top:15px;
}

#header ul#nav li a.mywork {
background: url('images/mywork.png') no-repeat;
height:47px;
width:98px;
text-indent: -9999px;
display: block;
}

#header ul#nav li a.myblog {
background: url('images/theblog.png') no-repeat;
height:47px;
width:91px;
text-indent: -9999px;
display: block;
}

#header ul#nav li a.myprojects {
background: url('images/myprojects.png') no-repeat;
height:47px;
width:119px;
text-indent: -9999px;
display: block;
}

#header ul#nav li a.myinfo {
background: url('images/myinfo.png') no-repeat;
height:47px;
width:91px;
text-indent: -9999px;
display: block;
}

#header ul#nav li#current a.myprojects {
background: url('images/myprojects-hover.png') no-repeat;
}

#header ul#nav li#current a.myblog {
background: url('images/theblog-hover.png') no-repeat;
}

#header ul#nav li#current a.mywork {
background: url('images/mywork-hover.png') no-repeat;
}

#header ul#nav {
list-style: none;
float: right;
margin-top: 20px;
}



#header ul#nav li {
float: left;
margin-left: 10px;
}

ul#flipper li div {
border-left:1px solid #D9D9D9;
padding-left:20px;
padding-right:20px;
padding-top:10px;
position:relative;
top:509px;
}

*+html ul#flipper li div {
top: 494px;
}

ul#flipper li div.first {
margin-left:190px;
border: none;
}

#flipper li.active div {
background: url(images/title-bg.jpg) top center no-repeat;
}

#flipper li h3 {
text-transform:uppercase;
font-size: 18px;
color: #c73c00;
}

#flipper li h4 {
text-transform:uppercase;
font-size: 14px;
color: #474747;
margin-top: -4px;
}


/**********************Footer*********************/
#footer p{
color: #5c5c5c;
font-size: 11px;
}

#innerfooter {
width: 960px;
padding-top: 30px;
padding-bottom: 30px;
margin: auto;
}

#footer .copy {
float:left;
width:280px;
}

#footer .copy img{
float:left;
margin-right:10px;
}

#footer .quote {
float:right;
position:relative;
text-align:right;
width:470px;
}

#footer .quote h3{
color:#FFFFFF;
font-family:georgia;
font-size:14px;
font-style:italic;
}

#footer .quote p{
font-family:georgia;
font-size:12px;
}

/********************Homepage Content Area*******************/
#content h1 {
font-size: 24px;
text-transform: uppercase;
color: #c73c00;
margin-bottom:21px;
}

#content-side {
margin-top: 40px;
width: 539px;
color: #3e3e3e;
float: left;
}

.post-content img.thumb {
float:left;
margin-right:22px;
}

.post-content h2, .post-content h2 a, #blog-content h2, #content-work h2{
color:#C73C00;
font-size:36px;
line-height:35px;
margin-bottom:15px;
text-decoration:none;
}

#blog-content h3 {
color:#C73C00;
font-size:18px;
margin-bottom: 10px;
}

.post-content p {

}

.info {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-webkit-border-radius: 6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#C83C00 none repeat scroll 0 0;
color:#FBAD89;
height:13px;
margin-bottom:20px;
margin-top:20px;
padding:15px;
position: relative;
}

#content .info .readmore a{
color: #c83c00;
}

.info span.readmore {
-moz-border-radius-bottomright:6px;
-moz-border-radius-topright:6px;
background:#E57C4F none repeat scroll 0 0;
float:right;
height:29px;
padding-left:10px;
padding-right:10px;
padding-top:14px;
position:absolute;
right:0;
top:0;
}

*+html .info span.readmore {
top:-30px;
}

.info span.readmore img {
float:left;
left:32px;
position:absolute;
top:-7px;
}

/*******************Homepage Sidebar***********************/
#home-sidebar {
float: right;
margin-top: 50px;
width: 374px;
}

#home-sidebar .thirtysec {
background:transparent url(images/side-bg.jpg) repeat-y scroll 0 0;
padding:23px 25px 1px;
}

ul.morearticles {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.morearticles li {
float:left;
height:59px;
margin-bottom:20px;
padding-right:28px;
width:240px;
}


ul.morearticles li img{
float:left;
margin-right:13px;
}


ul.morearticles li h2, ul.morearticles li h2 a{
color:#C83C00;
font-size:19px;
line-height:20px;
margin-top:8px;
text-decoration:none;
}

/***************Work Page***********************/

body.page-template-portfolio-php ul#flipper li.tab {
margin-top:-39px;
position:relative;
float: left;
}

body.page-template-portfolio-php ul#flipper li span {
display:block;
height:33px;
margin-right:15px;
padding-left:11px;
padding-right:11px;
padding-top:10px;
top:72px;
text-transform: uppercase;
font-size: 16px;
color: #c83c00;
font-family: calibri, arial, san-serif;
border: none;
}

body.page-template-portfolio-php ul#flipper li span.first {
margin-left:190px;
border: none;
}

body.page-template-portfolio-php #flipper li.active span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background:#C83C00 none repeat scroll 0 0;
color:#FFFFFF;
}

body.single #sidebar ul.work-list li span, body.page #sidebar ul.work-list li span {
font-size: 12px;
color: #c73c00;
margin: 0px;
padding: 0px;
}

body.page-template-portfolio-php #flipper li h4 {
text-transform:uppercase;
font-size: 12px;
color: #f39e79;
margin-top: 0px;
}

body.page-template-portfolio-php #flipper ul.work-list {
position:relative;
width:960px;
padding: 0px 14px;
}
body.page-template-portfolio-php #flipper li div {
list-style-type:none;
background: #c83c00;
height:auto;
-moz-border-radius: 6px;
top:110px;
width:960px;
padding:12px 0 16px;
}

body.page-template-portfolio-php #flipper ul.work-list li {
display:inline;
float:left;
left:-16px;
margin:10px 33px 8px 15px;
padding:0;
position:relative;
width:144px;
}

body.page-template-portfolio-php #flipper ul.work-list li a{
font-size: 14px;
color: #fff;
font-family: calibri, arial, san-serif;
text-decoration: none;
}

body.page-template-portfolio-php #flipper-wrapper {
float:left;
position:relative;
width:960px;
}

#catpicker {	
font-size:18px;
margin-bottom:23px;
margin-top:20px;
text-transform:uppercase;
display:block;
font-family:calibri;
}

#catpicker a {
margin-right: 15px;
}

#catpicker a.current{
	color: #272727;
}

#cwrapper {
	background: #fff;
	padding-top: 15px;
	padding-bottom:20px;
}

body.page-template-portfolio-main-php {
	background: #272727;
}


body.page-template-portfolio-main-php #content{
margin: 0 auto;
}