/*



Theme Name: Fancy Theme



Theme URI: http://www.mipdesign.com/



Description: Theme designed and developed by <a href="http://www.mip-design.com/">Mip Design Studio</a>.



Version: 1.1



Author: Mip Design Studio







*/







/* Base



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







*



{



	margin: 0px;



	padding: 0px;



}







body



{



        background: #001736 url(images/bg.jpg) no-repeat top left;



	font: normal 0.75em/145% Arial, Tahoma, sans-serif;



	color: #2f3535;



	text-align: center;



	padding: 0px 0 20px 0;



}







p



{



	margin: 0px 0px 10px 0px;



	line-height: 140%;



	color: #454545;



}







a



{



	color: #404d6c;



	outline: none;



	text-decoration: underline;



}







a:hover



{



	text-decoration: none;



        /* color: #80c31c; */



}







.hide



{



	display: none;



}







img



{



	border: 0px;



}







.left



{



	float: left;



}







.right



{



	float: right;



}







.padd5



{



	padding: 5px;



}







.padd10



{



	padding: 10px;



}







.padd15



{



	padding: 15px;



}






.padd20



{



	padding: 20px;



}











/* Clearing method



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







.clearfix:after {



    content: ".";



    display: block;



    clear: both;



    visibility: hidden;



    line-height: 0;



    height: 0;



}







.clearfix {



    display: inline-block;



}







html[xmlns] .clearfix {



    display: block;



}







* html .clearfix {



    height: 1%;



}







.clear



{



	clear: both;



}











/* Layout



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







#page-container



{



	width: 980px;



	margin: 0px auto;



	padding: 0px 0 15px 0;



	text-align: left;



	/* background-color: #FFFFFF; */



}







#page-wrapper



{



	margin: 0 15px 0 15px;



	/* background-color: #e7e7e7; */



	background: #e7e7e7 url(images/wrapper.jpg) repeat top left ;



}







#page-header



{



	height: 108px;



	background: #001736 url("images/bg_header.gif") repeat-x 0% 0%;



}







#page-navigation



{



	height: 10px;



	/* background-color: #e7e7e7; */



	padding-left: 20px;



}







#page-content-container



{



	padding: 20px;



}







#page-content-container .box



{



	border: 1px solid #aaa;



	background: #fff;



}







#sidebar



{



	width: 294px;



	float: right;



}







#main-content



{



	width: 601px;



	float: left;



	background-color: #fff;



	border: 1px solid #aaa;



}







#page-footer



{



	background-color: #FFFFFF;



	padding: 15px 20px 15px 20px;



	border-bottom: 5px solid #9cb032;



}











/* Page header



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





/*

#page-header h1



{



	font: normal 3.2em Georgia, Times, serif;



	color: #fff;



	width: 270px;



	text-align: center;



	margin: -45px 0 0 20px;



	padding-right: 12px;



	position: absolute;



	/* background: url("images/bg_logo_right.png") no-repeat 100% 100%; */



}







#page-header h1 em



{



	display: block;



	padding: 45px 0 25px 12px;



	color: #fff;



	text-decoration: none;



	/* background: url("images/bg_logo_left.png") no-repeat 0% 100%; */



}

*/





#page-header h1 span



{



	display: block;



	font: normal 0.4em Arial, Tahoma, sans-serif;



	color: #cecece;



}







#page-header img



{



	float: right;



	border: 2px solid #696969;



	margin: 20px 20px 0 0;



}











/* Page navigation



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







#page-navigation ul



{



	margin: 0px;



	padding: 0px;



	list-style: none;



}















#page-navigation li



{



	float: left;



        z-index: 200;



}







#page-navigation li a



{



	font: bold 1.0em Arial, Tahoma, sans-serif;



	color: #003399;



	text-decoration: none;



	display: block;



	padding: 10px 15px 7px 15px;



	border-right: 1px solid #aaaaaa;



	position: relative;



	overflow: hidden;



        z-index: 10;







}







#page-navigation li a:hover



{



	color: #003399;



    text-decoration: none;



	/* background-color: #80c31c; */



}



.sf-menu li:hover



{



	color: #FF0000;



        text-decoration: none;



	/* background-color: #80c31c; */



}







#page-navigation li li a, #page-navigation  li li a:visited, #page-navigation li li a:active {



	padding: 7px 5px 7px 15px;



	border-bottom: 1px solid #ece9e2;



}







#page-navigation li li a:hover, #page-navigation li.current_page_item li a:hover



