/*
Theme Name: groupofV3
Description: Group Of 2012
Version: 1.0
Author: Group Of

*/

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
img{border:0;}
:focus {outline:0;}
a {text-decoration: none;}
ul {list-style: none;}
html {background:#2f4454  /* url(../img/baseline.png) */;font-size:100.01%;}
* { 
   -webkit-box-sizing: border-box; 
   -moz-box-sizing:    border-box; 
   box-sizing:         border-box; 
}

@font-face {
    font-family: 'League';
    src: url('../fonts/league_gothic.eot');
    src: url('../fonts/league_gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league_gothic.woff') format('woff'),
         url('../fonts/league_gothic.ttf') format('truetype'),
         url('../fonts/league_gothic.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Forms*/
form{margin:0;}
fieldset{margin-bottom:1.5em;padding:0;border-width:0;}
legend{*margin-left:-7px;padding:0;border-width:0;}
label{font-weight:normal;cursor:pointer;}
button,input,select,textarea{margin:0;vertical-align:baseline;*vertical-align:middle;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#404040;}
button,input{line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}



/*Webkit*/
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#c3d9e6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
::-webkit-selection{background:#e6e6e6;color:#fafafa;text-shadow:none;}
::-moz-selection{background:#7bacc8;color:#fff;text-shadow:none;}
::selection{background:#7bacc8;color:#c8977b;text-shadow:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;}
::-webkit-input-placeholder{font-size:1.1em;}
input:-moz-placeholder{font-size:1em;}
.ie7 img,.iem7 img{-ms-interpolation-mode:bicubic;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
/* p{-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;-moz-hyphens:auto;} */
.ir{display:block;overflow:hidden;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;}
.ir br{display:none;}
.hidden{display:none;visibility:hidden;}
.visuallyhidden{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;border:0;clip:rect(0 0 0 0);}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;margin:0;height:auto;width:auto;overflow:visible;clip:auto;}
.invisible{visibility:hidden;}



/*Media query stuff*/
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} .ir a:after{content:"";}}@media only screen and (min-width: 480px){}@media only screen and (min-width: 600px){}@media only screen and (min-width: 768px){}@media only screen and (min-width: 992px){}@media only screen and (min-width: 1382px){}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5){}

/* Typography elements*/
body {font-size:75%;line-height: 1.5em;color:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;position: relative;}
a, a:visited, a:active{color: #fff;outline : none;}
a:hover {color: #fff;outline : none;}

h2, h3, h4, h5, h6 {color: #fff;font-weight: bold;}

h2, h3 {font-size: 1.5em;}
h4 {font-size: 1.5em;}

p {text-align: left;margin-bottom: 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sub {line-height:0;position:relative;vertical-align:sub;}
sup {line-height:0;position:relative;vertical-align: super;}
small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.right {float: right;}
.left {float: left;}
.alignright {float: right; margin-left: 9px; margin-bottom: 1.5em;margin-top: 1.5em;}
.alignleft {float: left; margin: 0 9px 1.5em 0;}
.alignnone {float: none; margin-left: auto; margin-right: auto;}



/*General elements */
body {margin: 0;}
.main {position: relative;}
header {width: 100%;}
footer {position: relative;}


.back-to-top a{width: 100%; display: block;font-size: 1.5em;height: 1em; padding: 0.5em 0; text-align: center;background-color:#becedb;margin-bottom: 1.5em;}






/*Search Email Some-Comment forms*/
input[type="text"]{width: 70%;height: 2em;border: none;padding: 2px;margin: 0;font-size: 1em;color: #fff;background-color: #3bc7c5;margin-right: 10px;}
input[type="text"]:focus{background-color: #80dbda;}
input[type="submit"] {width: auto;margin-top: 5px;}
form {margin-bottom: 1.5em;}





/*Share*/
.share img {display: inline;}
.share h4 {font-size: 1.5em;margin-bottom: 0px;}
.share {margin-bottom: 10px;display: block; float: left; border-top: 1px dotted #fff; width: 100%;padding-top: 5px;}
.share ul {margin-bottom: 0;float: left;}
.share li {height: 3em;display: inline; float: left; margin:0 10px 0 0;}
li.facelike {width: 50px; overflow: hidden;}
.gplus {display: inline-block;width: 50px;}
.twsmall, .twsmall a{background: url('../img/twitter.gif') no-repeat 0px 0px;background-color:transparent;display:block;width:20px;height:20px;}
.twsmall a:hover{ }

.fbsmall, .fbsmall a{background: url('../img/facebookcom.gif') no-repeat 0px 0px;background-color:transparent;display:block;width:20px;height:20px;}
.fbsmall a:hover{ }


.stumblesmall, .stumblesmall a{background: url('../img/stumbleit.png') no-repeat 0px 0px;background-color:transparent;display:block;width:20px;height:20px;}
.stumblesmall a:hover{ }






@media only screen and (min-width: 240px) {
body {width: 90%; margin-left: auto; margin-right: auto;overflow: auto;}
header {height: 35px; clear: right;margin-bottom: 18px;}
a.logo {background:url(../img/groupoflogo100px.gif) no-repeat 0px 0px; width: 100px; height: 35px; display: block;float:left;margin-left: 0; margin-right: 0;}

/*Social*/
ul.social {float: right; display: inline-block; height: 20px; margin-bottom: 0em;clear: right;margin-right: 0px;margin-top: 10px;}
ul.social li {float: left;margin-right: 10px;}
ul.social li:last-child {margin-right: 0px;}
ul.social li:after {content: ''; height: 0em; position: absolute; left: 0px; bottom:0em; width: 1%;  border-bottom: 0px solid #e9ebec;}

.eml, .eml a{background: url('../img/email20.png') no-repeat 0px 0px;display:block;width:20px;height:20px;-moz-border-radius: 6px;}
.eml a:hover{}

.tw, .tw a{background: url('../img/twitter20.png') no-repeat 0px 0px;display:block;width:20px;height:20px;-moz-border-radius: 6px;}
.tw a:hover{}

.fb, .fb a{background: url('../img/facebook20.png') no-repeat 0px 0px;display:block;width:20px;height:20px;-moz-border-radius: 6px;}
.fb a:hover{}

ul.social h5 {display: none;}


ul.feature {float: left;}
ul.feature li {width: 100%; display: block;float: left; clear: left;margin-bottom: 12px;}
ul.feature li p {padding-left: 60px;}
.highlightimage {width: 50px; height: 50px; float: left; margin-right: 10px;overflow: hidden;background-color: #fff;}
.highlightimage img {width: 100px;position: relative; left:-45px;}
body:after, footer:after { content: "."; visibility: hidden; display: block; height: 0; clear: both;}
/* .main, ul.feature, ul.feature li {height: auto;overflow: visible;} */
footer {clear: both;}
a.back {font-size: 1.5em; font-weight: bold;}
}


@media only screen and (min-width: 320px) {
h2, h3 {font-size: 2em;line-height: 0.85em;margin-bottom: 5px;}
header {height: 50px;}
a.logo {background:url(../img/groupoflogo144px.gif) no-repeat 0px 0px; width: 144px; height: 50px; display: block;float:left;margin-left: 0; margin-right: 0;}
.highlightimage {width: 80px; height: 80px;}
.highlightimage img{width: 126px;left: -30px;}
ul.feature li p {padding-left: 90px;}
img.medium {width:275px;}
}


@media only screen and (min-width: 480px) {
a.logo {background:url(../img/groupoflogo200px.gif) no-repeat 0px 0px; width: 200px; height: 69px; display: block;float:left;margin-left: 0; margin-right: 0;}
header {height: 69px;}
img.medium {width:320px;}
/*Social*/
ul.social {float: right; display: inline-block; height: 3em; margin-bottom: 1.5em;clear: right;margin-right: 18px;margin-top: 18px;}
ul.social li {float: left;margin-right: 10px;}
ul.social li:last-child {margin-right: 0px;}
ul.social li:after {content: ''; height: 0em; position: absolute; left: 0px; bottom:0em; width: 1%;  border-bottom: 0px solid #e9ebec;}

.eml, .eml a{background: url('../img/email.png') no-repeat 0px 0px;display:block;width:40px;height:40px;-moz-border-radius: 6px;border-radius: 6px;}
.eml a:hover{}

.tw, .tw a{background: url('../img/twitter.png') no-repeat 0px 0px;display:block;width:40px;height:40px;-moz-border-radius: 6px;border-radius: 6px;}
.tw a:hover{}

.fb, .fb a{background: url('../img/facebook.png') no-repeat 0px 0px;display:block;width:40px;height:40px;-moz-border-radius: 6px;border-radius: 6px;}
.fb a:hover{}

ul.social h5 {display: none;}
}


@media only screen and (min-width: 768px) {
/* Most styling kicks in */

/*Show/Hide*/
img {display: inline;}
.slide {display: none;}
#slideshow {display: block;position: relative;height: 27em;margin-bottom: 1.5em;}
li:after {content: ''; height: 0em; position: absolute; left: 0px; bottom:0em; width: 1%;  border-bottom: 0px solid #e9ebec;}


/* Typography */
h2, h3, h4, h5, li h3 a, .navleft, .navright{color:#fff; font-family: 'League', sans-serif; font-weight: normal;text-transform: uppercase;}
h2, h3 {font-size: 3em;margin-bottom: 18px;line-height: 1em;}
h4 {font-size: 2em;}
.navleft, .navright {font-size: 1.75em;}


body {width: 100%;padding: 25px 0;min-height: 974px;background:url(../img/largebg/PlaneBGTAB.jpg) no-repeat fixed bottom center;}
.page-queens-of-vintage {background:url(../img/largebg/qovbgTAB.jpg) no-repeat fixed top center;}
.page-the-girls-are-website {background:url(../img/largebg/thegirlsarebgTAB.jpg) no-repeat fixed center center;}
.page-cake-and-neave-website {background:url(../img/largebg/cakeandneavebgTAB.jpg) no-repeat fixed center center;}
.page-simon-woolham-book{background:url(../img/largebg/woolhambookbgTAB.jpg) no-repeat fixed center center;}
.page-the-stool-pigeon-website {background:url(../img/largebg/stoolpigeonbgTAB.jpg) no-repeat fixed center center;}
.page-text-randomiser {background:url(../img/largebg/textbgTAB.jpg) no-repeat fixed center center;}
.page-the-little-artists-publication {background:url(../img/largebg/labookbgTAB.jpg) no-repeat fixed center center;}
.page-for-books-sake-website {background:url(../img/largebg/fbsbgTAB.jpg) no-repeat fixed center center;}
.page-prince-charles-portrait {background:url(../img/largebg/princecharlesbgTAB.jpg) no-repeat fixed center center;}
.page-for-books-sake-tote-bags {background:url(../img/largebg/fbstoteBGTAB.jpg) no-repeat fixed center center;}
.page-short-stack-book-cover {background:url(../img/largebg/ShortstackBGTAB.jpg) no-repeat fixed center center;}




.main {
width: 646px;
min-height: 550px;
overflow: hidden;
padding: 0 0px 50px 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px; 
-webkit-border-radius-bottomright: 50px;
border-color: #fff; 
border-width: 1px; 
border-style: solid;
position: relative;
}

.webkit .single {
border-bottom-right-radius: 0px; 
-webkit-border-radius-bottomright: 0px;}


/* Header */
header{margin-bottom: 18px;position: relative; z-index: 300;height: 110px;}
a.logo {background:url(../img/groupoflogo318px.png) no-repeat 0px 0px; width: 318px; height: 110px; display: block;float:left;margin-left: 0; margin-right: 0;}





/* Footer */
footer {width:646px;margin-left: auto; margin-right: auto;margin-top: 25px;}


footer ul.about, 
footer ul.work{
height: auto;
overflow: auto;
padding: 17px 17px 17px 17px;
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px; 
border-color: #fff; 
border-width: 1px; 
border-style: solid;}

footer ul.about {width: 320px;}
footer ul.work {width: 500px;}

footer ul.work li {display: inline;float: left;width: 140px;margin-right: 12px;}
.squarethumb{width: 60px; height: 60px; overflow: hidden;float: left;margin-right: 5px;}
.squarethumb img {position: relative; left: -10px;}


/*INDEX*/
ul.feature {float: left; margin-left: 17px;margin-right: 17px; height: auto;width: 612px;height:auto;overflow: visible;clear: none; }
ul.feature li {width: 300px; height: 170px; display: inline-block; overflow: hidden;margin: 0 8px 8px 0;clear: none;}
ul.feature li:nth-child(even){margin-right: 0;}
ul.feature li h3 {font-size: 2em; padding: 5px; background-color: #00b6b4;margin-bottom: 0;}
ul.feature li h3 a{width: 300px;margin: 0;display: block;}
.highlightimage{width: 300px;height: 150px;margin-right: 0;}
.highlightimage img{left: 0px;}
.navleft a{margin-left: 17px;float: left;}
.navright a{margin-right: 17px;float: right;}

/* Single Page items */
.project {width: 300px; padding: 17px 17px 0 17px; background-color: #00b6b4;margin: 0px 17px 0 17px;float: left;clear: left;position: relative; z-index: 300;}
.page-text-randomiser .project{min-height:383px;}

/*Slideshow*/
#slideshow {width: 960px; height: 600px;overflow: hidden;background-color: #333;position: absolute; z-index: 100;top:0px; left:0px;}
#slideshow ul{height: 600px; overflow: hidden;}
.slidepic {width:960px;height: 600px;}
.slidepic img {position: relative; top:0px; left:-120px;width: 823px;height: 600px;}

/* For Text Randomiser */

.text {background-color: #333; width: 400px; height: 400px; float: left; margin-left: 20px;}
textarea{height:200px;width:90%;background-color:#3bc7c5;padding:5px;border: 1px solid #fff;color:white;}

#words{width: 290px; height: 400px;position: relative; left: 336px;z-index: 400;background-color: #00b6b4;position: relative;}

#words p{
text-align:center;
display:block;
width:270px;
height:380px;
padding: 10px;
font-family: monospace;
margin-left: 0px;
font-size: 16px;
line-height:0.9;
overflow:hidden;
position:absolute;
left:10px;
top:10px;
text-transform:uppercase;
letter-spacing:5px;
white-space:pre-wrap;
background-color:#3bc7c5;
border: 1px solid #fff;
}

.twocolumns{ width: 612px; margin-left: 17px;background-color: #00b6b4;padding: 17px;}


}

@media only screen and (min-width: 1024px) {

body {width: 100%; height: 100%;  margin: 0;background:url(../img/largebg/PlaneBG1600.jpg) no-repeat fixed bottom center; }

/* body classes */
.page-the-girls-are-website {background:url(../img/largebg/thegirlsarebg1600.jpg) no-repeat fixed center center;}
.page-cake-and-neave-website {background:url(../img/largebg/cakeandneavebg1600.jpg) no-repeat fixed center center;}
.page-simon-woolham-book{background:url(../img/largebg/woolhambookbg1600.jpg) no-repeat fixed center center;}
.page-the-stool-pigeon-website {background:url(../img/largebg/stoolpigeonbg1600.jpg) no-repeat fixed center center;}
.page-text-randomiser {background:url(../img/largebg/textbg1600.jpg) no-repeat fixed center center;}
.page-the-little-artists-publication {background:url(../img/largebg/labookbg1600.jpg) no-repeat fixed center center;}
.page-queens-of-vintage {background:url(../img/largebg/qovbg1600.jpg) no-repeat fixed center center;}
.page-for-books-sake-website {background:url(../img/largebg/fbsbg1600.jpg) no-repeat fixed center center;}
.page-prince-charles-portrait {background:url(../img/largebg/princecharlesbg1600.jpg) no-repeat fixed center center;}
.page-for-books-sake-tote-bags {background:url(../img/largebg/fbstoteBG1600.jpg) no-repeat fixed center center;}
.page-short-stack-book-cover {background:url(../img/largebg/ShortstackBG1600.jpg) no-repeat fixed center center;}
.page-little-artists-website {background:url(../img/largebg/lasitebg1600.jpg) no-repeat fixed center center;}




.main {width: 960px; min-height: 650px; }
header{height: 110px;width: 958px;}
footer{ width: 960px;}



ul.feature {float: left; margin-left: 17px;margin-right: 17px; height: auto;width: 924px;height:auto;overflow: visible; }
ul.feature li {width: 300px; height: 170px; display: inline-block; overflow: hidden;margin: 0 12px 12px 0;}
ul.feature li:nth-child(even){margin-right: 12px;}
ul.feature li:nth-child(3n+0){margin-right: 0;}
ul.feature li h3 a{width: 300px;margin: 0;}

#slideshow {height: 700px;}
#slideshow ul{height: 700px;}
.slidepic {width:960px;height: 700px;}
.slidepic img {top:0px; left:0px;width: 100%;height: 700px;}

.text {width: 400px; height: 400px;}
textarea{height:270px;width:90%;}

#words{width: 600px; height: 400px;}

#words p{width:580px;
height:380px;}


footer ul.work {width: 628px;}
footer ul.work li {display: inline;float: left;width: 180px;margin-right: 15px;}
.squarethumb{width: 80px; height: 80px; overflow: hidden;float: left;margin-right: 5px;}
.squarethumb img {position: relative; left: -10px;}


}

@media only screen and (min-width: 1600px) {
.page-the-little-artists-publication {background:url(../img/largebg/labookbg.jpg) no-repeat fixed center center;}
.page-the-girls-are-website {background:url(../img/largebg/thegirlsarebg.jpg) no-repeat fixed center center;}
.page-the-stool-pigeon-website {background:url(../img/largebg/stoolpigeonbg.jpg) no-repeat fixed center center;}
.page-cake-and-neave-website {background:url(../img/largebg/cakeandneavebg3.jpg) no-repeat fixed center center;}
.page-simon-woolham-book{background:url(../img/largebg/woolhambookbg.jpg) no-repeat fixed center center;}
.page-text-randomiser {background:url(../img/largebg/textbg.jpg) no-repeat fixed center center;}
.page-queens-of-vintage {background:url(../img/largebg/qovbg.jpg) no-repeat fixed center center;}
.page-for-books-sake-website {background:url(../img/largebg/fbsbg.jpg) no-repeat fixed center center;}
.page-prince-charles-portrait {background:url(../img/largebg/princecharlesbg.jpg) no-repeat fixed center center;}
.page-for-books-sake-tote-bags {background:url(../img/largebg/fbstoteBG.jpg) no-repeat fixed center center;}
.page-short-stack-book-cover {background:url(../img/largebg/ShortstackBG.jpg) no-repeat fixed center center;}
.page-little-artists-website {background:url(../img/largebg/lasitebg.jpg) no-repeat fixed center center;}
body {background:url(../img/largebg/PlaneBG.jpg) no-repeat fixed bottom center;}



}