/*   
Theme Name: Tattoo Grunge
Theme URI: http://www.paulberkey.com/
Description: The Artwork of Paul Berkey
Version: 1.0
Author: Jason R. Walker
Author URI: http://www.two24studios.com/
*/

/* Reset Styles */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin: 0;
padding: 0;
}

fieldset, img { 
border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}

ol, ul {
list-style:none;
}

caption ,th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

abbr, acronym { 
border:0;
}

a {
outline: none;
}

/* End Reset */

body {
	background: #CCC;
}

.clear {
clear: both;
}

#layout {
width: 960px;
margin: 0 auto;
background:#FFF;
}


#bottom {
width: 960px;
margin: 0 auto;
background:#FFF;
}

#menu {
width: 960px;
height: 20px;
background: url("../images/menu.png") no-repeat top center;;
text-align:right;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;

}

#menuInfo {
float: right;
width: 960px;
text-align: right;
vertical-align:middle;
margin: 3px 50px 3px 30px;
}

#menuInfo a{
color:#FFF;
text-decoration: none;
}

#menuInfo a:hover{
color:#000;
text-decoration: underline;
}

#header {
width: 960px;
height: 208px;
background: url("../images/header.png") no-repeat top center;
}

#homeContent {
position: relative;
width: 920px;
height: 360px;
margin: 0 0 20px 0;
padding: 0 20px 0 20px;
}

#homeContentTxt {
position: absolute;
bottom: 10px;
right: 20px;
width: 450px;
height: 40px;
padding: 90px 10px 0 0;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-align: right;
}

#homeContentTxt h2 {
display: none;
}

#homeContentTxt a {
color: #0066ff;
font-size: 13px;
font-weight: bold;
text-decoration: none;
font-family:Verdana, Geneva, sans-serif;

}

#homeContentTxt a:hover {
background: #0066ff;
color: #fff;
}

#homeContentTxt span {
color: #666;
font-size: 13px;
}

#homeContentTxt p {
margin: 0;
padding: 0 10px 0 0;
}

#subContent {
width: 920px;
margin: 0 0 20px 0;
padding: 0 20px 0 20px;
}

#sidebar {
float: left;
width: 270px;
margin: 0 0 0 0;
background: #FFF url("../images/sidebar_bkg.png"/*tpa=http://paulberkey.com/images/sidebarTop.jpg*/) no-repeat top;
}

#sidebar_titu{
color: #000;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
text-align: justify;
}


#sidebarTop {
width: 270px;
height: 55px;
}

#sidebarTxt {
width: 270px;
color: #000;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-align: justify;
}

#sidebarTxt a:hover {
color: #fff;
background-position: 0;
}

#sidebarTxt p {
margin: 10;
padding: 0 0 10px 0;
}

#sidebarTxt ul {
margin: 0px 5px 20px 20px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#6E6E6E;
}

#twitter_update_list li {
padding: 5px 0 5px 0;
}

#twitter_update_list li a {
display: inline;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
color: #666;
}

#twitter_update_list li span a {
color: #3cc;
}

#content {
position: relative;
float: left;
width: 650px;
color: #000;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
background: url("../images/content.png") no-repeat top center;
text-align: justify;
}

#contentTxt {
width: 600px;
color: #333;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-align: justify;
margin: 30px 30px 30px 30px;
}

#content h2 {
width: 660px;
height: 80px;
text-indent: -999em;
}

#content h3 {
clear: both;
width: 660px;
height: 50px;
padding: 10px 0 0 0;
text-indent: -999em;
}

#content a {
text-decoration: none;
}

#content em {
font-style: italic;
}

#content label {
padding: 0 0 5px 5px;
color: #fff;
font-size: 12px;
font-weight: bold;
}

#content p {
margin: 0px 20px 20px 20px;
}

#content ul {
margin: 0px 40px 40px 40px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#6E6E6E;
}

#content small {
position: absolute;
top: 95px;
right: 0;
font-size: 12px;
}

#content strong {
font-weight: bold;
}

.aboutContent a {
color: #f67100;
border-bottom: 1px dashed #888;
}

.aboutContent a:hover {
border-color: #f67100;
}

.workContent a {
color: #ff9900;
border-bottom: 1px dashed #888;
}

.workContent a:hover {
border-color: #ff9900;
}

.contactContent a {
color: #ff0033;
border-bottom: 1px dashed #888;
}

.contactContent a:hover {
border-color: #ff0033;
}

.workHeadline {
border-top: 1px solid #ff9900;
}

.contactHeadline {
border-top: 1px solid #ff0033;
}

.imgLeft {
float: left;
margin: 0;
padding: 0 20px 20px 0;
}

.imgRight {
float: right;
margin: 0;
padding: 0 0 20px 20px;
}

.workHomeImg {
display: block;
width: 220px;
height: 220px;
margin: 0 20px 20px 0;
padding: 10px;
border: 1px solid #1a1a1a;
}

.workHomeImg:hover {
border-color: #ff9900;
}

.workItemLarge {
width: 650px;
margin: 0 0 20px 0;
border: 5px solid #1a1a1a;
}

.workItemLarge:hover {
border-color: #ccc;
}