{



	background: none;



	/* background-color: #80c31c; */



}







#page-navigation li.current_page_item a



{



	padding: 10px 15px 7px 15px;



	border-left: 1px solid #ece9e2;



	border-right: 1px solid #aaaaaa;



	color: #003399;



}







#page-navigation li.current_page_item li a



{



	background: none;



	background-color: #e7e7e7;



	padding: 7px 5px 7px 15px;



	border: none;



}











/* Highlight - Main



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







#head-highlight



{



	padding: 10px;



	margin-bottom: 11px;



	font: normal 1.2em/150% Arial, Tahoma, sans-serif;



	color: #333333;



        z-index: 100;



}







#head-highlight .head-highlight-inner



{



	background-color: #CCCCCC;



}







#head-highlight .head-highlight-content



{



	width: 255px;



	float: right;



	margin: 20px 20px 0 0;



}







#head-highlight img.head



{



	display: block;



	float: left;



	border-right: 1px solid #fff;



}







#head-highlight h2



{



	font: bold 1.15em/140% Arial, Tahoma, sans-serif;



	color: #333333;



	text-transform: uppercase;



	margin-bottom: 10px;



}







#head-highlight h2 a



{



	color: #333333;



}







#head-highlight p



{



	color: #333333;



}







#head-highlight a.detail



{



	display: block;



	font: bold 0.8em/140% Arial, Tahoma, sans-serif;



	color: #333333;



	t.ext-decoration: none;



	margin-bottom: 5px;



	background: url("images/bullet_1.gif") no-repeat 0% 65%;



	padding-left: 12px;



}











/* Highlight - Featured



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







#products-highlight



{



	margin-bottom: 11px;



}







#products-highlight .product



{



	width: 294px;



	height: 180px;



	float: left;



	margin-right: 11px;



	background: url(images/box-bgr.gif) repeat-x top;



	border: 1px solid #aaa;



}







#products-highlight .last



{



	margin-right: 0px;



}







#sidebar #products-highlight .last



{



	margin-bottom: 11px;



}







#products-highlight h3



{



	font: bold 1.3em Arial, Tahoma, sans-serif;



	color: #454545;



	text-transform: uppercase;



	margin: 0px 0 8px 0;



	padding-bottom: 3px;



	border-bottom: 1px dotted #454545;



}







#products-highlight h3 a



{



color: #6ea500;

	text-decoration: none;



}







#products-highlight h3 a:hover



{



	color: #6ea500;
        text-decoration: underline;


}







#products-highlight a.detail



{



	font-weight: bold;



	color: #343434;



	background: url("images/bullet_1.gif") no-repeat 0% 60%;



	padding-left: 12px;



}







#products-highlight img



{



	float: right;



	margin: 0 0 3px 10px;



	border: 1px solid #ccc;



	background-color: #eee;



	padding: 5px;



}















/* Main content



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







#main-content.wide



{



	width: auto;



	float: none;



	padding: 10px;



}







#main-content h2



{



	font: normal 1.7em Arial, Tahoma, sans-serif;



	color: #003399;



	margin: 15px 0 15px 0;



	padding-bottom: 5px;



	border-bottom: 1px dotted #454545;



}







#main-content h3



{



	font: bold 1.2em Arial, Tahoma, sans-serif;



	color: #454545;



	text-transform: uppercase;



	margin: 20px 0 10px 0;



}







#main-content h4



{



	font: normal 1.4em/130% Arial, Tahoma, sans-serif;



	color: #9cb032;



	margin: 20px 0px 10px 0px;



}







#main-content h2#comments



{



	padding: 20px 0 10px 20px;



	margin: 20px -21px 0 -21px;



	background-color: #e7e7e7;



	border-top: 1px solid #aaa;



	border-bottom: 1px solid #aaa;



}







#main-content h2 span



{



	color: #9cb032;



}







#main-content h3.posted



{



	font: normal 1.0em/140% Arial, Tahoma, sans-serif;



	color: #666;



	margin: -10px 0px 20px 0px;



	text-transform: none;



}







#main-content a



{



	color: #9cb032;



}







#main-content img



{



	border: 0px solid #ccc;



	background-color: #FFFFFF;



	margin: 0px 0px 10px 0px;



	padding: 5px;



}











#main-content ul



{



	margin: 0 0 10px 0;



	padding-left: 16px;



	list-style-type: square;



}











/* Page content - images



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







#main-content .alignleft



{



	float: left;



	margin: 3px 15px 10px 0px;



}







#main-content .alignright



{



	float: right;



	margin: 3px 0px 10px 15px;



}







#main-content #gallery



{



	margin: 0 -20px 0 -20px;



	padding: 10px;



	background-color: #f3f3f3;



	text-align: center;



	border-top: 1px solid #aaa;



	border-bottom: 1px solid #aaa;



}







#main-content #gallery img



{



	border: none;



	padding: 0px;



	display: block;



	margin: 0px;



	width: 581px;



}







#main-content #gallery_changer



{



	margin: 0 -21px 20px -21px;



	list-style: none;



}







#main-content #gallery_changer li



{



	float: left;



	padding: 11px 5px 11px 7px;



}











#main-content #gallery_changer li a



{



	width: 14px;



	height: 14px;



	display: block;



	text-indent: -9999px;



	background-color: #fff;



	border: 1px solid #424747;



}







#main-content #gallery_changer li a:hover



{



	background-color: #424747;



}







#main-content #gallery_changer li.current a



{



	background-color: #9cb032;



	border: 1px solid #9cb032;



}















/* Page content - topics



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







#main-content .post-item



{



	margin: 0px 0px 20px 0px;



}







#main-content .post-item h2



{



	margin-bottom: 10px;



}







#main-content .post-item h2 a



{



	color: #444;



	text-decoration: none;



}







#main-content .post-item h2 a:hover



{



	color: #9cb032;



}







#main-content .post-item h3



{



	font: bold 1.0em Arial, Tahoma, sans-serif;



	color: #787878;



	margin: 0px 0px 7px 0px;



	text-transform: none;



}







#main-content .post-item img



{



	float: left;



	margin: 3px 15px 3px 0px;



}







#main-content .post-item a.detail



{



	font: bold 1.1em Arial, tahoma, sans-serif;



	background: url("images/bullet_1.gif") no-repeat 0% 65%;



	color: #454545;



	padding-left: 10px;



}







#main-content .post-item a.detail:hover



{



	color: #9cb032;



	text-decoration: none;



}







#post-navigation



{



	margin: 50px 0px 0px 0px;



	padding: 8px;



	background-color: #eee;



}







#post-navigation a



{



	display: block;



	float: left;



	font: bold 0.9em Arial, Tahoma, sans-serif;



	color: #444;



	text-decoration: none;



	text-transform: uppercase;



}







#post-navigation .next a



{



	float: right;



}







#post-navigation a:hover



{



	color: #9cb032;



}











#post-indexing



{



	margin: 50px 0px 0px 0px;



	padding: 8px;



	background-color: #eee;



}











/* Page content - main-post-image



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







#main-post-image-container



{



	width: 601px;



	float: left;



	margin-bottom: 11px;



}







#main-post-image-container .main-post-image-inner



{



	background-color: #424747;



	margin: 10px;



}







#main-post-image-container .main-post-image-inner h3



{



	font: bold 1.0em/150% Arial, Tahoma, sans-serif;



	color: #ccc;



	padding: 8px 0 8px 12px;



	border-top: 1px solid #fff;



}







#main-post-image-container .main-post-image-inner h3 span



{



	display: block;



	float: left;



	font: bold 0.9em Arial, Tahoma, sans-serif;



	color: #fff;



	margin: -8px 15px -8px -12px;



	padding: 10px 14px 15px 14px;



	/* background: #fff url("images/bg_nav_active.gif") no-repeat 50% 100%; */



	border-right: 1px solid #fff;



}







