/*
Theme Name: Gen-X
Theme URI: http://wordpress.org
Description: Custom WordPress Theme for Gen-X Tattoo
Version: 1
Author: Nate Iler
Author http://wordpress.org/
Tags: two columns, fixed width, valid XHTML
*/

/* CSS RESET v1.0 | 20080212 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------------- CLEAN CLEAR METHOD ---------------- */
.clear:after, .clear-left:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clear-left:after {
clear : left;
}
.clear, .clear-left {
display : inline-block;
}
* html .clear, * html .clear-left {
height : 1%;
}
.clear, .clear-left {
display : block;
} 
/*------------------- MAIN NAVIGATION --------------------*/
ul#main-navi {
width: 100%;
margin:0 auto;
padding-left: 15px;
list-style-type: none;
font-size:14px;
}	
ul#main-navi li {
margin: 5px 20px 0 0;
float: left;
}
ul#main-navi li a {
color:#FFFFFF;
text-decoration:none
}
ul#main-navi li a:hover, ul#main-navi li.active {
color:#999999; 
text-decoration: none;
}
/*------------------- GENERAL STYLES --------------------*/
p {font-size:85%; color:#FFF;}
a {color:#c8983e; text-decoration:none;}
a:hover {color:#fff;}
#main-content p a {border-bottom:dotted 1px #999;}
body {
background: url(http://www.genxtattoos.com/img/bg.jpg) top left;
}
#main-container {
width:950px;
background:#000;
margin:0 auto;
}
#header h1 a {
background: url(img/banner.jpg) no-repeat center center;
height:102px;
width:100%;
margin:0 auto;
display:block;
text-indent:-999em;
}
#breadcrumb {
margin-bottom:.5em;
color:#fff;
font-size:90%;
font-weight:bold;
background-color:#141414;
padding:.5em;
}
#main-content {
width:66%;
margin:1em 0 1em 2%;
float:left;
}
#sidebar {
width:28%;
margin:1em 2% 1em 0;
float:right;
}
.post {color:#fff; margin-bottom:1.5em;}
.post h2 {
color:#fff;
padding:.2em 0;
font-size:120%;
font-weight:normal;
margin-bottom:.2em;
}
.post h2 a {
color:#c8983e;
}
.post h2 a:hover {
color:#FFF;
text-decoration:underline;
}
p.post-info {
font-size:65%;
color:#666;
padding-bottom:.75em;
}
p.post-info a {
color:#999;
}
p.post-info a:hover {
color:#fff;
}
.entry {
border-top:1px solid #141414;
padding:.5em;
margin:0;
}
.entry p {
line-height:1.2em;
}
.tags {
padding:.4em 1em .4em .3em;
font-size:80%;
border-top:1px solid #141414;
border-bottom:1px solid #141414;
}
.tags a {
color: #c8983e;
text-transform: lowercase;
}
.tags a:hover {
color: #FFF;
}
/*------------------- SIDEBAR STYLES --------------------*/
#sidebar h2 {
margin:1.5em auto 0;
width:82%;
background: url(img/sidebar-title.jpg) no-repeat left top;
color:#FFF;
padding:3% 4%;
}
#sidebar ul {
border:1px solid #1D0E03;
width:90%;
margin:0 auto 1em;
color:#FFF;
}
#sidebar ul li a {
display:block;
width:88%;
padding:3% 6%;
color:#c8983e;
font-size:90%;
border-bottom:dashed 1px #1D0E03;
}
#sidebar ul li a:hover {
/* background-color:#c8983e; */
color:#FFF;
}
#footer {
width:940px;
margin:.2em auto 0;
font-size:80%
}
#page-notes {
float:right;
margin:0 .5em .5em 0;
clear:both;
color:#FFF;
}
/*------------------- SEARCH FORM --------------------*/
form#search-form {
background: url(img/seach-background.jpg) no-repeat center center;
height:33px;
width:210px;
margin:0 auto;
padding:9px 0 0 10px;
}
form#search-form input {
border:0;
margin:0;
float:left;
}
form#search-form input.search-txt {
background: blue url(img/seach-txt.jpg) no-repeat top left;
height:18px;
width:165px;
padding:3px 5px;
font-size:14px;
}
form#search-form input.search-button {
background:red url(img/search-button.jpg) no-repeat top left;
width:25px;
height:24px;
cursor:pointer;
text-indent:-999em;
font-size: 0px;
line-height:25px;
overflow:hidden;
}
form#search-form input.search-button:hover {
background-position:bottom left;
}

.post_single {
margin-bottom: 10px;
}


blockquote {
padding: 7px;
background-color: #F4FBD2;
border: 3px #E1EEB9 dashed;
margin: 5px 0;
margin-bottom: 20px;
}
blockquote p{
padding: 5px 0;
}

.navigation {
padding-bottom: 40px;
}

.navigation a {
border: 1px #2AACE0 solid;
background-color: #2AACE0;
color: #FFF;
padding: 2px 5px;
font-weight: bold;
}

.navigation a:hover {
border: 1px #01606C solid;
}

#comments h2 {
color:#fff;
padding:.2em 0;
font-size:120%;
font-weight:normal;
margin:.5em 0 .35em;
color:#c8983e;
}
.comment-area {
padding:.4em .5em;
}
.color2 {
background-color:#141414;
}
.comment-area h4 {
color:#fff;
padding:.2em 0;
margin-bottom:.2em;
}
.comment-area h4 a {
color:#c8983e;
}
.comment-area h4 a:hover {
color:#FFF;
}
.comment-text {
border-top:1px solid #141414;
padding:.35em;
margin:0;
}
.color2 .comment-text {
border-color:#202020;
}
.comment-text p {
line-height:1.2em;
}


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

/***************** COMMENT FORM *****************/
form#comment-form a {
color:#c8983e;
}
form#comment-form div {
margin:.1em 0;
}
form#comment-form label {
display:block;
width:124px;
text-align:right;
padding-right:6px;
padding-top:.25em;
float:left;
color:#FFF;
}
form#comment-form input.std-txt, form#comment-form textarea.std-txtarea {
width:220px;
font-family:Arial, Helvetica, sans-serif;
padding:.2em;
}
form#comment-form textarea.std-txtarea {
width:320px;
}
form#comment-form .button, form#comment-form p {
margin:.3em 0 0 130px;
}