/*
Theme Name: Se Reed Media
Description: 
Version: 1.0
Author: Se Reed, Duh
*/


@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: 
}

ul, ol{
margin: 0 0 20px 30px;
}

caption, th { 
text-align:left; 
}

.alignleft {
margin: 0 15px 10px 0;
float:left;

}

.alignright {
margin: 0 0px 10px 10px;
float:right;
}

.aligncenter {
margin: 0 auto;
display:block; 
margin:0 auto;
}


.wp-caption {
border:1px solid #666; 
text-align:center; 
background:#ccc; 
padding:10px; 
margin:10px;
}

blockquote {
width: 75%;
margin: 20px auto;
font-style: italic;
}
 
@font-face {  
	  font-family: 'fragmentcore';  
	  src: url( http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/css/fragmentcore.eot ); /* IE */  
	  src: url( http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/css/fragmentcore.ttf ); /* non-IE */  
}  


@font-face {  
	  font-family: 'jazzessay';  
	  src: url( http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/css/jazzessay.eot ); /* IE */  
	  src: url( http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/css/jazzessay.ttf ); /* non-IE */  
} 	 

@font-face {  
	  font-family: 'GeosansLight';  
	/*  src: url( http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/css/jazzessay.eot );  IE */  
	  src: url( http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/css/GeosansLight.ttf ); /* non-IE */  
} 


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 {
text-decoration: underline;
color: #000;
}

a:hover {
color: #FFF;

}

a img { 
border:none;
} 


#sidebar .current-menu-item > a,
	#sidebar .current-menu-ancestor > a,
	#sidebar .current_page_item > a,
	#sidebar .current_page_ancestor > a {
		color: #FFF;

	}

h1 {
font-family: 'fragmentcore';  
}

.sing h1 {
font-family: "futura-pt",sans-serif; 
font-size: 24px;
}


body {
background: #9eb3bb; 
/* background: #fff; */
 font-family: "futura-pt",sans-serif;
height: 100%;
}


/* TEXT STYLES  */
p {
font-size: 1.1em;
margin-bottom: 10px;
 font-family: "futura-pt",sans-serif;
 font-weight: normal;
/* color: #2d3a47; */
color: #000;
}


#copymeta {
font-size: 80%;
color: #6b747c;
text-align: left;
float: left;
margin: 10px 0 0 32px;
}

#copymeta a {
text-decoration: none;
color: #6b747c !important;
} 


/* HEADLINE STYLES */ 
h1 {
font-size: 24pt;
}

h1 a {
text-decoration: none;
}

h2 {
font-size: 18pt;
margin-bottom: 10px;
	/*   font-family: 'fragmentcore';  */
}

h2 a {
text-decoration: none;

}

h3 {
font-size: 14pt;

}


/* STRUCTURE */
#wrapper {
width: 1075px;
margin: 0 auto;
padding: 20px;
background: #9eb3bb;
/* background-image:url('http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/images/wrap_bg2.png'); */
background-repeat:no-repeat;
/* box-shadow: 0px 0px 10px #888888; */
}




/* HEADER */

#header {
margin: 00px auto;
float: left;
width: 1050px;
height: 363px;
text-align: left;
}

#title {
float: left;
margin-left: 0px;
/*
background-image:url('http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/images/maccent.png');
background-repeat: no-repeat;
*/
}

#title h1 {
	  	  font-family: 'fragmentcore';  
	  font-weight: normal;
	  font-size: 4.5em;
	  line-height: 2.2em;
}

#title h1 a {
color: #fff;
}

#monaccent {
background-image:url('http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/images/monaccent.png'); 
background-repeat:no-repeat;
position: relative;
width:34px;
height: 20px;
margin: 70px 0 0 35px;
}

#explain {
float: right;
width: 475px;
height: 179px;
margin: 0px 0px 0 0;
 font-family: fragmentcore;
background-image:url('http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/images/explained.png'); 
background-repeat:no-repeat;



}

#explain h1 {
font-size: 17pt;
line-height: 29pt;
letter-spacing: .01em;
color: #fff;
font-weight: normal;
padding: 15px 0 0 70px;
}

#swish {
width: 457px;
height: 209px;
background-image:url('http://sereedmedia.com/srmwp/wp-content/themes/sereedmedia/images/swish.png');
margin-top: 150px;
}

.menu-header  {
font-size: 24pt;
line-height: 30pt;

color: #fff;
font-family: fragmentcore;
}


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



/* CONTENT */

#content {
margin: -125px 0px 50px 70px;
float: left;
width: 800px;
}



#content h1 {
margin-bottom: 10px;
font-weight: normal;

}


#bloggies {
width: 600px;
float: left;
}

#bloggies h2 {
margin-bottom: 5px;

}

.bloggy-blogs {
margin:  0 0 20px 0;
}

#twitterbar {
width: 200px;
overflow: hidden;
float: right;
position: relative;
font-size: 90%;
margin: -5px 0 0 25px;
margin: 45px 0 0 0;
}

#twitter_update_list {
width: 165px;
}
#twitter_update_list li {
margin: 0 0 10px 0;


}

.singletwitterbar {
margin: 50px 0 0 0;
}


.portpost {
margin-bottom: 30px;
}

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

#music {
float: left;
}


/* SIDEBAR  */

#sidebar {
width: 150px;
float: left;
margin: -25px 0 0 20px;
}


#sidebar a {
text-decoration: none;
color: #000;
}

#sidebar a:hover {
color: #fff;

}



#socmed {
margin-left: 30px;
}

#socmed img {
width: 22px;
}

#socmed li {
list-style: none;
display: inline;
}


.fb-like {

}


#right_sidebar {
width: 200px;
float: right;
}


/* FOOTER */
#footer {
text-align: center;
clear: both;
color: #000;
}

#commenty {
margin: 25px 0;
width: 75%;
}

#comment {
float: left;
clear: left;
}

.comment-form-author, .comment-form-url, .comment-form-email {
width: 75px;
}

.comment-form-comment label {
float: left;
clear: left;
}

#commentform .form-submit {
float: left;
clear: left;
}



#respond {
margin: 20px 0;
border-top: 1px solid #fff;
padding: 20px 0 0 0;
}

#comments-title {
margin: 20px 0;
border-top: 1px solid #fff;
padding: 20px 0 0 0;
}