#main-post-image-container .main-post-image-inner h3 span a



{



	color: #fff;



	display: block;



}







#main-post-image-container .main-post-image-inner img



{



	display: block;



	border: none;



}











/* Page content - portfolio items



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







#portfolio-list 



{



	margin: 30px 0 0 0;



}







#portfolio-list .portfolio-item



{



	width: 274px;



	float: left;



	margin: 0 10px 10px 0;



}







#portfolio-list .last



{



	float: right;



	margin-right: 0;



}







#portfolio-list .inner



{



	margin: 10px;



	background-color: #424747;



}







#portfolio-list .inner img



{



	width: 254px;



	display: block;



	margin: 0 0 10px 0;



	padding: 0px;



	border: none;



	border-bottom: 1px solid #fff;



}







#portfolio-list .inner h3



{



	font: bold 1.1em/140% Arial, Tahoma, sans-serif;



	color: #fff;



	margin: 0;



	padding: 0 10px 5px 10px;



}







#portfolio-list .inner h3 a



{



	color: #fff;



}







#portfolio-list .inner p



{



	font: normal 1.0em/130% Arial, Tahoma, sans-serif;



	color: #dedfdf;



	padding: 0 10px 10px 10px;



}











/* Page content - comments



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







#main-content .comments_no span



{



	color: #9cb032;



}







#main-content .commentlist



{



	margin: 25px 0px 0px 0px;



	padding: 0px;



	list-style: none;



}







.commentlist li



{



	padding-bottom: 5px;



  padding-top: 15px;



	background-color: #fff;



  border-bottom: 1px solid #ccc;



}







.commentlist li .comment-gravatar



{



    width: 100px;



    float: left;



}







.commentlist li .comment-gravatar img



{



	width: 70px;



	height: 70px;



  display: block;



  margin: 0px;



}







.commentlist li .comment-text



{



    width: 430px;



    float: left;



}







#main-content .commentlist h4



{



	font-size: 1.1em;



	font-weight: bold;



	color: #343434;



	margin: 0px 0px 10px 0px;



}







#main-content .commentlist h4 a



{



	color: #343434;



}







#main-content .commentlist h4 span



{



	font-size: 0.9em;



	display: block;



}







#main-content .commentlist h4 span a



{



	color: #9cb032;



}



		



.commentinfo {



	float: left;



	padding-top: 5px;



	font-size: 0.9em;



}







.commentlist li.my-comment 



{



	background-color: #eee;



	padding-left: 10px;



	padding-right: 15px;



}







#main-content li.my-comment h4 



{



	color: #000;



}







.commentlist li.my-comment p



{



    color: #000;



}







#main-content .commentlist li.my-comment img



{



    background-color: #fff;



}











.commentlist li.my-comment .comment-text



{



    width: 405px;



}







.commenttext 



{



	font-size: 0.9em;



}







.commentlist code 



{



	font-size: 1.3em;



	line-height: 120%;



}







#main-content .commentlist .wp-smiley 



{



	border: none;



	padding: 0px;



	background: none;



}











/* Page content - comment forms



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







#post-comment



{



	border-top: 1px solid #343434;



	background-color: #f6f6f6;



	padding: 20px;



}







#main-content #post-comment input, #main-content #post-comment textarea



{



	background-color: #fff;



}







#main-content label



{



	display: block;



	font: bold 1.0em/120% Arial, tahoma, sans-serif;



	color: #343434;



	float: left;



	width: 180px;



	margin: 5px 0px 10px 0px;



}







#main-content input, #main-content textarea



{



	float: left;



	width: 290px;



	background-color: #fff;



	border: 1px solid #aaa;



	font: normal 1.1em/120% Arial, tahoma, sans-serif;



	color: #343434;



	margin: 0px 0px 10px 0px;



	padding: 4px;



}







#main-content textarea



{



	width: 350px;



	height: 150px;



}







#main-content .comment



{



	display: block;



	float: none;



	margin: 0px 0px 5px 0px;



	width: 470px;



}







#main-content label.comment



{



	margin-top: 10px;



}







#main-content input.submit



{



	display: block;



	float: left;



	width: 150px;



	background-color: #fff;



	border: 1px solid #aaa;



	font: normal 1.2em/120% Georgia, Times, serif;



	color: #454545;



	margin: 10px 0px 10px 0px;



	padding: 5px;



}







#main-content input.submit:hover



{



	color: #9cb032;



}







#main-content input:focus, #content-main textarea:focus



{



	border: 1px solid #45371b;



}











/* Page content - comment form 7 plugin



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







#content-main .wpcf7



{



	margin-top: 50px;



}







#content-main .wpcf7 textarea



{



	width: 470px;



}











/* Page products



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







#products-view .product-item



{



	border-bottom: 1px solid #ccc;



	padding-bottom: 15px;



	margin-bottom: 15px;



}







#products-view .product-item .product-image



{



	width: 100px;



	float: left;



	margin-right: 20px;



}







#product-detail #image-tab



{



	width: 250px;



	float: right;



	padding: 10px 0 10px 0;



	margin: 15px 0 15px 0;



	border: 1px solid #aaa;



	text-align: center;



}







#product-detail #desc-tab



{



	width: 250px;



	padding-top: 20px;



	float: left;



}







#product-detail #variant-add ul



{



	margin-top: 30px;



	padding-left: 0px;



	list-style: none;



}







#product-detail #variant-add li



{



	margin-bottom: 5px;



}







#product-detail #variant-add input.submit



{



	font: bold 1.1em Arial, Tahoma, sans-serif;



	color: #fff;



  margin-top: 15px;



	padding: 6px 15px 6px 15px;



	border: none;



	background-color: #444;



	cursor: pointer;



}







#product-detail #variant-add input:hover



{



	background-color: #9cb032;



}















/* Page sidebar



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







#sidebar .side-links



{



	border: 1px solid #aaa;



	background: url(images/box-bgr.gif) #ffffff repeat-x top;



	list-style: none;



	padding: 15px 15px 20px 15px;



	margin-bottom: 11px;	



}







#sidebar .side-links ul



{



	list-style: none;



}







#sidebar .side-links li li



{



	padding: 5px 5px 5px 20px;



	border-bottom: 1px dotted #aaa;



  background: url("images/bullet_1.gif") no-repeat 4px 11px;



}







#sidebar .side-links li.current



{



	margin: 0 -15px 0 -15px;



	padding: 5px 20px 5px 34px;



	background: #eee url("images/bullet_1.gif") no-repeat 19px 11px;



}







#sidebar .side-links li a



{



	font: bold 1.0em Arial, Tahoma, sans-serif;



	color: #444;



}







#sidebar .side-links h3, #sidebar .side-links label



{



	font: bold 1.4em Arial, Tahoma, sans-serif;



	color: #003399;



	text-transform: uppercase;



	display: block;



	border: none;



	/* background: url("images/bg_nav_active.gif") no-repeat 50% 100%; */



	/* padding: 12px 15px 16px 15px; */



        padding: 0px 0px 0px 0px;



	margin-bottom: 8px;



}







