/* @override http://dev.naag.com/css/articles.css */

/* @override http://naagapp:8888/css/articles.css */

/* @override http://naagapp:8888/css/articles.css */

/* @override http://naagapp:8888/css/articles.css */

/* @override http://naagapp:8888/css/articles.css */

/* @override http://naagapp:8888/css/articles.css */

/* @override http://naag.com/css/articles.css */

/* @override http://naagapp:8888/css/articles.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/articles.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/articles.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/articles.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/articles.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/articles.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/articles.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/home.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/master.css */

/* @override http://dev.designedmemory.com/c7/workspace/css/master.css */

/* @override http://dev.designedmemory.com/ao_blog/workspace/css/master.css */

/* @override http://dev.designedmemory.com/ao_blog/workspace/css/master.css */

/* @override http://dev.designedmemory.com/ao_blog/workspace/css/master.css */

/* @override http://dev.designedmemory.com/ao_blog/workspace/css/master.css */

/* @override http://localhost:8888/ao_blog/workspace/css/master.css */

/* @override http://localhost:8888/ao_blog/workspace/css/master.css */

/* @override http://localhost:8888/ao_blog/workspace/css/master.css */

/* @override 
	http://localhost:8888/koobaBlog/wp-content/themes/koobablog/style.css
	http://localhost:8888/piano-sonata-ensemble/workspace/css/master.css
*/

/* 
Theme Name: Naag
Description: NAAG 
Author: Liam Rutherford
Version: 0.3;


*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

/*
FONT
*/



@font-face {
	font-family: 'NAAGMain';
	src: url('../fonts/RNS_Camelia.otf') format('opentype');
}

/*
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #333;
}
*/
h1, h2, h3, h3, h4, h5, h6, p, a {
	font-family: "HelveticaNeue", Arial, Helvetica, Geneva, sans-serif;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 20px;
}

h4{
	font-size: 11px;
	color: #5b5b5b;
}

p {
	font-size: 14px;
	line-height: 18px;
}

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




/*
Here is a list of all the <DIV>s in Whiteboard.
*/



#wrapper{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
	
/*
HEADER

#header{
	padding-top: 40px;
	height: 90px;
	min-width: 1150px;
	max-width: 1400px;
	margin: auto;
	padding: 20px 20px 0 20px;
	
}
*/

/* Logo 

#logo {
	float: left;
	margin: 0 0 30px 57px;
}

#logo p {
	
}

#logo a{
	float: left;
	height: 50px;
	width: 158px;
	background-image: url(../images/article/logo_rollover.png);
}

#logo a:hover{
	float: left;
	height: 50px;
	width: 158px;
	background: url(../images/article/logo_rollover.png) 0 -51px;
}
*/

/* Nav */

#nav ul li {
	display: inline;
	float: left;
	padding: 10px;
	color: #060606;
	font: 14px NAAGMain, "Helvetica Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#nav ul li:hover {
	background-color: #f7f7f7;
}


#nav ul.right li:hover {
	background-color: white;
}

#nav ul li a{
	display: inline;
	padding: 0px 0 0px 0;
	color: #060606;
	font: 14px NAAGMain, "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#nav ul li a:hover{
	
	color: #FF00FF;
}

/* Sub - */

/* Sub - */

/*#nav ul li ul{
	
	z-index: 10;
	position: absolute;
	display: none;
	width: 150px;
	top: 50px;
}*/

#nav ul li ul{
	
	z-index: 10;
	position: absolute;
	display: none;
	width: 150px;
	top: 50px;
	
}

#nav ul li ul li{
	width: 150px;
	
	display: inline;
	padding: 0px 10px 0px;
	margin-left: -10px;
	color: #060606;
	font: 14px NAAGMain, "Helvetica Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	background-color: #f7f7f7;
	border-top: 1px solid #e0e0e0;
}

#nav ul li ul li:hover{
	
	background-color: #797979;
	color: #FFFFFF;
	
}

#nav ul li ul li a:hover{
	color: #FFFFFF;
	border-top: 1px solid #797979;
}

#nav ul li ul li a{
	display: block;
	margin: 10px 0 5px 0;
	line-height: 50px;
	color: #060606;
	font: 14px NAAGMain, "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#nav ul.right li a{
	display: inline;
	padding: 0 0px 0 25px;
	color: #060606;
	font: 14px NAAGMain, "Helvetica Neue", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#nav {
	height: 20px;
}

#nav .left {
	width: 590px;
	float: left;
	height: 20px;
}