.workColumn {
width: 600px;
}

.twoColLeft {
float: left;
width: 310px;
margin: 0 20px 20px 0;
border: 5px solid #1a1a1a;
}

.twoColLeft:hover {
border-color: #ccc;
}

.twoColRight {
float: left;
width: 310px;
margin: 0 0 20px 0;
border: 5px solid #1a1a1a;
}

.twoColRight:hover {
border-color: #ccc;
}

.threeColLeft {
float: left;
width: 200px;
margin: 0 15px 20px 0;
border: 5px solid #1a1a1a;
}

.threeColLeft:hover {
border-color: #ccc;
}

.threeColMid {
float: left;
width: 200px;
margin: 0 15px 20px 0;
border: 5px solid #1a1a1a;
}

.threeColMid:hover {
border-color: #ccc;
}

.threeColRight {
float: left;
width: 200px;
margin: 0 0 20px 0;
border: 5px solid #1a1a1a;
}

.threeColRight:hover {
border-color: #ccc;
}

.inputTxt {
width: 233px;
height: 23px;
padding: 7px 0 0 7px;
background: #1a1a1a;
border: 1px solid #333;

color: #ccc;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
text-align: left;
}

.inputTxt:focus, .inputTxt:hover {
border-color: #ccc;
}

.txtAreaTxt {
width: 651px;
height: 193px;
background: #1a1a1a;
border: 1px solid #333;
padding: 7px 0 0 7px;

color: #ccc;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
text-align: left;
}

.txtAreaTxt:focus, .txtAreaTxt:hover {
border-color: #ccc;
}

.inputSubmit {
float: right;
width: 100px;
height: 30px;
background: #1a1a1a;
border: 1px solid #333;

color: #ff0033;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
}

.inputSubmit:hover {
border-color: #ccc;
}

#workCallouts {
width: 900px;
height: 190px;
margin: 0 20px 20px 20px;
padding: 10px;
background:#FFF;
}

#workCallouts h2 a {
display: block;
width: 225px;
height: 60px;
}

#tattoosCallout {
position: relative;
float: left;
width: 225px;
height: 180px;
background: url("tattoosBg.jpg"/*tpa=http://paulberkey.com/images/home/tattoosBg.jpg*/) no-repeat top;
}

#tattoosCallout h2 {
position: absolute;
top: -10px;
width: 225px;
height: 60px;
background: url("tattoosTitle.png"/*tpa=http://paulberkey.com/images/home/tattoosTitle.png*/) no-repeat top;
text-indent: -999em;
}

#apparelCallout {
position: relative;
float: left;
width: 225px;
height: 180px;
background: url("apparelBg.jpg"/*tpa=http://paulberkey.com/images/home/apparelBg.jpg*/) no-repeat top;
}

#apparelCallout h2 {
position: absolute;
top: -10px;
width: 225px;
height: 60px;
text-indent: -999em;
}

#fineArtCallout {
position: relative;
float: left;
width: 225px;
height: 180px;
}

#fineArtCallout h2 {
position: absolute;
top: -10px;
width: 225px;
height: 60px;
text-indent: -999em;
}

#graphicDesignCallout {
position: relative;
float: left;
width: 225px;
height: 180px;
}

#graphicDesignCallout h2 {
position: absolute;
top: -10px;
width: 225px;
height: 60px;
text-indent: -999em;
}

.calloutTxtBox {
position: absolute;
bottom: 10px;
width: 225px;
height: 50px;

font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
}

.calloutTxtBox a {
text-decoration: none;
}

.calloutTxtBox a:hover {
text-decoration: underline;
}

.calloutTxtBox p {
padding: 9px 6px 0 6px;
color: #fff;
}

.calloutTattooLink {
color: #0066ff;
}

.calloutApparelLink {
color: #ccc;
}

.calloutFineArtLink {
color: #ff9900;
}

.calloutGraphicLink {
color: #ff0033;
}

#footer {
width: 960px;
height: 60px;
background: url("../images/footer.png") no-repeat top center;
color: #000;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-weight:bold;
vertical-align:bottom;
}

#footerInfo {
float: left;
width: 480px;
text-align: left;
vertical-align:bottom;
}

#footerInfo a {
color: #0099ff;
text-decoration: none;
}

#footerInfo a:hover {
color: #fff;
}

#footerInfo a span {
color: #333;
}

#footerInfo p {
padding: 10px 0 0 30px;
font-size:10px;
}

#footerNav {
float: left;
width: 480px;
text-align: right;
vertical-align:bottom;
}

#footerNav a {
padding: 0 5px 0 5px;
text-decoration: none;
color:#FFF;
}

#footerNav a:hover {
text-decoration: underline;
color:#000;
}

#footerNav p {
margin: 0;
padding: 40px 30px 0 0;
font-size:10px;
}

.aktionh {
	color:#d20b0b;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	
}

.aktionsh {
	color:#d20b0b;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	
}


.speakersname {
	color:#FF8000;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.aktion{
	color:#d20b0b;
}

.aktionw{
	color:#ffffff;
}

.aktion_energy{
	color:#eab102;
}

.aktion_ecology{
	color:#82c402;
}

.aktion_tech{
	color:#5887a8;
}