@import url("css/cms.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,hr { margin:0; padding:0; }
html,body { height:100%; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
a { outline:none; }
hr { border:none; }
object { display:block; }

/* -------------------------------------------------------------------------------------------------------- toolbox ---------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.inline { display: inline; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- elements ---------- */
/* ---------------------------------------------------------------------------------------------------------------------------- */
body {
	background: #b09051 url(img/bg-main.jpg) center top repeat-x;
	text-align: left;
	color: #3e300e;
	font: 13px/19px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	}
a, a:link {
	color: #ffde5b;
	text-decoration: none;
	}
a:visited {
	color: #e3c358;
	}
a:hover, a:active {
	color: #fff2c0;
	}
h1 {
	font-size: 27px;
	line-height: 30px;
	font-weight: bold;
	color: #dcc28e;
	text-shadow: #382708 1px 1px 1px;
	padding: 15px 17px 10px 17px;
	background: url(img/bg-intro-top.jpg) no-repeat;
	}
h2 {
	font-size: 25px;
	line-height: 28px;
	font-weight: bold;
	width: 505px;
	margin-bottom: 7px;
	color: #332406;
	text-shadow: #785b1f 1px 1px 1px;
	}
h5 {
	font-weight: bold;
	}
p {
	margin-bottom: 16px;
	}
ul {
	margin-bottom: 18px;
	}
li {
	margin-bottom: 4px;
	padding-left: 35px;
	background: url(img/bg-li.gif) no-repeat 22px 8px;
	}
hr {
	display: none;
	}
.hr {
	clear: both;
	height: 76px;
	background: url(img/bg-hr-rightcolumn.gif) left 20px repeat-x;
	}
object {
	margin-bottom: 16px;
	}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- overall ---------- */
/* --------------------------------------------------------------------------------------------------------------------------- */
#contentBody {
	clear: both;
	background: url(img/bg-divider-vertical.gif) repeat-y 343px 0px;
	}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- top ---------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
#overallTop {
	width: 100%;
	min-width: 1000px;
	min-height: 804px;
	background: url(img/bg-header.jpg) center top no-repeat;
	}
#contentTop {
	width: 1000px;
	margin: 0 auto;
	}
#secretO {
	float: left;
	width: 12px;
	height: 12px;
	margin: 438px 0 83px 29px;
	}
#secretO a {
	display: block;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	}

/* ---------------------------------------------------------------- */
/* ------------------------------------------------- nav ---------- */
/* ---------------------------------------------------------------- */

/* ==== list resets ================= */
#nav ul {
	margin: 0;
	}
#nav li {
	margin: 0;
	padding: 0;
	background: none;
	}
/* ================================== */
#nav {
	float: right;
	width: 395px;
	height: 40px;
	margin: 425px 0 0 0;
	}
#nav li {
	display: inline;
	}
#nav li a {
	float: left;
	display: block;
	margin-right: 10px;
	height: 40px;
	text-indent: -9999px;
	background-position: center top;
	}
#nav li a:hover {
	background-position: center bottom;
	}
#nBlog a {
	background-image: url(img/n-blog.gif);
	width: 87px;
	}
#nAbout a {
	background-image: url(img/n-story.gif);
	width: 79px;
	}
#nDownloads a {
	background-image: url(img/n-downloads.gif);
	width: 93px;
	}
#blogPage #nBlog a, 
#aboutPage #nAbout a, 
#downloadsPage #nDownloads a {
	background-position: center bottom;
	}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- bottom ---------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
#overallBottom {
	width: 100%;
	background: url(img/bg-footer-bg.jpg) repeat-x center bottom;
	}
#contentBottom {
	width: 1000px;
	height: 378px;
	margin: 0 auto;
	background: url(img/bg-footer.jpg) no-repeat center bottom;
	font-size: 12px;
	line-height: 18px;
	}
#contentBottom a, #contentBottom a:link {
	color: #b1a177;
	}
#contentBottom a:visited {
	color: #99895d;
	}
#contentBottom a:hover, #contentBottom a:active {
	color: #c5b383;
	}
#contentBottom h5 {
	font-size: 18px;
	line-height: 20px;
	color: #3e300e;
	}

/* ==== list resets ================= */
#contentBottom ul {
	margin: 0;
	}
#contentBottom li {
	margin: 0;
	padding: 0;
	background: none;
	}