#nav .right {
	float: right;
}


/* Search Box */

#search {
	width: 250px;
	height: 40px;
	padding: 5px;
	padding-left: 130px;
	margin: 0 auto;
	
}



#search form input#box {
	padding: 0px;
	border: 1px solid #c9c9c9;
	height: 10px;
	margin-right: 5px;
	padding: 5px;
	float: left;
	width: 180px;
	color: #a8a8a8;
}

#search form input#btn  {
	padding: 0px;
	height: 22px;
	position: absolute;
}

/* Search Panel - on results */

#searchPanel {
	width: 350px;
	padding-top: 10px;
	padding-bottom: 39px;
}



#searchPanel form input#box {
	padding: 0px;
	border: 1px solid #c9c9c9;
	height: 10px;
	margin-right: 5px;
	padding: 5px;
	float: left;
	width: 180px;
	color: #656565;
}

#searchPanel form input#btn  {
	padding: 0px;
	height: 22px;
	display: inline;
}



/* Contest FORM */

#contest {
	width: 400px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display:block;
	height:460px;
	float:left;
	
}

#contest #contestform{
	width: 400px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display:block;
	height:460px;
	float:left;
	
}

#contestcontainer {
	width: 670px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	display:block;
	height:550px;
	
}

#contestimage {
	width: 150px;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	float:left;
	display:block;
	height:100px;

}

#contestimage img{
	padding: 0px;
	margin: 0px;
	display:block;

}


#contesttext {
	width: 600px;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	display:block;
	float:left;
}


#contest form input#box {
    border: 1px solid #C9C9C9;
    color: #A8A8A8;
    height: 10px;
    margin: 5px 5px 5px 0px;
    padding: 5px;
    width: 280px;
}

#contest form input#btn  {
	padding: 0px;
	height: 22px;
	position: absolute;
}


#contest form input#emailbox, input#firstnamebox, input#lastnamebox, input#f1box, input#f2box, input#f3box{
    border: 1px solid #C9C9C9;
    color: #A8A8A8;
    height: 10px;
    margin: 5px 5px 5px 0px;
    padding: 5px;
    width: 280px;
}

#contest form input#dob{
    border: 1px solid #C9C9C9;
    color: #A8A8A8;
    height: 10px;
    margin: 5px 5px 5px 0px;
    padding: 5px;
    width: 180px;
}

#contest form select#gender{
    border: 1px solid #C9C9C9;
    color: #A8A8A8;
    height: 20px;
    margin: 2px 2px 2px 0px;
    padding: 2px;
    width: 180px;
}

#contest form input#subscribe {
    border: 1px solid #C9C9C9;
    color: #A8A8A8;
    height: 15px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



/* Subscribe */

#mailinglist {
	float: right;

	padding-right: 30px
}

/* Who we are page */

#whoweare {
	padding-left: 1px;
	top: 70px;
	width: 450px;
	font-family: "raleway-1", "raleway-2", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	position: absolute;
}

#whoweare-image {
	position: absolute;
	top: 50px;
}

#credit {
	top: 60px;
	position: absolute;
	padding-left: 380px;
}

#credit ul li {
	font-size: 11px;
	list-style: none;
	padding-bottom: 15px;
	color: #999999;
}

#credit p, #credit a {
	color: #999999;
}

#credit h4 {
	padding-top: 25px;
	padding-bottom: 25px;
}

#credit em {
	color: #ff00ff;
	padding-right: 20px;
}


/*
CONTENT
*/

#content{
	min-width: 1150px;
	max-width: 1400px;
	margin: 0 auto auto;
	padding: 0 20px;
	
	
}



/* Left, Centre, Right */
#left {

}


/*
FOOTER
*/
#footer{
	
	margin: auto;
	min-width: 1150px;
	max-width: 1400px;
	height: 50px;
	
	padding: 0 20px;
	
}

#footer a{
	
	color: #999999;
	
}

/* Sub Nav */

#sub-nav {
	
	float: left;
	padding: 20px 0px 20px 0px;
	
}

#sub-nav ul li {
	
	list-style: none;
	display: inline;
	padding: 0 10px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666666;
	font-size: 11px;
}

#footer #version, #footer #version p {
	
	
	float: right;
	font-size: 9px;
}

/* Look Book ---------------------------------------- */
#look-book {
	
}

.look-book_bg {
	float: left;
	background-color: rgb(240,240,240);
	width: 323px;
	height: auto;
	margin-bottom: 50px;
	padding:61px;
	position: relative;
	
}