#sidebar .side-links li.search



{



	border: none;



	padding: 5px 0 0 0;



}







#sidebar .side-links li input



{



	font: bold 1.4em Arial, Tahoma, sans-serif;



	color: #454545;



	width: 180px;



	float: left;



	padding: 2px;



}







#sidebar .side-links li #searchsubmit



{



	font: bold 1.1em Arial, Tahoma, sans-serif;



	color: #fff;



	width: 70px;



	float: right;



	border: none;



	padding: 5px 0 5px 0;



	background-color: #444;



}







#sidebar .side-links li img



{



	width: 70px;



	height: 70px;



	display: block;



	float: left;



	margin: 5px 5px 0 0;



	border: 1px solid #ccc;



	background-color: #eee;



	padding: 5px;



}







#sidebar .side-links li a:hover img



{



	border: 1px solid #9cb032;



	background-color: #fff;



}







#sidebar .banner



{



	border: 1px solid #aaa;



	background-color: #fff;



	padding: 22px;



	margin-bottom: 11px;



}











/* Sidebar banners



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







#sidebar #banners 



{



	border: 1px solid #aaa;



	background: url(images/box-bgr.gif) #FFFFFF repeat-x top;



	/* background-color: #fff; */



	padding: 3px 15px 15px 15px;



	margin-bottom: 11px;	



}







