/*---- CSS Styles ----*/


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --


# File Info

file name: default.css
site name: dewakar.com
version: 1.0
author: snbalaji (inovez.media@gmail.com)
creation: 24.09.2011
last change: 25.09.2011
description: 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

# Table of contents (TOC)

* Colour Glossary
* Font Glossary
* Common Styles (Default HTML Selectors)
	** body
	** headings
* Individual styles
	** header
		** nav
	** article
		** figure
		** nav
		** running text
		** keywords
	** footer

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Colour Glossary

dark gray (body bg color): rgb(26,26,26);
gray (default text color): rgb(100,100,100);
bright gray (link text color): rgb(210,210,210);
orange (visited link text): rgb(187,79,8);

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Font Glossary

body text: Arial, Helvetica, sans-serif;
heading: Arial, Helvetica, sans-serif;


-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* global reset */
*{margin:0; padding:0;}


/* Common styles (Default HTML Selectors)
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


/** Common styles (Default HTML Selectors) | Body
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

body{
	background-color:rgb(26,26,26);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(160,160,160);
}

/** Common styles (Default HTML Selectors) | Headings
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a:link, a:visited {color:rgb(140,140,140); text-decoration:none;}
a:hover{color:#8b2b15;/*rgb(187,79,8);*/}
a:focus{color:#8b2b15;}
hr{margin:20px 0; width:750px; border:rgb(60,60,60) 1px solid; float:left;}
address{font-style:normal}

/* Individual styles
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/** Individual styles | Site Holder
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#siteholder {position:absolute; width:750px; left:50%; margin:0 -500px; padding:60px 125px 0 125px; background-color:rgb(0,0,0);} /*-- Entire Site Container --*/

/** Individual styles | Header
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

header {margin:0 0 30px 0; width:750px; height:40px; display:block;}		/*-- Top Logo & Navigation Wrapper --*/
header>.logo {/*width:320px; height:44px;*/ float:left; font-size:2.3em;}


/** Individual styles | Header | nav
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/*-- Top Main Navigation Container --*/
header nav.menu-main {padding:22px 0 0 0; width:400px; height:18px; cursor:pointer; float:right;}

/*-- Top Main Navigation Text --*/
header nav.menu-main h1 {margin:0 0 0 15px; font-size:12px; cursor:pointer; float:right;}


/*** Individual styles | article | figure
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
article{margin-top:350px; float:left;}
article.inner{margin-top:640px; float:left;}
article.about{margin-top:0px; border-top:rgb(60,60,60) 1px solid; float:left;}

/*-- Top Big Img --*/
figure {position:absolute; top:140px; left:125px; width:750px; height:340px; background:#666 /*url(../themes/default/loading.gif) center no-repeat*/;}

/*-- Top Big Img for Inner Pages --*/
figure.inner{position:absolute; top:105px; /*left:125px; width:750px; height:500px;*/ /*background:#bebebe url(../themes/default/loading.gif) center no-repeat;*/}

figure.inner #gallery h3{display:none}

/*** Individual styles | article | nav
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/*-- Navigational Thumbnails Container --*/
#nav-thumbs {margin:40px 0 0 0; width:750px; float:left;}

/*-- Navigational Thumbnails & Text Container --*/
#nav-thumbs>p {margin:0 8px 15px 0; width:76px; text-align:center; display:block; float:left;}

/*-- Navigational Thumbnails (Images) --*/
#nav-thumbs>p img {width:75px; height:75px; background-color:#666; margin:0 0 7px 0; float:left; opacity:0.7}

#nav-thumbs>p img:hover {opacity:1;}

/*-- nav-thumbs set title holder --*/
#nav-thumbs>.legend {padding:15px 0 0 0; width:750px; height:30px; background:url(../images/gray-hor-ruler.png) repeat-x center;  font-size:1.2em; color:#8b2b15; float:left;}

#nav-thumbs>.legend>p {padding:0 10px; width:64px; background-color:rgb(0,0,0);}

/*-- Inner Page - Thumbs bot - Page Nav Numbers Wrapper --*/
.page-nav{margin:10px 0 0 0; width:750px; height:40px; border-bottom:rgb(60,60,60) 1px solid; float:left;}
/*.page-nav-no{margin:10px 0 0 0; width:750px; height:10px; border-bottom:rgb(60,60,60) 1px solid; float:left;}*/
.page-nav>ul{list-style:none; float:right;}
.page-nav>ul li{margin:0 0 0 5px; padding:2px 0 0 0; width:16px; height:16px; background-color:#353535; text-align:center; float:left;}
.page-nav>ul li.cur-pg{padding:1px 0 0 0; width:14px; height:15px; background-color:#8b2b15; color:rgb(160,160,160); border:#606060 1px solid; cursor:default}

/*** Individual styles | article | running text
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/*-- Body Text Area Container --*/
#runtxtholder {margin:20px 0; width:750px; float:left; /*background-color:#666;*/}

	/*-- Main Text - Paragraph --*/
#runtxtholder p {margin:0 0 10px 0; line-height:1.8em; cursor:default;}
/*#runtxtholder p:first-of-type {margin-top:10px;}*/
#runtxtholder p:last-of-type {margin-bottom:0px;}
	/*-- Main Text - LHS Big Img --*/
#runtxt img{margin:7px 10px 10px 0; float:left;}
#runtxt h1.title{margin:0 0 15px 0; font-size:1.6em; color:#8b2b15;}
	/*-- Home Page - Main Text - LHS - Container --*/
#runtxt.home {padding:0 10px 0 0; width:384px; border-right:rgb(60,60,60) 1px solid; float:left; /*background-color:#009999*/}
	/*-- Inner Page - Main Text - Container --*/
#runtxt.inner {width:750px;}
	/*-- Whats new Page - Main Text - Container --*/
#runtxt.inner-new {width:750px; padding:0 0 10px 0; border-bottom:rgb(60,60,60) 1px solid; float:left;}
#runtxt.inner-new .thumbs a>img {margin:20px 12px 10px 0;}
#runtxt.inner-new .thumbs a:last-of-type>img{margin-right:0}
	/*-- About Page - Main Text - Container --*/
#runtxt.about{height:580px; border-bottom:rgb(60,60,60) 1px solid;}
/*#runtxt.about h1.title{margin:0 0 10px 0; font-size:1.6em; font-weight:normal}*/
#runtxt.about p {width:500px; margin:10px 0 0 0; line-height:2.0em; text-align:justify; /*background-color:#00FF99;*/float:left;}
#runtxt.about img{margin:7px 0px 10px 0;/*width:350px height:350px; position:relative; top:0px; right:200px;*/ float:right;}

	/*-- Contact Page - Main Text - Container --*/
#runtxt.contact{padding:20px 0 0 0; height:530px; border-bottom:rgb(60,60,60) 1px solid;}
/*#runtxt.contact h1.title{margin:0 0 10px 0; font-size:1.6em; font-weight:normal}*/
#runtxt.contact .lhs{margin:0 0 0 0; padding:0 50px 0 0; width:350px; height:490px; /*background-color:#FFFF99*/; border-right:rgb(60,60,60) 1px solid; float:left;}
#runtxt.contact .rhs{margin:0 0 0 50px; padding:0 0 0 0; width:280px; height:430px; /*background-color:#00FF99;*/ float:left;}
#runtxt.contact .rhs img{margin:0 130px 15px 0; background-color:#00FF99; float:left;}
#runtxt.contact .rhs h1{margin:0 0 10px 0;}
#runtxt.contact .rhs p{margin:10px 0 0 0; line-height:2.1em;}

/*#runtxt.contact img{margin:7px 0px 10px 0;width:350px height:350px; position:relative; top:0px; right:200px; float:right;}*/

	/*-- Home Page - Main Text - RHS - Photography Types - Text Links Wrapper --*/
.runtxt-recent{width:345px; height:70px; margin:0 5px 5px 5px; padding:0 0 8px 0; border-bottom:rgb(60,60,60) 1px solid;/*background-color:#FF6600;*/ float:left;}
.runtxt-recent>a:link, a:visited{color:inherit; cursor:pointer;}
.runtxt-recent>h1.title{margin:0 0 15px 0; padding:0; font-size:1.3em; /*background-color:#3c3429; */font-weight:normal; color:#8b2b15; display:inline; cursor:default;}

.runtxt-nav-list-hm {margin-bottom:5px; padding:0 5px 0 7px; width:165px; height:420px; border-right:rgb(60,60,60) 1px solid; display:block; float:left; /*background-color:#fff;*/}
.runtxt-nav-list-hm>h1.title{margin:0 0 15px 0; font-size:1.2em; font-weight:normal; color:#8b2b15;}
	/*-- Home Page - Main Text - RHS - Photography Types - Text Links --*/
.runtxt-nav-list-hm h1 {margin-bottom:10px; font-size:11px;}
.runtxt-nav-list-hm>a:link {color:#6a89c7;}
.runtxt-nav-list-hm>a:visited {color:#5770a1;}
.runtxt-nav-list-hm>a:hover{color:#8b2b15;}
	/*-- Home Page - Main Text - RHS - Bottom - Logos Wrapper --*/
.logos-home{padding:20px 0 0 0; width:350px; height:35px; /*background-color:#333;*/ border-top:rgb(60,60,60) 1px solid; font-size:1.0em; float:right;}
.logos-inner{padding:10px 0 0 0; margin:0 0 0 476px; width:280px; height:35px; /*background-color:#333;*/ border-top:none; font-size:1.0em; float:left;}
	/*-- Home Page - Main Body Text - Bottom - Logo Image --*/
.logos-home img, .logos-inner img{margin:0 14px 0 0; width:34px; height:34px; /*background-color:#333;*/ float:left;}
	/*-- Inner Page - Main Text - Photography Types - Text Links Wrapper --*/
.runtxt-nav-list-wrp{padding:0 0 20px 0; width:750px; border:rgb(60,60,60) 1px solid; border-width:0 0 1px 0; float:left;}
.runtxt-nav-list-wrp h1.title{margin:0 0 15px 0; font-size:1.2em; font-weight:normal}
	/*-- Inner Page - Main Text - Photography Types - Text Links Wrapper --*/
.runtxt-nav-list-inr{ padding:0 27px; border-right:rgb(60,60,60) 1px solid; display:block; float:left;}
	/*-- Inner Page - Main Text - Photography Types - Text Links --*/
.runtxt-nav-list-inr h1 {margin-bottom:10px; font-size:11px;}
.runtxt-nav-list-inr>a:link {color:#6a89c7;}
.runtxt-nav-list-inr>a:visited {color:#5770a1;}
.runtxt-nav-list-inr>a:hover{color:#8b2b15;}
	/*-- Inner Page - Main Body Text - Bottom - Big Nav Images Wrapper --*/
.btm-bg-nav-imgs{padding:10px 0; width:750px; border:rgb(60,60,60) 1px solid; border-width:1px 0 0 0; float:left; }
.btm-bg-nav-imgs img{margin:5px 7px 5px 0; width:245px; height:200px; background-color:#333; border:none; float:left;}
.Push{clear: both;}

/* -----------------------------------------------  Form Styles  ----------------------------------- */
/*.feedback-form-container{position:absolute; top:0px; left:230px; border-left: rgb(95,57,19) thin dotted; padding-left:20px; background-color:#FF6600;}*/
.feedback-form{margin:15px 0 0 0;font-size:1em; /*color:#000;*/}
.FormTxtField {	
	border: 1px solid #303030;
	margin-top: 0;
	padding-top:0px;
	height: 34px;
	width: 240px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:rgb(160,160,160);
	background-color:#303030;
}
.FormComboField {
	border: 1px solid #303030;
	height: 150px;
	width: 240px;
	margin-top: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:rgb(160,160,160);
	background-color:#303030;
}
.BodyTxtNrml {
/*	line-height: 16px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:rgb(160,160,160);
	vertical-align:middle;
/*	height:24px;
	background-color:#339966;*/
}
.FormButton {
	margin-top: 15px;
	padding:4px 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:rgb(160,160,160);
/*	height:24px;
	width:60px;*/
	background-color:#505050;
	border:none;
	font-weight:normal;
}

/*** Individual styles | article | keywords
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
#keywords {display:none;}

/*** Individual styles | Footer
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/*-- Footer Wrapper --*/
footer {margin:20px auto 15px auto; width:750px; height:30px; color:#828282; border-top:rgb(60,60,60) 1px solid;/*background-color:#80cfed;*/ float:left;}

footer.inner{margin-top:5px; height:30px; border:none;/*background-color:#80cfed;*/}
/*-- Copyright text --*/
footer p.copyright {padding:10px 0 0 0; font-size:0.85em; text-align:center; display:block; cursor:default;}