/* HERE THE COLORS AND BACKGROUNDS OPTIONS OF THE THEME */


/*

1) LOGO AND NAVIGATION CONTAINER
	A- LOGO
	B- NAVIGATION
2) RIGHT SIDE CONTAINER
	A- WEBSITE HEADING
	B- SLIDER
3) FRONTPAGE
4) MAIN
5) PORTFOLIO
6) FOOTER	
7) GENERIC
8) FORMS
	A- SEARCH FORM
	B- CONTACT FORM
*/


body {
color: #333; /*over all color like for paragraphs*/
background: #f4f4f4 url(../images/theme/background_styles_options/light_background1.png) no-repeat center top;
background-attachment: fixed; /*here to make the background fixed, just remove it to make the background movable when scrolling the page*/
}

#full_wrapper {
background: url(../images/theme/full_wrapper_down_dark_effect.png) repeat-x bottom left; /*gradient dark effect at the bottom of the page when scrolling the page to the down end*/
/*border-top: 1px solid #aaa;*/ /*1px border top color for for full wrapper*/	
}

/************************************************************************
1) LOGO AND NAVIGATION CONTAINER
*************************************************************************/

/* A- LOGO */

.logo a, .logo a:hover {
background: url(../images/theme/logo/logo.png) no-repeat top left; /*background image of the logo*/
color: #d6b518;
}

/* B- NAVIGATION */

ul#nav li a {
color: #000; /*color of not current navigation links*/
background: #fff; /*background of navigation links*/
border-right: 1px solid #aaa; /*right border color for navigation links*/
border-bottom: 1px solid #aaa; /*bottom border color for navigation links*/
border-left: 3px solid #555; /*left border color for all navigation links except current page link*/	
}

ul#nav li a.current {
color: #555; /*color of current page link*/
border-left: 3px solid #d6b518; /*left border of current navigation link*/	
}

ul#nav li a:hover {
color: #d6b518; /*color of navigation links when hover*/
border-left: 3px solid #d6b518; /*left border color of navigation links when hover*/	
}

/************************************************************************
2) RIGHT AIDE CONTAINER
*************************************************************************/

/* A- WEBSITE HEADING */

.website_heading h1 {
color: #000; /*color of the website heading title*/
}

.website_heading h1 .website_title {
color: #555; /*color of the dark bright titles*/	
}

.website_heading p {
color: #000; /*color of the description paragraph of the website heading*/
text-shadow: 1px 1px 0 #fff; /*text shadow of the description paragraph of the website heading*/
}

.website_heading p .small_titles {
color: #555; /*color dark bright titles of the description paragraph of the website heading*/	
}

/* B- SLIDER */

#slider_wrapper {
border: 1px solid #aaa; /*border color arround the slider*/
background: #fff; /*the padding background of the slider*/
/*-moz-box-shadow: 3px 3px 0 #aaa;
-webkit-box-shadow: 3px 3px 0 #aaa;	
*/}

/************************************************************************
3) FRONTPAGE
*************************************************************************/

/*featured message*/

#featured_message {
background: url(../images/theme/featured_message.png) no-repeat top left; /*background image of the featured message*/
}

#featured_message h2 a {
color: #000; /*color of the featured button title of the featured message*/
background: url(../images/theme/featured_button.png) no-repeat top left; /*background image of the featured button title of the featured message*/ 
text-shadow: 1px 1px 0 #fff; /*shadow of the featured button title text of the featured message*/ 	
}

#featured_message h2 a:hover {
background: url(../images/theme/featured_button.png) no-repeat bottom left; /*hover background image of the featured button title of the featured message*/
}

#featured_message h2 a .notable_word {
color: #d6b518; /*color of the notable word of the featured button title of the featured message*/	
}

/*the three boxes*/

.img_box {
border: 1px solid #aaa; /*border color arround the image box*/
background: #fff; /*background color for the padding of the image box*/
/*-moz-box-shadow: 3px 3px 0 #aaa;
-webkit-box-shadow: 3px 3px 0 #aaa;	
*/}

.img_lightbox {
background: url(../images/theme/zoom.png) no-repeat center center; /*background image of the lightbox magnify*/	
}

/************************************************************************
4) MAIN
*************************************************************************/

/*content*/

/*entry*/

/*entry title*/

.entry_title, .entry_title a {
color: #000; /*color of each entry title*/
}

.entry_title a:hover {
color: #d6b518; /*hover color of each entry title*/
border-left: 3px solid #555;
padding-left: 10px;	
}

