/*
Theme Name: twentyeleven-child
Description: Child theme for the twenty eleven theme
Author: marcus
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

/*---some universal selectiveness, and some more specific selectiveness---*/
body h1 { font-size: 28px;}
body h2 { font-size: 28px;}
body p { font-family: Verdana,Geneva,sans-serif;font-size: 14px;}
body a:link a:active a:visited{color: #1982D1;}
body a:hover {color: #16BCD6;}
.entry-title, .entry-title a { color: #1982D1;}
.entry-title, .entry-title a:hover { color: #16BCD6;}

body {padding-left: 0; padding-right: 0;}


/*----end selectiveness-----------------------------------------------*/

#primary {
    float: left;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: -360px;
    margin-top: 0;
    width: 960px;
    background-color: transparent;
}


/*--------this seems to be where you style post input related things-----------*/

#page {

	width: 960px;
padding-left: 20px;
padding-right: 20px;
	margin-top: 0;
	margin-bottom: 0;
        background-color: transparent;
}
#branding {

	height: 160px;
	width: 960px;
	left: 50%;
	position: relative;
        margin-left: -460px;

}
#headerwrap {

    width: 100%;
    height: 160px;
    margin: 0;
    background-color: #A5C3E5;
}


#branding img a:hover{
 background-color: white;
}
#logo {
    display: inline-block;
    float: left;
    margin-top: 12px;
    padding: 0 0 0 0;
    width: 630px;
    height: 76px;
}



#logo h1 {
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}






.singular #content-home, .left-sidebar.singular #content-home{
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    width: 960px;
}

body {
	background: url(images/white_paperboard.png);
	background-repeat: repeat;
}


.news-column {

	margin-top: 40px;
	clear: both;
	width: 960px;
}

.news-colum h1, h2, h3 {
    font-size: 18px;
    padding-bottom: 6px;
}

.news-column a:hover {

    background-color: #D0EFCE;
}
.news-right {
	float: right;
	width: 266px;
	padding-left: 10px;
	padding-right: 10px;
	height: 560px;
	margin-top: 40px;
	margin-bottom: 30px;
	background-image: url("images/news-bg.png");
	background-repeat: repeat-y;

}

.news-right p {

	margin-bottom: 0;
}

.news-right a {

    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    font-weight: normal;
    padding: 0;
}

.news-right a:hover {

	color: #16BCD6;
}
.news-right a:link a:active a:visited{color: #1982D1;}


.portrait {

	float: left;
	padding: 0 10px 0 0;

}


.news-left {
	float: left;
	width: 610px;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	padding: 0 10px 10px 10px;
	min-height: 460px;
	margin-top: 40px;

}
/*------------------------------------------------------------------------------------------------------------------
                                                      NAVIGATION
------------------------------------------------------------------------------------------------------------------*/

#access { list-style: none; float: left; }
#access li { display: inline-block; margin-top: 22px; padding: 2px;}
#access li a, #nav li a:visited { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: bold; color: black; padding: 8px 14px 10px 15px; font-size: 14px;}
#access li a:hover { background: #87BF72; color: white; text-decoration: none; }
#access li a span { margin-right: 20px; }
#access li a.selected { background: #87BF72; color: white; }

#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
    font-weight: bold;
    background: #87BF72;
    background-image: none;

}

#access li:hover > a,

#access a:focus {

	background-image: none;
}

#access {

    width: 600px;
    height: 0;
}

/*-------------------------------------------------------------------------------------------------------------------*/


.comments-link a {

background-color: transparent;
}

.latest-work{ margin-bottom: 20px; margin-top: 20px; padding:0; height: 170px; width:960px; position:relative;}
.latest-work a:hover {color: white;}
.latest-work h1 {

	font-size: inherit;
}
.rollover_img {
width: 280px;
height: 150px;
background-image: url(images/bristol-pedal-revolution-thumb.jpg);
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:16px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
display: inline;


}
.rollover_img_1{
width: 280px;
height: 150px;
background-image: url(images/brighter-nutrition.jpg);
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:16px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
display: inline;
margin-left: 32px;


}

.rollover_img_2 {
width: 280px;
height: 150px;
background-image: url(images/hamilton-holidays-thumb.jpg);
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:16px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:right;
display: inline;

}
.rollover_img a {
color: #fff;
width: 280px;
height: 150px;
display: block;
text-decoration: none;
}

.rollover_img a:hover {
background:#000;
opacity:.60;
filter:alpha(opacity=60);
}

.rollover_img a span {
display: none;
width: 280px;
padding:5px;
}

.rollover_img a:hover span {
display: block;
}


.rollover_img_1 a {
color: #fff;
width: 280px;
height: 150px;
display: block;
text-decoration: none;
}

.rollover_img_1 a:hover {
background:#000;
opacity:.60;
filter:alpha(opacity=60);
}

.rollover_img_1 a span {
display: none;
width: 280px;
padding:5px;
}

.rollover_img_1 a:hover span {
display: block;
}

