/*
Theme Name: RockerMag
Theme URI: http://www.lukemarchie.com
Description: RockerMag
Version: 1.0
Author: Luke Marchie
Author URI: http://www.lukemarchie.com
*/

@charset "UTF-8";

body {font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
}

p { 
	margin: 0;
	padding-top: 2px;
	
	}

#mainstory p {
    line-height: 1.3;
    margin: 0;
    padding-top: 2px;
}	
	
#header {
	display: none;
	}
	
	
.more-link {
	color: #752824;

}
/* Related Posts */

#relatedpost {
	padding-top: 10px;
	padding-bottom: 5px;
	}
	
#relatedpost a{
	font-style: italic;
	font-size: 14px;
	}
	
#relatedpost li{
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
#relatedpost p{
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	}
	
h2  {
    font-family: "Arial",Helvetica,sans-serif;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 5px;
}

h6 {
    color: #712A32;
    font-family: "Times New Roman",Georgia,Serif;
    font-size: 2em;
    margin: 0;
	text-decoration:underline;
}


h3  {
    color: #712A32;
    font-family: "Courier New",Courier,monospace;
    font-size: 1em;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

h4	{
    color: #ff0000;
    font-family:"Times New Roman",Georgia,Serif;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 10px;
}

#index_gram_logo {
    height: 365px;
    margin-left: 35px;
    margin-top: 65px;
    width: 254px;
}

#catlinks {
	padding-bottom: 10px;
	}

#cattitle {
    color: #752824;
    font-family: "Times New Roman",Georgia,Serif;
    font-size: 2.35em;
    padding-bottom: 25px;
    text-decoration: underline;
}

#covercontent	{
	font-family: "Arial",Helvetica,Garuda,sans-serif;
    margin: 0;
	font-size: 0.875em;

	overflow: hidden;
}


#index_logo {
    height: 152px;
    margin-left: -85px;
    margin-top: -150px;
    position: absolute;
    width: 403px;

}


#author {
    font-size: 0.95em;
    font-style: italic;
    padding-bottom: 5px;
    padding-top: 5px;
}

#author2 {
    font-size: 0.75em;
    font-style: italic;
    padding-bottom: 3px;
}

body {
	background:url(images/Background_Paper_Tile.jpg);
	text-align:center;
	line-height: 1;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	
}

#topstorybar {
	position: relative;
	width: 1243px;
	padding-top: 10px;
	height: 91px;
	text-align: left;
	padding-bottom: 10px;
	z-index: -1;
}

#tweeter {
	padding-left: 35px;
}

#rightstorycolumn {
    float: right;
    height: auto;
    width: 188px;
	text-align: left;

}

#amazonwidget {
	margin-left: 80px;
	margin-top: 20px;
}

#photo_widget_leftside {
    height: auto;
    margin-left: 40px;
    margin-top: 0px;
    width: 320px;
	float: left;
}

#photo_widget_leftside_generic {
    height: auto;
    margin-left: 40px;
    margin-top: 60px;
    width: 320px;
	float: left;
}

#tapephoto {
	margin-left: 10px;
}

#mainstorycolumn {
    height: auto;
    width: 604px;
	float: left;
	margin-left: 40px;
    margin-top: -60px;
    padding-left: 0;
}


#storyimage {
	width:310px;
	padding-left:62px;
	padding-top:15px;
	text-align:left;
	
}

#storytitle {
    color: #752824;
    font-family:"Arial",Helvetica,sans-serif;
    font-size: 2em;
    padding-bottom: 10px;
}


#mainstorybg {
	background:url(images/Notebook_Tile_1.png);
	width: 604px;
	
}

#mainstory {
	padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
	padding-bottom: 50px;
    width: 544px;
	text-align: left;

}

#mainstory  a{
	color: #752824;
	font-weight: bold;
}

#fashionslides {
	color: #752824;
    font-size: 2.2em;
    text-align: center;
	padding-top: 5px;
}

#fashionslides a{
	color: #752824;
}

#storysidebar {


}

#interviewlogo {

}

#storytiledcontent {
	width:1243px;
	height:auto;
	background:url(images/Graybar_Tile_1.png);
	margin: auto;
	z-index: 1;
	position: relative;
}

#socialmedia {
    float: left;
    height: 170px;
    margin-left: 55px;
    margin-top: 0;
    width: 200px;
}

#socialmedia img {
	padding: 5 5 5 5;
}
        
#coverstory {
    float: left;
    height: 455px;
    margin-left: 35px;
    margin-top: -268px;
    width: 325px;
}

#categorylinks a:link {
	margins: 0;
	padding: 0;
	color: #ff0000;
	text-decoration:none;
	font-size: 1.5em;
	font-weight: bold;
}

