/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea,fieldset{ margin:0; padding:0;}



/* HERE IS THE CSS CODE OF LAYOUT STRUCTURE AND ELEMENTS */

/*

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
*/

html {

}

body {
font-size: 11px;
font-family: Tahoma, Geneva, sans-serif;
line-height: 17px;
}

a, a img {
outline: none;
border: none;	
}

#full_wrapper {
display: table;
overflow: hidden;
position: relative;
width: 100%;
}

#full_container {
width: 1003px;
margin: 0 auto;
/*overflow: hidden;
*/position: relative;
}

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

#logo_and_navigation {
float: left;
display: block;
position: relative;
width: 187px;	
}

/* A- LOGO */

.logo a, .logo a:hover {
display: block;
overflow: hidden;
text-indent: -9999px;
position: relative;
width: 187px; /*width of the logo*/
height: 167px; /*height of the logo*/
}

/* B- NAVIGATION */

ul#nav {
list-style-type: none;
list-style-position: outside;
position: relative;
display: block;
padding-top: 30px;
padding-bottom: 30px;
z-index: 100;	
}

ul#nav li {
display: block;
overflow: hidden;
margin-bottom: 8px;	
}

ul#nav li a {
font-size: 18px;
padding: 11px 12px 11px;
*padding: 10px 12px 10px; /*ie7 fix, original value - 1px of padding bottom*/
text-decoration: none;
display: inline-block;
position: relative;
}

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

#right_side_container {
display: block;
width: 768px;
padding-top: 40px; /*space between top and right side content*/ /*106px*/
*padding-top: 40px; /*ie7 fix*/
padding-left: 48px; /*235px*/
overflow: hidden;
padding-bottom: 50px;
}

/* A- WEBSITE HEADING */

.website_heading {
display: block;
}

.website_heading h1 {
font-size: 48px;
line-height: 41px;
}

.website_heading p {
font-size: 16px;
line-height: 23px;
margin-top: -5px;
*margin-top: -9px; /*ie7 fix, original value - 4px*/
}

/* B- SLIDER */

#slider_wrapper {
display: block;
overflow: hidden;
width: 756px;
height: 293px;
padding: 5px;
margin-top: 23px;
}

.nivoslider {
display: block;
position: relative;
width: 738px;
height: 286px;
}

.nivoslider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoslider a {
border:0;
}

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

#frontpage {
display: block;
width: 100%;
padding-top: 25px;
overflow: hidden;	
}

/*info boxes*/

#info_boxes {
display: block;
padding-bottom: 30px;
overflow: hidden;	
}

#info_boxes .one_third h3 {
padding-bottom: 0px;
padding-top: 7px;	
}

#info_boxes h3 img {
float: left;
margin-right: 9px;
margin-top: -7px;	
}

/*featured message*/

#featured_message {
width: 768px;
height: 61px;
overflow: hidden;
padding-bottom: 35px;
position: relative;
display: block;	
}
#featured_message img {
float: left;
margin: 15px 21px 0 21px;	
}

#featured_message p {
margin: 17px 0 0 0;
float: left;
}

#featured_message h2 {
position: absolute;
right: 2px;
top: 0px;
font-size: 30px;	
}

#featured_message h2 a {
text-decoration: none;
height: 61px;
line-height: 55px;
*line-height: 59px; /*ie7 fix, original value + 4px*/
padding: 0 16px 0 18px;
display: block;
}
#featured_messages {
width: 400px;
height: 61px;
overflow: hidden;
padding-bottom: 35px;
position: relative;
display: block;	
}
#featured_messages h2 {
position: absolute;
right: 2px;
top: 0px;
font-size: 30px;	
}

#featured_messages h2 a {
text-decoration: none;
height: 61px;
line-height: 55px;
*line-height: 59px; /*ie7 fix, original value + 4px*/
padding: 0 16px 0 18px;
display: block;
}

/*the three boxes*/

#three_boxes {
display: block;
}

.one_third h3 {
padding-bottom: 5px;
/*padding-left: 1px;	
*/}

.img_box {
padding: 5px;
margin-bottom: 3px;
margin: 6px 0 5px 0;
}

