/* @override 
	http://www.101magazine.ca/beta/wp-content/themes/101mag/style.css
	http://www.101magazine.ca/wp-content/themes/101mag/style.css
*/

/* @group IE6 HACKS */

* html #login-inner {
	padding-top: 10px;
	margin-top: -10px;
}

* html #bottom-content {
	float: left;
	display: block;
}

* html #header #header-menu {
	margin-bottom: -30px;
}

* html #header #header-menu .menu-item.current {
	margin-bottom: -40px;
	background-image: none;
}



/* @end */

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

a {
   text-decoration: none;
	color: #ff3333;
}

#page {
   width: 900px;  
   text-align: left;
   margin: auto;
}

#main-post-area .main-post .the-post-content.page img {
	border-style: none;
	padding: 0;
}

#header {
   border-bottom: 1px solid #aaa;
   height: 185px;
}

#header #header-menu {
   float: right; 
   font-size: 0.9em;
   width: 600px;
   padding-top: 135px;
   padding-left: 5px;
	padding-bottom: 0;
}


#header #header-left {
   float: left;
   position: relative;
}

#header #header-right {
   float: right;
   position: relative;
}

#header #header-left #top-image1 {
   background: url(images/main/top_orange_sponge.png);
   width: 266px;
   height: 178px;
   position: relative;
   left: -40px;
}

a#header-link {
   width: 148px;
   height: 60px;
}

#header #header-left #top-image2 {
   width: 148px;
   height: 60px;
   position: absolute;
   top: 115px;
	background-image: url(images/main/logo.png);
}

#main-content {
   text-align: left;
   font-family: helvetica;
	width: 900px;
}

#main-content #bottom-area {
	border-top: 1px solid red;
	padding-bottom: 50px;
	position: relative;
	display: block;
	float: left;
	width: 900px;
}

#main-content #bottom-area #bottom-area-left {
	float: left;	
	width: 500px;
	margin-top: 65px;
}

/* @group Current Issue */

#left-content img.alignleft {
	float: left;
	margin-bottom: 15px;
	position: relative;
	bottom: 5px;
	margin-left: 0;
	padding: 0;
	right: 25px;
	margin-right: -25px;
}

#left-content img.alignright {
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	float: right;
}



/* @end */

/* @group Banner Block */

#backdrop1 {
   width: 329px;
   height: 302px;
   z-index: -1;
   position: absolute;
   lefT: 0px;
	background-image: url(images/main/featured-yellow-splatter.jpg);
	top: 0;
}

#top-block {
	display: block;
	clear: both;
	margin-top: 0;
	padding-bottom: 80px;
	background: url(images/main/featured-orange-splatter.jpg) no-repeat right bottom;
	height: auto;
	width: 900px;
}

#top-block img {
	max-width:  900px;
	height: auto;
	max-height: auto;
}

#top-block #banner-content {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #480707;
	padding-top: 25px;
}

#top-block #banner-content a {
	border-style: none;
}

#top-block #banner-content img {
	border-style: none;
}

#top-block a:hover {
	font-weight: bold;
	color: #480707;
}

/* @group Post Images */

#top-block #banner-content img.alignleft {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

#top-block #banner-content img.alignright {
	float: right;
	padding-left: 15px;
}



/* @end */



/* @end */

/* @group Subscriptions */

form.phplist input#attribute1 {
		border: 1px solid #fab826;
	background: #f2eadb;
	 -moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	width: 199px;
}

form.phplist input#email {
		border: 1px solid #fab826;
	background: #f2eadb;
	 -moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	width: 200px;
}

form.phplist input#contactsubmit {
	color: #ff3333;
	font-weight: bold;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 4px;
	cursor: pointer;
	margin-left: 189px;
	border: 1px solid #fab826;
	background-color: #f2eadb;
	 -moz-border-radius:3px;
	-webkit-border-radius:3px;
}



/* @end */

/* @group Advertising */

#advertising-page {
	display: block;
	clear: both;
	margin-top: 5%;
	margin-bottom: 5%;
}

#advertising-page img {
	border-style: none;
}



/* @end */

/* @group Login */

#login {
	text-align: center;
}

#login-register {
	color: #bd6c58;
	text-transform: lowercase;
	position: relative;
	z-index: 99;
	margin: 0;
}

#login-register a {
	color: red;
	font-weight: bold;
}

#login-register a:hover {
	color: #480707;
	text-decoration: underline;
}

#login-inner {
	margin: 0;
	padding: 0;
	display: inline;
}

#login input {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border: 1px solid #ffb023;
	font-size: 12px;
	width: 190px;
	padding: 1px 2px;
	color: #480707;
}

