/*
Theme Name: TGPWP
Theme URI: http://www.TgpWp.com 
Description: TGPWP is a great way to turn your WordPress blog in to a thumbnail gallery post. You have 4 different theme color schemes to choose from. In version 2.8 I have added a custom post type for the featured galleries. You can also set these galleries to redirect to any link you want. Be sure to check out the mobile add on for my theme. Click on my link to see the demo of the mobile add-on you can have on your TGPWP. This will be a great way to make your site mobile ready. Be sure to read the help file to see how everything works! For help or comments you can visit my official theme website. You can also donate to my coffee fund via Pay Pal from the theme admin area.
Version: 2.8
Author: www.TgpWp.com
Author URI: http://www.tgpwp.com
Tags: TGP, Wordpress, Thumbnail Gallery, TGPWP, Picture Template, Photo Blog, admin panel, color schemes, banner advertising, fixed-width, mobile ready 
License: Free GPL
License URI: http://creativecommons.org/licenses/by/3.0/
*/
/*-----------------------------------------------------------------------------------*
/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}

/* Block elements */
header, hgroup, footer, section, article, aside {
	display: block;
}

del {
text-decoration:line-through;
}

.clear {
clear:both;
}

label {
cursor:pointer;
}

a,a:visited {
color:#FFF568;
text-decoration:none;
}

a:focus,a:hover {
color:#FFF;
text-decoration:underline;
}

body {
color:#FFF;
font:62.5%/1 Arial, sans-serif;
background:#000;
}

.wrapper {
width:100%;
margin:0 auto;
}

h5 {
font-size:15px;
color:#EDDEA7;
}

h4 {
background:#D46419;
color:#EDDEA7;
font-size:14px;
text-shadow:.1em .1em .1em #C54B2C;
margin:12px 0;
padding:5px 7px;
}

h3 {
color:#EDDEA7;
font-size:1.9em;
text-transform:capitalize;
font-weight:700;
text-shadow:#C54B2C .1em .1em .1em;
margin:1px 0 9px;
}

#menu {
width:100%;
height:40px;
margin-bottom:20px;
}

#featured-post {
width:100%;
margin:auto 0;
}

#respond {
float:left;
width:100%;
}

ol.commentlist {
margin-bottom:30px;
}

.the-comment {
margin-bottom:24px;
}

.avatar {
background:none repeat scroll 0 0 #E06E18;
border:1px solid #F48729;
float:left;
margin-right:14px;
padding:3px;
}

.comment-arrow {
background:url(images/comment-arrow.png) no-repeat;
width:8px;
height:15px;
float:left;
margin-top:16px;
margin-right:-1px;
}

.comment-box {
border:1px solid #E5E5E5;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
overflow:hidden;
background:linear-gradient(top,#e5e5e50%,#ffffff100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#ffffff',GradientType=0);
-moz-box-shadow:1px 1px 2px #620;
box-shadow:1px 1px 2px #620;
-webkit-box-shadow:1px 1px 2px #620;
padding:14px;
}

.comment-author {
margin-bottom:10px;
color:#555;
}

.comment-author small {
color:#888;
}

.comment-author a,a:visited {
color:#565656;
font-weight:700;
}

.comment-text {
line-height:20px;
}

.comment-text p {
margin-top:15px;
color:#606060;
font-size:13px;
}

.children {
margin:20px 0 0 83px;
}

.children li.comment {
margin:0 0 20px;
}

.cancel-comment-reply {
margin-bottom:10px;
}

.no-comments {
color:#EEE;
font-size:16px;
}

.comment-text-side {
color:#888;
line-height:20px;
}

li.bypostauthor .comment-box {
background:#F7F7F7;
}

#respond-content p {
font-size:12px;
font-weight:700;
color:#fff;
}

#comment-input {
float:left;
margin-right:20px;
}

#comment-input input {
border:0;
margin-bottom:17px;
color:#666;
}

#comment-input input:focus,textarea:focus {
outline:none;
}

#comment-input label {
color:#FFF;
display:block;
font-size:12px;
font-weight:700;
margin-bottom:8px;
}

#comment-input label .req {
color:#FFED00;
}

#comment-textarea {
float:right;
}

.textarea-comment {
background:#E9E9E9;
border:0;
width:308px;
height:168px;
font-family:arial;
color:#666;
padding:14px;
}

