/*
Theme Name: gg_theme
Theme URI: http://gothicginobili.com/
Author: Aaron McGuire
Author URI: http://gothicginobili.com/?author=1
Description: Normal theme for Gothic Ginobili, based off of Automattic's "Toolbox". He describes "Toolbox" as: "A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development." I would say that's accurate. I would then state that Gothic Ginobili is, in and of itself, a toolbox. Thanks, world.
Version: 1.3
Template: toolbox

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Structure
-------------------------------------------------------------- */
#page {
font-size: 80.5%; /* Resets 1em to 10px */
font-family: Verdana, 'Lucida Grande', Arial, Helvetica, Sans-Serif;
line-height:1.7em;
color:#333333; /*'Lucida Grande', Verdana, Arial, Sans-Serif;*/
display: block;
margin: 1em;
font: Ariel, sans serif;
}
a:link, a:visited, a:active { text-decoration: none; color: #777777; text-decoration:underline}
a:hover { color: #6495BF; text-decoration:underline }
pre { font-size: 120%; }
h3 { font-family: courier new, monospace; text-decoration: underline; font-size: 115.5%; display: block,}

#primary {
float: left;
margin: 0px 270px 0 0;
width: 100%;
background:url(http://i.imgur.com/UiEP0.png) top right repeat-y;
clear: right;
}

#secondary { 
display: block;
float: right;
}

#secondary a:link, #secondary a:visited, #secondary a:active { text-decoration: none; color: #333333; text-decoration:none}
#secondary a:hover { color: #6495BF; text-decoration:underline }

.widget-area h1 {
font-size: 100%;
text-decoration: underline;
}

#content {
margin: 280px 270px 0 0;
}

#main .widget-area {
position: absolute;
right: 20px;
float: right;
overflow: hidden;
width: 200px;
margin: 280px 0 0 0;
padding: 2px;
line-height: 1em;
color: #8e8e8e;
display: block;
}
#main .widget-area a {
font-weight:bold;
}

#colophon {
clear: both;
display: block;
width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#site-title {
font-size: 2em;
font-weight: bold;
margin: .67em 0;
}
#site-description {
font-size: 1em;
font-weight: normal;
margin: 0 0 1em;
}
.gg_column {
margin:0; padding:0px;
}
#gg_head_container { width:100%; margin:0px; padding:0px;display:table;}
#gg_head { width:100%; margin: 0px; padding: 0px; }
#gg_banner {
text-align:left;
background:#FFFFFF;
margin:0px;
padding:0px;
height: 280px;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow: ;
}

/* =Menu
-------------------------------------------------------------- */

#access {
background: #eee;
display: block;
float: left;
margin: 0 auto 1em;
width: 100%;
}
#access ul {
list-style: none;
margin: 0;
padding-left: 0;
}
#access li {
float: left;
position: relative;
}
#access a {
display: block;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
}
#access ul ul {
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
position: absolute;
top: 2em;
left: 0;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #dedede;
line-height: 1em;
padding: .5em .5em .5em 1em;
width: 10em;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #dedede;
}
#access ul ul a:hover {
background: #cecece;
}
#access ul li:hover > ul {
display: block;
}


/* =Content
-------------------------------------------------------------- */

.sticky {
}
.entry-meta {
clear: both;
display: block;
margin-left: 25px;
padding: 10px;
background: #d3d3d3;
border-top: #B5B5B5;
}
.entry-content {
margin-left: 25px;
padding: 10px;
background: #e2e2e2;	
}

.entry-title {
background: url(http://i.imgur.com/jaHYl.png) repeat-x;
height: 58px;
width: 100%;
padding-left: 10px;
color: #FFFFFF;
text-decoration: none;
line-height: 58px;
overflow: hidden;
}

.entry-title a {
color: #FFFFFF;
text-decoration: none;
line-height: 58px;
}

.single-author .entry-meta .byline {
display: none;
}
#content nav {
display: block;
overflow: hidden;
}
#content nav .nav-previous {
float: left;
width: 50%;
}
#content nav .nav-next {
float: right;
text-align: right;
width: 50%;
}
#content #nav-above {
display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
display: block;
}
#nav-below {
margin: 1em 0 0;
}
.page-link {
clear: both;
margin: 0 0 1em;
}
.page .edit-link {
clear: both;
display: block;
}

