/*   
Theme Name: Red Tattoo 
Theme URI: http://designerfied.
Description:Red colored two column theme, widget ready sidebar.
Author: Jake Hurst
Author URI: http://designerfied.com
*/


body {background:#000 url(http://www.vintagepastime.com/wp-content/themes/red-tattoo/images/vintbg.jpg) top center no-repeat; margin:0; padding:0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
}

#wrapper{ background:#290024;margin:0px auto 20px; width:964px; padding:1px 10px 0 10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;-webkit-border-radius-bottomright:10px;}
.center {width:955px;margin:5px 0 0 0;}
a:link,a:visited{color:#cc82c1;text-decoration:none;outline:none;}
a:hover{color: #FAE1E7;text-decoration: none;}

h1 {color:#cc82c1;font-family: Helvetica, Arial black, sans-serif; text-transform: capitalize; 
display:block; letter-spacing:-1px; font-size:145%; line-height: 1.0em; font-weight: bold; margin: 0 0 5px 0px; padding-left:4px;}

strong{color:#ddd;font-weight: bold;}
small {font-size:13px;}

/*
Header
*/
#header{ color:#888; margin:0px auto 0px; width:980px; height:300px; padding:0 5px 0 0px;}
#header img {border:0;margin:10px 0 0 0;padding:0;}
#header h1, #header h1 a{color:#CCC;font-family: Helvetica, Arial black, sans-serif; text-transform: capitalize; 
 letter-spacing:-1px; font-size:165%; line-height: 1.0em; font-weight: bold; margin:0px 0 0 0px; padding:34px 0 0 0px;}
#header a:hover {color:#EEE;text-decoration: none;}
#header p {color:#888;margin:0 0 0 5px; padding:0 0 0 0;}
#header .headerleft{width:600px;}
#header .goodfeet {float:right;position:relative;top:255px;right:105px;}
/*
Top Nav
*/
#navbar {margin:0px auto 8px;width: 956px;height:35px;padding: 0px;}
#navbarleft {float: left;margin: 0px 0px 0px 0px;padding: 0px;}
#navbarright {width: 80px;float: right;margin: 0px;padding: 0px 0px 0px 0px;}
#nav{ float: left; list-style: none; margin: 0px; padding: 0px;}	
#nav li {float: left; list-style: none; margin: 0px; padding: 0px;}
#nav ul li {list-style: none;margin: 0px; padding: 0px;border-bottom:1px solid #5D2F53;}
 
#nav li a, #nav li a:link, #nav li a:visited {
display: block;color:#CDA2C0; text-transform:uppercase; 
font-size:17px;font-weight: bold;margin-right: 6px;padding: 10px 10px 12px 10px;text-decoration: none;letter-spacing:0px;
border-right: 0px solid #A3A3A3;}
	
#nav li a:hover, #nav li a:active {color: #FAE1E7; 
display: block; text-decoration: none;}
	
#nav li li a,#nav li li a:link,#nav li li a:visited{background:#421D3E;width:190px;font-size:15px;
color:#CDA2C0;float:none;margin:0;padding:7px 10px;border-right:1px solid #5D2F53;border-left:1px solid #5D2F53;}

#nav li li a:hover,#nav li li a:active{color: #FAE1E7;padding:7px 10px;}
#nav li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:190px;margin:0;padding:0;}
#nav li ul a{width:160px;}

#nav li ul ul{margin:-31px 0 0 192px;}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto;}
#nav li:hover,#nav li.sfhover{position:static;}

#s {-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft: 5px;-webkit-border-radius-topleft: 5px;
-webkit-border-radius-bottomleft: 5px;width:200px;background: #2F0D2A;margin:1px 0 0 0px;padding:8px;border: 1px solid #333;color:#555;}
#searchsubmit {-moz-border-radius-topright:5px;-moz-border-radius-bottomright: 5px;-webkit-border-radius-topright: 5px;
-webkit-border-radius-bottomright: 5px;width:55px;height:34px;border: 1px solid #888;background:#7D4769;color:#000;margin:0px 2px 0 -4px; padding:0 0 2px 0;}
#searchsubmit:hover{cursor:pointer;color:#888;}

#featured-content {background: url(images/feat-bg1.png) top right no-repeat;height:300px;width:960px;padding:0px 2px 10px 0px; margin:0px auto 0;}
#featured-content .featuredbox {-moz-border-radius: 5px;
-webkit-border-radius: 5px;width:943px;height:260px;float:left;background:#150813;padding:10px; margin-top:0px;}
#thumbnail-post {-moz-border-radius: 5px;
-webkit-border-radius: 5px;background: #2F0D2A;width:222px;height:235px;float:left;padding:3px; margin:8px 3px 0 4px;}
#thumbnail-post img{width:222px;height:155px;padding:0px; margin:0;border:0;}
#featured-content h2 {color:#6F1E61;font:bold 26px "Lucida Grande",Arial,Helvetica,sans-serif; padding:0px;}

#thumbnail-post h3 a{color:#6F1E61;font:bold 20px "Lucida Grande",Arial,Helvetica,sans-serif; padding:3px;}
#thumbnail-post h3 a:hover{color: #FAE1E7;}
/*------------Top-Email---------*/
/*------------right part start---------*/
#right{width:265px; float:right; padding:0;}
#right form{padding:88px 0 0 0;}
#right form input.textBox{background:#00406F; height:28px; width:255px; margin:0 0 11px 0; padding:15px 0 0 15px;
 border:none; color: #FFF;font:normal 16px "Lucida Grande",Arial,Helvetica,sans-serif;-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
#right form input.blueTextBox{background:#00406F; width:255px; height:28px; margin:0 0 11px 0; padding:15px 0 0 15px;
 border:none; color: #FFF;font:normal 16px "Lucida Grande",Arial,Helvetica,sans-serif;-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.fromrelative{position:relative;}
.required{background:url(images/required.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:16px; text-indent:-22222px;}
.invalid{background:url(images/invalid.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:16px; text-indent:-22222px;}
#right form input.submit{background:url(images/submit.png) no-repeat 0 0; height:32px; width:83px;float:right; border:none; margin:5px 0px 0 0px; cursor:pointer;}
#right .rsstop{width:162px;height:47px;float:left;}
/*
Main Content
*/

.feed {float:right;margin:0;padding:0;}
#main{background:#2f0d2a;float:left;  margin:20px 0 40px 0; width:638px; padding:8px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.large-post {color:#888;width:622px;padding:6px 0 0 0;margin:0px 9px 9px 0px;float:left;}
#main.main-wide {width:98%;}
.smallpost{width:355px;color:#888;margin:0;padding-left:8px;float:left;border-left:3px solid #111; }
.smallpost h3 a{font:bold 18px arial,helvetica,verdana,sans-serif;margin-bottom:2px;color: #FAE1E7;}
.smallpost h3 a:hover{color:#6F1E61;}
.small{background:#150813;
 width:625px;margin:10px 5px 10px;padding:0px;float:left;height:176px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.smallinfo{border-top:1px solid #2F0D2A;font-size:10px;margin:0px 0 0;line-height:1px;}
.smallcontent{width:350px;height:75px;overflow:hidden;font-size:13px;padding:0;margin:0px;}
span.thumbnail{border:0;padding:0;float:left;margin:0px 0px 0px 0px;}
.thumbnail img{width:245px;height:175px;border:0;}

.main-title {font-size:90%;font-weight: bold;text-transform:uppercase;background:#1F0000 url(images/title-bg.jpg) top left no-repeat;color:#FFF;font-family: Helvetica, Arial black, sans-serif;width:610px;height:28px;padding:6px 7px 0 7px;margin:0 0 5px 8px;}
.main-title strong {color:#FFF;}
.post {color:#888;background:#6F0000;width:190px;height:140px;padding:0px;margin:0px 11px 11px 8px;float:left;border: 1px solid #6F0000;}
.post h1 {background:#6F0000;font-family: Helvetica, Arial black, sans-serif; 
 display:block; letter-spacing:-1px; font-size:90%; line-height: 1.0em; font-weight: bold;
margin: 0 0 0px 0px; padding-left:3px; padding-top:3px;}
.post img {background:#0C0E1F;width:180px;height:95px;padding:5px;margin:0px;border:none;}
.post p {padding:3px;margin:0px 0 5px 0;line-height: 18px;}
.postmetadata {font-size:13px;}
.large-post p {line-height:20px;color:#CCC;padding:4px 8px 0 8px; margin:0px 0 5px 0;}
.large-post h2 {color:#cc82c1;padding:4px 8px 0 8px; margin:0px 0 5px 0;line-height: 1.0em;font-size:19px;}

.large-post img {padding:0px;margin:5px 0 5px 0; border:0;}
.large-post .bookmarks {background:#DDD;width:601px;margin:5px 0 5px 5px;padding:9px 0 0 9px;border: 1px solid #373E3F;}
.large-post .bookmarks img {background:#DDD;padding:2px;}


/*
Previous/Next Page Nav
*/
#navigation .right {float:right;margin-left: 15px; margin-top:8px; }
#navigation .left {float:left; margin-right: 15px;margin-top:8px;}
#navigation a {padding:3px 8px 3px 8px;}
#navigation a:hover{background:#150813;}
#navigation { border-top:1px solid #150813;
font-size:15px;font-weight: bold; width:605px;height:38px;padding:0 7px 0 7px;margin:0 0px 0 8px;}

/*
SideBar Stuff
*/
#sidebar{-moz-border-radius: 5px;
-webkit-border-radius: 5px;background:#150813;color:#888;float:right; margin:20px 0 20px 0px ; width:280px; padding:10px;}
#sidebar ul {list-style: none;margin: 0 8px 0 0px;padding: 0;}
#sidebar li{padding:4px 0;margin: 0;}
#sidebar h3{ background:#2f0d2a;font-size:26px;color:#FAE1E7; margin: 0 0 8px 0;padding:4px 4px 4px 0;-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#tags a {
background: #2f0d2a;float: right;text-transform: uppercase;padding: 0.5em;margin: 0 1px 1px 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

#tags a:hover {
background: #1c0819;}


.sidebar-block{ text-align:right;margin:0 0px 12px 0px;padding:8px 0 0 0;}
.sidebar-block ul {list-style: none;margin: 0 8px 0 0px;padding: 0;}
.sidebar-block li{padding:5px 0;margin: 0;}


/*
Footer Styles
*/
#footer{ background: #1a0918; margin:0px auto 0px; width:100%; height:85px;border-top:1px solid #34082f;}
#footer p { font-family: Helvetica, Arial black, sans-serif;  font-size:12px; line-height: 1.0em;color:#888; 
width:955px; margin:0px auto 0px; padding:20px 0 0 0;}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents to account for 3 pixel bug.*/
* html .threepxfix{margin-left: 3px;}

/*
Image styles
*/
img.alignright {border: 3px solid #000;float:right; margin:1em 0 1em 1em;clear:both;}
img.alignleft {border: 3px solid #000;float:left; margin:1em 1em 1em 0; clear:both;}
img.aligncenter {border: 3px solid #000;display: block; margin-left: auto; margin-right: auto}
a img.alignright {border: 3px solid #000;float:right; margin:1em 0 1em 1em;clear:both;}
a img.alignleft {border: 3px solid #000;float:left; margin:1em 1em 1em 0;clear:both;}
a img.aligncenter {border: 3px solid #000;display: block; margin-left: auto; margin-right: auto}

/*
WP-Captions
*/
.wp-caption {border: 1px solid #6F0000;text-align: center;background-color: #1F0000;padding-top: 4px;margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
}
.wp-caption img {margin: 0;padding: 0;border: 1px solid #000;}
.wp-caption p.wp-caption-text {font-size: 13px;line-height: 19px;padding: 0 4px 5px;margin: 0;color:#EEE;}

.wp-caption.alignright {float:right; margin:0 8px 8px 1px}
.wp-caption.alignleft {float:left; margin:0 12px 8px 8px}
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*
Comments
*/
#postcomments{-moz-border-radius: 5px;
-webkit-border-radius: 5px;border:1px solid #000;color:#BBB;background:#150813;width:600px;margin:0 0 12px;padding:11px;float:left;}
#comment{width:450px;font:12px arial,helvetica,verdana,sans-serif;}
.commentlist img{float:left;margin:5px 8px 0 0;}
h2.commh2{font-size:1.4em !important;padding:0 0 5px;color:#EEE !important;}
ol.commentlist{margin:10px 0 20px;padding:0;list-style:none;font-size:12px;line-height:20px;}
ol.commentlist p{margin-bottom:10px;line-height:20px;}
ol.commentlist cite{font-style:normal;font-weight:bold;}
ol.commentlist li{font-size:14px;padding:20px 10px 10px;}
ol.commentlist li.alt{padding:10px 10px 5px !important;background:#2F0D2A;}
input#submit{font-size:14px;font-family:Arial, Helvetica, sans-serif;padding:7px 10px;margin:5px 0 0;text-align:center;border:none;cursor:pointer;border: 1px solid #6F0000;background:#2F0D2A;color:#FFF; }
#comment,#author,#email,#url{background:#FFF;border:none;padding:2px;color:#222;}