#login input#log {
	
}

#login input#pwd {
	
}

#login input#logsub {
	width: 52px;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	left: 72px;
	margin: 0;
}



/* @end */

/* @group Single Post Nav */

#postmeta {
	color: #480707;
	width: 500px;
	font-size: 13px;
	display: block;
	height: 22px;
	font-weight: bold;
}

#postmeta a {
	color: red;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}

#postmeta a:hover {
	color: #480707;
	text-decoration: underline;
}

#postmeta .alignleft {
	float: left;
}

#postmeta .alignright {
	float: right;
	position: relative;
	top: 2px;
}

body {
   padding: 0px;  
   margin: 0px;
   font-family: arial;
   font-size: 10pt;
}



/* @end */

#comment-block li cite {
	text-transform: capitalize;
	color: red;
}

#comment-block input, textarea#comment {
	border: 1px solid #fab826;
	background: #f2eadb;
	 -moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}

form#commentform input#submit{
	color: #ff3333;
	font-weight: bold;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 4px;
	cursor: pointer;
}

form#commentform input#submit:hover {
	border: 1px solid #480707;
}

form#commentform a {
	color: #ff3333;
}

#comment-block li cite a {
	color: #480707;
	font-weight: bold;
	font-style: normal;
}

#comment-block li .metadata {
	float: right;
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
}

#comment-block .commentmetadata .red {
	color: red;	
}

#comment-block .commentmetadata {
	text-transform: lowercase;	
	color: #480707;
	font-weight: normal;
}

#comment-block li.alt .metadata {
	float: left;
	text-align: left;
	padding-left: 5px;
}

#comment-block textarea {
	width: 500px;	
}

#comment-block ul, ol {
	padding: 0px;
	margin: 0px;	
}

#comment-block li.alt img {
	float: left;
}

#comment-block li img {
	float: right;
	border-bottom: 1px solid red;
	border-left: 1px solid red;
	border-right: 1px solid red;		
	padding: 2px;
}

#comment-block .commentlist ul, ol {
	padding: 0px;
	list-style: none;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;	
}

#comment-block .commentlist li {
	border-top: 1px solid red;
	list-style: none;
	padding: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 75px;
	text-align: justify;
	line-height: 18px;
	color: #330000;
}

small.commentmetadata a {
	color: #ff3333;
}

#main-content #bottom-area #bottom-area-right {
	position: absolute;
	z-index: -1;
	right: 0px;
	background: url(images/single/sidebar-orange-splatter-bk.jpg);	
	width: 327px;
	height: 180px;
}

#main-content #right-content {
   float: right;
   width: 375px;
}

#main-content #left-content {
   float: left;
   width: 375px;
}

#main-content #left-content a {
}

#header #header-right #header-register {
   background: url(images/main/login-bk.png) no-repeat;
   background-position: bottom center;
   width: 250px;
   position: absolute;
   right: 0px;
	z-index: 99;
	top: 0;
	padding-top: 0;
	margin: 0;
}

#header #header-right #loginform {
	padding-left: 10px;
	padding-top: 8px;
	clear: both;
	margin: 0;
}

#header #header-right #login-register {
	padding: 10px 1px;
	text-align: center;
}

#main-content #bottom-content #scissors {
   background: url(images/main/scissors.png);
   width: 55px;
   height: 34px;
   position: absolute;
   top: -17px;
   left: -12px;
}

#main-content #bottom-content #bottom-splash {
   z-index: -1;
   position: absolute;
   right: 0px;
   top: 0px;
   width: 416px;
   height: 328px;
	background-image: url(images/main/orange-right-photo-bk.jpg);
}

#main-content #flickr-photos img {
   width: 43x;
   height: 50px;
   padding: 3px;
   margin: 2px;
   border: 1px solid #aaa;
   background: #fff;
  	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#main-content #flickr-photos img:hover {
	background-color: #480707;
}

#fadespan {
	background: url(images/main/footer-fill-top.jpg) repeat-x;
	height: 53px;
	width: 100%;
}

#footer {
   padding-top: 20px;
   background: #480707 url(images/main/footer-curly-bk.png) no-repeat 80% top;
   padding-bottom: 10px;
	width: 100%;
}

#footwrap {
	width: 900px;
	margin:  0 auto;
}

#footer ul {
   list-style: none;
	margin: 15px 0 0;
	padding: 0 0 0 15px;
}

#footer li {
   border-bottom: 1px solid #663300;
   color: #ff3333;
}

#footer a {
   color: #ff3333;
}

