/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */

a                { color: #168dd1; text-decoration: none; }
#tinymce a       { color: #168dd1 !important; text-decoration: none !important; }

a:hover          { color: #168dd1; text-decoration: underline;}
#tinymce a:hover { color: #168dd1 !important; text-decoration: underline !important; }

h1, h3 { color: #394354;}

h2 { color:#394354;}

hr { margin: 25px 0; }

.more-info { text-align: right; margin: 0; }



div.side-img a { display: block; width: 180px; position: absolute; top: 410px; margin-left: 10px;}


/* HOMEPAGE HTML TEMPLATE
=============================================== */

div.container {
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

/* TOP ROW
----------------------------------------------- */

.row-top    {
background: #d5e5ca url(../img/logo-acuns.gif) 50% 0 no-repeat;
border-bottom: 1px solid #fff;
}

.row-top    { padding: 6px 10px 8px; }

.row-top .grid_8  { margin: 0 5px; }

.row-top .grid_4  { margin-left: 20px; }

.row-top .sidebar { margin: 1em 0 0; }

.row-top .subnav  { margin-top: 0; }

.row-top .subnav .inner { padding-bottom: 0px; }

.row-top .subnav h3   { padding: 10px; }

.row-top .subnav h3 a { color: #fff; }



/* MIDDLE ROW
----------------------------------------------- */

.row-middle { padding: 10px; }

.row-middle { background: url(../img/main.gif) 500px 0 repeat-y; }

.row-middle .grid_8 .grid_4 { margin-bottom: 10px; }

.row-middle .grid_4 .inner { padding-left: 10px; }

.row-middle h2 { border-bottom: 1px solid #989da3; margin-bottom: 10px; }

.row-middle .grid_4 .inner ul { margin: 0; } 

.row-middle .grid_4 .inner ul li { list-style: none; margin-bottom: 15px; } 

.row-middle .grid_4 .inner a { font-size: 14px; } 

.row-middle .grid_4 .inner li { padding-left: 71px; height: 105px; }

.row-middle li.book-1 { background: url(../img/book-1.jpg) 0 0 no-repeat; }

.row-middle li.book-2 { background: url(../img/book-2.jpg) 0 0 no-repeat; }

.row-middle li.book-3 { background: url(../img/book-3.jpg) 0 0 no-repeat; }


/* BOTTOM ROW
----------------------------------------------- */

.row-bottom { background: #fff url(/download-nocache/gallery/img/bottomrowt~3) 0 0 no-repeat; padding: 0 15px 20px; }

.row-bottom h2 { margin-bottom: 10px; }

.row-bottom ul { margin: 0 0 0 7px !important; }

.row-bottom ul li { list-style: none; margin-bottom: 2px; }



/* SUBPAGE HTML TEMPLATE
=============================================== */

.sidebar {
	border: 1px solid #c6c7c6;
	margin: 0 0 1em 0;
}

.sidebar .inner {
	background: #fff url(../img/fading-grey.gif) 0 100% repeat-x;
	border: 2px solid #fff;
	padding-bottom: 15px;
}

.sidebar p, .sidebar ul { margin: 10px 12px 0; }

.sidebar h3 { padding: 6px 12px 3px; }

.sidebar ul li { list-style-type: none; }

.sidebar ul.bullets { margin-left: 3em; }

.sidebar ul.bullets li { list-style-type: disc; }

.subnav h3 {
	background: #269de1 url(../img/gradient-blue.gif) 0 100% repeat-x;
	color: #fff;
	padding-top: 3px;
}

.subnav ul { margin: 1em 0 0 1em !important;}

.box-acuns .inner { background: #e2f1da url(../img/logo-acuns2.gif) 330px 50% no-repeat; }

.annual-box .top-box { margin: 1em 0 0; padding: 0 1em 1em; border-bottom: 1px solid #c6c7c6; }

.annual-box .bottom-box { margin: 0 1em 0; padding-top: 1em; }



/*--------------------------------------------- */
/*         >>>     COMMUNITY:     <<<           */
/*         >>> STRUCTURE & DESIGN <<<           */
/*--------------------------------------------- */


/* DESIGN
=============================================== */

body    { background: #00324f url(../img/body.gif) 0 0 repeat-x; color: #394354; }

#page   { background: #fff; }

#header { background: #fff url(../img/header1.jpg) 0 0 no-repeat; }

#header-inner { background: url(../img/shadow.gif) -90px 100% no-repeat; }

#header, #header a { color: #fff; }

#navigation { border-bottom: 1px solid #fff; }

#main    { background: #f8f9f3 url(../img/main.gif) -290px 0 repeat-y; }

#content { background: none; }

#footer  { background-color: #3b4555; }


/* HOME PAGE DESIGN
----------------------------------------------- */

#home.landing #main { background-color: #f8f9f3; }

#home.landing #header-inner { background-image: url(../img/shadow-home.gif); }


/* SIGN-IN PAGE DESIGN
----------------------------------------------- */

#comsignin {
	border-width: 0;
}


/* STRUCTURE
=============================================== */

#page {
	margin: 0 auto;
	width: 960px;
}

#header-inner {
	height: 104px;
}

#header, #main, #footer {
	margin-left: 10px;   /* == CONTAINER 16  == */
	margin-right: 10px;
	width: 940px;
}

#navigation, #content {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#main {
	/* -- CLEAR CONTAINER -- */
	height: auto !important;
	height: 1%;
	overflow: hidden;
}

#navigation {
	margin-left: 0;   /* == ALPHA  == */
	width: 210px;     /* == GRID 3 == */
}

#content {
	margin-right: 0; /* == OMEGA == */
	width: 700px;     /* == GRID 12 == */
}

#content-inner {
	padding: 15px 0 20px;
}


/* HOMEPAGE STRUCTURE
----------------------------------------------- */

#home.landing #navigation { margin-right: 0; }

#home.landing #content-head { height: 0px !important; min-height: 0px !important; }

#home.landing #contentmenu a#link_contentmenu {  position: absolute; margin-left: 705px; }

#home.landing #content { margin-left: 0; width: 730px; }

#home.landing #content-inner { padding: 0; }

#home.landing #customcontent { margin-bottom: 0; }

#home.landing #trailer, #home.landing #trailerbar { display: none; }

/*#home.landing #trailer-viewcount, #home.landing #trailerbar-triggers { padding-left: 10px; }*/



/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */


/* LOGO/TAGLINE
=============================================== */

#logo {
	padding: 12px 0 0 35px;
}

#logo a {
	background: url(../img/logo.gif) 0 0 no-repeat;
	display: block;
	height: 0px!important;
	overflow: hidden;
	padding: 68px 0 0;
	width: 266px;
}


/* PRIMARYNAV
=============================================== */

#primarynav li {
	border-top: 1px solid #11537d;
	width: 100%;
}