#main-container {
	float: left;
	width: 314px;
	height: 494px;
	padding: 50px;
	margin-bottom: 50px;
	background-color: rgb(100,100,100);
	overflow: hidden;
	position: relative;
	
	
}


#look-book_main {
	height: 494px;
	margin-bottom: 50px;
	position: relative;
	float: left;
	
	
	
}

#slide-container {
	height: 173px; 
	width: 314px; 
	position: relative; 
	float: left;
	z-index: 0; 
	margin-bottom: 20px;
	margin-top: 20px;
}

#left-arrow {
	
}

#right-arrow {
	
}

.slide-img {
	height: 173px;
}

#slide_l {
	position: relative; 
	width: 92px; 
	float: left; 
	text-align:center; 
	padding:0px;
	overflow: hidden;
}

#slide_m {
	position: relative; 
	width: 92px; 
	float: left; 
	text-align:center; 
	padding:padding: 0px 19px 0px 19px;
	overflow: hidden;
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
	
}

#slide_r {
	position: relative; 
	width: 92px; 
	float: left; 
	text-align:center; 
	padding:0px;
	overflow: hidden;
	
}

.lb_main_img_caption{
	letter-spacing: 1px;
	color: #666666;
	font-size: 10px;
	font:Helvetica, Arial, sans-serif;
}




/* INDIVIDUAL ARTICLE */

#article {
	
}

#article #pic {
	margin-bottom: 0px;
}

#article #pic img {
	width: 470px;
}

#article #pic img#viewGallery {
	width: 101px;
	padding: 20px 0 25px 0;
}

#article h2{
	font-size: 43px;
	text-transform: uppercase;
	line-height: 10px;
	padding-bottom: 10px;
	color: #333333;
}

#article h3{
	text-transform: uppercase;
	color: #727272;
	font-family: "raleway-1", "raleway-2", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	line-height: 25px;
	padding-bottom: 20px;
}

#article h4{
	
	text-align: left;
	text-transform: uppercase;
	font: 15px "raleway-1", "raleway-2",  "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	letter-spacing: 1px;
	padding-bottom: 30px;
}

#article p{
	padding-bottom: 7px;
	color: #606060;
	font-size: 12px;
}

#article p em{
	font-style: italic;
	color: #606060;
	font-size:12px;
}



#article p a{
	color: #ff00ff;
}

#article p a:hover {
	color: #ff00ff;
	text-decoration: underline;
}

#article p strong{
	
	color: #000000;

}

#article em{
	padding-bottom: 7px;
	color: #aaa;
	font-size: 11px;
}

.lb_main_img_caption p{
	letter-spacing: 1px;
	color: #666666;
	font-size: 10px;
	font:Helvetica, Arial, sans-serif;
}


/* Info */

#info {
	
	padding-top: 30px;
	
}

#info p{
	font-size: 11px;
	color: #999999;
}

#info p.author, #info p.author a {
	color: #FF00FF;
	font-size: 11px;
}

/* Keywords */

#keytags p, #keytags a{
	color: #FF00FF;
	font-size: 11px;
}

#keytags a{
	color: #999;
	font-size: 11px;
}

#keytags a:hover{
	color: #ff00ff;
	font-size: 11px;
}

#keytags{
	padding-top: 30px;
}


/* SHAARE */

#share {
	
	padding-top: 30px;
	
}

#share #share-btn {
	font-size: 11px;
	line-height: 26px;
	color: #FF00FF;
	float: left;
}

#share #share-links {
	font-size: 11px;
	padding-bottom: 5px;
	color: #FF00FF;
}

#share #share-links a, #share #share-links p {
	font-size: 11px;
	color: #999;
}


/* AARTICLE BROWSWER */

#article-browser {
	padding: 31px 0 40px 0;
}

#article-browser #previous-article {
	
	width: 150px;
	padding-right: 85px;
	margin-bottom: 15px;
	float: left;
}

#article-browser #next-article {
	
	width: 150px;
	padding-right: 85px;
	margin-bottom: 15px;
	float: right;
}



#read-next-title, #read-previous-title {
	font-size: 11px;
	padding-bottom: 5px;
	color: #FF00FF;
}

#article-browser .rolloverPink p {
	font-size: 11px;
}

#article-browser .rolloverPink {
	
	color: #999;
	
}

#article-browser .rolloverPink:hover {
	
	color: #FF00FF;
	
}