/*entry head*/

.entry_head {
/*border-top: 1px dotted #aaa;*/ /*border top color of entry head container*/
/*border-bottom: 1px dotted #aaa;*/ /*border bottom color of entry head container*/
}
	
.category a, .user a, .date a, .comments a {
color: #333;	/*color of entry head content links elements*/
text-shadow: 1px 1px 0 #fff; /*shadow of entry head texts elements*/	
}

.category a:hover, .user a:hover, .date a:hover, .comments a:hover {
color: #000;	/*color hover of entry head content links elements*/
text-decoration: underline;
}

.category a {
background: url(../images/entry_head/category.png) no-repeat left top;	/*background of category link element*/
}

.user a {
background: url(../images/entry_head/user.png) no-repeat left top;	/*background of user link element*/
}

.comments a {
background: url(../images/entry_head/comment.png) no-repeat left top;	/*background of comments link element*/
}

.date a {
background: url(../images/entry_head/date.png) no-repeat left top;		/*background of date link element*/
}

/*entry content*/

/*pagination*/
#pagination {
border-top: 2px solid #555; /*top border color of pagination*/
/*border-bottom: 2px solid #555555;*/ /*bottom border color of pagination*/
}

#pagination .pages {
text-shadow: 1px 1px 0 #fff; /*shadow for the descriptive texts of the pagination*/
color: #000;	/*color of left texts of the pagination, i mean except the pages button*/	
}

#pagination .pages .number {
color: #777;	/*color of number of the left text of the pagination*/
}

#pagination ul li a.inactive, #pagination ul li span.active {
text-shadow: 1px 1px 0 #fff; /*shadow for pagination buttons texts*/
border-right: 1px solid #aaa; /*border right color of pagination buttons*/
border-bottom: 1px solid #aaa; /*border bottom color of pagination buttons*/
border-left: 2px solid #555; /*border left color of pagination buttons*/
}

#pagination ul li span.active {
background: #ddd;	/*background of active pagination page button*/
color: #333;	/*color of active pagination page button*/	
}

#pagination ul li a.inactive {
background: #fff;	/*background of inactive pagination page button*/	
color: #777;	/*color of inactive pagination page button*/
text-decoration: none;
}

#pagination ul li a.inactive:hover {
border-left: 2px solid #d6b518; /*hover border left color of pagination buttons*/
color: #333; /*hover color of inactive pagination buttons*/
text-decoration: underline;
}

/*sidebar*/

#sidebar { /*for sidebar pages*/
background: #fff; /*background color of sidebar*/
border: 1px solid #aaa; /*border color of sidebar*/
border-top: 3px solid #555; /*top border color of sidebar*/
border-bottom: 3px solid #555; /*bottom border color of sidebar*/
}

/*sidebar box*/

/*sidebar box title*/

.sidebar_box_title {
color: #D6B518; /*color of sidebar box titles*/
}

/*sidebar menu*/

ul.sidebar_menu li {
border-bottom: 1px dotted #aaa; /*border bottom of menu sidebar links*/
}

ul.sidebar_menu li:hover {
background: #fbfbfb; /*hover background color of sidebar menu links*/	
}

ul.sidebar_menu li a {
color: #555; /*color of sidebar menu links*/
background: url(../images/theme/sidebar_menu_bullet.png) no-repeat center left; /*bullet image of sidebar menu links [as a background]*/
text-shadow: 1px 1px 0 #fff; /*text shadow of sidebar menu links*/
}

ul.sidebar_menu li a:hover {
color: #d6b518; /*hover color of sidebar menu links*/
/*text-decoration: underline;*/
}

/*popular posts*/

.popular_posts ul li {
border-bottom: 1px dotted #aaa; /*border bottom color of each popular posts items*/
}

.popular_posts ul li a.title {
text-decoration: none;
color: #111; /*color of each popular posts items title*/
}

.popular_posts ul li a.title:hover {
color: #555; /*hover color of each popular posts items title*/
text-decoration: underline;	
}

.popular_posts ul li a img {
border: 1px solid #aaa; /*border color arround images of popular posts items*/
background: #fff; /*background color of the images of popular posts items*/
}

.popular_posts ul li a img:hover {
border: 1px solid #333; /*hover border color arround images of popular posts items*/ 
}

.popular_posts ul li span.category, .popular_posts ul li span.date {
color: #333; /*color of category and date titles of the popular posts items*/
}