/* ================================== */
#footerFriends {
	float: left;
	margin: 104px 0 0 75px;
	width: 570px;
	height: 140px;
	}
#footerFriends ul {
	float: left;
	width: 160px;
	margin: 18px 28px 0 0;
	}

#footerContact {
	float: right;
	margin: 104px 77px 0 0;
	width: 236px;
	height: 140px;
	}
#footerContact ul {
	margin: 18px 0 0 0;
	}

#copyright {
	float: right;
	margin: 81px 95px 0 0;
	width: 378px;
	text-align: right;
	color: #785f3c;
	font-size: 11px;
	}

/* ------------------------------------------------------------------ */
/* ------------------------------------------------- logos ---------- */
/* ------------------------------------------------------------------ */
#footerLogos {
	clear: both;
	float: left;
	margin: 78px 0 0 52px;
	width: 450px;
	}
#footerLogos li {
	display: inline;
	}
#footerLogos li a {
	float: left;
	display: block;
	margin: 0 18px 0 0;
	height: 25px;
	text-indent: -9999px;
	background-position: center top;
	}
#footerLogos li a:hover {
	background-position: center bottom;
	}
#logo2pitch a {
	background-image: url(img/logo-2pitch.gif);
	width: 57px;
	}
#logoVirb a {
	background-image: url(img/logo-virb.gif);
	width: 58px;
	}
#logoMyspace a {
	background-image: url(img/logo-myspace.gif);
	width: 120px;
	}
#logoFlickr a {
	background-image: url(img/logo-flickr.gif);
	width: 72px;
	}
#logoFacebook a {
	background-image: url(img/logo-facebook.gif);
	width: 53px;
	}

/* ------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- left column ---------- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
#columnLeft {
	float: left;
	margin: 0 0 0 50px;
	padding-bottom: 10px;
	width: 254px;
	font-size: 12px;
	line-height: 18px;
	}
#columnLeft h5 {
	font-size: 20px;
	line-height: 22px;
	color: #332406;
	text-shadow: #785b1f 1px 1px 1px;
	margin-bottom: 12px;
	}
#columnLeft img {
	border: 7px solid #553b19;
	display: block;
	margin: 0 auto;
	}
#columnLeft a img {
	padding: 6px;
	border: 1px dashed #553b19;
	background-color: #826535;
	}
#columnLeft a img:hover {
	background-color: #ceb255;
	}
#columnLeft .hr {
	height: 4px;
	margin: 20px 0;
	background: url(img/bg-hr-leftcolumn.gif) left center repeat-x;
	}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------- flickr ---------- */
/* ------------------------------------------------------------------- */
.flick {
	color: #003c85;
	}
.flickR {
	color: #ff0084;
	}

/* ------------------------------------------------------------------ */
/* ------------------------------------------------- stars ---------- */
/* ------------------------------------------------------------------ */
#stars img {
	border: 3px solid #553b19;
	margin: 0;
	}
#star1 {
	float: left;
	padding: 0 7px 17px 0;
	background: url(img/bg-stars.jpg) no-repeat 6px bottom;
	}
#star2 {
	float: left;
	padding: 0 7px 17px 0;
	background: url(img/bg-stars.jpg) no-repeat 6px bottom;
	}
#star3 {
	float: left;
	padding: 0 0 17px 0;
	background: url(img/bg-stars.jpg) no-repeat 6px bottom;
	}

/* --------------------------------------------------------------------- */
/* --------------------------------- video list & of the week ---------- */
/* --------------------------------------------------------------------- */
#videoList {
	background: url(img/bg-videolist.jpg) no-repeat 185px 0;
	margin-top: -7px;
	padding-top: 7px;
	}
#videoList h5 {
	width: 180px;
	}
/* ==== list resets ================= */
#videoList ul, 
#myPicks ul {
	margin: 0;
	}
#videoList li, 
#myPicks li {
	margin: 0;
	padding: 0;
	background: none;
	}
/* ================================== */
#videoList ul, 
#myPicks ul {
	border-bottom: 1px solid #9e7f46;
	}
#videoList li, 
#myPicks li {
	background: url(img/bg-videolist-links.gif) repeat-x;
	}
#videoList li a, 
#myPicks li a {
	display: block;
	padding: 6px 8px;
	}
#videoList li a.new, 
#myPicks li a.new {
	background: url(img/bg-new.gif) no-repeat 226px 4px;
	}