.read-btn {
	
	font-size: 11px;
	color: #FF00FF;
	padding-left: 10px;
}

/* FASHION INDEX BTN */

#index-btn {
	
	padding-left: 40px;
	background: url(../images/article/naag_logo_tiny.png) no-repeat;
}

#index-btn h4 {
	text-align: left;
	text-transform: uppercase;
	font: 17px NAAGMain, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	letter-spacing: 1px;
	padding-top: 7px;
	padding-bottom: 7px;
}



/* PANEL */


/* Classes */

/* Columns */
.leftColumn {
	float: left;
	width: 290px;
}

.rightColumn {
	float: right;
width: 300px;
}

.centreColumn {
	margin: 0 auto;
	width: 470px;
}

.centreColumnContest {
	margin: 0 auto;
	width: 690px;
}

.column {

}

/* FEATURED INDEX ARTICLE */

#index-title{
	
	text-align: left;
	text-transform: uppercase;
	font: 45px NAAGMain, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	letter-spacing: 1px;
	padding-bottom: 25px;
	padding-left: 0px;
	font-weight: 100;
}

.catIndexFeatured {
	margin-bottom: 50px;
	width: 350px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	float: left;
}

.catIndexFeatured #pic {
	margin-bottom: 20px;
}

.catIndexFeatured h2{
	font-size: 22px;
	text-transform: uppercase;
	line-height: 22px;
	padding-bottom: 5px;
	color: #333;
}

.catIndexFeatured h3{
	text-transform: uppercase;
	color: #666666;
	font-family: "raleway-1", "raleway-2", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	line-height: 25px;
	padding-bottom: 15px;
}

.catIndexFeatured h4{
	
	text-align: left;

	font-size: 11px;
	color: #999999;
	letter-spacing: 0px;
	padding-bottom: 5px;
}

.catIndexFeatured #pic img{
	width: 360px;
}

.catIndexFeatured p{
	padding-bottom: 15px;
	color: #666666;
	font-size: 11px;
	border-bottom: 1px solid #e6e6e6;
}

.catIndexFeatured em{
	padding-bottom: 7px;
	color: #FF00FF;
	font-size: 11px;
}

.catIndexFeatured .rolloverPinkMain h2:hover {
	color:#666666;
}

.catIndexFeatured .read-btn:hover {
	text-decoration: underline;
}

.view-more-articles, .view-more-articles a {
	float: left;
	height: 40px;
	width: 340px;
	font: 19px NAAGMain, "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #FF00FF;
}

.view-more-articles:hover {

	color: #FF00FF;
	text-decoration: underline;
}




/* INDIVIDUAL CAT INDEX*/

.leftColumn h2{
	float: left;
	text-align: right;
	width: 210px;
	font-size: 12px;
	padding-bottom: 0px;
}

.catList {
	width: 160px;
	float: left;
	padding: 10px 0px 0 0px;
	margin-left: 50px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	
	border-bottom: 1px solid #e6e6e6;
	
}

.catList li, .catIndexList li{
	float: right;
	display: block;
	list-style: none;
	margin-bottom: 15px;
	text-align: right;
	font-size: 11px;
	width: 160px;
}

.catList h3{
	
	
	text-align: right;
	text-transform: uppercase;
	font: 36px NAAGMain, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

.catList .more {
	text-align: right;
	font-size: 11px;
	color: #FF00FF;
	float: right;
	width:160px;
	height:20px;
}

.catList .more:hover {
	color: #FF00FF;
	text-decoration: underline;
}

.catList a:hover {
	color: #999999;
	text-decoration: underline;
}

.catList a {
	color: #ff00ff;
}

.catList a h3:hover {
	color: #333333;
}

.catList h3.currentPage {
	color: #ff00ff;
}

.catList a.currentPage{
	color: #ff00ff;
}

.catList a.rolloverPink:hover{
	color: #ff00ff;
	text-decoration: underline;
}

.catList a.rolloverPink{
	color: #999999;
}






/* Selected Page */
.currentPage {
	
	color: #FF00FF;
	
}




.clearfix
{
	display: inline-table;
/* Hides from IE-mac \*/
	height: 1%;
	display: block;
/* End hide from IE-mac */
}
 
html>body .clearfix
{
	height: auto;
}
 
.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* CALENDAR OF EVENTS */
#calendarevent{

	background-image:url(../images/master/naag-calendar-single-event.jpg);
	background-repeat:no-repeat;
	display:block;
	height:600px;
	width:400px;

}