#categorylinks a:visited {
	margins: 0;
	padding: 0;
	color: #ff0000;
	text-decoration:none;
	font-size: 1.5em;
	font-weight: bold;
}

#categorylinks a:hover {
	margins: 0;
	padding: 0;
	color: #ff0000;
	font-size: 1.5em;
	font-weight: bold;
}

#categorylinks a:active {
	margins: 0;
	padding: 0;
	color: #ff0000;
	font-size: 1.5em;
	text-decoration:none;
	font-weight: bold;
}

#titlelinks a:link {
    color: #752824;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#titlelinks a:visited {
    color: #752824;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#titlelinks a:hover {
    color: #752824;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
}

#titlelinks a:active {
    color: #752824;
    font-size: 1.8em;
    margin: 0;
    padding: 0;
}
#catlinks a:link {
    color: #752824;
    font-size: 1.7em;
    margin: 0;
    padding: 0;
    text-decoration: none;
	font-weight: bold;
}
#catlinks a:visited {
    color: #752824;
    font-size: 1.7em;
    margin: 0;
    padding: 0;
    text-decoration: none;
	font-weight: bold;
}

#catlinks a:hover {
    color: #752824;
    font-size: 1.7em;
    margin: 0;
    padding: 0;
	font-weight: bold;
}

#catlinks a:active {
    color: #752824;
    font-size: 1.7em;
    margin: 0;
    padding: 0;
	font-weight: bold;
}		
#sidestories {
    float: left;
    height: 550px;
    margin-left: 35px;
    margin-top: -380px;
    width: 405px;
}

#sidestories  h4{
    color: #FF0000;
    font-family: "Arial",Helvetica,sans-serif;
    margin: 0;
    padding-bottom: 3px;
    padding-top: 0;
}

#sidestories  h2{
    color: #ff0000;
    font-family: "Arial",Helvetica,sans-serif;
    margin: 0;
	padding: 0;
	padding-bottom: 3px;
}

#sidestorytitlelinks a:link {
    color: #712A32;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#sidestorytitlelinks a:visited {
    color: #712A32;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#sidestorytitlelinks a:hover {
    color: #712A32;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

#sidestorytitlelinks a:active {
    color: #712A32;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#sidestorycategorylinks a:link {
	margin: 0;
	padding: 0;
	color: #ff0000;
	text-decoration:none;
    font-size: 0.95em;
	font-weight: bold;
}

#sidestorycategorylinks a:visited {
	margin: 0;
	padding: 0;
	color: #ff0000;
	text-decoration:none;
    font-size: 0.95em;
	font-weight: bold;
}

#sidestorycategorylinks a:hover {
	margin: 0;
	padding: 0;
	color: #ff0000;
    font-size: 0.95em;
	font-weight: bold;
}

#sidestorycategorylinks a:active {
	margin: 0;
	padding: 0;
	color: #ff0000;
    font-size: 0.95em;
	font-weight: bold;
}

#sidestory1 {
    float: left;
	height: 120px;
	width: 405px;
	padding-bottom: 23px;
}

#sidestory2 {
    float: left;
	height: 120px;
	width: 405px;
	padding-bottom: 23px;
}

#sidestory3 {
    float: left;
	height: 120px;
	width: 405px;
	padding-bottom: 23px;
}

#sidestory4 {
    float: left;
	height: 120px;
	width: 405px;
}

#sidestoryphoto {
    float: left;
    height: 120px;
    width: 120px;
	margin-right; 5px;
}

#sidestorytext {
    float: right;
    height: 120px;
    width: 275px;
	overflow: hidden;
}

 
#sponsors {
    float: left;
    height: 600px;
    margin-left: 15px;
    margin-top: -440px;
    padding-top: 25px;
    width: 125px;
}


#wrapper {
	position:relative;
	left:0px;
	top:0px;
	width:1243px;
	height:760px;
	margin:0 auto;
	text-align:left;
}

#wrapperstory {
	position:relative;
	width:1243px;
	height:auto;
	margin:0 auto;
	text-align:center;

}

#tornpage-bg {
	position:absolute;
	left:0px;
	top:0px;
	width:1243px;
	height:609px;
	background-image: url(images/tornpage_bg.gif);
}

#tornpage-2 {
	position:absolute;
	left:0px;
	top:609px;
	width:49px;
	height:34px;
	background-image: url(images/sprite.png);
	background-position: 0px 0px;
}

#tornpage-3 {
	position:absolute;
	left:49px;
	top:609px;
	width:1194px;
	height:10px;
	background-image: url(images/sprite.png);
	background-position: 0px -44px;
}