#comment-textarea label {
display:block;
margin-bottom:8px;
font-size:12px;
font-weight:700;
color:#fff;
}

#comment-textarea-admin {
float:none;
margin-bottom:16px;
}

#comment-textarea-admin label {
display:block;
font-size:12px;
font-weight:700;
color:#fff;
margin:10px 0 5px;
}

#comment-submit {
clear:both;
float:right;
margin-bottom:10px;
}

#comment-submit-admin {
clear:both;
margin-bottom:10px;
}

.comment-submit {
background:#E9E9E9;
border:0;
color:#333;
text-shadow:1px 1px 1px #FFF;
cursor:pointer;
text-transform:capitalize;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
padding:8px;
}

.comment-submit:hover {
background:#DDD;
background-position:0 -42px;
}

#topbar {
background:none repeat scroll 0 0 #B44902;
border-bottom:1px solid #E8A44C;
height:12px;
padding:8px;
}

#topbar h2 {
font-size:1.2em;
color:#F5F597;
text-transform:Capitalize;
text-align:center;
font-weight: bold;
}

#header {
height:125px;
overflow:hidden;
}

.header-area {
width:980px;
margin:0 auto;
}

#header-logo {
float:left;
padding:40px 0 0 35px;
}

#header-logo h1 {
font-size:3.5em;
text-transform:uppercase;
font-weight:700;
}

#header-logo a {
color:#E06615;
text-decoration:none;
}

#header-logo a img {
float:left;
max-width:430px;
}

#header-banner {
float:right;
padding:21px 0 0;
}

#header-banner img {
float:left;
border:1px solid #D56319;
}

.order-post {
float:right;
margin:5px 9px;
}

.order-post label {
font-size:13px;
font-weight:700;
color:#FFF;
}

#content-area {
overflow:hidden;
width:1000px;
background:none repeat scroll 0 0 #772F00;
border:2px solid #AD3900;
margin:0 auto;
padding:6px 9px;
}

#content-body {
width:761px;
float:left;
padding:2px;
}

#content-body h3 {
float:left;
padding:2px 5px;
}

.loopad {
clear:both;
width:728px;
margin:0 auto;
padding:11px 0;
}

.loopad img {
border:2px solid #D6731D;
}

.orderby {
float:right;
width:206px;
margin:2px 0;
}

.orderby label {
color:#EDDEA7;
float:left;
font-size:1.4em;
font-weight:700;
text-transform:capitalize;
padding:6px 5px 0 0;
}

.orderby select {
background:#f1f1f1;
border:1px solid #C19359;
color:#7A3710;
float:left;
font-size:1.2em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:3px 4px;
}

.rightside {
float:left;
padding:7px 5px;
}

#sidebar {
width:225px;
margin:0 auto;
}

#search-box {
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
background:#401100;
margin:0 0 0 5px;
padding:8px;
}

#search-input {
border:1px solid #C40;
color:#C96E28;
float:left;
font-family:Verdana,sans-serif;
font-size:1.2em;
font-weight:700;
height:24px;
width:114px;
background:#fff;
margin:0;
padding:2px 6px;
}

.photo-banner {
width:172px;
height:251px;
}

.post .entry {
font-size:1.5em;
line-height:1.2em;
color:#EDDEA7;
padding:10px 0 5px;
}

.post .entry strong {
color:#000;
}

.post .entry a {
color:#FFF568;
text-decoration:underline;
}

.post .entry p {
font-size:1.1em;
line-height:1.1em;
text-align:center;
margin:10px 0;
}

.postmeta {
background:none repeat scroll 0 0 #A64200;
color:#F1E9BB;
font-size:.9em;
text-transform:capitalize;
border:1px solid #522804;
margin:10px 0;
padding:8px;
}

.sidebox {
float:left;
width:220px;
}

#sidebar ul li {
background:none repeat scroll 0 0 #411C00;
border:1px solid #C64800;
margin:6px 4px;
}

#sidebar ul li ul li {
border:none;
background-color:#B3490D;
font-size:15px;
line-height:18px;
color:#FFF;
border-bottom:1px solid #661E00;
border-top:1px solid #D23F00;
text-shadow:1px 1px 0 #782400;
margin:0;
padding:10px 12px;
}