#content .img_box {
margin-top: 8px;
}

.img_box img {
display: block;
}

.img_lightbox {
display: block;
}

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

#main {
display: block;
width: 100%;
overflow: hidden;
padding-top: 23px;
}

/*content*/

#content { /*for sidebar pages*/
float: left;
display: block;
width: 428px;
padding-right: 48px;	
}

.fullwidth #content { /*for fullwidth pages*/
width: 100%;
padding-right: 0;	
}

/*entry*/

.entry {
display: block;
overflow: hidden;
padding-bottom: 50px;	
}

/*entry title*/

.entry_title, .entry_title a {
font-size: 28px;
line-height: 27px;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
}

.entry_title a {
margin-bottom: 5px;
margin-top: 1px;	
}

/*entry head*/
.entry_head {
display: block;
width: 100%;
overflow: hidden;
margin-bottom: 2px;
margin-top: 20px;
*margin-top: 17px; /*ie7 fix*/
/*padding: 8px 0;
*/}
.category a, .user a, .date a, .comments a {
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
display: inline-block;
margin-right: 15px;
padding-left: 20px;
line-height: 18px;
}

/*entry content*/

.entry_content {
padding-top: 10px;
display: block;
overflow: hidden;	
}

/*pagination*/
#pagination {
font-size: 11px;
display: block;
position: relative;
overflow: hidden;
float: right;
padding-bottom: 7px;
/*margin-top: -23px;
*/width: 100%;
padding-top: 8px;
}

#pagination .pages {
float: left;
margin-right: 5px;
/*text-transform: uppercase;
*/position: relative;
top: 3px;
}

#pagination .pages .number {
/*padding: 0 2px;	
*/}

#pagination ul {
list-style-type: none;
list-style-position: outside;
display: block;
position: relative;
float: right;
overflow: hidden;
}

#pagination ul li {
float: left;
display: block;
padding: 4px 0;
margin-left: 3px;
}

#pagination ul li a.inactive, #pagination ul li span.active {
line-height: 9px;
display: block;
text-align: center;
padding: 5px 7px;
}

/*sidebar*/

#sidebar { /*for sidebar pages*/
float: left;
display: block;
width: 250px;
padding: 20px 20px 0 20px;
margin-bottom: 40px;
}

.fullwidth #sidebar { /*for fullwidth pages*/
display: none;	
}

/*sidebar box*/

.sidebar_box {
display: block;
width: 100%;
overflow: hidden;
padding-bottom: 40px;	
}

/*sidebar box title*/

.sidebar_box_title {
font-size: 22px;
line-height: 30px;
padding-bottom: 10px;
font-family: Tahoma, Geneva, sans-serif;
}

.sidebar_box_title img {
position: relative;
top: 5px;
margin-right: 10px;	
}

/*sidebar menu*/

ul.sidebar_menu {
list-style-type: none;
list-style-position: outside;
display: block;
overflow: hidden;	
}

ul.sidebar_menu li {
display: block;
overflow: hidden;
}

ul.sidebar_menu li a {
text-decoration: none;
padding: 9px 0 9px 30px;
display: block;
overflow: hidden;
}

/*sidebar ads*/

ul.sidebar_ads {
list-style-type: none;
list-style-position: outside;
display: block;
overflow: hidden;
margin-top: -3px;	
}

ul.sidebar_ads li {
display: block;
overflow: hidden;
margin-top: 10px;
}

ul.sidebar_ads li a img {
width: 250px;
line-height: 0;
display: block;	
}


/*popular posts*/

.popular_posts ul {
list-style-type: none;
list-style-position: outside;
display: block;
overflow: hidden;
width: 100%;	
}

.popular_posts ul li {
display: block;
padding: 12px 0 15px;
position: relative;
overflow: hidden;
}

.popular_posts ul li a.title {
display: block;
font-size: 15px;
margin-top: 0px;
overflow: hidden;
line-height: 18px;
}

.popular_posts ul li a img {
outline: none;
padding: 3px;
margin-right: 12px;
display: block;
float: left;
line-height: 0;	
}

.popular_posts ul li span.category, .popular_posts ul li span.date {
font-size: 11px;
display: block;	
}