#tornpage-4 {
	position:absolute;
	left:49px;
	top:619px;
	width:992px;
	height:4px;
	background-image: url(images/sprite.png);
	background-position: 0px -64px;
}

#merchandise {
	position:absolute;
	left:1041px;
	top:619px;
	width:146px;
	height:29px;
}

#tornpage-6 {
	position:absolute;
	left:1187px;
	top:619px;
	width:56px;
	height:66px;
	background-image: url(images/sprite.png);
	background-position: 0px -78px;
}

#tornpage-7 {
	position:absolute;
	left:49px;
	top:623px;
	width:908px;
	height:2px;
	background-image: url(images/sprite.png);
	background-position: 0px -154px;
}

#about {
	position:absolute;
	left:957px;
	top:623px;
	width:81px;
	height:27px;
}

#tornpage-9 {
	position:absolute;
	left:1038px;
	top:623px;
	width:3px;
	height:51px;
	background-image: url(images/sprite.png);
	background-position: 0px -166px;
}

#tornpage-10 {
	position:absolute;
	left:49px;
	top:625px;
	width:811px;
	height:5px;
	background-image: url(images/sprite.png);
	background-position: 0px -227px;
}

#reviews {
	position:absolute;
	left:860px;
	top:625px;
	width:95px;
	height:29px;
}

#tornpage-12 {
	position:absolute;
	left:955px;
	top:625px;
	width:2px;
	height:49px;
	background-image: url(images/sprite.png);
	background-position: 0px -242px;
}

#tornpage-13 {
	position:absolute;
	left:49px;
	top:630px;
	width:546px;
	height:3px;
	background-image: url(images/sprite.png);
	background-position: 0px -301px;
}

#style {
	position:absolute;
	left:595px;
	top:630px;
	width:76px;
	height:28px;
}

#tornpage-15 {
	position:absolute;
	left:671px;
	top:630px;
	width:3px;
	height:55px;
	background-image: url(images/sprite.png);
	background-position: 0px -314px;
}

#stories {
	position:absolute;
	left:674px;
	top:630px;
	width:97px;
	height:28px;
}

#tornpage-17 {
	position:absolute;
	left:771px;
	top:630px;
	width:2px;
	height:55px;
	background-image: url(images/sprite.png);
	background-position: 0px -379px;
}

#health {
	position:absolute;
	left:773px;
	top:630px;
	width:85px;
	height:27px;
}

#tornpage-19 {
	position:absolute;
	left:858px;
	top:630px;
	width:2px;
	height:48px;
	background-image: url(images/sprite.png);
	background-position: 0px -444px;
}

#tornpage-20 {
	position:absolute;
	left:49px;
	top:633px;
	width:421px;
	height:4px;
	background-image: url(images/sprite.png);
	background-position: 0px -502px;
}

#film-and-tv {
	position:absolute;
	left:470px;
	top:633px;
	width:122px;
	height:28px;
}

#tornpage-22 {
	position:absolute;
	left:592px;
	top:633px;
	width:3px;
	height:52px;
	background-image: url(images/sprite.png);
	background-position: 0px -516px;
}

#tornpage-23 {
	position:absolute;
	left:49px;
	top:637px;
	width:159px;
	height:6px;
	background-image: url(images/sprite.png);
	background-position: 0px -578px;
}

#from-the-editor {
	position:absolute;
	left:208px;
	top:637px;
	width:183px;
	height:32px;
}

#tornpage-25 {
	position:absolute;
	left:391px;
	top:637px;
	width:3px;
	height:48px;
	background-image: url(images/sprite.png);
	background-position: 0px -594px;
}

#music {
	position:absolute;
	left:394px;
	top:637px;
	width:74px;
	height:28px;
}

#tornpage-27 {
	position:absolute;
	left:468px;
	top:637px;
	width:2px;
	height:48px;
	background-image: url(images/sprite.png);
	background-position: 0px -652px;
}

#tornpage-28 {
	position:absolute;
	left:0px;
	top:643px;
	width:49px;
	height:42px;
	background-image: url(images/sprite.png);
	background-position: 0px -710px;
}

#on-tour-now {
	position:absolute;
	left:49px;
	top:643px;
	width:159px;
	height:35px;
}

#tornpage-30 {
	position:absolute;
	left:1041px;
	top:648px;
	width:146px;
	height:26px;
	background-image: url(images/sprite.png);
	background-position: 0px -762px;
}

#tornpage-31 {
	position:absolute;
	left:957px;
	top:650px;
	width:81px;
	height:24px;
	background-image: url(images/sprite.png);
	background-position: 0px -798px;
}