#videoList li:hover, 
#myPicks li:hover {
	background: #9e7f46}
#myPicks em {
	font-style: normal;
	color: #3e300e;
	}

/* ----------------------------------------------------------------------- */
/* ------------------------------------------------- back 2 top ---------- */
/* ----------------------------------------------------------------------- */
.back2top {
	clear: both;
	margin-left: 320px;
	padding-top: 20px;
	height: 18px;
	background-color: #b09051;
	}
.back2top a {
	display: block;
	width: 49px;
	height: 18px;
	text-indent: -9999px;
	background: url(img/b-top.gif) no-repeat;
	}
.back2top a:hover {
	background-position: right 0;
	}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- right column ---------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
#columnRight {
	clear: both;
	float: right;
	margin: 0 50px 0 0;
	padding-bottom: 10px;
	width: 564px;
	}
#columnRight #pageIntro { 
	background: url(img/bg-intro.jpg);
	}
#columnRight #pageIntro p { 
	color: #b09051;
	padding: 0 17px 0 17px;
	margin-bottom: 10px;
	}
.hrIntroBottom {
	height: 39px;
	background: url(img/bg-intro-bottom.gif) no-repeat;
	}
#columnRight div.hrDotted { 
	clear: both; 
	height: 38px;
	background: url(img/bg-hr-dotted.gif) 2px 0 repeat-x;
	}

#columnRight img {
	float: right;
	border: 7px solid #553b19;	
	margin: 0 0 20px 20px;
	}
#columnRight a img {
	padding: 6px;
	border: 1px dashed #553b19;
	background-color: #826535;
	}
#columnRight a img:hover {
	background-color: #ceb255;
	}
#columnRight img.floatLeft {
	float: left;
	margin: 3px 20px 20px 0;
	}
#columnRight img.fullWidth {
	margin: 0 0 20px 0;
	}

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- specific pages ---------- */
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* ------------------------------------------------- blog ---------- */
/* ----------------------------------------------------------------- */
#rss {
	float: right;
	margin: -1px 15px 0 0;
	height: 49px;
	}
#rss a {
	display: block;
	width: 56px;
	height: 49px;
	text-indent: -9999px;
	background: url(img/rss.png);
	}
#rss a:hover {
	background-position: 0 bottom;
	}
.blogPost h2 {
	margin-bottom: 2px;
	}

/* ==== image resets ================= */
#columnRight .pagination img {
	float: none;
	border: none;	
	margin: 0;
	}
#columnRight .pagination a img {
	padding: 0;
	border: none;
	background: none;
	}
/* =================================== */
.pagination {
	margin: 0 0 30px 0;
	}
#columnRight .pagination img {
	margin: 1px 1px 0 1px;
	vertical-align: text-top;
	}
#columnRight .pagination a img:hover {
	background-color: #bd9f63;
	}

.blogPost .date {
	font-weight: bold;
	margin-bottom: 25px;
	color: #654f24;
	}
.blogPost .number {
	float: right;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 42px;
	width: 52px;
	height: 35px;
	color: #b09051;
	margin-top: -38px;
	text-indent: 4px;
	background: url(img/bg-postno.gif);
	}

/* ==== image resets ================= */
#columnRight .return img {
	float: none;
	border: none;	
	margin: 0;
	}
#columnRight .return a img {
	padding: 0;
	border: none;
	background: none;
	}
/* =================================== */
#columnRight .return a img:hover {
	background-color: #c6a970;
	}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------- ie box ---------- */
/* -------------------------------------------------------------------------------------------------------------------------- */
#ieOutside {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 10px 0;
	background-image: url(img/bg-ie-outside.gif);
	}
#ieInside {
	width: 920px;
	margin: 0 auto;
	padding: 10px 15px 3px 15px;
	background-image: url(img/bg-ie-inside.gif);
	border: solid 3px #b19500;
	font: 14px/20px Arial, sans-serif;
	color: #615100;
	}
#ieInside h5 {
	font: 18px/24px Verdana, sans-serif;
	font-weight: bold;
	color: #362d00;
	}
#ieInside h6 {
	font: 14px/20px Verdana, sans-serif;
	font-weight: bold;
	color: #362d00;
	}
#ieInside a, #ieInside a:link, #ieInside a:visited {
	color: #b72200;
	text-decoration: underline;
	}
#ieInside a:hover, #ieInside a:active {
	color: #b72200;
	text-decoration: none;
	}