.popular_posts ul li span.category {
margin-bottom: -5px;
margin-top: 5px;	
}

.popular_posts ul li span.category a, .popular_posts ul li span.date a {
text-decoration: none;
font-size: 9px;
background: none;
margin: 0;
padding: 0;	
}

/*sidebar tags*/

ul.sidebar_tags {
list-style-type: none;
list-style-position: outside;
margin-top: 10px;
margin-bottom: -5px;	
}

ul.sidebar_tags li {
display: inline-block;
margin: 0 7px 7px 0;
float: left;	
}

ul.sidebar_tags li a {
text-decoration: none;
color: #ccc;
background: #555;
padding: 2px 8px 4px;
font-size: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
text-shadow: 1px 1px 1px #000;	
}

ul.sidebar_tags li a:hover {
background: #d6b518;
color: #000;
text-shadow: 1px 1px 1px #fff;	
}

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

#portfolio {
display: block;
overflow: hidden;	
}

.portfolio_item {
float: left;
display: block;
overflow: hidden;
padding-right: 30px;
margin-bottom: 30px;
}

.item_content {
padding: 5px;
border: 1px solid #aaa;	
}

.photo {
position:relative;
overflow:hidden;
width:224px; /*width of the image*/
height:134px; /*height of the image*/
}	

.photo .heading, .photo .caption {
position:absolute;
width:224px; /* the same for the width of the image*/
opacity:1;
z-index: 100;
}

.photo .heading { 
height: 25px;
top:-25px;
left: 0;
}

.photo .caption { 
height: 25px;		
bottom:-25px;		
left:0px;
}

.photo .heading span {
top:-25px;
font-weight:bold;
display:block;
padding:1px 0 0 0px;
text-align: center;
}

.photo .heading span a {
text-decoration: none;	
}

.photo .caption span{
font-size:10px;
display:block;
padding:8px 0px 0 0px;
line-height: 15px;
text-align: center;
}

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

#footer_wrapper {
display: table;
width: 100%;
overflow: hidden;
position: relative;
}

#footer {
width: 1003px;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 50px;	
}

/*copyright message*/

#copyright_message {
position: absolute;
left: 235px;
top: 16px;
font-size: 12px;
}

/*social icons*/

ul.social_icons {
list-style-type: none;
list-style-position: outside;
position: absolute;
right: 0;
top: 17px;	
}

ul.social_icons li {
float: left;
display: block;
padding-right: 4px;	
}

ul.social_icons li.last {
padding-right: 0;	
}

ul.social_icons li a {
text-decoration: none;
overflow: hidden;	
}

ul.social_icons li a img {
overflow: hidden;	
}

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

/*columns*/

/*sidebar columns*/

.one_third {
float: left;
width: 122px;
padding-right: 30px;	
}

.one_half {
float: left;
width: 199px;
padding-right: 30px;	
}

/*fullwidth column*/

.fullwidth .one_fourth {
float: left;
width: 169px;
padding-right: 30px;	
}

.fullwidth .one_third {
float: left;
width: 236px;
padding-right: 30px;	
}

.fullwidth .one_half {
float: left;
width: 369px;
padding-right: 30px;	
}

.one_sixth {
float: left;
width: 13.6%;
padding-right: 4%;	
}

.five_sixth {
float: left;
width: 82.4%;	
}

.entry .one_fourth, .entry .one_third, .entry .one_half {
padding-top: 5px; /*adding 5px top padding for columns wrapped with entry*/	
}

/*headers*/

h1, h2, h3, h4, h5, h6 {
font-weight: lighter;
padding-bottom: 1px;
display: block;
font-family: Tahoma, Geneva, sans-serif;
}

h1 {
font-size: 42px;	
}

h2 {
font-size: 28px;	
}

h3 {
font-size: 22px;	
}

h4 {
font-size: 18px;	
}

h5 {
font-size: 14px;	
}

h6 {
font-size: 10px;	
}

/*paragraph*/

.entry_content p, #sidebar p {
padding: 5px 0;
}

.entry_content p a, #sidebar p a, #frontpage p a {
text-decoration: none;
font-weight: bold;	
}

