/* Main Screen CSS Document */

/* ----------------- COLOURS -----------------
 Gold: #d0ad67
*/

/* ---- DEFAULT TEXT STYLES ---- */
body, td, div, h1, h2, h3, h4, h5, p, li, label { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 {}
h2 { font-size: 100%; margin: .8em 0 .8em 0; color: #000; font-weight: bold; }
h3 { font-size: 80%; margin: .5em 0 .5em 0; color: #000; font-weight: bold; }
h3 {}
h5 {}
p { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.3em; color: #000; }

/* -- Lists -- */
ul, ol { margin-top: 0; margin-bottom: 0; }
li { font-size: 80%; margin: .5em 0 .8em 0; line-height: 1.3em; color: #000; }

/* -- Links -- */
a:link { color: #d0ad67; }
a:visited { color: #d0ad67; }
a:active, a:hover { color: #fff; }
a { outline: none; }

/* -- Other text sizes -- */
.tiny { font-size: 70%; }

/* ---- MOUSE POINTER STYLES ---- */
.wait-pointer { cursor: wait; }
.default-pointer { cursor: default; }
.help-pointer { cursor: help; }
.pointy-pointer { cursor: pointer; }

/* ---- DEFAULT FORM STYLES ---- */
form { display: inline; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
textarea { resize: none; }

/* ---- DEFAULT RULE STYLE ---- */
hr { border: 0; border-top: 1px solid #e9e9e9; height: 1px; }

/* ---- CLEAR STYLES ---- */
.clear { clear: both; }

/* ---- ERROR STYLES ---- */

/* ---- Error Text ---- */
.error { color: #c00 !important; }

/* -- Error Box -- */
.error-box { border: 1px solid #c00; padding: 1px; }
.error-box .error-title { padding: 3px 5px; background-color: #c00; color: #fff; font-size: 80%; font-weight: bold; }
.error-box .error-text { padding: 3px 5px; }
.error-box .error-text p { color: #c00; margin: 0; }

/* ---- MARGIN STYLES ---- */

.margin-center { margin-left: auto; margin: auto; }

/* -- 1 side -- */
.margin10-t { margin-top: 10px; }
.margin10-r { margin-right: 10px; }
.margin10-b { margin-bottom: 10px; }
.margin10-l { margin-left: 10px; }
.margin15-t { margin-top: 15px; }
.margin15-r { margin-right: 15px; }
.margin15-b { margin-bottom: 15px; }
.margin15-l { margin-left: 15px; }


/* -- 2 sides -- */
.margin10-t-r { margin-top: 10px; margin-right: 10px; }
.margin10-t-b { margin-top: 10px; margin-bottom: 10px; }
.margin10-t-l { margin-top: 10px; margin-left: 10px; }
.margin10-r-l { margin-right: 10px; margin-left: 10px }
.margin10-r-b { margin-right: 10px; margin-bottom: 10px; }
.margin10-b-l { margin-bottom: 10px; margin-left: 10px; }
.margin20-r-b { margin-right: 20px; margin-bottom: 20px; }

/* -- 3 sides -- */
.margin10-t-r-b { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
.margin10-t-r-l { margin-top: 10px; margin-right: 10px; margin-left: 10px; }
.margin10-t-b-l { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
.margin10-r-b-l { margin-right: 10px;  margin-bottom: 10px; margin-left: 10px; }

/* -- 4 sides -- */
.margin10 { margin: 10px; }

/* ---- TEXT ALIGNMENT STYLES ---- */
.text-align-left { text-align: left !important; }
.text-align-center { text-align: center !important; }
.text-align-right { text-align: right !important; }

/* ---- COLUMNS ---- */
.column-405 { width: 405px; float: left; }
.column-220 { width: 220px; float: left; }

.column-305 { width: 305px; float: left; }


.column-divider { padding-right: 14px; border-right: 1px solid #000;  }


/* ---- BODY ---- */
body { margin: 10px; }

/* ---- CONTAINERS ---- */
#frame { width: 960px; margin: 0 auto 0 auto; background-position: top left; background-repeat: repeat-y; }
#side-panel { width: 290px; float: left; }
#main-panel { width: 670px; float: left; }

#twitter-feed, #twitter-feed-hidden { width: 270px; padding: 10px 10px 0 10px; }
#twitter-feed p, #twitter-feed-hidden p { font-size: 100%; font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important; }
#twitter-feed-hidden { display: none; }

/* ---- HEADER ---- */
#header { width: 670px; height: 157px; background-position: top left; background-repeat: no-repeat; }
#header img { display: none; visibility: hidden; }


/* ---- NAVIGATION ---- */
#main-navigation { width: 655px; height: 65px; padding-left: 15px; }
#main-navigation div { height: 65px; float: left; display: inline; background-position: 0 0; background-repeat: no-repeat; }
#main-navigation a { height: 65px; display: block; outline: none; }
#main-navigation a:hover { background-position: 0 -65px; background-repeat: no-repeat; }
#main-navigation span { display: none; visibility: hidden; }
#main-navigation .selected, #main-navigation .selected a, #main-navigation .selected a:hover { background-position: 0 -65px; }

/* -- Buttons --*/
#main-navigation .home, #main-navigation .home a { width: 66px; }
#main-navigation .blog, #main-navigation .blog a { width: 62px; }
#main-navigation .diary, #main-navigation .diary a { width: 71px; }
#main-navigation .about, #main-navigation .about a { width: 75px; }
#main-navigation .media, #main-navigation .media a { width: 72px; }
#main-navigation .contact, #main-navigation .contact a { width: 94px; }
#main-navigation .facebook, #main-navigation .facebook a { width: 104px; }
#main-navigation .youtube, #main-navigation .youtube a { width: 96px; }

/* ---- CONTENT ---- */
#content { width: 640px; padding: 10px 15px; }

/* ---- SUB MENU ---- */
#sub-menu { width: 670px; height: 27px; text-align: center; overflow: hidden; padding: 8px 0 0 0; border-bottom: 5px solid #000; }
#sub-menu p { margin: 0; }

/* ---- FOOTER ---- */
#footer { width: 960px; }
#footer-copyright { width: 290px; float: left; }
#footer-copyright p { font-size: 70%; line-height: 44px; margin: 0; text-align: center; }
#footer-text { width: 670px; height: 44px; float: left; }
#footer-text h5 { margin: .2em 0 0 0; text-align: center; }

/* PAGINATION */
#pagination { width: 640px; height: 21px; margin: 0 auto 10px auto; }
#pagination div { height: 21px; background-position: bottom left; background-repeat: no-repeat; float: left; }
#pagination a { height: 21px; background-position: top left; background-repeat: no-repeat; }
#pagination a:hover { background-position: bottom left; }
#pagination span { display: none; visibility: hidden; }

#pagination .page-numbers { width: 402px; height: 17px; padding-top: 2px; text-align: center; font-size: 70%; }


/* ICONISATION */
a[href$='.pdf'] { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icon_pdf.gif) no-repeat center left;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'], a[href$='.aac'] { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icon_music.gif) no-repeat center left;
}

a[href $=".jpg"] {
   padding: 5px 0 5px 20px;
   background: transparent url(../images/icon_enlarge.gif) no-repeat center left;
}

a[href $=".zip"] {
   padding: 5px 0 5px 20px;
   background: transparent url(../images/icon_archive.gif) no-repeat center left;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'], a[href$='.mpeg'], a[href$='.flv'], a[href$='.asf'] { 
	padding: 5px 0 5px 20px;
	background: transparent url(../images/icon_film.gif) no-repeat center left;
}

.noicon { padding-left: 0 !important; background: none !important; }