#tornpage-32 {
	position:absolute;
	left:860px;
	top:654px;
	width:95px;
	height:20px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px 0px;
	
}

#tornpage-33 {
	position:absolute;
	left:773px;
	top:657px;
	width:85px;
	height:21px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -30px;
	
}

#tornpage-34 {
	position:absolute;
	left:595px;
	top:658px;
	width:76px;
	height:27px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -61px;
}

#tornpage-35 {
	position:absolute;
	left:674px;
	top:658px;
	width:97px;
	height:27px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -98px;
}

#tornpage-36 {
	position:absolute;
	left:470px;
	top:661px;
	width:122px;
	height:24px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -135px;
}

#tornpage-37 {
	position:absolute;
	left:394px;
	top:665px;
	width:74px;
	height:20px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -169px;
	
}

#tornpage-38 {
	position:absolute;
	left:208px;
	top:669px;
	width:183px;
	height:16px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -199px;
}

#tornpage-39 {
	position:absolute;
	left:860px;
	top:674px;
	width:35px;
	height:4px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -225px;
}

#advertising {
	position:absolute;
	left:895px;
	top:674px;
	width:122px;
	height:21px;
}

#contact {
	position:absolute;
	left:1017px;
	top:674px;
	width:85px;
	height:21px;
}

#tornpage-42 {
	position:absolute;
	left:1102px;
	top:674px;
	width:85px;
	height:11px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -239px;
}

#tornpage-43 {
	position:absolute;
	left:49px;
	top:678px;
	width:159px;
	height:7px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -260px;
}

#terms-of-use {
	position:absolute;
	left:773px;
	top:678px;
	width:122px;
	height:23px;
	
}

#tornpage-45 {
	position:absolute;
	left:0px;
	top:685px;
	width:773px;
	height:75px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -277px;
}

#tornpage-46 {
	position:absolute;
	left:1102px;
	top:685px;
	width:141px;
	height:75px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -362px;
}

#tornpage-47 {
	position:absolute;
	left:895px;
	top:695px;
	width:207px;
	height:65px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -447px;
}

#tornpage-48 {
	position:absolute;
	left:773px;
	top:701px;
	width:122px;
	height:59px;
	background-image: url(images/css_sprite2.png);
	background-position: 0px -522px;
}

html, div, span, applet, object, iframe,
h1, h2, h5, 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: 1em;
	vertical-align: baseline;
	background: transparent;
}

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;
}

/* Styling Custom Numbered Page Navigation (Pagination) by BOUTROS ABICHEDID */
.pagenavi {
    margin: 0 0 20px 30px;
    padding: 5px 1px 5px;
    float:left;
    width: 98%;
    background:url(images/pagination_bg.gif) no-repeat center;
}
.pagenavi a {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #666;
    background-color: inherit;
}
.pagenavi a:hover {
    border: 1px solid #444;
    color: #444;
    background-color: #eee;
}
.pagenavi span.pages {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    color: #825a2d;
    font-weight:bold;
    border: 1px solid #999;
    background-color: inherit;
}
.pagenavi span.current {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    font-weight:bold;
    border: 1px solid #666;
    color: #444;
    background-color: #eee;
}
.pagenavi span.expand {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    border: 1px solid #ccc;
    color: #444;
    background-color: inherit;
}
.pagenavi .first, .pagenavi .last {
    border: 1px solid #aaa;
}
.pagenavi .single_page {
border: 1px dashed #ccc;
}

/* custom wpress css for special content */
#headshot_wrapper{
	height: 248px;
	width: auto;
}

#headshot_pic{
	padding: 5px;
	float: left;
	width:156px;
}

#headshot_content{
    padding-left: 190px;
    padding-right: 35px;
    padding-top: 40px;
    text-align: left;
}
	
/*
<!--[if IE]>
<style>
#headshot_content a, p {
    font-size: 1.5em;
}

#headshot_content a:link {
    font-size: 1.5em;
}

#headshot_content a:visited {
    font-size: 1.5em;
}

#headshot_content a:hover {
    font-size: 1.5em;
}

#headshot_content a:active {
    font-size: 1.5em;
}

</style>
<![EndIf]-->	
*/

	
#headshot_pic_jim{
    float: left;
    padding: 20px 5px 5px;
    width: 264px;
	
}
#headshot_wrapper_jim{
    height: 220px;
    width: auto;
}

#headshot_content_jim{
    padding-left: 290px;
    padding-top: 10px;
    text-align: left;
	
	}

.grey-bar-small {
    background-color: #000000;
    display: block;
    height: 2px;
    margin: 5px 0 5px;
    overflow: hidden;
    width: auto;
}