#sidebar #banners img



{



	display: block;



	float: left;



	margin: 12px 12px 0 0;



}







#sidebar #banners img.alternate



{



	margin-right: 0;



}















/* Page footer



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







#page-footer ul



{



	list-style: none;



	border-bottom: 1px solid #424747;



	padding-bottom: 5px;



	margin-bottom: 15px;



}







#page-footer li



{



	float: left;



	padding-right: 15px;



	margin-right: 15px;



	border-right: 1px solid #aaaaaa;



	font: bold 1.0em Arial, Tahoma, sans-serif;



	color: #003399;



	text-decoration: none;



	display: block;



	position: relative;



        overflow: hidden;



}







#page-footer p



{



	color: #003399;



	text-align: right;



	margin: 0px;



}







#page-footer a



{



	color: #9cb032;



	text-decoration: none;



}







#page-footer a:hover



{



       color: #80c31c;



       text-decoration: none;



}







#page-footer li.current_page_item a



{



	color: #003399;



	text-decoration: none;



}







.magbox {



	background: #ffffff;



	border: 1px solid #cfcfcf;



	margin: 0 0 28px;



	padding: 20px;



}







.post-title h1 {



	color: #333333;



	font-size: 18px;



	font-weight: bold;



	letter-spacing: -0.5px;



}

.panel-overlay h2 a {
text-decoration: none;
}


.panel-overlay h2 a:hover {
text-decoration: underline;
}

#post-divider {
border: 1px dotted #cccccc;
}

#main-content img.productleft {
border: 7px solid #cccccc;
float: left;
margin: -5px 20px 15px 0px;
padding: 0px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}