.recent-box {
margin-bottom:2px;
border-bottom:1px solid #C64800;
height:111px;
}

.recent-box img {
background:#FF9019;
border:1px solid #D54C09;
float:left;
margin:7px;
padding:4px;
}

.recent-box h4 {
text-shadow:none;
background:none;
line-height:20px;
margin:2px 0 4px;
}

.recent-box .post-item-meta span {
display:block;
margin-bottom:6px;
color:#fff;
font-size:12px;
font-weight:700;
}

.recent-box a,.recent-box a:visited {
color:#F8FF00;
}

.recent-box a:hover {
color:#fff;
text-decoration:none;
}

.recent-box:last-child .post-item-meta {
margin-bottom:-7px;
}

.seebutton {
font-size:11px;
text-transform:uppercase;
padding:4px 0;
}

.widgetspace {
width:100%;
background:none;
height:360px;
padding-top:25px;
}

.widgetarea {
width:936px;
margin-left:auto;
margin-right:auto;
}

.single-widget-box {
width:100%;
position:relative;
}

.widgetbox {
float:left;
width:302px;
}

.widgetarea .widget_categories a {
display:inline;
}

.widgetarea ul li {
background:#f90;
border:1px solid #C64800;
margin:0 4px;
}

.widgetarea ul li ul li {
border:none;
background-color:#B3490D;
font-size:1.7em;
color:#FFF;
border-bottom:1px solid #661E00;
border-top:1px solid #D23F00;
text-shadow:1px 1px 0 #782400;
margin:0;
padding:10px 12px;
}

.widget-title {
font-size:1.8em;
background: #7f2e01; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f2e01', endColorstr='#a0410d'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#7f2e01), to(#a0410d)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #7f2e01,  #a0410d); /* for firefox 3.6+ */ 
border-bottom:1px solid #C64800;
color:#361A02;
text-align:left;
text-shadow:0 1px 0 #CB5D1E;
padding:10px;
font-weight: bold;
}

.sideadwrap {
margin:5px;
padding:5px;
}

.footeradwrap {
margin:1px;
}

.gallery-title {
overflow:hidden;
background:#D46419;
margin:5px 0;
padding:6px 0 2px;
}

#photo-layout {
margin-right:auto;
margin-left:auto;
}

.home-post-wrap {
float:left;
background-color:#FF9019;
border:1px solid #D54C09;
margin:5px 3px;
padding:5px;
}

.thumbnail-div {
border:1px solid #FFF;
width:170px;
height:210px;
}

.infobox {
bottom: 0;
display: block;
padding: 7px 0;
position: relative;
}

.post-ratings {
color:#FFF;
font-size:13px;
font-weight:700;
text-shadow:1px 1px 0 #D25723;
width:100%;
text-align:left;
line-height: 21px;
}

.singleinfo-box {
background:none repeat scroll 0 0 #000;
border:1px solid #F90;
float:left;
width:209px;
margin:2px 7px;
padding:5px;
}

.ratingbox {
float:left;
width:90px;
padding:0;
}

.ratingbox-single {
float:right;
width:89px;
padding:7px 0;
}

.ratingbox-featured {
float:right;
width:160px;
padding:7px 0;
}

.viewbox {
float:right;
padding:2px;
}

.views {
color:#B12900;
font-size:12px;
font-weight:700;
}

.tagbox {
float:left;
width:370px;
margin-top:8px;
}
.posttitle {
    display: block;
    font-size: 15px;
    line-height: 19px;
    margin: 3px 0 10px;
    overflow: hidden;
    width: 170px;
}
.posttitle a,
.posttitle a:visited {
	color: #7B380B;
	}
.posttitle a:hover {
	text-decoration: none;
	color: #fff;
	}	
#attachpic {
width:100%;
padding:7px 0;
}

#attachpic h3 {
text-align:center;
padding:5px 0 10px 5px;
}

#attachpic a,#attachpic a:link {
font-size:20px;
font-weight:700;
}

.bigimage {
border:1px solid red;
width:100%;
}

.linkback {
width:100%;
margin:24px 0;
}

#attachlink {
font-size:24px;
margin:0 0 20px;
}

#single_post {
margin:5px;
}

#single-gallery {
float:left;
width:761px;
padding:7px 2px;
}

#single-gallery h3 {
text-align:center;
background:none repeat scroll 0 0 #D46419;
padding:5px 0 10px 5px;
}