#footer a:hover {
   color: #ffaaaa;
}

#footer #about-footer {
   color: #ccc;
   font-size: 0.9em;
}

#footer #about-footer p {
	margin-left: 10px;
	color: #d9c5a2;
}

#footer .footer-block {
	float: left;
}

#footer .footer-block ul {
	width: 200px;
	margin-right: 25px;
}

#footer .block1 {
	width: 350px;
	margin-right: 70px;
}

#footer #fine-print {
}

#footer h2 {
   background: url(images/main/salmon-titles-bk.png) no-repeat;
   height: 28px;
   padding-left: 13px;
   font-size: 1.2em;
   padding-top: 5px;
   color: #fff;
   font-weight: normal;
   padding-bottom: 0px;
   margin-bottom: 5px;
	margin-left: -2px;
	position: relative;
	z-index: 2;
	width: 140px;
}

#footer #copyright {
   text-align: center;
   color: #9a563e; 
   font-size: 0.9em;
   padding-top: 20px;
	padding-bottom: 30px;
	margin-top: 30px;
}

#footer #copyright a {
}

#footer #copyright a:hover {
   color: #ddd;
}

#main-content #bottom-content {
   border-top: 1px solid #cc3333;
   padding-top: 80px;
   position: relative;
}

#main-content .one-post-main a {
   color: #000;
   text-decoration: none;
   text-transform: capitalize;
}

#main-content .one-post-main .light {
   font-size: 11px;
	color: #999;
}

#main-content .one-post-main .post-title-area h1 {
   display: inline; 
   font-size: 10pt;
}

#main-content h1 a:hover {
	color: #ff3333;
}

#main-content {
	position: relative;
}

#main-content .post-area-content {
   color: #333;
	font-size: 11px;
	line-height: 14px;
	margin-top: 8px;
}

#main-content .post-area-content a {
	color: #ff3333;
	text-decoration: none;
}

#main-content .post-area-content a:hover {
	color: #ff3333;
	text-decoration: underline;
}

#main-content #left-content #news-area {
   background: url(images/main/salmon-titles-bk.png) no-repeat;
   width: 137;
   height: 28px;
   padding-left: 13px;
   padding-top: 4px;
   padding-bottom: 3px;
   font-size: 1.1em;
   position: relative;
   left: -12px;
   font-weight: bold;
}

#main-content #left-content #current-issue {
   background: url(images/main/salmon-titles-bk.png) no-repeat;
   width: 137;
   height: 28px;
   font-size: 1.1em;
   position: relative;
   left: -12px;
   font-weight: bold;
	border-style: none;
	margin: 25px 0 0;
	padding: 4px 0 3px 13px;
}

#main-content img.mag-issues {
   float: left;
   border: 0px;
   margin-right: 8px;
}

#main-content #new-exciting-content {
   padding-left: 13px;
}

#main-content #bottom-content #art-is-life {
   background: url(images/main/salmon-titles-bk.png) no-repeat;
   width: 137;
   height: 28px;
   padding-left: 13px;
   padding-top: 4px;
   padding-bottom: 3px;
   font-size: 1.1em;
   font-weight: bold;
}

#main-content #bottom-content #new-exciting {
   background: url(images/main/salmon-titles-bk.png) no-repeat;
   width: 137;
   height: 28px;
   padding-left: 13px;
   padding-top: 4px;
   padding-bottom: 3px;
   font-size: 1.1em;
   font-weight: bold;
	margin-top: 25px;
}

.main-block {
   padding-bottom: 20px;
}

.middle {
   color: #cccccc;
}

.end {
   color: #ffffff;
   font-weight: normal;
}

#main-content .edit-post-area {
   float: right;
   padding: 2px 4px;
   background: #ff3d3d;
   margin-top: 5px;
   margin-left: 5px;
   margin-bottom: 10px;
	font-size: 11px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #fab943;
}

#main-content .edit-post-area a {
	color: #fff;
}

#advertising-page .edit-post-area {
   float: right;
   padding: 2px 4px;
   background: #ff3d3d;
   margin-top: 5px;
   margin-left: 5px;
   margin-bottom: 10px;
	font-size: 11px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #fab943;
}

#advertising-page .edit-post-area a {
	color: #fff;
}

#advertising-page  {
	
}


#main-content .one-post-main {
   padding-bottom: 20px;   
}

#main-content .one-post-main img {
	border-style: none;
}

.clearer {
   clear: both;
}

#header #header-menu .menu-item {
   float: left;
   display: inline;
   text-align: right;
   color: #480707;
   font-weight: bold;
	padding-bottom: 40px;
	margin-left: 23px;
}

