/*
Theme Name: Tralala
Description: A custom theme for Tralala Media 
Version: 1.0
Author: Se Reed Media
*/


@import "css/typography.css";
@import "css/layout.css";


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

table { 
border-collapse:collapse; 
border-spacing:0;
}

fieldset, img { 
border:0; 
}

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

ol, ul, li { 
list-style:none: 
}

caption, th { 
text-align:left; 
}

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

q:before, q:after { 
content:'';
}

strong { 
font-weight:bold;
}

em { 
font-style:italic;
}

a {
color:#2A2A2A;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #D93C98;
}


a img { 
border:none;
} 

body {
background: #fff;
font-family: 'Helvetica','Arial',sans-serif;
font-size: 12px;
color: #2A2A2A;
}


/* TEXT STYLES  */
p {
font-size: 1em;
margin-bottom: 10px;
}


/* HEADLINE STYLES */ 
h1 {
font-size: 130%;
}

h1 a {
text-decoration: none;
}

h2 {
font-size: 16px;
margin-bottom: 10px;
font-family: Courier, serif;

}

h2 a {
text-decoration: none;
font-weight: bold;
}


h2 a:hover {
color: #2A2A2A;

}

h3 {
color: #D93C98;
font-family: 'Courier',serif;
font-size: 13px;
line-height: 19px;
margin: 0;
opacity: 1;
}

h3 a {
text-decoration: none;
}

h3 a:hover {
color: #D93C98;
}

/* STRUCTURE */
#wrapper {
margin: 0 auto;
width: 700px;
padding: 20px;

}



/* HEADER */

#header {
margin: 60px auto;
border-bottom: 1px solid #2A2A2A;

width: 700px;
overflow: hidden;
min-height: 140px;
}


#header a {
color: #D93C98;
font-weight: normal;
}

#header a:hover {
color: #2A2A2A;
}


#logo {
float: left;
width: 100px;
}

#logo img {
float: left;
margin-bottom: 10px;
}


#logo h3 {
    font-size: 10px;
}

#tralala {
float: right;
width: 600px;
overflow: hidden;
text-align: center;
}

#clientlala {
float: right;
width: 600px;
overflow: hidden;
text-align: center;

}

#clientlala img {
max-width: 600px;
vertical-align: bottom;

}

#access {
clear: both;
}
.menu-header ul {
list-style: none;
text-align: left;
}

.menu-header ul {
margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; 
	}
	
.menu-header li {
display: block; 
}

#socmed {
float: right;
}

.socmedlinks {
float: left;
text-align: left;
display: block;
width: 180px;
margin-bottom: 5px;
font-size: 80%;
}

.socmedlinks img {
vertical-align:middle
}

.socmedtext {
padding-left: 5px;
}

.sidetext {
padding-left: 0px;
font-size: 10px;
}


.bandsideinfo {
margin-bottom: 20px;
clear: both;
/* border: 1px fuchsia solid; */
}


.bandsideinfo h2 {
text-align: center;
}


/* CONTENT */

#content {
margin: 0 auto;
float: left;

width: 500px;
}

#content h1 {
margin-bottom: 10px;
}

#content h2, #clientcontent h2 {
font-size: 18px;
margin-bottom: 10px;
font-family: Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
}


#content h3, #clientcontent h3 {
font-family: arial, sans-serif;
margin-bottom: 5px;
}

/* CLIENTCONTENT */

#clientcontent {
margin: 0 auto;
float: left;

width: 700px;
}

#clientcontent h2 {
margin-bottom: 5px;
}


#clientnews {
width: 500px;
float: left;
}


#topcontent {
width: 700px;
float: left;
clear: both;
margin-bottom: 20px;
}

#topcontent img{
margin-bottom: 20px;

}



.post {
margin-bottom: 25px;
}

#press {
display: inline;
}

.presspost {
width: 150px;
display: block;
margin-right: 15px;
margin-bottom: 25px;
overflow: hidden;
float: left;
}

.presspost img {
margin-top: 10px;
margin-bottom: 10px;
}

.presstitle {
height: 40px;
}

#news {
clear: left;
}

/* SIDEBAR  */

#sidebar {
width: 180px;
float: right;
font-size: 14px;
list-style: none;
}

#sidebar a {
font-weight: normal;
}

#sidebar a:hover {
color: #7ae0b8;
}

#sidebar h3 {
font-size: 18px;
color: #2A2A2A;
font-family: arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}

#sidebar h2, #band_sidebar h2 {
font-family: arial, sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}


/* FOOTER */
#footer {
text-align: center;
clear:both;
padding-top: 50px;
font-family: Courier, serif;
font-size: 10px;
}


/* BAND SIDEBAR */

#band_sidebar {
width: 180px;
float: right;
font-size: 14px;
list-style: none; 
}

#client #sidebar {
text-align: left;
}

#client #sidebar h2 {
text-align: left;
}

#attachment, #attachment img {
text-align: center;
margin: 0 auto;
}


.highresthumb img {
width: 180px;

}


.promothumb img {
width: 180px;

}

.presspost h3 {
color: #2A2A2A;
text-transform: uppercase;
font-weight: bold;
}

.entry {
border-bottom: 1px #2a2a2a solid;
padding-bottom: 10px;
margin-bottom: 30px;
}