#tlink {
text-align:center;
}

#tlink a {
font-size:1.9em;
text-transform:capitalize;
font-weight:700;
line-height:1.4em;
color:#FBEFDF;
text-decoration:underline;
}

#tlink a:hover {
color:#FF8700;
text-decoration:underline;
}

.more-promo {
background:none repeat scroll 0 0 #000;
border:2px solid #F90;
font-size:27px;
width:400px;
font-weight:700;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
padding:11px 0 18px;
}

.single-banner {
margin:0 5px;
}

.related-box {
overflow:hidden;
margin-top:5px;
}

.related-box-title {
background:#D46419;
height:25px;
padding:6px 8px 0;
}

.related-box-title h2 {
float:left;
font-size:15px;
line-height:1.3em;
color:#EDDEA7;
}

.related-box-title p {
color:#fff;
font-size:1.4em;
line-height:1.3em;
float:right;
}

.related-content {
overflow:hidden;
padding:5px 0;
}

#footer {
background:none repeat scroll 0 0 #171717;
border-top:1px solid #434343;
color:#A7A7A7;
margin-top:10px;
overflow:hidden;
width:100%;
font-family: Verdana, sans-serif;
}

.footer-menu {
background:none repeat scroll 0 0 #222;
border-bottom:1px solid #454545;
border-top:1px solid #0E0E0E;
padding:5px 0;
}

#footer a,a:visited {
color:#A40;
text-decoration:none;
}

#footer a:hover {
color:#848484;
}

#footer li {
display:inline;
font-size:1.4em;
line-height:1.3em;
padding:0 11px;
}

#footer .copyrights {
float:right;
padding:10px;
}

blockquote {
border-left:5px solid #4A1400;
background:#D46419;
margin:10px 8px;
padding:3px 8px 10px 15px;
}

blockquote p {
font-weight:700;
}

.nopost,.nocomments {
text-align:center;
color:#FFF;
font-size:2.3em;
line-height:1.3em;
padding:15px 0;
}

.navigation {
padding:20px 0;
}

#content-area .wp-pagenavi {
font-size:1.3em;
font-weight: bold;
}

#content-area .wp-pagenavi a {
    background: none repeat scroll 0 0 #AE4E05;
    border: 1px solid #E38B0A;
    color: #F2F2F2;
    margin: 2px;
    padding: 7px;
    text-decoration: none;
}

#content-area .wp-pagenavi a:hover {
color:#FFF;
border:2px solid #D46419;
}

#content-area .wp-pagenavi span.pages {
    background: none repeat scroll 0 0 #AE4E05;
    border: 1px solid #E38B0A;
    color: #F2F2F2;
    margin: 2px;
    padding: 7px;
}

#content-area .wp-pagenavi span.current {
    background: none repeat scroll 0 0 #AE4E05;
    border: 1px solid #E38B0A;
    color: #F2BA72;
    font-size: 1.2em;
    margin: 0 4px;
    padding: 8px;
}

#content-area .wp-pagenavi span.extend {
background:#eee;
border:1px solid #E38B0A;
margin:2px;
padding:7px;
}

#page-content {
width:761px;
float:left;
padding:9px 2px;
}

#fullpage-content {
width:100%;
float:left;
padding:9px 2px;
}

#fullpage-content h3 {
padding:5px 0 10px 5px;
}

#page-content h3 {
background:#D46419;
padding:5px 0 10px 5px;
}

.page-entry p {
font-size:1.6em;
line-height:1.3em;
color:#EDDEA7;
padding:7px 0;
}

#page-content a,a:visited {
color:#F90;
text-decoration:underline;
}

#page-content ul {
list-style:disc outside none;
color:#EDDEA7;
margin:5px 33px;
}

#page-content ol {
list-style:decimal outside none;
color:#EDDEA7;
margin:5px 40px;
}

#page-content li {
font-size:15px;
font-weight:700;
line-height:23px;
text-transform:capitalize;
}

#archive-content {
float:left;
width:761px;
padding:8px 2px;
}

#archive-content h3 {
background:#D46419;
padding:9px;
}

.archive-banner {
padding:10px 0;
}

.gallery {
margin:0 auto 18px;
}

.gallery .gallery-item {
float:left;
margin-top:9px;
text-align:center;
}