#header-menu {
   position: relative;
   left: 5px;
}

#header #header-menu .menu-item.current {
	background: url(images/main/menu_hand.png) no-repeat center 51px;
	position: relative;
	z-index: 99;
}

#header #header-menu .menu-item a {
   color: #480707;
}

#header #header-menu .menu-item a:hover {
   color: #cc3333;
}

/* Photograph Template Pages */

#main-post-area {
	width: 500px;	
	margin-top: 70px;
	float: left;
}



#main-post-area .the-post-content {
	text-align: justify;
	margin-top: 15px;
	font: 13px/18px helvetica;
	color: #330000;
}

#main-post-area .the-post-content img {
	max-width: 490px;
	max-height: auto;
	padding: 4px;
	border: 1px solid #fab943;
	margin: 0;
	background-color: #fdf4d2;
}

#main-post-area .the-post-content img.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
}

#main-post-area .the-post-content img.alignright {
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	float: right;
}

#main-post-area .the-post-content .wp-caption.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#main-post-area .the-post-content .wp-caption.alignright {
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#main-post-area .read-the-rest {
	margin-top: 5px;
}

#main-post-area a {
	color: red;	
}

#main-post-area .read-the-rest img {
	position: relative;	
	top: 6px;
	border-style: none;
	background-color: #fff;
}
	
#main-post-area .title-area h1 {
	font-size: 20px;	
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
	text-transform: capitalize;
}

#main-post-area .title-area .author {
	color: #794949;
	font-size: 16px;	
	font-weight: normal;
}

#main-post-area .title-area {
	color: #e22b2d;	
	border-bottom: 1px solid #e22b2d;
}

#main-post-area .title-area a {
	color: #480707;
}

#main-post-area .meta-area {
	color: #794949;
	font-size: 11px;
	margin-top: 4px;	
}

#main-post-area .main-post {
	margin-bottom: 50px;
}

#main-content #main-post-splash {
	background: url(images/single/sidebar-yellow-splatter-bk.jpg);
	width: 338px;
	height: 256px;
	z-index: -1;	
	position: absolute;
	right: 0px;
}

/* End Template Pages */

img.art-images {
	width: 470px;
	height: auto;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.avatar {
  	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position: relative;
	bottom: 1px;
}

/* Sidebar Stuff */

.sidebar {
	width: 300px;	
	margin-top: 81px;
	font-family: helvetica;
	float: right;
}

.sidebar #art-photos img {
	width: 50px;
	height: auto;
}

.sidebar #art-photos a img {
	border: 1px solid #ddd;
}

.sidebar #art-photos a img:hover {
	border: 1px solid red;
}

.sidebar .sidebar-box {
	padding-top: 25px;
	padding-bottom: 10px;
	border-top: 1px solid red;
	background: url(images/single/sidebar-box-bk.png);	
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	width: 280px;
}

.sidebar .sidebar-box h3 {
	color: red;	
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
}

.sidebar .sidebar-box .sidebar-page-content p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
	line-height: 16px;
}

.sidebar .sidebar-box .sidebar-page-content .edit-post-link {
	float: right;	
}

.sidebar .sidebar-box h2.sidebar-fish-title {
	font-size: 0.5em;
    background: url(images/main/salmon-titles-bk.png) no-repeat;	
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
    position: absolute;
    top: -12px;
    left: -10px;
    padding-left: 8px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
	width: 170px;
}

.sidebar .sidebar-spacer {
	background: url(images/single/sidebar-box-divider.png);
	width: 272px;
	height: 19px;	
	clear: both;
	margin-bottom: 10px;
	margin-top: 20px;
}

.sidebar .sidebar-page-content ul {
	list-style: none;
	padding-left: 0px;
}

.sidebar .sidebar-page-content li {
	margin-bottom: 15px;
}

.sidebar .sidebar-page-content a {
	color: black;
	font-weight: bold;	
}

.sidebar .sidebar-page-content img {
	border-style: none;
}

.sidebar .sidebar-footer {
	background: url(images/single/sidebar-box-footer-bk.png) repeat-x;	
	height: 30px;
	margin-bottom: 70px;
}

.sidebar .title-area h2 {
	font-size: 13px;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
}

.sidebar .title-area {
	margin-bottom: 12px;	
}

.sidebar .title-area a {
	color: #000;	
}

.sidebar .author {
	color: #794949;
	font-size: 11px;	
}

.sidebar .sidebar-meta a {
	color: #ff3333;	
}

.sidebar .sidebar-meta {
	font-size: 12px;	
}

/*  End Sidebar */