.popular_posts ul li span.category a, .popular_posts ul li span.date a {
text-decoration: none;
color: #777; /*color of category and date links of the popular posts items*/ 
background: none;
}

.popular_posts ul li span.category a:hover, .popular_posts ul li span.date a:hover {
color: #555; /*hover color of category and date links of the popular posts items*/
text-decoration: underline;	
}

/************************************************************************
5) PORTFOLIO
*************************************************************************/

.item_content {
background: #fff; /*background color of the item content of each portfolio item*/
border: 1px solid #aaa; /*border color of the item content of each portfolio item*/ 	
}

.photo .heading, .photo .caption {
background: url(../images/theme/caption_and_title_background.png) no-repeat top center; /*the rounded background image for caption for item content of portfolio item*/
}

.photo .heading { 
background: url(../images/theme/caption_and_title_background.png) no-repeat bottom center; /*the rounded background image for caption for item content of portfolio item*/
}

.photo .heading span a {
color:#d6b518; /*color of heading title of item content of portfolio items*/
text-decoration: none;	
}

.photo .heading span a:hover {
color: #000; /*hover color of heading title of item content of portfolio items*/
	
}

.photo .caption span{
color:#555; /*color of caption of item content of portfolio items*/	
}

/************************************************************************
6) FOOTER
*************************************************************************/

#footer_wrapper {
background: url(../images/theme/footer_wrapper.png) repeat top left; /*background image of footer wrapper*/
border-top: 1px solid #aaa; /*border top of footer wrapper*/
background: #fff; /*background color of footer wrapper*/	
}

/*copyright message*/

#copyright_message {
color: #000; /*color of copyright message*/	
}

#copyright_message .website_title {
color: #555; /*color of website title in copyright message*/	
}

/*social icons*/

/************************************************************************
7) GENERIC
*************************************************************************/

/*columns*/

/*sidebar columns*/

/*fullwidth column*/

/*headers*/

h1, h2, h3, h4, h5, h6 {
	color: #000; /*color of headers*/
	text-align: left;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
color: #000; /*color of headers when used as links*/	
}

a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {
color: #d6b518; /*hover color of headers when used as links*/	
}

/*paragraph*/

#frontpage p, .entry_content p, #sidebar p {
text-shadow: 1px 1px 0 #fff; /*text shadow for parahraphs*/	
}

.entry_content p a, #sidebar p a, #frontpage p a {
color: #000; /*color of links when it's a part of paragraphs texts*/
border-bottom: 1px solid #d6b518; /*bottom border color of links when it's a part of paragraphs texts*/
}

.entry_content p a:hover, #sidebar p a:hover, #frontpage p a:hover {
color: #333; /*hover color of links when it's a part of paragraphs texts*/
border-bottom: 1px dotted #000; /*hover bottom border color of links when it's a part of paragraphs texts*/	
}

/*lists*/

ul.list_1, ul.list_2, ul.list_3, ul.list_4, ul.list_5 {
text-shadow: 1px 1px 0 #fff; /*text shadow for the 5 different lists*/	
}

/*list 1*/

ul.list_1 {
list-style-image: url(../images/lists_bullets/bullet_1.png); /*bullet image for list 1*/
}

/*list 2*/

ul.list_2 {
list-style-image: url(../images/lists_bullets/bullet_2.png); /*bullet image for list 2*/
}

/*list 3*/

ul.list_3 {
list-style-image: url(../images/lists_bullets/bullet_3.png); /*bullet image for list 3*/
}

/*list 4*/

ul.list_4 {
list-style-image: url(../images/lists_bullets/bullet_4.png); /*bullet image for list 4*/
}

/*list 5*/

ul.list_5 {
list-style-image: url(../images/lists_bullets/bullet_5.png); /*bullet image for list 5*/
}

/*readmore link*/

.readmore_link {
background: url(../images/theme/readmore_arrow.png) no-repeat -10px 6px; /*the arrow background image for readmore links. this for loading the arrow before hover the readmore link to prevent loading it before hover, like a sprite image*/
}

.readmore_link:hover {
background: url(../images/theme/readmore_arrow.png) no-repeat right 6px; /*the arrow hover background image for readmore links*/
}

.readmore_link a {
color: #000; /*color of readmore links*/
text-decoration: none;
border-bottom: 1px solid #d6b518; /*border bottom color of readmore links*/
text-shadow: 1px 1px 0 #fff; /*text shadow of readmore links*/
}