.rollover_img_2 a {
color: #fff;
width: 280px;
height: 150px;
display: block;
text-decoration: none;
}

.rollover_img_2 a:hover {
background:#000;
opacity:.60;
filter:alpha(opacity=60);
}

.rollover_img_2 a span {
display: none;
width: 280px;
padding:5px;
}

.rollover_img_2 a:hover span {
display: block;
}


/*------------------------------------------------------------------------------------------------------------------
                                                      Footer Social plugins Styling
------------------------------------------------------------------------------------------------------------------*/

#supplementary ul li{

	display: inline-block;
	padding: 0 10px 0 10px;
	float: left;

}

#supplementary {
	width: 960px;
	min-height: 300px;
	padding: 0 0 0 0;
	clear: both;
}

#supplementary a:hover {

    background-color: #D0EFCE;
}

#twitters {

	margin-left: 0;


}
#pages-2 h3 {

	display: none;


}
#twitter-box {

	width: 400px;
	height: 220px;
	clear: both;
	margin: 50px 52px 8px 40px;
	background-color: #c6e387;
	-moz-border-radius:40px;
        -webkit-border-radius:40px;
        background-image: url("images/twit.png");
	background-repeat: no-repeat;
	background-position: bottom center;

}




#twitter-list {

	margin-top: 40px;

}
#twitter-box ul li {

	padding-top: 18px;
}

#facebook-fan-box {

	width: 300px;
	height: 220px;
	margin: 20px 0 0 0;
        background-color: #C4DDBA;
	float: right;
}

.widget ul {
    font-size: 15px;
    margin: 8px 0 0 0;
}
/*------------------------------------------------------------------------------------------------------------------
                                                      Blog Page left column post box styling
------------------------------------------------------------------------------------------------------------------*/


#content {
    margin-bottom: 0;
    margin-left: 12px;
    margin-right: 34%;
    margin-top: 0;
    width: 58.4%;
}

/*------------------------------------------------------------------------------------------------------------------
                                            Single Post styling
------------------------------------------------------------------------------------------------------------------*/

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    margin-bottom: 0;
    margin-right: auto;
    width: 100%;

}
.entry-header{
    margin-top: 14px;
}

.entry-title {

	margin-left: 4px;
}

.entry-title h1{

	font-size: 28px;
}
.singular #content {
    margin: 0;
    padding: 0;
    margin-left: 4px;
}
.entry-content, .singular p {

	margin-left: 4px;
}
.singular .hentry {
	    min-height: 700px;
	    width: 700px;
	    background-image: none;
	    background-color: #D3E4A1;
	    padding: 10px 10px 10px 10px;
	    -moz-border-radius:20px;
            -webkit-border-radius:20px;


}

.hentry:last-child  a:hover{
    background-color: #D0EFCE;
}


}
#entry-content {

	width: 660px;
}

#nav-single {

	margin-right: 400px;
	margin-top: 20px;

}

.entry-meta {

	margin-top: 20px;
	margin-left: 4px;
}
.hentry, .no-results {

display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 6px 20px 20px 10px;
    width: 570px;
    height: 350px;
    background-image: url("images/news_article.png");
    background-repeat: no-repeat;
    border-bottom: none;
    }

.singular #primary {

	min-height: 600px;

}

/*------------------------------------------------------------------------------------------------------------------
                                            Contact Page styling
------------------------------------------------------------------------------------------------------------------*/


#contact-box {

	width: 480px;
	min-height: 00px;
}

.wpcf7-form {

	width: 480px;
	padding: 10px 10px 10px 10px;
	margin: 22px 0 12px 0;
	background-image: url(images/contact-bg.gif);
	-moz-border-radius:20px;
       -webkit-border-radius:20px;

}

.fb-like-box{

	float: right;
	margin-left: 60px;
	margin: 10px 0 10px 0;
}

#contact-info {
	margin-top: 22px;
	margin-right: 90px;
	width: 340px;
	min-height: 238px;
	float: right;
	clear: both;
	padding: 10px 10px 10px 10px;
        background-image: url("images/contact-bg.gif");
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

.orange {

	margin-left: 2px;
}
/*------------------------------------------------------------------------------------------------------------------
                                            Sidebar styling
------------------------------------------------------------------------------------------------------------------*/


#secondary {
    float: right;
    margin-right: 7.6%;
    margin-top: 24px;
    width: 18.8%;
}

#secondary a:hover {

    background-color: #D0EFCE;
}
.comments-link  {

	visibility: hidden;
}

/*------------------------------------------------------------------------------------------------------------------
                                            Portfolio Page styling
------------------------------------------------------------------------------------------------------------------*/



.folio-content {

	width: 960px;
	min-height: 460px;
	margin-top: 20px;
	margin-bottom: 20px;

}

.folio-content a:hover {

	color: white;
}

.folio-content h1  {

	color: #1982d1;
	margin-left: 0;
}
/*--	first two portfoio images	--*/