#frontpage p {
padding: 5px 0;
}

/*images alignment*/

.alignleft {
margin-right: 15px;
float: left;	
}

.alignright {
margin-left: 15px;
float: right;	
}

/*lists*/

ul.list_1, ul.list_2, ul.list_3, ul.list_4, ul.list_5 {
list-style-position: inside;
margin: 10px 0;
}

/*divider_space*/

.divider_space {
height: 23px;
display: block;
width: 100%;
overflow: hidden;	
}

/*readmore link*/

.readmore_link {
padding-right: 15px;
display: inline-block;
margin-top: 5px;
}

.readmore_link a {
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
}

/*breadcrumb*/

p.breadcrumb {
margin-bottom: 30px;
padding: 10px 12px 7px;
font-size: 10px;
display: block;
text-transform: uppercase;
}

p.breadcrumb a {
text-decoration: none;	
}

p.breadcrumb .bread_arrow {
padding: 0 3px;	
}

/*dropcap*/
.dropcap {
width: 48px;
height: 48px;
line-height: 43px;
*line-height: 48px; /*ie7 fix, original value + 5px*/
margin: 0px 9px 0px 0;
float: left;
display: inline-block;
font-size: 30px;
text-align: center;
text-shadow: none;	
}

/*blockquote*/

#quote_wrap { 
margin: 0;	
padding: 30px 20px 20px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#quote_wrap h4 {
position: relative;
bottom: 8px;
left:41px;
}

#quote_wrap blockquote {
font-family: Georgia, Times, serif;
margin: 0;	
padding: 0;
}

/*blockquote for sidebar pages*/

blockquote {
width: 388px; /*required*/ /*width for blockquotes when used in sidebar entry*/
}

.one_third blockquote {
width: 196px; /*required*/ /*width for blockquotes when used in one_third column in sidebar pages*/	
}

.one_fourth blockquote {
width: 129px; /*required*/ /*width for blockquotes when used in one_fourth column in sidebar pages*/	
}

.one_half blockquote {
width: 329px; /*required*/ /*width for blockquotes when used in one_half column in sidebar pages*/	
}

/*blockquote for fullwidth pages*/

.fullwidth blockquote {
width: 728px; /*required*/ /*width for blockquotes when used in fullwidth entry*/
}

.fullwidth .one_third blockquote {
width: 196px; /*required*/ /*width for blockquotes when used in one_third column in fulwidth pages*/	
}

.fullwidth .one_fourth blockquote {
width: 129px; /*required*/ /*width for blockquotes when used in one_fourth column in fulwidth pages*/	
}

.fullwidth .one_half blockquote {
width: 329px; /*required*/ /*width for blockquotes when used in one_half column in fulwidth pages*/	
}

blockquote p {
font-size: 14px;
font-style: italic;	
}

/*back to top*/

a.scrollTop {
font-size: 11px;
margin-right: 8px;
position: relative;
bottom: 1px;
padding-right: 14px;	
}

/*last [removing last element padding-right]*/

html .last, .fullwidth .last {
padding-right: 0;
}


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

input, textarea {
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;	
}

/* A- SEARCH FORM */

#search_form {
float: right;
display: block;
position: absolute;
top: 50px; /*23px*/
right: 0;
padding: 5px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
width: 60px;
height: 60px;
overflow: hidden;
z-index: 300;	
}

.search_button {
width: 60px;
height: 60px;
overflow: hidden;
float: left;
display: block;
cursor: pointer;
position: relative;	
}

#search_form_content {
display: none;
padding: 5px 20px 0 14px;
float: left;
width: 247px;
overflow: hidden;
position: absolute;
left: 65px;	
}

#search_form p {
display: none;	
}

#search_form label {
font-size: 11px;
margin-bottom: 1px;
cursor: pointer;
}

#search_form input#search {
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
padding: 5px;
margin-right: 5px;
display: block;
width: 190px;
*width: 195px; /*ie7 fix*/	
}

#search_form input#search:focus {
background: #fff;	
}

#search_form input#submit {
outline: none;
padding: 4px;
*padding: 3px; /*ie7 fix*/
text-align: center;
float: left;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;	
}

/* B- CONTACT FORM */

