@charset "utf-8";
/* Color Light CSS Document of Revolution HTML Template */

/*0.1 TOC
----------------------------------------------------
I GLOBAL STYLES
----------------------------------------------------
1.0 Body
1.1 Headlines
1.2 Links
1.3 Form Elements
1.4 Blockquote
1.5 Tables
1.6 List
1.7 Navigation
1.8 Pagination

----------------------------------------------------
II MAIN PAGE ELEMENTS
----------------------------------------------------
2.0 Header
2.1 Main Menu
2.2 Search
2.3 Bottom
2.4 Footer
 
----------------------------------------------------
III SPECIFIC PAGES
----------------------------------------------------
3.0 Home Page
3.1 Portfolio
3.2 Blog Page
*/

/* I GLOBAL STYLES
------------------------------------------------------------- */

/* 1.0 Body
------------------------------------------ */
body {
	color: #666666;
	background: #ffffff;
}

/* 1.1 Headlines
------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	color: #191919;
}
#secondaryContent h3 {
	color: #ffffff;
	background: #191919;
}
/* 1.2 Links
------------------------------------------ */
a {
	color: #191919;
}
a:hover {
	color: #666666;
}

/* 1.3 Form Elements
------------------------------------------ */
input, textarea {
	color: #666666;
	background: #ffffff;
	border: 1px solid #dddddd;
}
input:focus, textarea:focus {
	background: #f0f0f0;
}
input.submit {
	color: #ffffff;
	background: #191919;
}
input.submit:hover {
	color: #191919;
	background: #ffffff;
}
input.submit:focus {
	border: 1px solid #191919;
}

/* 1.4 Blockquote
------------------------------------------ */
blockquote p {
	background: url(../images/light/quote.png) no-repeat;
}

/* 1.5 Tables
------------------------------------------ */
th {
	color: #ffffff;
	background: #191919;
}
td {
	border-bottom: 1px solid #dddddd;
}
tr.even {
	background: #f0f0f0;
}

/* 1.6 List
------------------------------------------ */
.list li {
	background: url(../images/light/arrow_list.png) no-repeat;
}
.list li a {
	color: #666666;
}
.list li a:hover {
	color: #191919;
}
.checkList li {
	background: url(../images/light/check_list.png) no-repeat;
}
.checkList li a {
	color: #666666;
}
.checkList li a:hover {
	color: #191919;
}

/* 1.7 Navigation
------------------------------------------ */
.nav li a {
	color: #666666;
	border-bottom: 1px solid #dddddd;
	background: url(../images/light/arrow_nav.png) 1px top no-repeat;
}
.nav li a.firstBox {
	border-top: 1px solid #dddddd;
}
.nav li a:hover {
	color: #191919;
}
.imgNav li a {
	background: none;
}

/* 1.8 Pagination
------------------------------------------ */
.pagination li.current a {
	color: #ffffff;
	background: #191919;
}


/* II MAIN PAGE ELEMENTS
------------------------------------------------------------- */

/* 2.0 Header
------------------------------------------ */
#headerBackground {
	color: #999999;
	background: #191919;
}
#header h1, #header h2, #header h3, 
#header h4, #header h5, #header h6 {
	color: #ffffff;
}
#header a {
	color: #ffffff;
}
#header a:hover {
	color: #999999;
}
#header #logo {
	background: url(../images/light/logo.png) no-repeat;
}

/* 2.1 Main Menu
------------------------------------------ */
#menuBackground {
	background: #333333;
}
#mainMenu ul li a {
	color: #ffffff;
}
#mainMenu ul li .menuDesc {
	color: #999999;
}
#mainMenu ul li a:hover {
	background: #191919;
}
#mainMenu ul li a.current {
	background: #191919;
}
#mainMenu ul li ul li a {
	color: #999999;
	background: #333333;
}
#mainMenu ul li ul li a:hover {
	color: #ffffff;
	background: #191919;
}

/* 2.2 Search
------------------------------------------ */
.searchInput {
	color: #666666;
	background: #ffffff;
	border: none;
}
.searchInput:focus {
	background: #ffffff;
}
.searchButtom {
	background: #191919 url(../images/light/search.png) left bottom no-repeat;
	border: none;
}
.searchButtom:hover {
	background: #191919 url(../images/light/search.png) left top no-repeat;
}

/* 2.3 Bottom
------------------------------------------ */
#bottomBackground {
	color: #999999;
	background: #333333;
}
#bottom a {
	color: #ffffff;
}
#bottom a:hover {
	color: #999999;
}
#bottom h1, #bottom h2, #bottom h3, 
#bottom h4, #bottom h5, #bottom h6 {
	color: #ffffff;
}
#bottom .list li {
	background: url(../images/light/arrow_list_bottom.png) no-repeat;
}
#bottom .list li a {
	color: #999999;
}
#bottom .list li a:hover {
	color: #ffffff;
}
#bottom .date {
	border-right: 1px solid #999999;
}
#bottom .date span {
	color: #ffffff;
}

/* 2.4 Footer
------------------------------------------ */
#footerBackground {
	color: #999999;
	background: #191919;
	border-top: 10px solid #333333;
}
#footer a {
	color: #ffffff;
}
#footer a:hover {
	color: #999999;
}


/* III SPECIAL PAGES
------------------------------------------------------------- */

/* 3.0 Home Page
------------------------------------------ */
.s3sliderImage span {
	color: #999999;
	background: url(../images/text_background.png);
}
.s3sliderImage span strong {
	color: #ffffff;
}

/* 3.1 Portfolio
------------------------------------------ */
.folio p {
	background: url(../images/light/arrow_folio.png) no-repeat;
}

/* 3.2 Blog Page
------------------------------------------ */
.comment {
	border-bottom: 1px solid #dddddd;
}
.comment.even {
	background: #f0f0f0;
}
.comment.firstBox {
	border-top: 1px solid #dddddd;
}