.folio_img_1{
width: 430px;
height: 300px;
background-image: url(images/pedal-rev-folio.png);
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:16px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
display: inline;

}
.folio_img_2{
width: 430px;
height: 300px;
background-image: url(images/brighter-folio.png);
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:16px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:right;
display: inline;
margin-left: 32px;

}

.folio_img_1 a {
color: #fff;
width: 430px;
height: 300px;
display: block;
text-decoration: none;
}

.folio_img_1 a:hover {
background:#000;
opacity:.80;
filter:alpha(opacity=60);
}

.folio_img_1 a span {
display: none;
width: 430px;
padding:5px;
}

.folio_img_1 a:hover span {
display: block;
}


.folio_img_2 a {
color: #fff;
width: 430px;
height: 300px;
display: block;
text-decoration: none;
}

.folio_img_2 a:hover {
background:#000;
opacity:.80;
filter:alpha(opacity=60);
}

.folio_img_2 a span {
display: none;
width: 430px;
padding:5px;
}

.folio_img_2 a:hover span {
display: block;
}


/*--	second two portfoio images	--*/



.folio_img_3{
width: 430px;
height: 300px;
background-image: url(images/goto-folio.png);
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:16px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
display: inline;
margin-top: 50px;
margin-bottom: 20px;


}
.folio_img_4{
width: 430px;
height: 300px;
background-image: url(images/hamilton-folio.png);
margin-top: 50px;
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:16px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:right;
display: inline;
margin-left: 32px;
margin-bottom: 20px
}

.folio_img_3 a {
color: #fff;
width: 430px;
height: 300px;
display: block;
text-decoration: none;
}

.folio_img_3 a:hover {
background:#000;
opacity:.80;
filter:alpha(opacity=60);
}

.folio_img_3 a span {
display: none;
width: 430px;
padding:5px;
}

.folio_img_3 a:hover span {
display: block;
}


.folio_img_4 a {
color: #fff;
width: 430px;
height: 300px;
display: block;
text-decoration: none;
}

.folio_img_4 a:hover {
background:#000;
opacity:.80;
filter:alpha(opacity=60);
}

.folio_img_4 a span {
display: none;
width: 430px;
padding:5px;
}

.folio_img_4 a:hover span {
display: block;
}


#example {

	height: 100px;

}

/*
JQuery Slip Slap Menu Bar CSS
*/

#slipSlap {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position:absolute;
	border-top:2px solid #dedede;
}
#slipSlap li:first-child {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E0D3;
}
#slipSlap li {
	float: left;
	height: 50px;
	width: 136px;
	line-height: 48px;
	text-align: center;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E4E0D3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E0D3;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #807e76;
	cursor: pointer;
}
#slipSlap li a {
	float: right;
	height: 48px;
	width: 136px;
	display:block;
	line-height: 48px;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #856C5C;
	background-color: #FFF;
	text-decoration:none;
	text-shadow: 1px 1px 1px rgba(0,0,0,.35);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
#slipSlap li a:hover {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EFEDE5;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffa311;
	color: #4B4A45;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
	background: -moz-linear-gradient(top,  #fff,  #eaeaea);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea');
}
.buttonUnderline {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffa311;
}
.buttonSelected {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffa311;
}




/*------content slider stylies*/



#topbar {

    height: 90px;
    background-color: #3275A8;
    padding: 15px 10px 15px 0;
}

a:link,a:visited {
    border:0; text-decoration: none;
}

img {
    border: 0;
}

h1 {
    font-family: "verdana", Arial, Helvetica, sans-serif;
    font-size:36px;
    letter-spacing: 2px;
    text-shadow: 1px 1px 4px #333;
    color: #F60;
    margin-left: 25px;
}

.clear { height:0; clear: both;}



#simple-slider {

	text-align:left;
	background-color:#98CB82;
	border:1px solid #ccc; width:598px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:0 auto;
	font-family:arial;
	margin-top: 0;
}

#simple-slider .mask {
	float:left;
	width:440px;
	height:280px;
	margin:15px 0 0 10px;
	overflow:hidden;
}

#simple-slider .panel {
	width:300px;
	height:280px;
	text-align:left;
}

#simple-slider ul {
	margin:0;
	padding:15px 15px 0 15px;
	list-style:none;
	float:left;
	border-right:1px solid #dedede;
	height:285px;
}

#simple-slider ul li {
	margin:10px 0;
}

#simple-slider ul a {
	background:url("images/button.png") no-repeat 0 0;
	outline:none;
	text-decoration: underline;
	display:block;
	width:75px;
	height:74px;
	text-indent:-999em;
}

#simple-slider a:link, #simple-slider a:visited {
	background: url("images/button.png") no-repeat 0 0;
}


#simple-slider ul a.active {
	background-position: -75px;
}





.panel h2 {
	padding:8px 0 0 0;
	color:#0058a9;
}

.panel p {
	color:#666;
	width: 452px;
	font-size:13px;
	text-align: left;

}

.slider-header {

	margin-left: 0;

}

.mask p {

    overflow: hidden;
}


    /*------------end content slider stylies----*/