/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */

a                { color: #007ab5; text-decoration: none; }
#tinymce a       { color: #007ab5 !important; text-decoration: none !important; }

a:hover          { color: #00a1ef; text-decoration: underline;}
#tinymce a:hover { color: #00a1ef !important; text-decoration: underline !important; }


/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */

body {
	background: url(../img/header.gif) 0 27px repeat-x;
	color: #394354;
}

#header { background: url(../img/header-waves.jpg) 0 0 no-repeat; }

#header-inner { background: url(../img/nav-top.gif) 0 86px no-repeat; }

#header,
#header a {
	color: #fff;
}

#main {	background: url(../img/main.gif) 0 0 repeat-y; }

#navigation { background: url(../img/nav-text.gif) 25px 0 no-repeat; }

#footer { background: url(../img/nav-btm.gif) 0 0 no-repeat; }



/* GRID - IGLOO
=============================================== */

#page {
	margin: 0 auto;
	width: 960px;
}

#header-inner {
	height: 117px;
}

#header, #main, #footer {
	margin-left: 10px;   /* == CONTAINER 16  == */
	margin-right: 10px;
}

#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: 220px;     /* == GRID 3 == */
}

#content {
	margin-right: 0;  /* == OMEGA   == */
	width: 700px;     /* == GRID 12 == */
}

#content-inner { padding-top: 1.5em; }



/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */


/* SIGN IN
=============================================== */

#comsignin {
	border-width: 0;
}


/* SEARCH BAR
=============================================== */

#search-keyword {
	top: 90px; right: 0;
}


/* LOGO/TAGLINE
=============================================== */

#logo {
	padding: 30px 0 0 25px;
}

#logo a {
	font-weight: bold;
}


/* PRIMARYNAV
=============================================== */

#primarynav {
	padding-top: 3em;
}

#primarynav ul { margin: 0 10px 0 50px; }

#primarynav li {
	background: url(../img/nav-bullet.gif) 0 6px no-repeat;
	padding: 0 8px;
}

#primarynav li.home {

}

#primarynav a {
	display: block;
	font-size: 12px;
}

#primarynav a:hover {
	text-decoration: none;
}

#primarynav a         { color: #0359A6; }
#primarynav a:hover   { color: #2aa1e5; }
#primarynav li.here a { color: #2aa1e5; }

#navigation           {  }
#primarynav           {  }
#primarynav a         {  }
#primarynav a:hover   {  }
#primarynav li        {  }
#primarynav li.here   {  }
#primarynav li.here a {  }



/*--------------------------------------------- */
/*            >>> APPLICATIONS <<<              */
/*--------------------------------------------- */


/* GALLERY
=============================================== */


#gallery-list li {
	width: 175px;
}

#gallery-list.basic span.actions {
	margin-top: -27px;
}

#gallery-list span.title-wrapper {
	margin-top: 0;
}

#gallery-covers span.thumbnail {
	margin: 0 9px 9px 0;
}


/* MEMBERS
=============================================== */

#members-profile {
	margin-bottom: 0.75em;
}

/* Containers
=============================================== */

.container_16
{
	width: 960px;
}

/* 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
=============================================== */

.container_16 .grid_1 { width: 40px; }
.container_16 .grid_2 { width: 100px; }
.container_16 .grid_3 { width: 160px; }
.container_16 .grid_4 { width: 220px; }
.container_16 .grid_5 { width: 280px; }
.container_16 .grid_6 { width: 340px; }
.container_16 .grid_7 { width: 400px; }
.container_16 .grid_8 { width: 460px; }
.container_16 .grid_9 { width: 520px; }
.container_16 .grid_10 { width: 580px; }
.container_16 .grid_11 { width: 640px; }
.container_16 .grid_12 { width: 700px; }
.container_16 .grid_13 { width: 760px; }
.container_16 .grid_14 { width: 820px; }
.container_16 .grid_15 { width: 880px; }
.container_16 .grid_16 { width: 940px; }

/* DEV CONVERTING CODE */
body          { background-image: url(/download/gallery/img/headergif); }
#header       { background-image: url(/download/gallery/img/headerwave); }
#header-inner { background-image: url(/download/gallery/img/navtopgif); }
#main         { background-image: url(/download/gallery/img/maingif); }
#navigation   { background-image: url(/download/gallery/img/navtextgif); }
#footer       { background-image: url(/download/gallery/img/navbtmgif); }
#primarynav li { background-image: url(/download/gallery/img/navbulletg); }