#primarynav li.home {
	border-top-width: 0;
}

#primarynav a {
	display: block;
	zoom: 1;
	font-size: 14px;
	padding: 4px 10px 5px;
	text-decoration: none;
}

#primarynav a:hover {
	text-decoration: none;
}

#primarynav a         { color: #fff; }
#primarynav a:hover   { color: #67b7e5; }
#primarynav li.here a { color: #fff; }
#primarynav li.here a:hover { color: #fff; }

#navigation           { background: #3d4757 url(../img/navigation.gif) 0 0 repeat-x; }
#primarynav li.here a { background: #3db4f8 url(../img/nav-hover.gif) 100% 0 repeat-y; }


/* SEARCH BAR
=============================================== */

#search-keyword { top: 50px; }



/* CONTENT-HEAD
=============================================== */

#content-head h1 {
	border-bottom: 1px solid #989da3;
}


/* ACTIONBAR
=============================================== */

.icon-apptext { color: #fff; }
.icon-apptext span { color: #fff; }

#actionbar a                          { color: #fff; }
#actionbar-triggers span span,
#actionbar-triggers li.active a,
#actionbar-triggers a:hover           { color: #ccc; }

#actionbar-triggers li.active a       { color: #133463;}
#actionbar-triggers li.active a:hover { color: #133463;}

#actionbar                         { background: #007aaa; }
#actionbar-triggers                { background: #007aaa; }
#actionbar-triggers li.active      { background: #0097D3; }
#actionbar-panels div.panel        { background: #0097d3  repeat-x; }



/*--------------------------------------------- */
/*            >>> APPLICATIONS <<<              */
/*--------------------------------------------- */


/* GALLERY
=============================================== */

#gallery-list li {
	width: 175px; /* -- FITS FOR 700px -- */
}


/* MEMBERS
=============================================== */

#members-profile {
	margin-bottom: 0.75em;
}


/*--------------------------------------------- */
/*              >>> GRID SYSTEM <<<             */
/*--------------------------------------------- */


/* Grid >> Global
=============================================== */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5,
.grid_6, .grid_7, .grid_8, .grid_9, .grid_10, 
.grid_11, .grid_12, .grid_13,
.grid_14, .grid_15, .grid_16 
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}


/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
=============================================== */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }


/* =Grid >> 16 Columns
=============================================== */

.grid_1 { width: 40px; }
.grid_2 { width: 100px; }
.grid_3 { width: 160px; }
.grid_4 { width: 220px; }
.grid_5 { width: 280px; }
.grid_6 { width: 340px; }
.grid_7 { width: 400px; }
.grid_8 { width: 460px; }
.grid_9 { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }


/*--------------------------------------------- */
/*        >>> DEV CONVERTING CODE <<<           */
/*  >>> TO SEE IMAGES ON DEV, COMMENT OUT <<<   */
/*--------------------------------------------- */


	body        { background-image: url(/download/gallery/img/bodygif); }
	#header     { background-image: url(/download/gallery/img/headerjpg); }
	#header-inner { background-image: url(/download/gallery/img/shadowgif); }
	#home.landing #header-inner { background-image: url(/download/gallery/img/shadowhome); }

	#main       { background-image: url(/download/gallery/img/maingif); }
	#logo a     { background-image: url(/download/gallery/img/logogif); }
	#navigation { background-image: url(/download/gallery/img/navigation); }
	#primarynav li.here a { background-image: url(/download/gallery/img/navhovergi); }

	.row-top    { background-image: url(/download/gallery/img/logoacunsg) }
	.row-middle { background-image: url(/download/gallery/img/maingif); }
	.sidebar .inner { background-image: url(/download/gallery/img/fadinggrey); }
	.subnav h3 { background-image: url(/download/gallery/img/gradientbl); }

	.row-middle li.book-1 { background-image: url(/download/gallery/img/book1jpg); }
	.row-middle li.book-2 { background-image: url(/download/gallery/img/book2jpg); }
	.row-middle li.book-3 { background-image: url(/download/gallery/img/book3jpg); }

	.row-bottom { background-image: url(/download-nocache/gallery/img/bottomrowt~3); }
	
	.box-acuns .inner { background-image: url(/download/gallery/img/logoacuns2); }
	