.gallery-columns-2 .gallery-item {
width:50%;
}

.gallery-columns-4 .gallery-item {
width:25%;
}

.gallery img {
border:1px solid #D54C09;
background:#FF9019;
padding:4px;
}

.gallery img:hover {
background:#E79C4C;
}

.gallery-columns-2 .attachment-medium {
max-width:92%;
height:auto;
}

.gallery-columns-4 .attachment-thumbnail {
width:170px;
height:210px;
}

.gallery .gallery-caption {
color:#888;
font-size:12px;
margin:0 0 12px;
}

.gallery dl,.gallery dt {
margin:0;
}

.gallery br+br {
display:none;
}

.tagcloud {
padding:5px 10px;
}

.tagcloud a,
.tagcloud a:visited {
background:none repeat scroll 0 0 #6D2607;
color:#F90;
line-height:27px;
text-decoration:none;
white-space:nowrap;
padding:2px 6px;
}

.tagcloud a:hover {
color:#fefefe;
}

.sf-menu,.sf-menu * {
list-style:none;
margin:0;
padding:0;
}

.sf-menu {
line-height:1.0;
width:1000px;
margin:0 auto;
}

.sf-menu ul {
position:absolute;
top:-999em;
width:10em;
}

.sf-menu li:hover {
visibility:inherit;
}

.sf-menu li {
float:left;
position:relative;
background:transparent;
}

.sf-menu a {
display:block;
position:relative;
color:#FCE0A8;
text-decoration:none;
border-left:1px solid #8C0000;
padding:9px 15px;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:2.5em;
z-index:99;
}

#navwrap {
float:left;
width:100%;
background: #ff9019; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9019', endColorstr='#d54c09'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ff9019), to(#d54c09)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ff9019,  #d54c09); /* for firefox 3.6+ */ 
border-bottom:1px solid #D50007;
border-top:1px solid #D50007;
font-size:14px;
font-weight:700;
}

.sf-menu ul li a {
border-bottom:1px solid #802600;
border-left:1px solid #E76400;
border-top:1px solid #FF7C30;
color:#EDEDED;
text-decoration:none;
padding:9px 15px;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
background: #d54c09; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d54c09', endColorstr='#ff9019'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#d54c09), to(#ff9019)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #d54c09,  #ff9019); /* for firefox 3.6+ */
outline:0;
}

.sf-menu a.sf-with-ul {
padding-right:2.25em;
min-width:1px;
}

.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em;
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url(images/drop-arrows.png) no-repeat -10px -100px;
}

a > .sf-sub-indicator {
top:.8em;
background-position:0 -100px;
}

a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {
background-position:-10px -100px;
}

.sf-menu ul a > .sf-sub-indicator {
background-position:0 0;
}

.sf-shadow ul {
background:url(images/shadow.png) no-repeat bottom right;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
padding:0 8px 9px 0;
}

.sf-shadow ul.sf-shadow-off {
background:transparent;
}

ins,#header-logo a:hover,.navigation a:hover {
text-decoration:none;
}

#comments-content,#respond-content {
width:620px;
}

.input-name,.input-email,.input-website {
background:#E9E9E9;
width:230px;
height:28px;
padding:11px 10px 0;
}

.post,.sf-menu ul li {
width:100%;
}

.post .entry a:hover,#page-content a:hover {
color:#FFF;
text-decoration:none;
}

#sidebar ul li ul li:first-child,.widgetarea ul li ul li:first-child {
border-top:none;
}

#sidebar ul li ul li:last-child,.recent-box:last-child,.widgetarea ul li ul li:last-child {
border-bottom:none;
}

#sidebar ul li ul li a,a:visited,.widgetarea ul li ul li a,a:visited {
color:#FCE0A8;
font-weight:400;
text-decoration:none;
}

#sidebar ul li ul li a:hover,.widgetarea ul li ul li a:hover {
color:#FFF;
}

#sidebar ul ul ul,.widgetarea ul ul ul {
margin:0 0 0 5px;
}

#sidebar ul li ul li ul li,.widgetarea ul li ul li ul li {
border:0;
}

.related-box-title p a,.single .navigation a {
color:#fff;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}

.sf-menu li li,.sf-menu li li li {
background:#d54c09;
}

.sf-menu ul .sf-sub-indicator,.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0;
}