/*
Theme Name: Lovewell
Theme URI: http://mrlovewell.com
Description: Lovewell
Version: 1.0
Author: Jordan Andree
Author URI: http://noblegiant.com/


*/

@import "reset.css";

.alignright { float:right }
.alignleft { float:left }

body { background:#3c829d url(images/bg.jpg) top center repeat-x scroll; font-family:Georgia, Times New Roman, Serif; color:#111; font-size:12px;}

h1, h3, h4, h5, h6 { color:#14636f;  }

#sidebar a { text-decoration:none; color:#222;}
#sidebar a:hover { text-decoration:none; color:#DF1B23;}

#wrap a { text-decoration:none; color:#AF151B;}
#wrap a:hover { text-decoration:none; color:#DF1B23;}

#wrap{ width:960px; margin:0 auto; position:relative; left:-35px;}
#wrap p { margin: 10px 0px 20px; padding:0px 15px 0px 0px;  line-height:1.4em;}

hr { clear:both; margin:20px 0px; border-top:1px dashed #777; border-bottom:1px dashed #fff; border-right:0px; border-left:0px; width:105%;}

#header { width:960px; height:250px; margin:0 auto -50px;;  }

.logo { width:467px; height:165px; background:transparent url(images/logo.png); margin:50px 0px 0px 170px; }
.logo a {width:100%; height:100%; display:block; }

#sidebar { width:300px; position:absolute; top:0px; left:50%; margin-left:200px; margin-top:0px; }
#sidebar .loading { width:100%; height:200px; background:transparent url(images/bg-block.png) center center repeat;}
#sidebar .loading { -moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
#sidebar .loader { width:100%; height:200px; background:transparent url(images/loader.gif) center 100px no-repeat;}

.musicplayer a {width:153px; height:55px; background:transparent url(images/musicplayer.png); position:absolute; top:0px; left:70px; z-index:7; display:block; }

.albumsell { position:relative; z-index:5;}
.albumsell a { display:block; width:100%; height:80px; position:absolute;}
a.buy { top:245px; }
a.redeem { top:325px; }

.navigation {width:285px; height:615px; background:transparent url(images/siderbar-top-bg.jpg) no-repeat;  z-index:3; position:relative; margin:0px 0px 0px 20px;}
.navigation ul { padding:0px; position:relative; top:410px; width:200px; margin:0px 0px 0px 50px; list-style:disc;}
.navigation ul li { padding:10px 0px 5px;}
.navigation ul li a { border-bottom:1px solid #a18760; padding:0px 0px 5px 0px; font-size:16px;}
.navigation ul li a:hover { border-bottom:1px solid #DF1B23;}

.twitterconvo {width:270px; height:559px; background:transparent url(images/twitter-bg.jpg) no-repeat; margin:-110px 0px 0px 20px; z-index:2; position:relative; }
#twitterconvo { padding:140px 30px 20px;}

.social { width:250px; margin:0px 30px 0px 0px }

.sharethis { color:#f8f7c9; font-size:120%; text-align:right; height:60px; }
.sharethis span.right { margin:0px 0px 0px 10px; }

.networks  { width:240px; margin:20px 0px 0px 65px}
.networks a { width:32px; height:32px; display:block; margin:0 20px 0px 0px; float:left;}
a.facebook { background:transparent url(images/n-facebook.png); }
a.vimeo { background:transparent url(images/n-vimeo.png); }
a.itunes { background:transparent url(images/n-apple.png); }
a.twitter { background:transparent url(images/n-twitter.png); }


.photos { width:726px; height:218px; background:transparent url(images/photos.jpg) top center; margin:0px 0px -60px 10px; display:block; }
.photos span a img { display:none !important;}


#content { width:709px; padding:0px 20px 0px 40px; background:transparent url(images/content-bg.png) repeat-y; min-height:500px }
.content-top{ width:769px; height:120px; background:transparent url(images/content-bg-top.png); }
.content-top h2 { margin:0px auto; font-weight:normal; width:100%; position:relative; top:40px; text-align:center; text-shadow:0px 0px 5px rgb(194, 167, 93) }
.content-bottom{ width:769px; height:110px; background:transparent url(images/content-bg-bottom.png); }
.nav { width:97% }

.post img {max-width:100% }

img.alignleft { margin:0px 5px 5px 0px}
img.alignright { margin:0px 0px 5px 5px}

#embed {border:5px solid white; width:680px; height:450px; background:white url(images/loader-white.gif) center center no-repeat;}
#embed object, #embed emded { height:450px !important; width:680px;}

#thumbs { width:690px; overflow-x:auto; overflow-y:hidden; height: 200px; }
#thumbs ul { list-style:none; padding:0px; width:500em;}
#thumbs ul li {float:left; margin:0px 20px 0px 0px; padding:10px 0px;}
#thumbs ul li a img {float:left; height:125px; border:5px solid white; display:block; }
#thumbs ul li a.active img {border:5px solid #7F2628; }

.col { float:left; }
.col.half { width:45.5%; margin-right:4.5%;}
.col.quarter { width:22.5%; margin-right:4.5%;}
.col.threequarter { width:67.5%; margin-right:4.5%;}

.carddownload { padding:10px; background:#AF151B; color:white !important; box-shadow:0px 0px 3px rgba(0,0,0,.3); -moz-box-shadow:0px 0px 3px rgba(0,0,0,.3);-webkit-bos-shadow:0px 0px 3px rgba(0,0,0,.3);}

#textStory.loading {height:250px; background:transparent url(images/loader-white.gif) center center no-repeat;}
#imageStory.loading {height:250px; background:transparent url(images/loader-white.gif) center center no-repeat;}

#footer { padding:0px 20px 20px; font-family:Verdana, Arial, Sans-serif; font-size:10px; color:#ccc; margin:0px 0px 50px; width:720px;}
#footer a { color:#ccc;}

.skorinc { width:42px; height:11px; background:transparent url(images/skorinc.png) top center; display:block; }
.skorinc:hover { background:transparent url(images/skorinc.png) bottom center;  }

.numbers {width:370px; float:left; text-align:center; margin:0 auto;}
.numbers a {padding:2px 5px 4px;}
.numbers a.active {background:#333; color :white !important;}

/* ============================ Stories ==========================*/

#storythumb { width:40px; margin:5px; float:left}
#storythumb img { width:40px; height:30px; border:2px solid white;}

/* ============================ FORMS ==========================*/
input, textarea { font-family:Verdana; font-size:12px; color:#000000; text-shadow:0px 0px 3px rgba(255,255,255,.4); }

.textfield { border:0px; background:transparent url(images/forms.png) 0px 0px; width:298px; height:20px; padding:15px 20px;  }
.textfield.small { background:transparent url(images/forms.png) 0px -300px; width:70px; height:20px; padding:15px 20px;}
.textarea { border:0px; background:transparent url(images/forms.png) 0px -65px; width:298px; height:195px; padding:20px 20px;  }

.submitfield { border:0px; background:transparent url(images/forms.png) -230px -300px; width:105px; height:50px; position:relative; left:10px;}
.submitfield:hover {opacity:.7; -moz-opacity:.7; -webkit-opacity:.7; filter:alpha(opacity=70); cursor: pointer }

.fakeupload { border:0px; background:transparent url(images/forms.png) -110px -300px; width:115px; height:50px; z-index:1; position:relative; }
.fakeupload:hover {opacity:.7; -moz-opacity:.7; -webkit-opacity:.7; filter:alpha(opacity=70); cursor: pointer }

.realholder {
	width:110px;
	height:55px;
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}
.realholder:hover {opacity:.7; -moz-opacity:.7; -webkit-opacity:.7; filter:alpha(opacity=70); cursor: pointer }

.realupload {
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	height:55px;
	font-size:50px;
	display:block;
	z-index:2; /* bring the real upload interactivity up front */
	width:110px;
	cursor:pointer;
}

.upload {
	position:relative;
	width:100px;
	float:right;
}