/* 404 page */
.error404 .widget {
float: left;
width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
margin-right: 1em;
}
.error404 .widget_tag_cloud {
clear: both;
float: none;
width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
background: #eee;
display: block;
padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
float: left;
}
.image-attachment nav {
float: right;
margin: 0 0 1em 0;
}
.image-attachment .entry-content {
clear: both;
}
.image-attachment .entry-content .entry-attachment {
background: #eee;
margin: 0 0 1em;
padding: 1em;
text-align: center;
}
.image-attachment .entry-content .attachment {
display: block;
margin: 0 auto;
text-align: center;
}

.wp-caption-text {
font-size: 80%;
}

/* Aside Posts */
.format-aside .entry-header {
display: none;
}
.single .format-aside .entry-header {
display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
float: left;
margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
display: none;
}
.single .format-image .entry-header {
display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
border: none;
}
p img {
margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
margin-right: 1em;
}
img.alignright {
margin-left: 1em;
}
.wp-caption {
padding: .5em;
text-align: center;
}
.wp-caption img {
margin: .25em;
}
.wp-caption .wp-caption-text {
margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
display: none;
}
#searchform input#s {
width: 50%;
}
input[type=text],
input#s {
margin: 0 1em 0 0;
width: 60%;
}
textarea {
width: 80%;
}

/* Class for labelling required form items */
.required {
color: #cc0033;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
display: block;
font-size: 80%;
}
.widget-area .widget_search {
overflow: hidden;
margin: 0px 10px 0 0;
}
.widget-area .widget_search input {
float: left;
}

.widget-area ul {
padding:0px;
}

.widget-area ul ul {
padding: 2px;
padding-left:10px;
list-style-type: circle;
}

/* =Footer
-------------------------------------------------------------- */

#colophon {
padding: 5px;
background: #d3d3d3;
text-align: center;
}


/* =Comments
-------------------------------------------------------------- */

#comments-title {
background: #d3d3d3;
font-size: 105%;
height: 58px;
padding-left: 12px;
text-decoration: none;
line-height: 58px;
}

#reply-title {
background: #d3d3d3;
font-size: 100%;
padding: 10px;
padding-left: 12px;
text-decoration: none;
font-weight:bold;
font-family: Verdana, 'Lucida Grande', Arial, Helvetica, Sans-Serif;
}

article.comment {
display: block;
}
#respond input[type=text] {
display: block;
width: 60%;
}
#respond textarea {
display: block;
margin: 0 0 1em;
width: 80%;
}
#respond .form-allowed-tags {
clear: both;
width: 80%;
}
#respond .form-allowed-tags code {
display: block;
}
.nocomments {
margin-left: 25px;
padding: 10px;
background: #e2e2e2;	
}

#comments {
margin-left: 25px;
padding: 0px;
background: #e2e2e2;	
}

.commentlist li {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
}

.hella_pingbacks {
	background: #d3d3d3;
	font-size: 100%;
	padding: 5px;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom:10px;
}

.comment-author {
background: url(http://i.imgur.com/jaHYl.png) repeat-x;
color: #fff;
font-size: 14px;
font-weight: bold;
font: Arial Black;
padding: 2px;
padding-left: 8px;
padding-top: 5px;
}

.comment-meta {
background: #474747;
color: #fff;
padding: 2px;
padding-left: 8px
}

.comment-meta a {color: #fff}
.comment-meta a:visited {color: #fff}
.comment-meta a:hover {color: #fff}

.comment-author a {color: #fff}
.comment-author a:visited {color: #fff}
.comment-author a:hover {color: #fff}

.comment-content {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding: 10px;
background: #F2F2F2;
}

.commentlist footer {
margin: 0px;
}

.reply {
font-weight: bold;
background: #d3d3d3;
margin-top: -12px;
margin-left: 10px;
padding-left: 10px;
margin-bottom: 20px;
}

#commentform {
margin-top: -12px;
margin-bottom: 0px;
margin-left: 10px;
padding: 10px;
background: #F2F2F2;}

.logged-in-as {background: #e2e2e2;padding:3px;}
.comment-form-comment {background: #F2F2F2;}
.form-allowed-tags {margin-left: 20px;}
.form-submit {background: #F2F2F2;}