/*
Theme Name: Sideways
Theme URI: http://www.sidewaysadventures.co.uk/wp-content/themes/sideways
Description: main Sideways theme.
Version: 1.0
Author: Wesley Burden
Author URI: http://www.nebulostrata.com
*/

html { }
body { background-image: url(imgs/site/new_header.png); background-position: center top; background-color: #EEDF20; background-repeat:no-repeat; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; line-height:16px; color: #666; margin: 0; }

#nav h1{border:none;}
#wrapper { width:942px;	margin:0 auto; }

#nav { float:left; width:110px; margin-right:10px; padding-top:30px; }
#nav a#logo { background-color:transparent;	margin-left: 12px; }
#nav ul { list-style:none; margin:20px 0 0 0; padding: 0; width: 110px; float: left; }
#nav li { margin-right:10px; padding: 0; line-height: 15px; background-image: url(imgs/site/navslash.png); background-position:top right; background-repeat: no-repeat; text-align:right; padding-right: 15px; }
#nav ul a {	color:#000000; font-weight:bold; font-size: 14px; text-decoration:none;	background-color:transparent; margin: 0; }
#nav ul a:hover { color:#000000; text-decoration:none; background-color:#FFFFFF; }

#contentwrapper1 { float:left; width:822px; background-image: url(imgs/site/new_content.png); border: none; }
#contentwrapper2 { float:left; width:822px; background-image: url(imgs/site/new_content2.png); border: none; }

#footer{ clear: both; width: 822px; height: 90px; background-image: url(imgs/site/new_footer.png); background-repeat:no-repeat; background-color: transparent; text-align: left; margin-bottom: -6px; padding-left: 30px; }

#leftcol { float:left; width:465px; padding:0px 30px; }
#rightcol { float:left; width:256px; padding-left:30px; padding-top:5px; padding-right: 10px; }
#rightcol p { padding-right: 30px; }
#fullcol { float:left; width: 742px; padding:0px 30px; }
#fullcol_people { float:left; width: 782px; padding:0px 10px; }

#footer a{ background-color:transparent; }
#bottom { background-image: url(imgs/site/new_bottom.png); background-repeat: no-repeat; position: fixed; height:500px; width: 2000px; bottom: 0px; left: -250px; z-index: -10; }

.search{ background-color:#FFF; border: 1px solid #000; float:left; height: 15px; }
.button{ background-color:#FDC029; border: 1px solid #000; margin-left: 5px; }
	

h1 { padding-top:30px; font-size:36px; font-weight:normal; padding-left:55px; background-image: url(imgs/site/h1-arrow.png); background-repeat: no-repeat; background-position: left -5px; margin-top:0px; margin-bottom:25px; line-height: 35px; color: #333333; }
h2, h3 { height:27px; padding: 5px 55px 5px 0; font-size:21px; font-weight:normal; line-height: 30px; background-image: url(imgs/site/h2-arrow.png); background-repeat: no-repeat; background-position: right center; color: #333333; }
h4 { font-size:18px; font-weight:bold; margin-top:0px; margin-bottom:16px; color: #333333; }
h5 { font-size:18px; font-weight:bold;	margin-top:0px; margin-bottom:0px; color: #333333; }

h1 a, h2 a, h3 a, h4 a, h5 a{color: #333333;}

img, a{border: none; outline: none;}
#social a:hover, .nohoverbkgd a:hover {background-color:transparent;}

.post { border-top:dotted 1px #000000; padding-top:20px; width:465px; margin-bottom:20px; position:relative;}
.fullpost { border-top:dotted 1px #000000; padding-top:20px; width:762px; margin-bottom:20px; position:relative;}
.fullborder { border-top:dotted 1px #000000; width:762px; height: 0; }
.people { width: 175px; float: left; display: inline; overflow: hidden; padding: 20px 0 0 20px; }

.fb-like {margin:20px 0 0 0;}

.datewrapper { position:absolute; background-image: url(imgs/site/date-bkgd.png); top: -30px; right: -1px; background-repeat: no-repeat; background-position: left top; height: 37px; width: 68px; overflow:hidden; }
.day { float:left; font-size:21px; color:#FFFFFF; font-weight:bold; margin-top:10px; margin-left:7px; width: 24px; text-align: right; }
.monthyear { float:left; font-size:10px; line-height:10px; margin-top:8px; margin-left:5px; width: 25px; }
.featured { float: left; width: 59px; height: 20px; font-weight: bold; margin-top:10px; margin-left:6px; letter-spacing: -1px; font-size: 15px; color:#454545;}

a { color:#000000; text-decoration:none; background-color:transparent; color: #2F8AB2; }
a:hover { color:#000000; text-decoration:none; background-color:#CCC; }

#search{ float: right; text-align: right; clear:both; margin: 10px 10px 0 0; }
#search #button{ margin-top: 10px; }

.music_cloud { width: 220px; margin: 30px 0; }
.music_right { width: 522px; margin: 30px 0 30px 20px; float: left; }

.photo { width: 220px; margin: 30px 0; overflow: hidden; }
.smltext{ font-size: 65%;font-style:italic; }
.gap { height: 20px; with: 1px;	}
	
.clear { clear:both;}
.left{ float:left; }
.right{	float: right; }
.overflow{overflow:  hidden;}

.twitter-item{margin: 0; padding: 0; list-style:none;}
.twitter li{margin-left: -40px; margin-bottom: 11px; font-size: 10px; padding-bottom: 10px; border-bottom: dotted 1px #33ccff; color: #000;}
.twitter li a{font-weight: bold; color: #666;}
.twitter ul{}
.twitter {  margin-right: 30px; }
.twitter-timestamp{display: block;}
#twitter-1 h3{ background-image: url(imgs/site/twitter.png); background-position: left bottom; height: 50px; margin-left: -5px;}

#social{float: right; margin: 20px 9px 0 0;}

img.alignleft, div.alignleft { float:left;margin:0 15px 15px 0; background-color:transparent; }
img.alignright, div.alignright { float:right; margin:0 0 15px 15px; background-color:transparent; }
img.aligncenter, div.aligncenter { text-align:center; margin:0 auto; background-color:transparent; }
img.alignnone, div.alignnone {background-color:transparent;}

.sticky{display: none;}
.visible{display: block !important;}

.download {background-image: url(imgs/download-arrow.png); background-repeat: no-repeat; background-position: left top; padding-left:25px; padding-bottom:5px; padding-top:2px;}
a:hover.download {background-color:#FFF;}