.readmore_link a:hover {
/*border-bottom: 1px solid #d6b518;*/ /*hover border bottom color of readmore links*/
color: #333; /*hover color of readmore links*/
}

/*breadcrumb*/

p.breadcrumb {
background: #fff; /*background color of breadcrumb container*/
border-right: 1px solid #aaa; /*border right color of breadcrumb container*/
border-bottom: 1px solid #aaa; /*border bottom color of breadcrumb container*/
border-left: 3px solid #555; /*border left color of breadcrumb container*/
}

p.breadcrumb a {
color: #d6b518; /*color of breadcrumb links*/
text-decoration: none;	
}

p.breadcrumb a:hover {
color: #d6b518; /*hover color of breadcrumb links*/
border-bottom: 1px dotted #555555; /*hover border bottom color of breadcrumb links*/
}

p.breadcrumb .bread_arrow {
color: #555; /*color of arrow separation of breadcrumb*/
}

p.breadcrumb .current_crumb {
color: #555; /*color of current page of breadcrumb*/	
}

/*dropcap*/

.dropcap {
background: url(../images/theme/dropcap.png) no-repeat top left; /*background image of dropcaps*/
color: #fff; /*color of dropcaps*/
}

/*blockquote*/

#quote_wrap {
background: #fff url(../images/theme/blockquote.png) no-repeat 20px 20px; /*the sign background image of blockquote*/
border: 1px solid #aaa;
border-top: 3px solid #555;
border-bottom: 3px solid #555;
}

/*back to top*/

a.scrollTop {
color: #000; /*color of go to top link*/
background: url("../images/theme/top.png") no-repeat right 5px; /*the direction sign of go to top link*/
}

a.scrollTop:hover {
background: url("../images/theme/top.png") no-repeat right 4px; /*moving the direction sign of go to top link when hover*/
}

a.scrollTop:hover {
color: #d6b518; /*hover color of go to top link*/
}

/*all rounded elements here*/

/*rounded corners*/

#slider_wrapper, .img_box, #sidebar, .breadcrumb, ul#nav li, ul#nav li a, #pagination ul li a.inactive, #pagination ul li span.active, .portfolio_item .item_content, #quote_wrap, #contact_form input, #contact_form textarea, #contact_form input#submit {
/*-moz-border-radius: 3px;
-webkit-border-radius: 3px;
*/}

/************************************************************************
8) FORMS
*************************************************************************/

/* A- SEARCH FORM */

#search_form {
background: #fff; /*background of search form*/ /*e5e5e5*/
border: 1px solid #aaa; /*border color arround search from*/
}

.search_button {
background: url(../images/theme/search_button.png) no-repeat top left; /*background image of scroller search shape*/
}

#search_form label {
color: #333; /*color of label of search form*/
/*text-shadow: 1px 1px 0 #eee;*/ /*text shadow of label of search form*/
}

#search_form input#search {
border: 1px solid #999; /*border color of input field of search form*/
background: #fafafa; /*background color of input field of search form*/
}

#search_form input#search:focus {
background: #fff; /*focus background color of input field of search form*/	
}

#search_form input#submit {
border: 1px solid #888; /*border color of submit button of search form*/
background: #eee; /*background color of submit button of search form*/
}

#search_form input#submit:hover {
background: #f3f3f3; /*hover background color of submit button of search form*/	
}

/* B- CONTACT FORM */

#contact_form label, #contact_form input, #contact_form textarea {
color: #000000;	/*colors of label, input and textarea texts*/
}

#contact_form input, #contact_form textarea {
border-bottom: 1px solid #aaa;	/*color of border bottom of input and textarea fields */
border-right: 1px solid #aaa;
border-left: 3px solid #555;
color: #000000;	/*color of input and textarea texts */
background: #fff;	/*background of input and textarea fields */
}

#contact_form input:focus, #contact_form textarea:focus {
background: #f9f9f9;	/*onfocus background of input and textarea fields */
}

#contact_form input.submit {
background: #fff;	/*background of submit button*/
border-left: 3px solid #d6b518;	/*color of border bottom of submit button*/
color: #000;	/*color of submit button text*/
cursor: pointer;
}

#contact_form input.submit:hover {
background: #f9f9f9;	/*background color of submit button text*/
}

/*validation coloring settings*/

#contact_form label.error, label.error {
color: red;	/*color of appearing validation message*/
}

#contact_form input.error, #contact_form textarea.error { 
background: #fffcaf;	/*background of field that need validation*/ 
}

.taginfo {
	float: right;
}