#contact_form {
display: block;
overflow: hidden;
padding-top: 30px;
}

#contact_form p {
padding: 0;	
}

#contact_form label { width: 120px; margin-top: 6px; }
#contact_form label.error, #contact_form input.submit { margin-left: 123px; }
#contact_form input.submit {width: auto; outline: none; padding: 7px 18px; font-size: 13px; margin-left: 125px; }
#contact_form label.error, label.error {
margin-top: 0;
width: auto;
}
div.error { display: none; }
#contact_form input, #contact_form textarea {
border: none;
padding: 10px 8px;
width: 284px;
outline: medium none;
font-size: 13px;
font-family: Tahoma, Geneva, sans-serif;
}
#contact_form textarea {height: 150px;}

form#contact_form label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
}

form#contact_form p {
list-style: none;
padding-bottom: 10px;
margin: 0;
}





select {
font-family: Tahoma, Geneva, sans-serif;
color: #000;
padding: 5px;
outline: none;
border: 1px solid #aaa;
width: 140px;
cursor: pointer;
/*opacity: .5;	
*/}

select:hover{
/*opacity: 1;
*/
}

select option {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #555;
}

/*#backgrounds_options {
position: absolute;
right: 0;
top: 23px;	
}

#backgrounds_attachment {
position: absolute;
right: 150px;
top: 23px;	
}

#logo_and_navigation_positioning {
position: absolute;
right: 300px;
top: 23px;
}
*/
#styles_switcher {
position: fixed;
width: auto;
height: 100px;
display: block;
z-index: 200;
left: 0;
top: 197px;	
}

#sliding_button {
width: auto;
height: 32px;
background: url("../images/theme/settings.png"/*tpa=http://moradxd.zxq.net/inaction/light/images/theme/settings.png*/) no-repeat top left;
display: block;
cursor: pointer;
position: absolute;
left: 23px;
top: 21px;
z-index: 300;
font-size: 12px;
color: #D6B518;
line-height: 32px;
/*text-transform: uppercase;
*/padding-left: 38px;
margin-left: 18px;	
}

#sliding_button:hover {
color: #000;	
}

ul#select_option_boxes {
list-style-type: none;
list-style-position: outside;
display: block;
position: absolute;
padding-top: 50px;
padding: 41px 30px 30px 30px;
/*margin-top: 50px;
*/background: #fff;
border: 1px solid #aaa;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

ul#select_option_boxes li {
display: block;
padding-top: 23px;
}

ul#select_option_boxes li span.title {
font-size: 9px;
color: #000;
display: block;
width: 140px;
line-height: 13px;
padding-bottom: 3px;	
}




/*styles switcher*/
ul.styles_switcher {
list-style-type: none;
list-style-position: outside;
position: fixed;
left: -60px;
top: 5px;
/*width: 26px;
*/height: auto;
line-height: 14px;
/*background: #fff;
border-right: 3px solid #555;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
*//*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
*/text-align: center;
font-size: 10px;
text-shadow: 1px 1px 0 #fff;
padding: 5px 0 5px 8px;
overflow: hidden;
z-index: 500;	
}

ul.styles_switcher li {
display: block;
margin: 0 3px;
padding: 0 4px;
float: left;
}

ul.styles_switcher li a {
color: #555;
text-decoration: none;
display: block;	
}

ul.styles_switcher li a:hover {
color: #d6b518;
text-decoration: underline;
}

ul.styles_switcher li a.sliding_button {
height: 16px;
width: 16px;
display: block;
background: url("../images/theme/settings.png"/*tpa=http://moradxd.zxq.net/inaction/light/images/theme/settings.png*/) no-repeat center center;
text-indent: -9999px;
color: #E9D8B6;
margin: 0 auto;
opacity: .3;
}

ul.styles_switcher li a.sliding_button:hover {
opacity: 1;
padding-left: 5px;	
}

/*tooltip*/
#tooltip {
position:absolute;
background:#fff;
padding:5px 8px;
color:#333;
display:none;
overflow: hidden;
font-size: 8px;
border: 1px solid #aaa;
letter-spacing: 1px;
text-transform: uppercase;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 500;
}