Mettre un background spécifique à la page d’accueil (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 1 réponse, 2 participants et a été mis à jour pour la dernière fois par lefevre, le il y a 8 années.
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #538693
    Artemico
    Participant
    Initié WordPress
    4 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.9.1
    – Version de PHP/MySQL :
    – Thème utilisé : Nemesis
    – Extensions en place : Akismet; eh.RandomQuotes; GRAND Flash Album Gallery; jQuery Colorbox; Link Manager; Meteor Slides; Photo Gallery; Random Text; Shortcodes Ultimate
    – Nom de l’hebergeur : Local
    – Adresse du site : Local

    Problème(s) rencontré(s) :

    J’aimerais mettre un background sur ma page d’accueil, qui soit différent de mes pages. J’ai fouiller dans le CSS et j’ai trouvé la ligne background, où j’ai fais référence à mon image de fond. Le problème c’est que mon image est sur toutes les pages de mon site. Elle est par contre bien sur la page d’accueil. J’ai télécharger un plugin pour les backgrounds, ça marchait plutôt bien mais le fond était fixe, alors que le contenu de ma page bougeait. Ce n’était pas le résultat que je voulais.

    Est-ce que c’est possible d’avoir un fond spécifique juste pour la page d’accueil ?
    Merci d’avance, je suis désespéré là :(

    /* 
    	CSS Reset 
    */
    
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .search_box p
    {
    	margin:0;
    	padding:0;
    	border:0;
    	font-weight:inherit;
    	font-style:inherit;
    	font-size:100%;
    	font-family:inherit;
    	vertical-align:baseline;
    }
    
    body 
    {
    	line-height:1.5;
    }
    blockquote:before, blockquote:after, q:before, q:after 
    {
    	content: » »;
    }
    blockquote, q 
    {
    	quotes: » » «  »;
    }
    a img 
    {
    	border:none;
    }
    
    p {
    	padding-top:0.4em;
    	padding-bottom:0.4em;
    }
    
    
    /*
    	Global Layout
    */
    
    body
    {
    	background: #fff url(« wp-content/images/patterns/test6.png »);
    	font-size: 12px;
    	font-family: ‘Helvetica’, ‘Helvetica’, ‘Lucida Grande’,Verdana, sans-serif;
    	padding: 0;
    	margin: 0;
    	color: #666;
    	overflow-x: hidden;
    }
    
    a
    {
    	color: #ef3b24;
    	text-decoration: none;
    }
    
    a:hover
    {
    	color: rgba(240,60,36,0.66);
    	text-decoration: none;
    }
    
    a:active
    {
    	color: #000;
    	text-decoration: none;
    }
    
    #footer a
    {
    	color: #fff;
    }
    
    ::selection {
    	background: #ef3b24;
    	color: white;
    	text-shadow: none;
    }
    
    img.alignright, div.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft, div.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 .5em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    
    hr {
    	border-left: none;
    	margin: 0;
    	border: 0;
    	background: transparent;
    	display: block;
    	border-bottom: 1px solid #ccc;
    	clear:both;
    	margin-bottom: 10px;
    }
    
    div.divider
    {
    	display: none;
    }
    
    #wrapper
    {
    	width: 960px;
    	margin: auto;
    }
    
    #footer 
    {
    	width: 100%;
    	background: #323232;
    	border: 0;
    	margin: auto;
    	margin-top: 20px;
    	padding: 20px 0 20px 0;
    	color: #e5e5e5;
    	text-shadow: 0 1px 1px rgba(0,0,0,.2);
    }
    
    #footer ul.sidebar_widget
    {
    	width: 960px;
    }
    
    #copyright
    {
    	width: 100%;
    	margin: auto;
    	padding: 0;
    	clear:both;
    	background: #3d26ed;
    	color: #fff;
    	text-shadow: 0 1px 1px rgba(0,0,0,.2);
    }
    
    .copyright_wrapper
    {
    	width:960px;
    	margin:auto;
    }
    
    .copyright_wrapper .left_wrapper
    {
    	float:left;
    	width:540px;
    	margin:25px 0 15px 0;
    }
    
    .copyright_wrapper .right_wrapper
    {
    	float:right;
    	width:300px;
    	text-align:right;
    	margin:25px 0 15px 0;
    }
    
    .top_info
    {
    	float: left;
    	font-size: 11px;
    	margin-top: 1px;
    	color: #fff;
    	padding: 5px 10px 5px 10px;
    }
    
    .top_info a
    {
    	color: #fff;
    	padding: 3px 6px 3px 6px;
    	margin: 0 3px 0 3px;
    	background: transparent;
    }
    
    .top_info a:hover
    {
    	color: #F55D2D;
    	background: transparent;
    }
    
    pre, code, tt {font:12px ‘andale mono’, ‘lucida console’, monospace;line-height:1.5;display: block;word-wrap: break-word; color: #888; 
    	overflow:auto; padding: 20px;
    line-height: 19px; background: transparent url(« ../images/pre_bg.png ») repeat; border: 1px solid #ebebeb;
    }
    
    /*
    	Input layout
    */
    
    input[type=text], input[type=password], select, textarea
    {
    	padding: 10px 10px 8px;
    	margin: 0 5px 0 0;
    	border: none;
    	width: 67%;
    	color: #999;
    	font-size: 13px;
    	line-height: 1;
    	text-align: left;
    	float: left;
    	outline: none;
    	-webkit-box-shadow: 0 0 2px rgba(170, 170, 170, 1), inset 0 -3px 0 rgba(245, 245, 245, 1);
    	-moz-box-shadow: 0 0 2px rgba(170, 170, 170, 1), inset 0 -3px 0 rgba(245, 245, 245, 1);
    	box-shadow: 0 0 2px rgba(170, 170, 170, 1), inset 0 -3px 0 rgba(245, 245, 245, 1);
    }
    
    input[type=text].blur, textarea.blur
    {
    	color: #999;
    	font-style: italic;
    }
    
    #footer input[type=text], #footer textarea
    {
    	background: #333;
    	border: 1px solid #444;
    	font-size: 11px;
    }
    
    #footer input[type=text].blur, #footer textarea.blur
    {
    	color: #666;
    }
    
    label
    {
    	font-weight:normal;
    }
    
    #contact_form label, #commentform label
    {
    	float: left;
    	margin-left: 10px;
    	margin-top: 6px;
    	margin-bottom: 25px;
    }
    
    #contact_form label.error, #commentform label.error
    {
    	color: #AC1C20;
    	float: left;
    	margin-top: 6px;
    	margin-bottom: 0;
    }
    
    #contact_form input, #contact_form textarea, #commentform input, #commentform textarea
    {
    	float: left;
    	margin-bottom: 15px;
    }
    
    input[type=submit], input[type=button], a.button
    {
    	display: inline-block;
    	outline: none;
    	cursor: pointer;
    	text-align: center;
    	text-decoration: none;
    	padding: .65em 2em .65em 2em;
    	color: #fff;
    	font-weight: bold;
    	border: solid 1px #e73d26;
    	text-shadow: 0 0px 1px rgba(0,0,0,.7);
    	background: #e73d26 url(‘../images/btn_bg.png’) repeat-x top;
    	margin-right: 5px;
    }
    
    #footer input[type=submit], #footer input[type=button]
    {
    	font-size: 11px;
    }
    
    a.comment-reply-link
    {
    	margin-top: 10px;
    	float:right;
    	font-size: 10px;
    }
    
    a.button
    {
    	padding-top:8px;
    }
    
    input[type=submit]:hover, input[type=button]:hover, a.button:hover
    {	
    	
    }
    
    input[type=submit].medium, input[type=button].medium, a.button.medium
    {
    	font: 16px/100% ‘Helvetica Neue’, Helvetica ‘Lucida Grande’,Verdana,sans-serif;
    }
    
    input[type=submit].large, input[type=button].large, a.button.large
    {
    	font: 20px/100% ‘Helvetica Neue’, Helvetica ‘Lucida Grande’,Verdana,sans-serif;
    }
    
    input[type=submit]:active, input[type=button]:active, a.button:active
    {
    	position: relative;
    	top: 1px;
    	left: 1px;
    	background: #FEBD4B url(‘../images/btn_bg.png’) repeat-x bottom;
    }
    
    .slider_desc a.button.large
    {
    	float: right;
    	margin-top: -25px;
    	margin-right: 60px;
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.6);
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.6);
    	box-shadow: 0 1px 3px rgba(0,0,0,.6);
    }
    
    input[type=submit].left, input[type=button].left, a.button.left
    {
    	float: left;
    }
    
    input[type=submit].right, input[type=button].right, a.button.right
    {
    	float: right;
    }
    
    input[type=submit].center, input[type=button].center, a.button.center
    {
    	margin: auto;
    }
    
    #cancel-comment-reply-link
    {
    	float: left;
    	display: block;
    	margin: 10px 0 0 15px;
    	font-size: 11px;
    }
    
    h1
    {
    	font-size: 46px;
    	line-height: 46px;
    	letter-spacing: -2px;
    }
    
    h2
    {
    	font-size: 30px;
    	line-height: 30px;
    	letter-spacing: -1px;
    }
    
    h3
    {
    	font-size: 26px;
    }
    
    h4
    {
    	font-size: 24px;
    }
    
    h5
    {
    	font-size: 18px;
    }
    
    h6
    {
    	font-size: 14px;
    }
    
    .margintop10
    {
    	margin-top: 10px;
    }
    
    h1, h2, h3, h4, h5, h6
    {
    	font-family: ‘Helvetica Neue’, Helvetica, ‘Lucida Grande’,Verdana, sans-serif;
    	color: #000;
    	font-weight: bold;
    }
    
    h4.center
    {
    	text-align: center;
    }
    
    .clear
    {
    	clear: both;
    }
    
    img.mid_align
    { 
    	vertical-align: middle;
    	margin-right: 5px;
    	border: 0;
    }
    
    img.frame
    {
    
    }
    
    .frame_left
    {
    	padding: 8px;
    	background: #f9f9f9;
     	float: left;
     	margin: 0 20px 10px 0;
     	text-align: center;
     	border: 1px solid #ccc;
     	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    .frame_left .caption, .frame_right .caption, .frame_center .caption
    {
    	margin: 7px 0 2px 0;
    	display: block;
    	font-weight: bold;
    }
    
    .frame_right
    {
    	padding: 8px;
    	background: #f9f9f9;
     	float: right;
     	margin: 0 0 10px 20px;
     	text-align: center;
     	border: 1px solid #ccc;
     	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    .frame_center
    {
    	padding: 8px;
    	background: #f9f9f9;
     	margin: auto;
     	margin-top: 20px;
    	margin-bottom: 20px;
     	text-align: center;
     	clear: both;
     	display: table;
     	border: 1px solid #ccc;
     	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    iframe, .video_frame, .img_shadow
    {
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    .dropcap1
    {
    	display: block;
    	float: left;
    	margin: 0 8px 0 0;
    	font-size: 24px;
    	line-height: 42px;
    	background: #000;
    	-webkit-border-radius: 50px;
    	-moz-border-radius: 50px;
    	border-radius: 50px;
    	color: #fff;
    	width: 40px;
    	height: 40px;
    	text-align: center;
    }
    
    blockquote
    {
    	width: 90%;
    	min-height: 50px;
    	margin: 10px 0 10px 20px;
    	border-left: 2px solid #DDD;
    	font-size: 16px;
    	font-family: Georgia, »Times New Roman »,Times,serif;
    	font-style: oblique;
    	color: #999;
    	padding: 20px;
    }
    
    blockquote h2
    {
    	font-weight: normal;
    	font-size: 22px;
    	font-style: italic;
    	font-family: Georgia, Times, serif;
    	text-transform: none;
    }
    
    blockquote h3
    {
    	font-weight: normal;
    	font-size: 20px;
    }
    
    #respond
    {
    	width: 100%;
    	float: left;
    	margin: 0 0 30px 0;
    }
    
    .comment_wrapper #respond
    {
    	margin: -10px 0 50px 35px;
    	padding: 0 20px 20px 20px;
    	background: #f9f9f9;
    	width: 87%;
    }
    
    .comment_wrapper ul.children #respond
    {
    	margin: 20px 0 20px 40px;
    	padding: 0 20px 20px 20px;
    	background: #f9f9f9;
    	width: 72%;
    }
    
    .space
    {
    	margin-bottom: 10px;
    }
    
    #top_wrapper
    {
    	width: 100%;
    	height: 5px;
    	background: #323232;
    }
    
    .social_wrapper
    {
    	float: right;
    	width: 420px;
    }
    
    #footer .social_wrapper
    {
    	position: static;
    	float: right;
    	margin-right: 30px;
    	margin-top: 5px;
    }
    
    .social_wrapper ul
    {
    	list-style: none;
    	float: right;
    	margin-top: 30px;
    }
    
    .page_caption .social_wrapper ul
    {
    	margin-top: 10px;
    }
    
    .social_wrapper ul li
    {
    	float: right;
    	margin-left: 3px;
    }
    
    .social_wrapper ul li a
    {
    	display: block;
    }
    
    #footer .social_wrapper ul li img
    {
    	height: auto;
    }
    
    #top_bar
    {
    	width: 960px;
    	margin:auto;
    }
    
    #header_wrapper
    {
    	width: 100%;
    	margin: 0;
    	padding-bottom: 10px;
    	margin-bottom: 20px;
    }
    
    .logo
    {
    	float: left;
    	margin: 0 10px 8px 0;
    }
    
    .logo_tagline
    {
    	float: left;
    	margin: 29px 25px 8px 0px;
    	font-size: 11px;
    	color: #ccc;
    	font-weight: 300;
    }
    
    .search_box input[type=text]
    {
    	background: transparent;
    	border: 0;
    	margin: 1px 5px 0 5px;
    	width: 200px;
    }
    
    .search_box img
    {
    	position: relative;
    	top: 15px;
    	left: 0px;
    }
    #menu_wrapper
    {
    	padding: 0;
    }
    
    #menu_wrapper .search_box
    {
    	float: right;
    	margin-top: 40px;
    }
    
    #menu_wrapper .search_box img
    {
    	float: left;
    }
    
    #menu_wrapper .search_box input[type=text]
    {
    	border: 0;
    	border-bottom: 1px solid #ccc;
    	box-shadow: 0 0 0;
    	padding: 0;
    	margin-top: 13px;
    }
    
    #menu_border_wrapper
    {
    	margin-top: 40px;
    	border-bottom: 1px solid #ccc;
    	float: right;
    }
    
    #menu_wrapper .nav ul, #menu_wrapper div .nav
    {
    	list-style: none;
    	display: block;
    	padding: 0;
    	margin: 0;
    	font: 13px/20px « Helvetica Neue », Helvetica, Arial, sans-serif;
    	height: 42px;
    	z-index: 1000;
    	position: relative;
    }
    
    #menu_wrapper .nav ul li, #menu_wrapper div .nav li
    {
    	display: block;
    	float :left;
    	margin: 0 0 0 0;
    }
    
    #menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li
    {
    	clear: both;
    	width: 210px;
    	padding: 0;
    	margin: 0;
    }
    
    #menu_wrapper .nav ul li:last-child, #menu_wrapper div .nav li:last-child
    {
    	padding-right: 0;
    }
    
    #menu_wrapper .nav ul li a, #menu_wrapper div .nav li a
    {
    	display: inline-block;
    	padding: 0;
    	margin: 0;
    	color: #000000;
    	margin-top: 2px;
    	padding: 10px 25px 10px 25px;
    	margin-bottom: -2px;
    	text-transform: uppercase;
    	font-size: 12px;
    	font-weight: bold;
    }
    
    #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a
    {
    	text-transform: none;
    }
    
    #menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover
    {
    	color: #000;
    	border-bottom: 3px solid #3d26ed;
    }
    
    #menu_wrapper div .nav li.current-menu-item > a, #menu_wrapper div .nav li.current-menu-parent > a, #menu_wrapper div .nav li.current-menu-ancestor > a
    {
    	color: #000;
    	border-bottom: 3px solid #3d26ed;
    }
    
    #menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul
    {
    	display: none;
    	list-style: none;
    	background: #fff;
    	position: absolute;
     	padding: 0;
     	width: 210px;
     	height: auto;
     	z-index: 1000; 
     	font-size: 12px;
    	text-transform: none;
    	top: 45px;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    	margin: 0 0 0 5px;
    }
    
    #menu_wrapper .nav ul li ul li ul, #menu_wrapper div .nav li ul li ul
    {
    	position: absolute;
    	left: 200px;
    	top: 2px;
    	display: none;
    	z-index: 99999;
    	opacity: 1;
    }
    
    #menu_wrapper .nav ul li:hover ul, #menu_wrapper div .nav li:hover ul
    {
    	display: block;
    }
    
    #menu_wrapper .nav ul li ul li a.hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a.hover, #menu_wrapper div .nav li ul li a:hover
    {
    	background: none;
    }
    
    #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a,#menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a
    {
    	color: #888;
    	display: block;
    	background: transparent;
    	height:auto;
    	font-weight: normal;
    	padding: 8px 10px 8px 10px;
    	border-bottom: 1px solid #EFEFEF;
    }
    
    #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a
    {
    	width: 170px;
    	display: block;
    	margin-left: 10px;
    	border-bottom: 1px solid #EFEFEF;
    	font-weight: 400;
    }
    
    #menu_wrapper .nav ul li ul li:last-child a, #menu_wrapper div .nav li ul li:last-child a
    {
    	border: 0;
    }
    
    #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover
    {
    	color: #000;
    	border-bottom: 1px solid #EFEFEF;
    }
    
    #menu_wrapper .nav ul li ul li:last-child a:hover, #menu_wrapper div .nav li ul li:last-child a:hover
    {
    	border: 0;
    }
    
    #content_wrapper ul
    {
    	margin-left: 20px;
    }
    
    #content_wrapper ul.slides
    {
    	margin-left: 0;
    	margin-bottom: 15px;
    }
    
    #content_wrapper ul.home_portfolio
    {
    	margin-left: 0;
    }
    
    #content_wrapper
    {
    	width: 100%;
    	margin: auto;
    	position: relative;
    	margin-top: 30px;
    	padding-bottom: 30px;
    }
    
    body.home #content_wrapper
    {
    	padding-top: 0;
    	margin-top: 10px;
    }
    
    body.home[title=page] #content_wrapper
    {
    	padding-top: 0;
    }
    
    #content_shadow_bottom
    {
    	height: 48px;
    }
    
    body.home #content_wrapper .inner
    {
    	margin-top: 0;
    }
    
    .wrapper_shadow
    {
    	width: 960px;
    	height: 51px;
    	margin:auto;
    	position: relative;
    	left: -20px;
    	background: transparent url(‘../images/wrapper_shadow.png’) no-repeat;
    }
    
    .slider_border
    {
    	width: 960px;
    	height: 350px;
    	margin:auto;
    	background: #fff;
    	padding: 10px 0 0 0;
    	margin-top:15px;
    }
    
    .page_caption
    {
    	margin: auto;
    	margin-bottom: 30px;
    }
    
    .page_caption p
    {
    	display: block;
    	float: left;
    	margin: 13px 0 0 0;
    }
    
    #content_wrapper .inner .inner_wrapper
    {
    	width: 100%;
    	margin: auto;
    	padding: 0 0 0 0;
    }
    
    #content_wrapper .inner .inner_wrapper.portfolio
    {
    	padding: 10px 0 0 0;
    	position: relative;
    	left: -10px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content
    {
    	width: 670px;
    	float: left;
    	padding: 0;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content.portfolio_r
    {
    	width: 680px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content img
    {
    	max-width: 670px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content.left_blog_content
    {
    	margin-left: 10px;
    	margin-top: -5px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content.mini
    {
    	width: 490px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content.mini.second_one
    {
    	width: 490px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content.left_sidebar
    {
    	margin-left: 0px;
    	margin-right: 5px;
    	float: right;
    	width: 670px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_content.left_sidebar img
    {
    	max-width: 650px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper
    {
    	width: 260px;
    	float: right;
    	padding-left: 15px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper .sidebar
    {
    	width: 100%;
    	float: right;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper.left_sidebar
    {
    	float: left;
    	margin: 0;
    	margin-right: 15px;
    	margin-top: 0;
    	padding-left: 0;
    	padding-right: 15px;
    	border-left: 0;
    	width: 250px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper .sidebar.left_sidebar
    {
    	width: 100%;
    	float: left;
    	min-height: 150px;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper .sidebar_bottom.left_sidebar
    {
    
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper .sidebar .content
    {
    	width: 100%;
    	margin: 0 10px 0 0;
    }
    
    #content_wrapper .inner .inner_wrapper .sidebar_wrapper.left_sidebar .sidebar .content
    {
    	width: 100%;
    	margin: 0;
    }
    
    #content_wrapper .sidebar .content .posts.blog, .posts.blog
    {
    	list-style: none;
    	margin-left: 0;
    	margin-top: 0;
    }
    
    .posts.blog li
    {
    	margin-bottom: 45px;
    }
    
    #content_wrapper .sidebar .content .posts.blog li, #content_wrapper .posts.blog li
    {
    	padding-top: 10px;
    	line-height: 1.5em;
    	clear: both;
    	border:0;
    	background: none;
    	padding-left: 0;
    	padding-bottom: 15px;
    	color: #999;
    }
    
    #content_wrapper .sidebar .content .posts.blog li:last-child, #content_wrapper .posts.blog li:last-child, #footer .sidebar_widget li ul.posts.blog li:last-child
    {
    	margin-bottom: 0;
    }
    
    .sidebar_widget
    {
    	width: 100%;
    }
    
    .sidebar_widget li ul
    {
    	list-style: none;
    }
    
    .sidebar_widget > li
    {
    	padding-bottom: 10px;
    	margin: 0;
    	background: #fff;
    	margin-bottom: 35px;
    	padding: 15px 20px 10px 20px;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    	border: 1px solid #ebebeb;
    }
    
    .sidebar_widget li.widget.widget_search
    {
    	background: transparent;
    	border: 0;
    	padding: 15px 0 10px 0;
    	box-shadow: 0 0 0 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li.Custom_Portfolios
    {
    	padding-bottom: 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li.Custom_Portfolios ul li, #content_wrapper .sidebar .content .sidebar_widget li.Custom_Portfolios ul li .portfolio_desc
    {
    	border-bottom: 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li.Custom_Portfolios .flex-control-nav li
    {
    	border-bottom: 0;
    	padding: 0;
    }
    
    .sidebar_widget li.widget.widget_search form#searchform
    {
    	margin-bottom: 35px;
    }
    
    .sidebar_widget li.Custom_Facebook_Page
    {
    	padding-bottom: 20px;
    }
    
    .sidebar_widget li.Custom_Flickr
    {
    	padding-bottom: 15px;
    }
    
    .sidebar_widget li ul li
    {
    	margin: 0 0 10px 0;
    	padding: 0 0 10px 0;
    }
    
    #footer .sidebar_widget li ul.flickr li:first-child
    {
    	padding-top: 0;
    }
    
    #footer .sidebar_widget li ul.flickr li
    {
    	border-bottom: 0;
    }
    
    #content_wrapper .sidebar .content .posts.blog li img, #content_wrapper .posts.blog li img
    {
    	float: left;
    	margin: 0 10px 2px 0;
     	width: 60px;
     	padding: 3px;
    	border: 1px solid #ccc;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    .post_img
    {
    	
    }
    
    #content_wrapper .sidebar .content .sidebar_widget, .sidebar_widget
    {
    	list-style: none;
    	margin-left: 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul
    {
    	margin: 0 0 0 0;
    	list-style:none;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul li ul.sub-menu
    {
    	margin-left: 10px;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul li
    {
    	margin: 0 0 0 0;
    	padding: 3px 0 5px 0;
    	border-bottom: 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul li:last-child
    {
    	border-bottom: 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul li:first-child
    {
    	padding-top: 10px;
    	background-position:0px 1.3em;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.twitter, #footer .sidebar_widget li ul.twitter, ul.twitter
    {
    	margin: 0;
    	margin: 15px 0 0 0;
    	list-style:none;
    	background: #fff;
    	border: 1px solid #E1E1E1;
    	padding: 0 0 3px 0;
    	width: 100%;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    #footer .sidebar_widget li ul.twitter a
    {
    	color: #444;
    }
    
    .testimonial_wrapper
    {
    	background: #fff url(« ../images/quote_bg.png ») no-repeat 0px 5px;
    	border: 1px solid #E1E1E1;
    	padding: 10px 10px 10px 49px;
    	font-family: Georgia, « Times New Roman », Times, serif;
    	font-style: italic;
    	margin-top: 15px;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    #footer .testimonial_wrapper
    {
    	margin-top: 20px;
    }
    
    #footer .sidebar_widget li ul.twitter, ul.twitter
    {
    	margin-top: 15px;
    	float: none;
    }
    
    #footer .sidebar_widget li ul.twitter li:last-child
    {
    	border-bottom: 0;
    	padding-bottom: 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.twitter li, #footer .sidebar_widget li ul.twitter li, ul.twitter li
    {
    	padding: 5px 10px 5px 10px;
    	background: none;
    }
    
    .twitter_arrow, .testimonial_arrow
    {
    	background: transparent url(« ../images/twitter_arrow.png ») no-repeat;
    	width: 18px;
    	height: 10px;
    	margin-left: 10px;
    	margin-top: -1px;
    }
    
    .twitter_username, .testimonial_name
    {
    	margin-left: 10px;
    	margin-top: 5px;
    	margin-bottom: 10px;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.twitter li:first-child, #footer .sidebar_widget li ul.twitter li:first-child, ul.twitter li:first-child
    {
    	padding-top: 10px;
    	background-position:0px 1.3em;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.social_media, #footer .sidebar_widget li ul.social_media
    {
    	list-style: none;
    	margin: 5px 0 15px -9px;
    	float: left;
    	display: block;
    	clear: both;
    }
    
    #footer .sidebar_widget li ul.social_media
    {
    	margin: 5px 0 15px 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.social_media li
    {
    	display: block;
    	float: left;
    	margin: 0;
    }
    
    #footer .sidebar_widget li ul.social_media li
    {
    	margin: 0 5px 0 0;
    	display: block;
    	float: left;
    }
    
    #content_wrapper ul.posts.blog
    {
    	list-style: none;
    	margin: 7px 0 0 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul li
    {
    	margin: 0 0 5px 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li .widgettitle, h2.widgettitle, #footer ul li.widget .widgettitle
    {
    	font-size: 14px;
    	font-weight: bold;
    	text-transform: none;
    	display: block;
    	line-height: 43px;
    	margin: 0 0 5px 0;
    	letter-spacing: 0px;
    	border-bottom: 1px solid #ccc;
    	text-transform: uppercase;
    }
    
    #footer h2.widgettitle span
    {
    	background: transparent;	
    }
    
    .one_third h2.widgettitle
    {
    	font-size: 16px;
    }
    
    .widget_tag_cloud div
    {
    	margin: 15px 0 10px 0;	
    }
    
    .widget_tag_cloud div a, .meta-tags a
    {
    	display: inline;
    	color: #666;
    	font-size: 12px;
    	line-height: 3.3em;
    	margin: 7px 5px 7px 0;
    	padding: 6px 8px 6px 6px;
    	background: #fff;
    	border: 1px solid #DDD;
    	border-radius: 3px 3px 3px 3px;
    }
    
    #footer .widget_tag_cloud div a, #footer .meta-tags a
    {
    	background: rgba(255, 255, 255, 0.1);
    	border: 0;
    }
    
    .post_wrapper
    {
    	width: 530px;
    	margin: 0;
    	float: left;
    	background: #fff;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    	padding: 15px 20px 15px 20px;
    	margin-bottom: 50px;
    	border: 1px solid #ebebeb;
    }
    
    .post_wrapper.fullwidth
    {
    	width: 820px;
    }
    
    .post_wrapper_left
    {
    	float: left;
    	width: 200px;
    	margin: 0 30px 0 0;
    }
    
    .post_wrapper_left_full
    {
    	float: left;
    	width: 300px;
    	margin: 0 30px 0 0;
    }
    
    .post_wrapper_right
    {
    	float: right;
    	width: 350px;
    }
    
    .post_wrapper_right_full
    {
    	float: right;
    	width: 600px;
    }
    
    .post_social
    {
    	margin-top: 20px;
    }
    
    iframe.twitter-count-none
    {
    	margin-right: 14px;
    }
    
    .post_social.portfolio
    {
    	float: left;
    	padding-bottom: 20px;
    }
    
    .post_header
    {
    	width: 100%;
    	float: left;
    	margin: 0 0 15px 0;
    }
    
    .post_header h3
    {
    	font-size : 26px;
    	text-transform: none;
    	letter-spacing: -1px;
    }
    
    .post_header h3 a
    {
    	margin-top: 0;
    	margin-bottom: 0px;
    	color: #183243;
    }
    
    .post_header .post_detail, .recent_post_detail, .post_detail
    {
    	width: 76%;
    	padding: 0;
    	font-size: 11px;
    	float: left;
    }
    
    .post_detail
    {
    	margin-top: 30px;
    	text-align: center;
    }
    
    .post_detail a
    {
    	color: #000;
    	font-weight: bold;
    }
    
    .post_img img.frame
    {
    	position: relative;
    	top: 15px;
    }
    
    .post_excerpt
    {
    	width: 100%;
    	float: left;
    	margin: 15px 0 0 0;
    }
    
    .post_excerpt.mini
    {
    	width: 390px;
    	float: left;
    }
    
    .post_excerpt p:first-child, .sidebar_content p:first-child
    {
    	margin: 0;
    }
    
    .post_header .post_comment
    {
    	float: right;
    	margin: 10px 0 0 0;
    	font-size: 11px;
    	padding: 5px 15px 5px 15px;
    	text-align: right;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    	-moz-box-shadow: 0 1px 3px #ebebeb;
     	-webkit-box-shadow: 0 1px 3px #ebebeb;
     	box-shadow: 0px 1px 3px #ebebeb;
     	background: #cccccc url(« ../images/bt_g.png ») repeat-x top;
    	text-align: left;
    	border: 1px solid #ebebeb;
    }
    
    .comment .left img.avatar
    {
    	width: 50px;
    	padding: 3px;
    	border: 1px solid #ccc;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    .comment
    {
    	width: 680px;
    	margin-bottom: 20px;
    	padding-bottom: 20px;
    	margin-left: -25px;
    	float: left;
    }
    
    .comment .left
    {
    	width: 60px;
    	float: left;
    	margin-top: 10px;
    }
    
    .comment_arrow
    {
    	background: transparent url(« ../images/comment_arrow.png ») no-repeat;
    	width: 14px;
    	height: 10px;
    	float: left;
    	position: relative;
    	left: 5px;
    	margin-top: 20px;
    	display: none;
    }
    
    .comment .right
    {
    	width: 86%;
    	float: left;
    	padding: 20px 15px 20px 15px;
    	border-bottom: 1px solid #ccc;
    	margin-top: -2px;
    }
    
    ul.children div.comment .right
    {
    	width: 73%;
    }
    
    .comment .right p
    {
    	margin: 0;
    	padding: 0;
    }
    
    #content_wrapper ul.children
    {
    	list-style: none;
    	margin: -40px 0 0px 74px;
    	padding: 5px 20px 2px 0;
    	float: left;
    	width: 106%;
    }
    
    #content_wrapper ul.children ul.children
    {
    	margin-top: -10px;
    	padding-bottom: 0;
    	width: 83.5%;
    }
    
    .comment_wrapper
    {
    	float: left;
    	margin-left: 25px;
    }
    
    .comment_date
    {
    	float: left;
    	margin: 0 0 0 10px;
    	background: #ebebeb;
    	padding: 3px 5px 3px 5px;
    	font-size: 10px;
    }
    
    ul.children .comment
    {
    	width: 100%;
    	margin: 0;
    	padding: 20px 0 10px 0;
    	float: left;
    	margin-left: -23px;
    }
    
    ul.children ul.children .comment
    {
    	margin-left: -22px;
    }
    
    ul.children .comment:last-child
    {
    	padding-top: 0;
    	padding-bottom: 15px;
    }
    
    ul.children .comment:first-child
    {
    	padding-top: 10px;
    }
    
    .cufon.space
    {
    	margin-bottom: 15px;
    }
    
    .one_third
    {
    	width: 31%;
    	float: left;
    	margin-right: 3%;
    }
    
    .one_third.last
    {
    	margin-right: 0;
    	float:right;
    	width:32%;
    }
    
    .one_third.portfolio
    {
    	width: 222px;
    	margin-right: 0;
    }
    
    .portfolio1_wrapper .one_fourth
    {
    	width: 20%;
    }
    
    .one_third.portfolio_filter
    {
    	width: 33.3%;
    	margin-right: 0;
    	padding-bottom: 0;
    }
    
    #portfolio_filter_wrapper.three_columns > div
    {
    	width: 33.3%;
    	float: left;
    	margin-right: 0;
    	padding-bottom: 0;
    }
    
    .two_third
    {
    	float: left;
    	width: 64%;
    	margin-right: 3%;
    }
    
    .two_third.last
    {
    	margin-right: 0;
    }
    
    .two_third.portfolio1
    {
    	height: 290px;
    	overflow: hidden;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	position: relative;
    }
    
    .two_third.portfolio1 img.frame
    {
    	position: relative;
    	top: 20px;
    }
    
    .one_half
    {
    	float: left;
    	width: 47%;
    }
    
    .one_half.portfolio
    {
    	width: 50%;
    }
    
    .one_half.last
    {
    	position: relative;
    	left: 5%;
    }
    
    #portfolio_filter_wrapper.two_columns > div
    {
    	width: 50%;
    	float: left;
    	margin: 0;
    	padding: 0;
    }
    
    .one_half .portfolio_image
    {
    	width: 100%;
    	height: 330px;
    	overflow: hidden;
    }
    
    .portfolio_image img
    {
    	width: 183px;
    }
    
    .one_half .portfolio_image img.frame
    {
    	position: relative;
    	top: 21px;
    }
    
    .img_shadow_360
    {
    	float: left;
    	background: transparent url(‘../images/img_shadow_360.png’) no-repeat 22px bottom;
    }
    
    .one_third .portfolio_image
    {
    	width: 100%;
    	height: 218px;
    	overflow: hidden;
    }
    
    .one_third .portfolio_image img.frame
    {
    	position: relative;
    	top: 20px;
    }
    
    .img_shadow_220
    {
    	float: left;
    	background: transparent url(‘../images/img_shadow_220.png’) no-repeat 18px bottom;
    }
    
    .one_third .portfolio_desc h2
    {
    	font-size: 20px;
    }
    
    .portfolio_desc
    {
    	text-align: center;
    	color: #999;
    	font-family: Georgia, »Times New Roman »,Times,serif;
    	font-style: italic;
    	font-size: 11px;
    	background: #f9f9f9;
    	padding: 2em 0 2em 0;
    	border-bottom: 1px solid #ccc;
    }
    
    .portfolio_desc:hover, .portfolio_desc.hover
    {
    	background: #fff;
    	border-bottom: 1px solid #8AB2BA;
    }
    
    .portfolio_desc:hover h6, .portfolio_desc.hover h6, .portfolio_desc:hover h5, .portfolio_desc.hover h5, .portfolio_desc:hover h4, .portfolio_desc.hover h4, .portfolio_desc:hover h3, .portfolio_desc.hover h3, .portfolio_desc:hover h2, .portfolio_desc.hover h2
    {
    	color: #183243;
    }
    
    .portfolio_desc h6 a, .posts.blog h6 a, .portfolio_desc h5 a, .posts.blog h5 a, .portfolio_desc h6, .portfolio_desc h5
    {
    	text-transform: none;
    	font-style: normal;
    }
    
    .portfolio_desc_200
    {
    	width: 220px;
    }
    
    .portfolio_desc_642
    {
    	width:920px;
    }
    
    .portfolio_desc_460
    {
    	width:460px;
    }
    
    .portfolio_desc_195
    {
    	width: 195px;
    	margin-bottom: 30px;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li .portfolio_desc h6 a, #content_wrapper .sidebar .content .sidebar_widget li .posts.blog h6 a
    {
    	padding: 0;
    	color: #000;
    	background: transparent;
    	width: auto;
    	font-size: 13px;
    	position: relative;
    	margin: 0;
    	font-weight: bold;
    	letter-spacing: 0;
    }
    
    .posts.blog h6
    {
    	margin: 10px 0 10px 0;
    }
    
    .one_fourth
    {
    	width: 22.5%;
    	float: left;
    	margin-right: 3%;
    	margin-bottom: 2%;
    }
    
    #portfolio_filter_wrapper > div, .one_fourth.portfolio
    {
    	width: 25%;
    	float: left;
    	margin: 0;
    	padding: 0;
    }
    
    .one_fourth.css_shadow
    {
    	margin: bottom: 0;
    }
    
    .one_fourth.last
    {
    	margin-right: 0;
    	width: 23%;
    }
    
    .one_fourth .portfolio_image
    {
    	width: 100%;
    	height: 155px;
    	overflow: hidden;
    }
    
    .one_fourth .portfolio_image img.frame
    {
    	position: relative;
    	top: 10px;
    }
    
    .img_shadow_160
    {
    	float: left;
    	background: transparent url(‘../images/img_shadow_160.png’) no-repeat 15px bottom;
    }
    
    .one_fifth
    {
    	width: 14%;
    	float: left;
    	margin-right: 6%;
    	margin-bottom: 2%;
    }
    
    .one_fifth.last
    {
    	margin-right: 0;
    }
    
    .one_sixth
    {
    	width: 11%;
    	float: left;
    	margin-right: 6%;
    	margin-bottom: 2%;
    }
    
    .one_sixth.last
    {
    	margin-right: 0;
    }
    
    .one_sixth_img
    {
    	width: 162px;
    	height: 235px;
    	overflow: hidden;
    	float: left;
    	display:block;
    	border: 10px solid #fff;
    	background:#fff;
    }
    
    .one_third_img
    {
    	width: 250px;
    	height: 160px;
    	overflow: hidden;
    	float: left;
    	display:block;
    	border: 8px solid #fff;
     	background:#fff;
     	-moz-box-shadow: 0 1px 3px #ccc;
     	-webkit-box-shadow: 0 1px 3px #ccc;
     	box-shadow: 0px 1px 3px #ccc;
    }
    
    .one_fourth_img, .one_fourth_detail_img
    {
    	width: 265px;
    	height: 230px;
    	overflow: hidden;
    	float: left;
    	display:block;
    }
    
    .one_fourth_normal
    {
    	width: 190px;
    	height: 120px;
    	overflow: hidden;
    	float: left;
    	display:block;
    	border: 8px solid #fff;
     	background:#fff;
     	-moz-box-shadow: 0 1px 3px #ccc;
     	-webkit-box-shadow: 0 1px 3px #ccc;
     	box-shadow: 0px 1px 3px #ccc;
    }
    
    .one_sixth_img:hover, .one_third_img:hover, .one_fourth_img:hover, , .one_fourth_detail_img:hover img:hover
    {
    	overflow: visible;
    }
    
    .one_sixth_img:hover img
    {
    	position:absolute;
    	margin-left: -75px;
    	margin-top: -65px;
    	z-index: 999;
    	-moz-box-shadow: 0 2px 20px #ccc;
     	-webkit-box-shadow: 0 2px 20px #ccc;
     	box-shadow: 0px 2px 20px #ccc;
     	border: 10px solid #fff;
    }
    
    .one_fourth_img:hover img
    {
    	position:absolute;
    	margin-left: -60px;
    	margin-top: -60px;
    	z-index: 999;
    	-moz-box-shadow: 0 2px 20px #555;
     	-webkit-box-shadow: 0 2px 20px #555;
     	box-shadow: 0px 2px 20px #555;
    }
    
    .one_fourth_detail_img:hover img
    {
    	display:none;
    }
    
    .one_fourth_detail_div
    {
    	display:none;
    	width:260px;
    	height:260px;
    	padding: 20px;
    	background: #f9f9f9 url(‘../images/body_bg.gif’) repeat;
    	position:absolute;
    	margin-left: -40px;
    	margin-top: -40px;
    	z-index: 999;
    	-moz-box-shadow: 0 2px 20px #ccc;
     	-webkit-box-shadow: 0 2px 20px #ccc;
     	box-shadow: 0px 2px 20px #ccc;
     	color: #666;
    }
    
    .one_fourth_detail_img:hover .one_fourth_detail_div
    {
    	display: block;
    }
    
    .portfolio4_hover
    {
    	width: 180px;
    	height: 133px;
    	text-align: center;
    	display: block;
    	position: relative;
    	top: -133px;
    	left: 6px;
    	z-index: 999;
    	background: transparent;
      	cursor: pointer;
    }
    
    .portfolio4_hover img
    {
    	width: 60px;
    	margin: 25px 0 0 0;
    }
    
    .blog_grid_desc
    {
    	padding: 15px 0 15px 5px;
    }
    
    #searchform label
    {
    	display:none;
    }
    
    #searchform
    {
    	margin: 0;
    }
    
    #searchform input[type=text]
    {
    	width: 90%;
    	margin: 0 0 5px 0;
    }
    
    #searchform input[type=submit]
    {
    	display: none;
    }
    
    .portfolio_image
    {
    	display: block;
    }
    
    .related_posts
    {
    	padding-bottom: 5px;
    	padding-top: 5px;
    	float: left;
    	width: 100%;
    }
    
    table
    {
    	border: 1px solid #ebebeb;
    	-moz-box-shadow: 0 1px 3px #ebebeb;
     	-webkit-box-shadow: 0 1px 3px #ebebeb;
     	box-shadow: 0px 1px 3px #ebebeb;
    }
    
    #content_wrapper table thead tr th
    {
    	text-shadow: 0 0 0 #fff;
    }
    
    table tr
    {
    	background: #ffffff;
    }
    
    table tr td, table tr th
    {
    	border-bottom: 1px solid #ebebeb;
    }
    
    table tr th
    {
    	font-weight: bold;
    	background: #f0f0f0;
    	text-align: left;
    	text-shadow: 0 1px 1px #fff;
    }
    
    table tr th, table tr td
    {
    	padding: 7px 15px 7px 15px;
    }
    
    #wp-calendar tr th, #wp-calendar tr td
    {
    	padding: 3px 7px 3px 7px;
    }
    
    #wp-calendar caption
    {
    	display:none;
    }
    
    #wp-calendar
    {
    	margin: 20px 0 20px 0;
    }
    
    .pagination {
    	margin: 20px 0 30px 0;
    	padding-top: 10px;
    	float: left;
    	width: 100%;
    }
    
    .pagination p a:first-child {
    	float: left;
    }
    
    .pagination p a:last-child {
    	float: right;
    }
    
    .pp_list ul
    {
    	margin-top: 15px;
    }
    
    .pp_list ul li
    {
    	margin: 5px 0 0 0;
    	padding-left: 22px;
    	padding-bottom: 5px;
    }
    
    .accordion
    {
     	border: 1px solid #ebebeb;
     	-moz-box-shadow: 0 1px 3px #ebebeb;
     	-webkit-box-shadow: 0 1px 3px #ebebeb;
     	box-shadow: 0px 1px 3px #ebebeb;
    }
    
    .accordion h3, .accordion div
    {
    	border: 0;
    	background: transparent;
    }
    
    .pp_accordion, .pp_accordion_close
    {
     	margin:0;
    	margin-bottom: 10px;
    }
    
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
    {
    	border: 1px solid #ebebeb;
    }
    
    .ui-corner-all, .ui-corner-top, .ui-corner-bottom
    {
    	-moz-border-radius: 0;
    	-webkit-border-radius: 0;
    	border-radius: 0;
    }
    
    .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content
    {
    	border: 0;
    }
    
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
    {
    	background: transparent;
    }
    
    .ui-accordion .ui-accordion-header
    {
    	font-weight: normal;
    	display: block;
    	position: relative;
    }
    
    .pp_accordion
    {
    	
    }
    
    .accordion div
    {
    	border-top: 1px solid #ebebeb;	
    }
    
    .accordion h3
    {
    	padding: 5px 0 5px 8px;
    }
    
    .ui-accordion .ui-accordion-header .ui-icon
    {
    	left: 10px;
    }
    
    .ui-tabs-panel
    {
    	margin-top: 10px;
    }
    
    .ui-widget-header
    {
    	border-bottom: 1px solid #ebebeb;
    }
    
    .tabs .ui-state-default
    {
    	background: transparent;
    	border: 0;
    }
    
    .tabs .ui-state-default a
    {
    	color: #999;
    }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected
    {
    	background: #ebebeb;
    }
    
    .ui-tabs .ui-tabs-nav li a 
    {
    	padding: 8px 30px 7px 30px;
    	font-size: 12px;
    }
    
    .tabs .ui-state-active
    {
    	font-weight: bold;
    	background: #fff;
    	text-shadow: 0 1px 1px #fff;
    	display: block;	
    }
    
    .tabs .ui-widget-header
    {
    	border: 0;	
    }
    
    .tabs .ui-tabs-panel
    {
    	border-top: 3px solid #ebebeb;
    	margin:0;
    	padding-top: 0em;
    	background: #fff;
    	-moz-border-radius: 0;
    	-webkit-border-radius: 0;
    	border-radius: 0;
    }
    
    .tabs .ui-state-active a
    {
    	color: #666;
    	font-weight: bold;
    }
    
    .ui-tabs li:first-child
    {
    	margin-left: -2px;
    }
    
    .pricing_box
    {
    	float: left;
    	text-align: center;
    	padding: 0 0 10px 0;
    	border: 1px solid #ccc;
    	margin-top: 2%;
    	background: #fff;
    }
    
    .pricing_box .header
    {
    	border-bottom: 1px solid #ccc;
    	margin: 0 0 20px 0;
    	font-weight: bold;
    }
    
    .pricing_box .header
    {
    	width: 100%;
    	height: 42px;
    	text-align: center;
    	background: #f9f9f9;
    }
    
    .pricing_box .header span
    {
    	position: relative;
    	top: 10px;
    	padding-bottom: 7px;
    	font-size: 14px;
    }
    
    .pricing_box.large .header span
    {
    	top: 15px;
    	font-size: 14px;
    }
    
    .pricing_box h2
    {
    	font-size: 44px;
    	padding-top: 5px;
    }
    
    #content_wrapper .pricing_box ul
    {
    	list-style-image: url(« ../images/icon_check.png »);
    	margin: 10px 10% 25px 20%;
    	text-align: left;
    }
    
    #content_wrapper .pricing_box ul
    {
    	margin: auto;
    	margin-top: 10px;
    	margin-bottom: 35px;
    	width: 80%;
    	list-style: none;
    }
    
    #content_wrapper .pricing_box ul li
    {
    	border-bottom: 1px solid #ccc;
    	padding: 10px 0 10px 0;
    	text-align: center;
    }
    
    .pricing_box.large
    {
    	margin-top: -0.5%;
    	padding-bottom: 25px;
     	-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.2);
    	-moz-box-shadow: 0 1px 15px rgba(0,0,0,.2);
    	box-shadow: 0 1px 15px rgba(0,0,0,.2);
    }
    
    .pricing_box.large .header
    {
    	height: 51px;
    	background: #323232;
    	color: #fff;
    }
    
    .pricing_box.three
    {
    	width: 32.5%;
    }
    
    .pricing_box.four
    {
    	width: 24.5%;
    	font-size: 1em;
    }
    
    .pricing_box.four h2
    {
    	font-size: 3em;
    }
    
    .pricing_box.five
    {
    	width: 19.5%;
    	font-size: 0.9em;
    }
    
    .pricing_box.five h2
    {
    	font-size: 1.9em;
    }
    
    .pricing_box.five.large
    {
    	margin-top: -2.5%;
    }
    
    .pricing_box.five .header span
    {
    	font-size: 1.3em;
    	top: 11px;
    }
    
    .pricing_box.five.large .header span
    {
    	font-size: 1.5em;
    	top: 13px;
    }
    
    .one_third .service_thumb
    {
    	width: 50px;
    	margin: 0 20px 0 0;
    	float: left;
    }
    
    .one_third .service_thumb img
    {
    	width: 50px;
    }
    
    .one_third .service_box
    {
    	width: 180px;
    	float: left;
    }
    
    .one_third .service_box p
    {
    	margin-top: 15px;
    }
    
    #footer ul
    {
    	display: block;
    	width: 900px;
    	margin: auto;
    	list-style: none;
    	padding: 10px 0 30px 0;
    	text-align: left;
    	font-weight: normal;
    }
    
    #footer textarea
    {
    	height: 100px;
    }
    
    #footer h6
    {
    	font-size: 13px;
    	font-weight: bold;
    }
    
    #footer ul > li.widget
    {
    	float: left;
    	width: 22%;
    	margin-right:4%;
    	margin-bottom: 0px;
    	border: 0;
    	background: transparent;
    	padding: 0;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0), 0 1px 4px rgba(0, 0, 0, 0), 0 0 40px rgba(0, 0, 0, 0) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0), 0 1px 4px rgba(0, 0, 0, 0), 0 0 40px rgba(0, 0, 0, 0) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0);
    }
    
    #footer ul li.widget.last
    {
    	margin-right: 15px;
    	width: 20%;
    	float:right;
    }
    
    #footer ul.three li.widget
    {
    	float: left;
    	width: 31%;
    	margin-right:3%;
    }
    
    #footer ul.three li.widget.last
    {
    	float: right;
    	width: 31%;
    	margin-right: 0;
    }
    
    #footer ul.two li.widget
    {
    	float: left;
    	width: 48%;
    	margin-right:4%;
    }
    
    #footer ul.two li.widget.last
    {
    	float: right;
    	width: 48%;
    	margin-right: 0;
    }
    
    #footer ul.one li.widget
    {
    	float: left;
    	width: 100%;
    	margin-right:0;
    }
    
    #footer ul li.widget .widgettitle
    {
    	color: #fff;
    	border-bottom: 1px solid #E5E5E5;
    }
    
    #footer ul li.widget .widgettitle span
    {
    	padding-right: 10px;
    }
    
    #footer ul li.widget ul
    {
    	width: 100%;
    	float: left;
    	padding-top: 15px;
    }
    
    div.textwidget
    {
    	padding-top: 0;
    }
    
    #footer ul li.widget ul li
    {
    	margin: 0 0 10px 0;
    	background: transparent;
    	border: 0;
    }
    
    #footer .posts.blog li img
    {
    	float: left;
    	margin: 0 10px 2px 0;
     	width: 40px;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.flickr, ul.flickr
    {
    	list-style: none;
    	margin: 15px 0 0 0;
    	float: left;
    	display: block;
    	clear: both;
    	width: 110%;
    }
    
    ul.flickr li
    {
    	float: left;
    	margin: 0 5px 5px 0;
    }
    
    #footer .sidebar_widget li ul.flickr
    {
    	list-style: none;
    	margin: 0 0 30px 0;
    	float: left;
    	display: block;
    	clear: both;
    	width: 110%;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.flickr li, #content_wrapper .sidebar .content .sidebar_widget li ul.flickr li a, ul.flickr li a
    {
    	display: block;
    	float: left;
    	margin: 0;
    	background-image: none;
    	border: 0;
    	margin-right: 6px;
    	margin-bottom: 3px;
    	padding-left:0;
    	padding-top: 0;
    }
    
    #footer .sidebar_widget li ul.flickr li, #footer .sidebar_widget li ul.flickr li a
    {
    	display: block;
    	float: left;
    	margin: 2px 5px 0 0;
    }
    
    #content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img, ul.flickr li img
    {
    	width: 55px;
    	padding: 3px;
    	border: 1px solid #ccc;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    	position: relative;
    }
    
    #footer .sidebar_widget li ul.flickr li img
    {
    	width: 57px;
    	border: 0;
    	padding:0;
    }
    
    #slider_wrapper
    {
    	width: 960px;
    	height: 420px;
    	margin: auto;
    	overflow: visible;
    	background: transparent url(‘../images/ajax-loader.gif’) no-repeat 50% 42%;
    	text-align: center;
    	position: relative;
    	z-index: 9;
    	margin-top: 50px;
    }
    
    #slider_wrapper.small
    {
    	width: 700px;
    	height: 420px;
    	float: right;
    	margin-top: 10px;
    }
    
    #slider_wrapper.small.macbook { 
    	width: 758px; 
    	height: 402px; 
    	background: transparent url(« ../images/macbook_frame.png ») no-repeat; 
    	float: right;
    	margin-bottom: 20px;
    	left: 10px;
    }
    
    #slider_header
    {
    	width: 500px;
    	float: left;
    	font-size: 24px;
    	margin-top: 10px;
    	color: #999;
    	font-weight: 300;
    }
    
    #slider_header h1
    {
    	font-size: 60px;
    	line-height: 60px;
    }
    
    #slider_desc
    {
    	margin-top: 15px;
    	line-height: 24px;
    }
    
    a.classic
    {
    	font-family: Georgia, »Times New Roman »,Times,serif;
    	font-style: oblique;
    }
    
    .styled_box_title
    {
    	width: 95%;
    	display: inline-block;
    	outline: none;
    	text-decoration: none;
    	font: 13px/100% Arial, Helvetica, sans-serif;
    	padding: 1em 1em 1em;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	color: #666;
    	border: solid 1px #cccccc;
    	background: #f78d1d;
    	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
    	background: -moz-linear-gradient(top,  #f8f8f8,  #eeeeee);
    	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=’#f8f8f8′, endColorstr=’#eeeeee’);
    	text-shadow: 0 0 0 transparent;
    	font-weight: bold;
    }
    
    .styled_box_content
    {
    	background: #fff;
    	color: #999;
    	font: 13px/100% Arial, Helvetica, sans-serif;
    	padding: 1em 1em 1em;
    	line-height: 1.3em;
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    	width: 95%;
    	border: solid 1px #cccccc;
    	border-top: 0;
    }
    
    .breadcrumbs
    {
    	width: 100%;
    	font-size: 11px;
    	border-bottom: 1px solid #ebebeb;
    	margin-top: -10px;
    }
    
    .breadcrumbs .inner
    {
    	width: 895px;
    	margin: auto;
    	padding: 10px 0 10px 0;
    }
    
    .small_author
    {
    	font-size: 14px;
    	color: #ccc;
    }
    
    .portfolio3_shadow
    {
    	width:216px;
    	height:160px;
    	background: transparent url(‘../images/portfolio3_shadow.png’) no-repeat;
    	margin-top:-12px;
    }
    
    .portfolio3_shadow img
    {
    	margin-top: 12px;
    	border:0;
    }
    
    .portfolio195_shadow
    {
    	width:222px;
    	height:222px;
    }
    
    .portfolio195_overlay
    {
    	width:222px;
    	height:222px;
    	position: relative;
    	margin-top: -227px;
    	opacity: 0;
    	filter: alpha(opacity = 0);
    	background: #ef3b24;
    }
    
    .portfolio195_overlay_inner
    {
    	width: 82%;
    	margin: auto;
    	padding-top: 20px;
    	color: #fff;
    }
    
    .portfolio195_overlay_inner hr
    {
    	margin-top: 15px;
    	margin-bottom: 25px;
    	width: 30px;
    }
    
    .portfolio195_overlay_inner h5
    {
    	color: #fff;
    }
    
    .portfolio195_overlay_inner .portfolio_type_wrapper
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 40px;
    	height: 40px;
    	background: #000;
    }
    
    .portfolio195_overlay_inner img
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 40px;
    	height: 40px;
    }
    
    .portfolio200_shadow
    {
    	width:240px;
    	height:240px;
    	margin-top:0;
    	overflow: hidden;
    	background: transparent url(‘../images/ajax-loader.gif’) no-repeat 50% 42%;
    }
    
    .portfolio200_overlay
    {
    	width:240px;
    	height:240px;
    	position: relative;
    	margin-top: -245px;
    	opacity: 0;
    	filter: alpha(opacity = 0);
    	background: #ef3b24;
    }
    
    .portfolio200_overlay_inner
    {
    	width: 82%;
    	margin: auto;
    	padding-top: 20px;
    	color: #fff;
    	text-align: left;
    }
    
    .portfolio200_overlay_inner hr
    {
    	margin-top: 15px;
    	margin-bottom: 25px;
    	width: 30px;
    }
    
    .portfolio200_overlay_inner h5
    {
    	color: #fff;
    }
    
    .portfolio200_overlay_inner strong
    {
    	font-size: 14px;
    }
    
    .portfolio200_overlay_inner .portfolio_type_wrapper
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 40px;
    	height: 40px;
    	background: #000;
    }
    
    .portfolio200_overlay_inner img
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 40px;
    	height: 40px;
    }
    
    .portfolio220_shadow img
    {
    	margin-top: 0;
    	border: 0;
    }
    
    .portfolio305_shadow
    {
    	width: 320px;
    	height: 320px;
    	margin-top:0;
    	overflow: hidden;
    	background: transparent url(‘../images/ajax-loader.gif’) no-repeat 50% 42%;
    }
    
    .portfolio305_overlay
    {
    	width:320px;
    	height:320px;
    	position: relative;
    	margin-top: -325px;
    	opacity: 0;
    	filter: alpha(opacity = 0);
    	background: #ef3b24;
    }
    
    .portfolio305_overlay_inner
    {
    	width: 80%;
    	margin: auto;
    	padding-top: 30px;
    	color: #fff;
    }
    
    .portfolio305_overlay_inner hr
    {
    	margin-top: 15px;
    	margin-bottom: 25px;
    	width: 30px;
    }
    
    .portfolio305_overlay_inner h4
    {
    	color: #fff;
    }
    
    .portfolio305_overlay_inner .portfolio_type_wrapper
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 40px;
    	height: 40px;
    	background: #000;
    }
    
    .portfolio305_overlay img
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 40px;
    	height: 40px;
    }
    
    .portfolio305_shadow img
    {
    	margin-top: 0;
    	border: 0;
    }
    
    .portfolio_desc_305
    {
    	width: 305px;
    }
    
    .portfolio460_shadow
    {
    	width:480px;
    	height:480px;
    	margin-top:0;
    	overflow: hidden;
    	background: transparent url(‘../images/ajax-loader.gif’) no-repeat 50% 42%;
    }
    
    .portfolio460_overlay
    {
    	width:480px;
    	height:480px;
    	position: relative;
    	margin-top: -485px;
    	opacity: 0;
    	filter: alpha(opacity = 0);
    	background: #ef3b24;
    }
    
    .portfolio460_overlay_inner
    {
    	width: 85%;
    	margin: auto;
    	padding-top: 30px;
    	color: #fff;
    }
    
    .portfolio460_overlay_inner hr
    {
    	margin-top: 15px;
    	margin-bottom: 25px;
    	width: 30px;
    }
    
    .portfolio460_overlay_inner h3
    {
    	color: #fff;
    }
    
    .portfolio460_overlay_inner .portfolio_type_wrapper
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 50px;
    	height: 50px;
    	background: #000;
    }
    
    .portfolio460_overlay img
    {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	width: 50px;
    	height: 50px;
    }
    
    .portfolio460_shadow img
    {
    	margin-top: 0;
    	border: 0;
    }
    
    .portfolio642_shadow
    {
    	width:920px;
    	height:424px;
    	margin-top:0;
    	text-align: center;
    	overflow: hidden;
    }
    
    .portfolio642_shadow img
    {
    	margin-top: 0;
    	border: 0;
    }
    
    .portfolio642_overlay
    {
    	width:920px;
    	height:400px;
    	position: relative;
    	margin-top: -405px;
    	opacity: 0;
    	filter: alpha(opacity = 0);
    	background: #272625 url(‘../images/portfolio_overlay_pattern.png’) repeat;
    }
    
    .portfolio642_overlay img
    {
    	position: relative;
    	top: 46%;
    	left: -100%;
    }
    
    .portfolio480_shadow
    {
    	width:480px;
    	height:322px;
    	margin-top:0;
    }
    
    .portfolio480_shadow img
    {
    	margin-top: 0;
    	border: 0;
    }
    
    .portfolio480_overlay
    {
    	width:480px;
    	height:306px;
    	position: relative;
    	margin-top: -311px;
    	opacity: 0;
    	filter: alpha(opacity = 0);
    	background: #272625 url(‘../images/portfolio_overlay_pattern.png’) repeat;
    }
    
    .portfolio480_overlay img
    {
    	position: relative;
    	top: 47%;
    	left: 48%;
    }
    
    .home_portfolio
    {
    	width:100%;
    	background: transparent;
    	text-align: center;
    	float: left;
    }
    
    .home_portfolio.three_fourth
    {
    	width: 75%;
    	float: right;
    	margin-bottom: 50px;
    }
    
    .home_portfolio .one_third.portfolio
    {
    	width: 33.3%;
    }
    
    .home_portfolio h5
    {
    	margin-top: 5px;
    	font-size: 22px;
    	text-align: left;
    	width: 100%;
    }
    
    .portfolio_desc p
    {
    	padding: 0;
    	margin: 0;
    }
    
    .home_portfolio img.frame
    {
    	padding: 4px;
    	background: #ebebeb;
    	-moz-box-shadow: 0 0 0 #000;
     	-webkit-box-shadow: 0 0 0 #000;
     	box-shadow: 0px 0 0 #000;
     	border: 0;
     	position:relative;
     	border: 1px solid #ccc;
    }
    
    .home_portfolio .below_shadow
    {
    	height: 150px;
    	background: transparent url(« ../images/portfolio_shadow.png ») no-repeat 20px 132px;
    }
    
    .standard_wrapper
    {
    	width: 100%;
    	margin: auto;
    }
    
    .top_shadow, #content_wrapper.top_shadow
    {
    	background: transparent url(« ../images/top_shadow.png ») repeat-x top;
    	height: 50px;
    }
    
    .bottom_shadow, #content_wrapper.bottom_shadow
    {
    	background: transparent url(« ../images/bottom_shadow.png ») repeat-x top;
    	height: 50px;
    }
    
    #content_wrapper.top_shadow
    {
    	padding-bottom: 0;
    }
    
    #content_wrapper.top_shadow .inner_wrapper
    {
    	padding-top: 20px;
    }
    
    .portfolio_image
    {
    	position: relative;
    }
    
    .highlight_yellow
    {
    	background: #FF9;
    }
    
    .highlight_black
    {
    	background: #000;
    	color: #fff;
    }
    
    .quote_text
    {
    	font-size: 22px;
    	font-style: italic;
    	font-family: Georgia, Times, serif;
    	color: #959595;
    	font-weight: normal;
    }
    
    .tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat; background-image: url(../images/tipsy.gif); }
      .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
      .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
      .tipsy-north { background-position: top center; }
      .tipsy-south { background-position: bottom center; }
      .tipsy-east { background-position: right center; }
      .tipsy-west { background-position: left center; }
    
    .portfolio_title
    {
    	display: block;
    }
    
    .post_info
    {
    	font-family: Georgia, Times, serif;
    	font-style: italic;
    	word-spacing: 2px;
    	color: #B1B1B1;
    }
    
    .img_fade
    {
    	opacity: .5;
    }
    
    .img_fade.left
    {
    	opacity: .5;
    	float:left;
    }
    
    .img_nofade
    {
    	
    }
    
    .tipsy
    {
    	display:block;
    	float: left;
    }
    
    .slide_video_wrapper
    {
    	width: 900px;
    	height: 340;
    	-webkit-box-shadow: 3px 0 20px #000;
    	-moz-box-shadow: 3px 0 20px #000;
    	box-shadow: 3px 0 20px #000;
    	margin: auto;
    	margin-top: 10px;
    }
    
    #map_contact
    {
    	width: 100%;
    	height: 350px;
    	margin: auto;
    }
    
    .nivo_border
    {
    	background: #000;
    }
    .ui-accordion .ui-accordion-header a
    {
    	color: #666;
    	font-size: 14px;
    	text-transform: none;
    	letter-spacing: 0;
    	margin: 5px 0 5px 10px;
    }
    
    .ui-accordion .ui-accordion-content
    {
    	border-left: 3px solid #ebebeb;
    	padding-left: 25px;
    	margin-left: 6px;
    }
    
    .ui-state-default .ui-icon
    {
    	background: transparent url(‘../images/icon_plus.png’) no-repeat;
    }
    
    .ui-state-active .ui-icon
    {
    	background: transparent url(‘../images/icon_minus.png’) no-repeat;
    }
    
    .ui-accordion .ui-accordion-header .ui-icon
    {
    	left: 0;
    }
    
    body.home .sidebar_content .one_fourth_normal img, body.home .sidebar_content .one_fourth_normal
    {
    	width: 130px;
    	height: 80px;
    }
    
    body.home .sidebar_content .one_third_img img, body.home .sidebar_content .one_third_img
    {
    	width: 180px;
    	height: 110px;
    }
    
    #content_wrapper ul.filter
    {
    	list-style: none;
    	display: block;
    	margin: 0;
    	padding: 0;
    	margin: 10px 0 20px 0;
    	border-bottom: 1px solid #ccc;
    	float: left;
    	width: 100%;
    	font-size: 12px;
    	text-transform: uppercase;
    	font-weight: bold;
    }
    
    .filter li
    {
    	margin: 0 0 0 0;
    	float: left;
    	height: 27px;
    }
    
    .filter li:first-child
    {
    	margin: 0;
    	border-left: 0;
    	padding-left: 0;
    }
    
    .filter li a
    {
    	color: #666;
    	padding: 0 20px 8px 20px;
    	display: block;
    }
    
    .filter li a.active, .filter li a:hover
    {
    	color: #000;
    	border-bottom: 3px solid #EF3B24;
    }
    
    .gallery-caption
    {
    	font-weight:bold;
    }
    
    strong.line
    {
    	border-bottom: 1px solid #ebebeb;
    	display: block;
    	padding: 0 0 10px 0;
    	margin: 0;
    }
    
    #galleria_slide .galleria-container
    {
    	margin: auto;
    }
    
    .galleria-container
    {
    	background: #fff;
    	border: 1px solid #E1E1E1;
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    	box-shadow: 0 1px 3px rgba(0,0,0,.1);
    }
    
    .post_info_wrapper
    {
    	width: 90px;
    	margin-right: 5px;
    	float: left;
    }
    
    .post_date
    {
    	float:left;
    	color: #fff;
    	text-transform: uppercase;
    	font-weight: bold;
    	background: #ef3b24;
    	padding: 10px 12px 10px 10px;
    }
    
    .post_date .month
    {
    	width: 100%;
    	font-size: 24px;
    	text-align: center;
    	margin-top: 7px;
    	font-weight: 100;
    }
    
    .post_date .year
    {
    	width: 100%;
    	font-size: 14px;
    	text-align: center;
    	margin-top: -15px;
    }
    
    .post_date .date
    {
    	width: 100%;
    	font-size:48px;
    	text-align: center;
    	margin-top: -15px;
    	letter-spacing: -4px;
    }
    
    .post_date .comments
    {
    	width: 100%;
    	font-size: 11px;
    	text-align: center;
    	margin-top: 11px;
    	color: #666;
    	font-weight: normal;
    	text-shadow: 0 0 0;
    }
    
    .middle
    {
    	vertical-align: -30%;
    }
    
    .map_shadow
    {
    	width: 100%;
    	height: 350px;
    	margin-bottom: 40px;
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    .map_shortcode_wrapper
    {
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    }
    
    .tagline
    {
    	float: left;
    	width: 960px;
    	margin-top: 10px;
    	margin-bottom: 30px;
    	margin-left: -20px;
    	text-align: center;
    	background: transparent url(« ../images/tagline_bg.png ») no-repeat center center;
    }
    
    h2.header_line
    {
    	font-size: 13px;
    	font-weight: 600px;
    	letter-spacing: 0;
    	text-transform: none;
    	display: block;
    	height: 43px;
    	line-height: 43px;
    	margin: 0 0 20px 0;
    	background: transparent url(« ../images/line_horiz.gif ») repeat-x 0 20px;
    }
    
    .tagline_desc
    {
    	width: 60%;
    	margin: auto;
    	margin-top: 10px;
    }
    
    h2.header_line span
    {
    	background: white;
    	padding-right: 15px;
    	text-transform: uppercase;
    }
    
    .caption_header 
    {
    	float: left;
    	width: 500px;
    	font-size: 18px;
    	line-height: 22px;
    	font-weight: 300;
    }
    
    .caption_desc
    {
    	margin-top: 10px;
    	margin-bottom: 10px;
    }
    
    .caption_header h1
    {
    	font-size: 48px;
    	text-transform: none;
    	letter-spacing: -2px;
    }
    
    h6.portfolio_header
    {
    	font-size: 14px;
    	font-weight: bold;
    	text-transform: none;
    	font-style: normal;
    }
    
    #commentform
    {
    	margin-top: 25px;
    }
    
    #option_btn
    {
    	position: fixed;
    	top: 80px;
    	left: 0;
    	cursor:pointer;
    	z-index: 999999;
    }
    
    #option_wrapper
    {
    	position: fixed;
    	top: 60px;
    	left:-245px;
    	width: 240px;
    	padding: 19px 0 23px 0;
    	background: #fff url(‘../images/option_bg.png’) repeat-x;
    	z-index: 9999999;
    	color: #666;
    	font-size: 11px;
    	border: 1px solid #E1E1E1;
    	border-bottom: 1px solid rgba(150, 150, 150, 0.2);
    	-webkit-box-shadow: 4px 4px 0px 0px rgba(150, 150, 150, 0.1);
    	-moz-box-shadow: 4px 4px 0px 0px rgba(150, 150, 150, 0.1);
    	box-shadow: 4px 4px 0px 0px rgba(150, 150, 150, 0.1);
    }
    
    #option_wrapper a
    {
    	font-weight: bold;
    }
    
    #option_wrapper .inner
    {
    	width: 80%;
    	margin:auto;
    }
    
    .colorpicker_preview
    {
    	width: 100%;
    	height: 30px;
    	margin: 5px 0 0 0;
    }
    
    #option_wrapper select
    {
    	width: 195px;
    }
    
    .option_menu_style
    {
    	width: 100%;
    	float: left;
    }
    
    .option_menu
    {
    	float: left;
    	width: 96px;
    	margin-bottom: 5px;
    }
    
    .option_menu img
    {
    	width: 90px;
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    	box-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    
    #preview
    {
    	position:absolute;
    	top: 107px;
    	left: 114px;
    	display:none;
    	z-index: 999999;
    	padding: 5px 5px 2px 5px;
    	background: #272625;
    }
    
    #preview img
    {
    	z-index: 9999999;
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    	box-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    
    .one_third.skin
    {
    	text-align: center;
    	margin-top: 30px;
    }
    
    .skin_img img
    {
    	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    	box-shadow: 0 1px 3px rgba(0,0,0,.4);
    }
    
    #menu_border_wrapper select { 
      	display: none;
      	-webkit-appearance: button;
      	-webkit-border-radius: 0;
      	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
      	-webkit-padding-end: 20px;
      	-webkit-padding-start: 10px;
      	-webkit-user-select: none;
      	background: #000;
      	border: 1px solid #666;
      	border-left: 0;
      	border-right: 0;
      	color: #fff;
      	font-size: inherit;
      	margin: 0;
      	overflow: hidden;
      	padding-top: 10px;
      	padding-bottom: 10px;
      	text-overflow: ellipsis;
      	white-space: nowrap; 
    	font-size: 12px;
    }
    
    #widget_contact_form
    {
    	margin-top: 15px;
    }
    
    /* 
    Recaptcha Style Captcha 
    =======================
     re-Captcha Style Captcha with php and jQuery 
     
     Created By: Zeeshan Rasool 
     URL : http://www.99Points.info 
     
     Get JQuery, PHP, AJAX, Codeigniter and MYSQL Tutorials and Demos on Blog
     */
     
    #captcha-wrap{
    	border:solid #870500 1px;
    	width:270px;
    	-webkit-border-radius: 10px;
    	float:left;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
    	background:#870500;
    	text-align:left;
    	padding:3px;
    	margin-top:3px;
    	height:107px;
    }
    #captcha-wrap .captcha-box{
    	-webkit-border-radius: 7px;
    	background:#fff;
    	-moz-border-radius: 7px;
    	border-radius: 7px;
    	text-align:center;
    	border:solid #fff 1px;
    }
    #captcha-wrap .text-box{
    	-webkit-border-radius: 7px;
    	background:#ffdc73;
    	-moz-border-radius: 7px;
    	width:140px;
    	height:43px;
    	float:left;
    	margin:4px;
    	border-radius: 7px;
    	text-align:center;
    	border:solid #ffdc73 1px;
    }
    
    #captcha-wrap .text-box input{ 
    	width:120px; 
    	-webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border: 2px inset;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    float: none;
    margin-top: -2px;
    }
    #captcha-wrap .text-box label{
    	 color:#000000;
    	 font-family: helvetica,sans-serif;
    	 font-size:11px;	
    	 width:140px;
    	 padding-top:3px; 
    	 padding-bottom:3px; 
    	 margin: 0;
    	 font-weight: normal;
    }
    #captcha-wrap .captcha-action{
    	float:right; width:117px; 
    	background:url(../images/logos.jpg) top right no-repeat; 
    	height:44px; margin-top:3px;
    }
    #captcha-wrap  img#captcha-refresh{
    	margin-top:9px;
    	border:solid #333333 1px;
    	margin-right:6px;
    	cursor:pointer;
    }
    
    .img_shadow
    {
    	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    }
    
    .isotope,
    .isotope .isotope-item {
      /* change duration value to whatever you like */
      -webkit-transition-duration: 0.8s;
         -moz-transition-duration: 0.8s;
          -ms-transition-duration: 0.8s;
           -o-transition-duration: 0.8s;
              transition-duration: 0.8s;
    }
    
    .isotope {
      -webkit-transition-property: height, width;
         -moz-transition-property: height, width;
          -ms-transition-property: height, width;
           -o-transition-property: height, width;
              transition-property: height, width;
    }
    
    .isotope .isotope-item {
      -webkit-transition-property: -webkit-transform, opacity;
         -moz-transition-property:    -moz-transform, opacity;
          -ms-transition-property:     -ms-transform, opacity;
           -o-transition-property:         top, left, opacity;
              transition-property:         transform, opacity;
    }
    
    /**** disabling Isotope CSS3 transitions ****/
    
    .isotope.no-transition,
    .isotope.no-transition .isotope-item,
    .isotope .isotope-item.no-transition {
      -webkit-transition-duration: 0s;
         -moz-transition-duration: 0s;
          -ms-transition-duration: 0s;
           -o-transition-duration: 0s;
              transition-duration: 0s;
    }
    
    @keyframes reset {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 0;
    }
    }
    
    @-moz-keyframes reset {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 0;
    }
    }
    
    @-webkit-keyframes reset {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 0;
    }
    }
    
    @keyframes slide-left
    {
    from {left:50px;opacity: 0;}
    to {left:15px;opacity: 1;}
    }
    
    @-moz-keyframes slide-left /* Firefox */
    {
    from {left:50px;opacity: 0;}
    to {left:15px;opacity: 1;}
    }
    
    @-webkit-keyframes slide-left /* Safari and Chrome */
    {
    from {left:50px;opacity: 0;}
    to {left:15px;opacity: 1;}
    }
    
    @keyframes slide-right
    {
    from {right:50px;opacity: 0;}
    to {right:15px;opacity: 1;}
    }
    
    @-moz-keyframes slide-right /* Firefox */
    {
    from {right:50px;opacity: 0;}
    to {right:15px;opacity: 1;}
    }
    
    @-webkit-keyframes slide-right /* Safari and Chrome */
    {
    from {right:50px;opacity: 0;}
    to {right:15px;opacity: 1;}
    }
    
    .porftolio_widget_wrapper
    {
    	margin-top: 15px;
    }
    
    #portfolio_filter_wrapper
    {
    	width: 100%;
    }
    
    .ajax_portfolio_wrapper
    {
    	padding-bottom: 30px;
    	display: none;
    }
    
    .ajax_content
    {
    	margin-top: 30px;
    }
    
    .ajax_close, .ajax_close:hover, .ajax_close:active, .ajax_next, .ajax_next:hover, .ajax_next:active, .ajax_prev, .ajax_prev:hover, .ajax_prev:active
    {
    	padding: 10px;
    	width: 30px;
    	background: #000;
    	color: #fff;
    	display: block;
    	text-align: center;
    	float: right;
    	cursor: pointer;
    }
    
    .ajax_portfolio_wrapper #slider_wrapper
    {
    	margin-top: 0;
    }
    
    .embed-container
    {
    	width: 900px;
    	height: 506px;
    }
    
    .embed-container iframe
    {
    	width: 100%;
    	height: 100%;
    }
    
    #option_btn
    {
    	position: fixed;
    	top: 90px;
    	left:0;
    	cursor:pointer;
    	z-index: 999;
    }
    
    #option_wrapper
    {
    	position: fixed;
    	top: 80px;
    	left:-245px;
    	width: 239px;
    	padding: 19px 0 23px 0;
    	background: #fff;
    	z-index: 99999;
    	color: #666;
    	font-size: 11px;
    	border: 1px solid #E1E1E1;
    	border-bottom: 1px solid rgba(150, 150, 150, 0.2);
    	-webkit-box-shadow: 4px 4px 0px 0px rgba(150, 150, 150, 0.1);
    	-moz-box-shadow: 4px 4px 0px 0px rgba(150, 150, 150, 0.1);
    	box-shadow: 4px 4px 0px 0px rgba(150, 150, 150, 0.1);
    }
    
    #option_wrapper .inner
    {
    	width: 80%;
    	margin:auto;
    }

    #956498
    lefevre
    Membre
    Chevalier WordPress
    255 contributions

    Utilise WP Backround Lite, ça met un backround spécifique que tu choisis pour chaque page de ton site. Il faut toutefois que tu ailles dans les réglages de WP et que tu choisisses « afficher une page spécifique » concernant l’accueil de ton site. C’est tout.

2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.