SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 29
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I need your help more in this second Thread

    Hi,

    While I'm still waiting for help on my first Thread here :

    http://www.sitepoint.com/forums/show...-facebook-does

    I have another problem :-(

    Please take a look on this website:

    http://www.kamalagsam.org

    as u can notice there is more extra skin on the left of the page. It was not like this until I used WP Socializer Plugin and activate ShareThis. If I deactivate ShareThis, everything works good and no extra skin on my page loool.

    Could anyone help me here ???

    Thank you

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by hippocrates1985 View Post
    as u can notice there is more extra skin on the left of the page.
    It's not clear what you mean by that. It looks fine to me. Can you post a screen shot? What browser are you using?

  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    It's not clear what you mean by that. It looks fine to me. Can you post a screen shot? What browser are you using?
    Thank u for ur reply. Here is a pic of my page before installing WP Socializer Plugin and activating SareThis.

    http://dl.dropbox.com/u/936463/1.jpg

    as u can see the page does not move to the right or left because there is no space.

    Here is another pic but after installing WP Socializer Plugin and activating SareThis.

    http://dl.dropbox.com/u/936463/2.jpg

    here u can see that the page has more space on the left and now u can move to the left. You can not notice that from the first pic.

    I'm using safari but this problem is also on firefox too.

    Thank u so much for ur help

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    O, right, I see. Silly Macs don't show scroll bars any more unless you actually scroll (kind of a usability fail, IMHO).

    Anyhow, maybe try something like this in your CSS:

    Code:
    .stwrapper {display: none;}

  5. #5
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    O, right, I see. Silly Macs don't show scroll bars any more unless you actually scroll (kind of a usability fail, IMHO).

    Anyhow, maybe try something like this in your CSS:

    Code:
    .stwrapper {display: none;}
    Do u mean putting the code in the style.css ? I have different css:

    1- style.css

    2- editor-style-rtl.css

    3- editor-style.css

    I tired to paste it at the end of style.css but nothing happened. Do I paste it anywhere ??

    I'm really sorry for giving u a hard time but I'm not good in this and I need to go step by step.

    Thank u so much

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by hippocrates1985 View Post
    I tired to paste it at the end of style.css but nothing happened. Do I paste it anywhere ?
    That was the right thing to do. Hmmm ... It works for me in testing, but I'm not sure if it will cause other problems.

    When you paste it in to that style.css, did you save it and upload? Also, make sure to refresh your browser, and/or clear the cache to make sure you are viewing the updated CSS.

  7. #7
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    That was the right thing to do. Hmmm ... It works for me in testing, but I'm not sure if it will cause other problems.

    When you paste it in to that style.css, did you save it and upload? Also, make sure to refresh your browser, and/or clear the cache to make sure you are viewing the updated CSS.
    well I did save it, refresh the browser, and clear the cache :-(

    here is the full code of style.css so u and the others will be in the full pic with me. Also u can see the put the code u gave me before the last line and I do not know if that's correct or not

    Code:
    @charset utf-8;
    /*--
    	Theme Name: theme1692
    	Theme URI: http://template-help.com/
    	Description: A theme for Wordpress 3.3.2+ from Template-Help.com Collection
    	Author: Template_Help.com 
    	Author URL: http://www.Template-Help.com/ 
    --*/
    
    /* Add Google WebFonts */
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
    
    /* General
    ---------------------------------------- */
    html,
    body {
    	min-width:960px;
    	height:100%;
    	}
    body{
    	font: 100%/1.125em Arial, Helvetica, sans-serif;
    	position:relative;
    }
    
    #main {
    	font-size:.75em;
    	line-height:1.666em;
    	width:980px;
    	margin:0 auto;
    }
    
    /* Headings */
    h1, h2, h3, h4, h5, h6 {
    	font-weight:bold;
    	margin:0 0 1em 0;
    	}	
    	
    h1 {
    	font-size:20px;
    	line-height:2em;
    	font-weight:normal;
    	padding:3px 0 3px 20px;
    	border-radius:5px 5px 0 0;
    	margin-bottom:25px;
    	position:relative;
    }
    h2 {
    	font-size:20px;
    	line-height:2em;
    	font-weight:normal;
    	padding:3px 0 3px 20px;
    	border-radius:5px 5px 0 0;
    	margin-bottom:25px;
    	position:relative;
    }
    	
    h3 {
    	font-size:20px;
    	line-height:1.2;
    	font-weight:normal;
    	margin-bottom:15px;
    }
    h4 {
    	font-size: 19px;
    	font-weight:normal;
    	line-height: 22px;
        margin: 0 0 12px;
    }
    	h4 a {
    		text-decoration:none;
    		-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    		     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    		      -ms-transition: all 0.3s ease-out;  /* IE10 */
    		       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    		          transition: all 0.3s ease-out;
    	}
    
    h5 {
    	font-size:15px;
    	line-height:20px;
    	font-weight:normal;
    	}
    	h5 a {
    		text-decoration:none;
    		-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    		     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    		      -ms-transition: all 0.3s ease-out;  /* IE10 */
    		       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    		          transition: all 0.3s ease-out;
    	}
    h6 {font-size:1em; margin:0;}
    	
    
    /* List styling */
    dl dt {
    	padding:0 0 3px 32px;
    	margin-bottom:.2em;
    	font-size:18px;
    	line-height:1.2em;
    	}
    dl dd {
    	padding:0 0 0 32px;
    	margin:0 0 1.5em 0;
    	}
    	
    .list-1 li {
    	line-height:25px;
    	padding:2px 0;
    }
    .list-1 {margin:-18px 0 40px;}
    .list-1 li:first-child {border:none; padding-top:3px;}
    	.list-1 li a {
    		display:block;
    		padding-left:20px;
    		text-decoration:none;
    		border-radius:2px;
    		position:relative;
    	}
    
    .list-2 div:first-child  {margin-bottom:20px;}	
    .list-2 div:first-child h2 {
    	margin-bottom:7px;
    }
    .list-2 div:first-child li {
    	line-height:25px;
    	padding:2px 0;
    }
    	.list-2 ul > li {
    		line-height:16px;
    		padding:7px 0 7px 19px;
    	}
    	.list-2 ul > li:first-child {border:none;}
    .list-2 div:first-child li:first-child {border:none; padding-top:3px;}
    	.list-2 div:first-child li a {
    		display:block;
    		padding-left:20px;
    		text-decoration:none;
    		border-radius:2px;
    		position:relative;
    	}
    	.list-2 ul > li > a {
    		text-decoration:none;
    	}
    	.list-2 div:first-child li a:hover {
    		font-weight:bold;
    	}
    	
    .list-3 li {
    	font-size:12px;
    	line-height:18px;
    	padding:3px 0 3px 12px;
    }
    	.list-3 li a {
    		display:inline-block;
    		text-decoration:none;
    	}
    	.list-3 li a:hover {text-decoration:underline;}
    
    img {
    	border-radius:5px;
    	}
    	
    .link {text-decoration:none; font-weight:bold; color:#c32332;}
    .link:hover {text-decoration:underline; color:#1c1c1c;}
    
    .link-1 {
    	font-weight:bold;
    	text-decoration:none;
    }
    .link-1:hover {text-decoration:underline;}
    
    .link-2 {
    	display:inline-block;
    	font-weight:bold;
    	text-decoration:none;
    	padding-left:10px;
    }
    .link-2:hover {text-decoration:underline;}
    
    .link-3 {
    	font-weight:bold;
    	text-decoration:none;
    	-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    	      -ms-transition: all 0.3s ease-out;  /* IE10 */
    	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    	          transition: all 0.3s ease-out;
    }
    
    .p1 {margin-bottom:8px;}
    .p2 {margin-bottom:15px;}
    
    /* Header
    ---------------------------------------- */
    #header {
    	position: relative;
        width: 100%;
    	min-height:193px;
        z-index: 99;
    	margin-bottom:20px;
    	}
    
    /* Logo */
    .logo {
    	float: left;
        padding: 0px 0 3px 0px;
    	}
    	.logo h1,
    	.logo h2 {
    		font-family: 'Open Sans', sans-serif;
    		font-size:46px;
    		line-height:83px;
    		margin:0;
    		border:none;
    		background:none;
    		padding:0;
    		text-transform:uppercase;
    		font-weight:600;
    		letter-spacing:-1px;
    		}
    		.logo h1 a,
    		.logo h2 a {
    			display:inline-block;
    			text-decoration:none;
    			padding-left:28px;
    			}
    .logo .tagline {
    	font-size:10px;
    	text-transform:uppercase;
    	}
    	
    .special-list {
        float: right;
        padding: 67px 0 0;
    }
    .special-list a {
        margin-left: 16px;
        text-decoration: none;
    }
    .special-list a:hover {
        text-decoration: underline;
    }
    
    
    /* Header widget */
    #widget-header {
    	position: relative;
        float:right;
        display:block;
        z-index: 1;
    }
    
    /* Social Networks */
    #widget-header .social-networks {
    	list-style-type:none;
    	padding:0;
    	margin:0;
    	border:none;
    	}
    	#widget-header .social-networks li {
    		float:left;
    		border:none;
    		padding:0;
    		margin:0 0 0 5px;
    		list-style-type:none;
    		height:30px;
    		}
    		#widget-header .social-networks li a {
    			text-decoration:none;
    			float:left;
    			height:30px;
    			display:block;
    			}
    		#widget-header .social-networks li a img {border-radius:0;}
    		#widget-header .social-networks li a:hover {color:red;}
    
    /* EasyTooltip */
    .tooltip {
    	background: none repeat scroll 0 0 #252525;
    	border: 1px solid #000000;
    	color: #EEEEEE;
    	display: none;
    	font-size: 11px;
    	line-height:1.2em;
    	margin: 13px 0 0;
    	padding: 5px;
    	z-index:99;
    }
    
    
    
    
    /* Request a quote */
    #widget_my_requestquotewidget {
    	width:100%;
    	overflow:hidden;
    	}
    	
    	.top-box {
    		background:#eee;
    		border:1px solid #dbdbdb;
    		padding:20px;
    		margin-bottom:20px;
    		overflow:hidden;
    		}
    
    
    /* Slider
    ---------------------------------------- */
    #slider-wrapper {
    	height:500px;
    	overflow:hidden;
    	position:relative;
    	margin-bottom:19px;
    	border-radius:8px;
    	}
    #slider {
    	position:relative;
    	width:980px;
    	height:500px;
    }
    #slider img {
    	position:absolute;
    	top:0px;
    	left:0px;
    	display:none;
    }
    #slider a {
    	display:block;
    }
    
    
    /* The Nivo Slider styles */
    .nivoSlider {
    	position:relative;
    }
    .nivoSlider img {
    	position:absolute;
    	top:0px;
    	left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
    	position:absolute;
    	top:0px;
    	left:0px;
    	width:100%;
    	height:100%;
    	border:0;
    	padding:0;
    	margin:0;
    	z-index:60;
    	display:none;
    }
    /* The slices in the Slider */
    .nivo-slice {
    	display:block;
    	position:absolute;
    	z-index:50;
    	height:100%;
    }
    .nivo-box {
    	display:block;
    	position:absolute;
    	z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
    	position:absolute;
    	right:0;
    	top:0;
    	width:320px;
    	height:440px;
    	overflow:hidden;
    	z-index:89;
    }
    .nivo-caption .nivo-caption-inner {
    	padding:32px 40px;
    	margin:0;
    	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;
    }
    	.nivo-caption strong {
    		display:block;
    		font-family: 'Open Sans', sans-serif;
    		font-size:32px;
    		font-weight:600;
    		line-height:38px;
    		letter-spacing:-2px;
    		margin-bottom:20px;
    	}
    	.nivo-caption em {
    		display:block;
    		font-style:normal;
    		margin-bottom:12px;
    	}
    .nivo-caption a {
    	display:inline-block !important;
    	padding-left:17px;
    	font-size:17px;
    	height:32px;
    	line-height:30px;
    	overflow:hidden;
    	text-decoration:none;
    }
    	.nivo-caption a span {
    		display:inline-block;
    		padding-right:17px;
    		height:32px;
    	}
    	.nivo-caption a span b {
    		display:inline-block;
    		height:32px;
    		font-weight:normal;
    	}
    .nivo-caption a:hover {background-position:0 -43px; }
    	.nivo-caption a:hover span {background-position:right -43px;}
    		.nivo-caption a:hover b {background-position:0 -43px;}
    .nivo-html-caption {
      display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
    	position:absolute;
    	top:45%;
    	z-index:99;
    	cursor:pointer;
    }
    .nivo-prevNav {
    	left:0px;
    }
    .nivo-nextNav {
    	right:0px;
    }
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav {
    	position:absolute;
    	z-index:999;
    	width:320px;
    	right:0;
    	bottom:0;
    	overflow:hidden;
    	margin-top:-1px;
    	border-radius:0 0 8px 0;
    }
    .nivo-controlNav a {
    	position:relative;
    	z-index:99;
    	cursor:pointer;
    	display:inline-block !important;
    	float:left;
    	width:52px;
    	height:60px;
    	text-align:center;
    	font-size:17px;
    	line-height:60px;
    	text-decoration:none;
    }
    .nivo-controlNav a[rel="5"] {border-radius:0 0 8px 0;}
    .ie .nivo-controlNav a[rel="5"] {border-radius:0;}
    .nivo-controlNav a:first-child {width:54px;}
    .ie .nivo-controlNav a:first-child {width:55px;}
    .nivo-controlNav a.active,
    .nivo-controlNav a:hover {
    	background-position:0 0;
    	background-repeat:repeat-x;
    }
    
    .nivo-directionNav a {
    	position:absolute;
    	display:block;
    	width:36px;
    	height:35px;
    	text-indent:-9999px;
    	border:0;
    	top:50%;
    	background:url(images/direction_nav.png) no-repeat 0 0;
    }
    a.nivo-nextNav {
    	right:0;
    	background-position:-36px 0;
    }
    a.nivo-nextNav:hover {
    	background-position:-36px -35px;
    	}
    a.nivo-prevNav {
    	left:0;
    	background-position:0 0;
    }
    a.nivo-prevNav:hover {
    	background-position:0 -35px;
    	}
    
    #slider .nivo-controlNav img {
    	display:inline; /* Unhide the thumbnails */
    	position:relative;
    	margin-right:10px;
    	width:120px;
    	height:auto;
    }
    
    
    
    /* Navigations
    ---------------------------------------- */
    
    .row-top {
    	width:100%;
    	border-radius: 10px 10px 10px 10px;
    	margin-top:18px;
    	position:relative;	
    }
    
    /* Primary navigation */
    nav.primary {
    	position:relative;
    	z-index:2;
    }
    
    /* Essential styles for dropdown menu */
    .sf-menu, .sf-menu * {
    	margin:			0;
    	padding:		0;
    	list-style:		none;
    }
    .sf-menu {
    	line-height:	1.0;
    }
    .sf-menu ul {
    	position:		absolute;
    	top:			-999em;
    	width:			154px; /* left offset of submenus need to match (see below) */
    	padding:10px 20px;
    	border-radius:0 0 5px 5px;
    }
    	.sf-menu ul ul {border-radius:5px;}
    
    .sf-menu ul li {
    	width:			100%;
    }
    .sf-menu li:hover {
    	visibility:		inherit; /* fixes IE7 'sticky bug' */
    }
    .sf-menu li {
    	float:			left;
    	position:		relative;
    }
    .sf-menu a {
    	display:inline-block;
    	position:		relative;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
    	left:			0;
    	top:			61px; /* match top ul list item height */
    	z-index:		99;
    }
    ul.sf-menu li:hover li ul,
    ul.sf-menu li.sfHover li ul {
    	top:			-999em;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
    	left:			10em; /* match ul width */
    	top:			0;
    }
    ul.sf-menu li li:hover li ul,
    ul.sf-menu li li.sfHover li ul {
    	top:			-999em;
    }
    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
    	left:			10em; /* match ul width */
    	top:			0;
    }
    
    
    /* Our skin for dropdown menu */
    .sf-menu {
    	float:left;
    	margin:-1px 0;
    }
    .sf-menu > li:first-child  > a {border-radius: 10px 0 0 10px;}
    .sf-menu > li > a {
    	font-size:17px;
    	line-height:2;
    	text-transform:capitalize;
    	text-decoration:none;
    	padding:12px 21px 15px 21px;
    }
    .sf-menu > li > a:hover, 
    .sf-menu > li.sfHover > a,
    .sf-menu > li.current-menu-item > a,
    .sf-menu > li.current-page-parent > a,
    .sf-menu > li.current-menu-ancestor > a {
    	background-position:0 0;
    	background-repeat:repeat-x;
    }
    
    .sf-menu li li {
    	font-size:12px;
    	line-height:18px;
    	padding:4px 0;
    }
    .sf-menu li li:first-child {border-top:none;}
    .sf-menu li li a {
    	display:inline-block;
    	padding-left:17px;
    	text-decoration:none;
    	-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    	      -ms-transition: all 0.3s ease-out;  /* IE10 */
    	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    	          transition: all 0.3s ease-out;
    }
    
    /*** arrows **/
    .sf-menu a.sf-with-ul {
    	padding-right: 	2.25em;
    	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
    }
    .sf-sub-indicator {
    	position:		absolute;
    	display:		block;
    	right:			.75em;
    	top:			1.05em; /* IE6 only */
    	width:			10px;
    	height:			10px;
    	text-indent: 	-999em;
    	overflow:		hidden;
    	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
    }
    a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    	top:			23px;
    	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
    }
    /* apply hovers to modern browsers */
    a:focus > .sf-sub-indicator,
    a:hover > .sf-sub-indicator,
    a:active > .sf-sub-indicator,
    li:hover > a > .sf-sub-indicator,
    li.sfHover > a > .sf-sub-indicator {
    	background-position: -10px -100px; /* arrow hovers for modern browsers*/
    }
    
    /* point right for anchors in subs */
    .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
    .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
    /* apply hovers to modern browsers */
    .sf-menu ul a:focus > .sf-sub-indicator,
    .sf-menu ul a:hover > .sf-sub-indicator,
    .sf-menu ul a:active > .sf-sub-indicator,
    .sf-menu ul li:hover > a > .sf-sub-indicator,
    .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    	background-position: -10px 0; /* arrow hovers for modern browsers*/
    }
    
    /*** shadows for all but IE6 ***/
    .sf-shadow ul {
    	background:	url(images/shadow.png) no-repeat bottom right;
    	padding: 0 8px 9px 0;
    	-moz-border-radius-bottomleft: 17px;
    	-moz-border-radius-topright: 17px;
    	-webkit-border-top-right-radius: 17px;
    	-webkit-border-bottom-left-radius: 17px;
    }
    .sf-shadow ul.sf-shadow-off {
    	background: transparent;
    }
    
    
    
    
    /* Top search */
    #top-search {
    	float: right;
        padding: 16px 20px 0 0;
    	}
    	#top-search form {
    		position: relative;
    		width: 220px;
    		height:27px;
    	}
    	#top-search .input-search {
    		font-size: 15px;
    		padding: 5px 10px;
    		vertical-align: top;
    		width: 155px;
    		border:none;
    		}
    	#top-search #submit {
    		border: medium none;
    		border-radius: 0 0 0 0;
    		cursor: pointer;
    		height: 25px;
    		margin: 0;
    		overflow: hidden;
    		padding: 0;
    		position: absolute;
    		right: 1px;
    		text-align: center;
    		text-indent: -999em;
    		top: 1px;
    		width: 41px;
    	}
    	#top-search #submit:hover {background-position:right 0 !important;}
    
    
    
    /* Content
    ---------------------------------------- */
    .before-content {
    	padding:20px 0;
    	margin:0 -10px 20px;
    	border-radius:10px 10px 0 0;
    	position:relative;
    }	
    .primary_content_wrap {
    	margin:0 -10px;
    	padding:20px 10px;
    	border-radius:0 0 10px 10px;
    }
    	body.home .primary_content_wrap {border-radius:10px 10px 0 0; padding-top:0;}
    	
    .second_content {
    	margin:-10px -10px 0;
    	padding:26px 10px 10px;
    	position:relative;
    }
    	.second_content  h4 {
    		padding-bottom:15px;
    		margin-bottom:15px;
    	}
    	
    #content.left {
    	float:right !important;
    	}
    
    
    /* Comments
    ---------------------------------------- */
    h3#comments {
    	padding-top:25px;
    	margin-bottom:0;
    	}
    .commentlist {
    	list-style-type:none;
    	padding:0 0 20px 0;
    	margin:0;
    	position:relative;
    	overflow:hidden;
    	}
    	li.comment {
    		list-style-type:none;
    		overflow:hidden;
    		position:relative;		
    	}
    	li.comment > div {padding-bottom:10px;}
    			li.comment .comment-body {
    				padding:20px 20px 25px 20px;
    				position:relative;
    				overflow:hidden;
    				border-radius:5px;
    				}
    		.comment-author {
    			padding:0;
    			}
    		.comment-meta {
    			display:inline-block;
    		}
    			li.comment .avatar {
    				float:left;
    				margin-right:14px;
    				vertical-align:top;
    				overflow:hidden;
    				}
    				li.comment .avatar {
    					display:block;
    					vertical-align:top;
    					overflow:hidden;
    					}
    				
    				.commentlist ul.children {
    					padding:0 0 0 30px;
    					margin:0;
    					position:relative;
    					overflow:hidden;
    					}
    				
    				.reply {
    					text-align:right;
    					}
    					.reply a {
    						display:inline-block;
    						font-weight:bold;
    						padding-left:37px;
    						text-decoration:none;
    						}
    					span.author {
    						display:inline-block;
    						position:absolute;
    						left:30px;
    						top:80px;
    						text-transform:capitalize;
    					}
    	
    	.allowed_tags {
    		background:#eee;
    		padding:15px;
    		font-size:11px;
    		font-family:"Courier New", Courier, monospace;
    		color:#666;
    		}
    		.allowed_tags strong {
    			font-family:Tahoma, Geneva, sans-serif;
    			}
    		#respond {
    			padding:1em 0 0 0;
    		}
    
    
    
    /* Post
    ---------------------------------------- */
    .post-holder {
    	padding-bottom:25px;
    	margin-bottom:25px;
    	position:relative;
    	overflow:hidden;
    	}
    
    /* Post header */
    .post-holder .entry-header h1,
    .post-holder .entry-header h2 {
    	margin-bottom:.2em;
    	}
    .post-holder.single-post {
    	margin-bottom:30px;
    	padding:0;
    	overflow:hidden;
    	width:100%;
    	background:none;
    	}
    
    /* Featured thumbnail */
    .featured-thumbnail {
    	float:left;
    	margin:5px 20px 10px 0;
    	}
    	.featured-thumbnail img {
    		float:left;
    		position:relative;
    		}
    	
    	/* Small thumbnail */
    	.featured-thumbnail.small img {
    		padding:4px;
    		}
    	
    	/* Large thumbnail */
    	.featured-thumbnail.large {
    		margin-right:0;
    		overflow:hidden;
    		margin-bottom:25px;
    		}
    	.featured-thumbnail.large img {
    		max-width:100%;
    		height:auto;
    		}
    	
    	/* Thumbnail with prettyphoto */
    	.featured-thumbnail .image-wrap[rel="prettyphoto"] {
    		background:url(images/magnify.png) no-repeat 50% 50%;
    		display:block;
    		float:left;
    		}
    		.featured-thumbnail .image-wrap[rel="prettyphoto"] img {
    			-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    			     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    			      -ms-transition: all 0.3s ease-out;  /* IE10 */
    			       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    			          transition: all 0.3s ease-out;
    			}
    		.featured-thumbnail .image-wrap[rel="prettyphoto"]:hover img {
    			opacity:.5;
    			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    			}
    
    /* Post content */
    	.post-content .excerpt {
    		margin-bottom:1.5em;
    		}
    		.pagination a {
    			display:inline-block;
    			padding:0 5px;
    			background:#eee;
    			}
    
    /* Post footer */
    .post-holder .post-footer {
    	clear:both;
    	padding:15px 0 0 0;
    	}
    .post-holder.single-post .post-footer {
    	margin-top:20px;
    	}
    		
    .entry-header {position:relative;margin-bottom:15px;}
    /* Meta information for post */
    .post-meta {
    	font-size:11px;
    	line-height:17px;
    }
    	.post-meta a[rel="author"] {font-weight:bold; text-decoration:none; text-transform:capitalize;}
    	.post-meta a[rel="author"]:hover {text-decoration:underline;}
    	
    	
    p.gravatar {
    	float:left;
    	margin-right:20px;
    	}
    	
    .comments-link {
    	display:block;
    	width:29px;
    	height:28px;
    	font-size:15px;
    	line-height:22px;
    	text-decoration:none;
    	text-align:center;
    	overflow:hidden;
    	position:absolute;
    	right:27px;
    	top:16px;
    }
    
    
    /* Post edit link */
    .post-edit-link {
    	display:block;
    	position:absolute;
    	right:0;
    	top:0;
    	padding:2px 7px;
    	font-size:10px;
    	text-transform:uppercase;
    	text-decoration:none;
    	border-radius:3px;
    	}
    
    
    /* Image styling */
    .alignleft {
    	float:left;
    	margin:0 20px 10px 0;
    	border-radius:0;
    	}
    .alignright {
    	float:right;
    	margin:0 0 10px 20px;
    	}
    .aligncenter {
    	text-align:center;
    	margin:0 auto;
    	}
    .alignnone {
    	margin:0 0 25px 0;
    	border-radius:0;
    	}
    .align-right {text-align:right;}
    article .post-content img {
    	max-width:710px;
    	}
    
    .frame {
    	padding:7px;
    	background:#fff;
    	border:1px solid #dbdbdb;
    	border-radius:5px;
    	-moz-border-radius:5px;
    	-webkit-border-radius:5px;
    	text-align:center;
    	}
    .frame img.alignleft,
    .frame img.alignright{
    	margin:0;
    	padding:0;
    	border:none;
    	}
    
    
    
    /* Page Navigaton (wp-pagenavi) */
    .wp-pagenavi {
    	clear: both;
    	overflow:hidden;
    	text-align:center;
    }
    .wp-pagenavi a, .wp-pagenavi span {
    	display:inline-block;
    	font-size:16px;
    	line-height:20px;
    	margin:0 5px;
    	text-decoration:none;
    	-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    	      -ms-transition: all 0.3s ease-out;  /* IE10 */
    	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    	          transition: all 0.3s ease-out;
    }
    
    /* Older and newer navigation */
    nav.oldernewer {
    	width:100%;
    	overflow:hidden;
    	margin-bottom:1.5em;
    }
    	.older {
    		float:left;
    	}
    	.newer {
    		float:right;
    	}
    
    
    
    /* Author
    ---------------------------------------- */
    #post-author {
    	overflow:hidden;
    	padding:20px;
    	margin-bottom:2em;
    	}
    #author-link {
    	margin-top:1.5em;
    	}
    	#post-author .gravatar {
    		margin:0 20px 0 0;
    		}
    	#post-author .gravatar img {
    		padding:5px;
    		}
    
    /* Recent author posts */
    #recent-author-posts {
    	margin-bottom:3em;
    }
    
    /* Recent author comments */
    .author-info {
    	width:100%;
    	overflow:hidden;
    	margin-bottom:3em;
    	padding-bottom:2em;
    }
    	.author-info .avatar {
    		margin:0 20px 0 0;
    		}
    		.author-info .avatar img {
    			float:left;
    			}
    
    .author-meta {
    	margin-bottom:20px;
    	overflow:hidden;
    	width:100%;
    	}
    	.author-meta p.gravatar {
    		margin:0;
    		}
    
    
    
    
    /* 404
    ---------------------------------------- */
    #error404 {
    	padding:30px 0 100px 0;
    }
    	.error404-num {
    		font-size:250px;
    		line-height:1.2em;
    		text-align:center;
    		}
    	#error404 hgroup {
    		margin:0 0 2em 0;
    		padding-top:50px;
    		}
    		#error404 hgroup h1 {
    			font-size:3em;
    			margin-bottom:.2em;
    			background:none;
    			border:none;
    			border-radius:0;
    			padding:0;
    			margin:0;
    			}
    		#error404 hgroup h2 {
    			background:none;
    			border:none;
    			padding:0;
    			border-radius:0;
    		}
    
    
    
    /* Portfolio
    ---------------------------------------- */
    .latestwork {
    	width:100%;
    	overflow:hidden;
    	list-style-type:none;
    	padding:0;
    	margin:0;
    	}
    	.latestwork li {
    		float:left;
    		margin-right:20px;
    		}
    
    
    /* Gallery */
    .header-title {
    	margin-bottom:25px;
    	}
    	.header-title h1 {
    		margin-bottom:0;
    		}
    	.header-title .page-desc {
    		font-size:.91em;
    		color:#999;
    		}
    		
    .entry-header h4 {margin-bottom:5px;}
    
    
    /* Default layout 3 columns */
    	#gallery .portfolio {
    		width:100%;
    		overflow:hidden;
    		list-style-type:none;
    		padding:0;
    		margin:0;
    		}
    		#gallery .portfolio li {
    			list-style-type:none;
    			display:-moz-inline-box;
    			display:inline-block;
    			zoom:1;
    			vertical-align:top; 
    			width:301px;
    			margin:0 14px 20px 0;
    			position:relative;
    			background:none;
    			padding:0;
    			}
    		* + html #gallery .portfolio li {
    			display:inline;
    			}
    		#gallery .portfolio li.nomargin {
    			margin-right:0 !important;
    			}
    			#gallery .portfolio li span.image-border {
    				display:block;
    				position:relative;
    				border-radius:5px;
    				overflow:hidden;
    				}
    			#gallery .portfolio li a.image-wrap {
    				display:block;
    				overflow:hidden;
    				width:301px;
    				height:210px;
    				position:relative;
    				background:url(images/loading.gif) 50% 50% no-repeat;
    				-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    				     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    				      -ms-transition: all 0.3s ease-out;  /* IE10 */
    				       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    				          transition: all 0.3s ease-out;
    				}
    				#gallery .portfolio li a.image-wrap img {float:left; position:relative;}
    			
    			#gallery .portfolio .folio-desc {
    				margin-bottom:0;
    				padding:1.5em 0 0 .5em;
    				}
    			#gallery .portfolio h4 {margin-bottom:8px;}
    			#gallery .portfolio p.excerpt {padding:0;}
    			
    			.zoom-icon {
    				display:block;
    				position:absolute;
    				left:0;
    				top:0;
    				right:0;
    				bottom:0;
    				cursor:pointer;
    				background:rgba(0, 0, 0, .22);
    				-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    				     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    				      -ms-transition: all 0.3s ease-out;  /* IE10 */
    				       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    				          transition: all 0.3s ease-out;
    				opacity:0;
    				border-radius:5px;
    				}
    			.no-rgba .zoom-icon {
    				background:url(images/black-opacity-22.png);
    				visibility:hidden;
    				}
    			.zoom-icon:before {
    				content:"";
    				display:block;
    				position:absolute;
    				left:50%;
    				top:50%;
    				width:45px;
    				height:60px;
    				margin:-30px 0 0 -21px;
    				background:url(images/magnify-alt.png) 50% 50% no-repeat;
    				}
    			.image-wrap:hover .zoom-icon {
    				opacity:1;
    				}
    			.no-rgba .image-wrap:hover .zoom-icon {
    				visibility:visible;
    				}
    
    
    /* 1 column portfolio*/
    #gallery.one_column .portfolio li {
    	width:100%;
    	margin-right:0;
    	margin-left:0;
    	}
    	#gallery.one_column .portfolio li span.image-border {
    		width:507px;
    		height:260px;
    		float:left;
    		padding:7px;
    		border-radius:7px;
    		float:left;
    		margin-right:20px;
    		}
    	#gallery.one_column .portfolio li a.image-wrap {
    		width:507px;
    		height:260px;
    		}
    		#gallery.one_column .portfolio li a.image-wrap img {border-radius:0;}
    		#gallery.one_column .folio-desc {
    			overflow:hidden;
    			padding:0;
    			}
    		#gallery.one_column .zoom-icon {border-radius:0;}
    
    /* 2 columns portfolio*/
    #gallery.two_columns .portfolio li {
    	width:461px;
    	margin-right:13px;
    	}
    	#gallery.two_columns .portfolio li a.image-wrap {
    		width:461px;
    		height:250px;
    		}
    
    /* 4 columns portfolio*/
    #gallery.four_columns .portfolio li {
    	width:221px;
    	margin-right:13px;
    	}
    	#gallery.four_columns .portfolio li a.image-wrap {
    		width:221px;
    		height:170px;
    		}
    
    
    
    
    /* Sidebar
    ---------------------------------------- */
    #sidebar {
    
    }
    		.widget {
    			margin-bottom:30px;
    		}
    	
    
    /* Calendar */
    #calendar_wrap {
    	padding:0;
    	}
    	#wp-calendar {
    		width:100%;
    		}
    		#wp-calendar caption {
    			text-align:center;
    			}
    		#wp-calendar td {
    			text-align:center;
    			padding:6px 0;
    			border:none;
    			}
    		#wp-calendar caption {
    			font-size:16px;
    			color:#1c1c1c;
    			font-weight:bold;
    			padding:4px 0;
    			margin-bottom:5px;
    			}
    		#wp-calendar thead th {
    			padding:7px 0;
    			font-size:14px;
    			background:#eae9ea;
    			color:#1c1c1c;
    			text-align:center;
    			}
    		#wp-calendar #prev {
    			text-align:left;
    			}
    		#wp-calendar #next {
    			text-align:right;
    			}
    #calendar_wrap a {color:#C32332;}
    
    
    /* FAQs
    ---------------------------------------- */
    .faq_list {
    	
    	}
    	.faq_list dt {
    		position:relative;
    		padding:0 0 5px 28px;
    		font-size:15px;
    		font-weight:normal;
    		margin:0;
    		background:none;
    		}
    	.faq_list span.marker {
    		display:block;
    		position:absolute;
    		left:0;
    		top:0;
    		font-size:15px;
    		font-weight:bold;
    		}
    	.faq_list dd {
    		padding:0 0 0 28px;
    		position:relative;
    		margin:0 0 2em 0;
    		}
    		.faq_list dd .marker {
    			top:3px;
    			}
    
    
    
    /* Custom widgets
    ---------------------------------------- */
    
    
    /* Recent Comments */
    ul.recentcomments {
    	padding:0;
    	margin:0;
    	}
    	ul.recentcomments li {
    		padding:25px 0 25px 0;
    		margin:0;
    		border-bottom:none;
    		background:none;
    		overflow:hidden;
    		list-style-type:none;
    		}
    	ul.recentcomments li:first-child {
    		padding-top:0;
    		border-top:none;
    		}
    		ul.recentcomments li img {
    			float:left;
    			margin:0 12px 0 0;
    			}
    		ul.recentcomments .comment-body {
    			padding:15px 0 0 0;
    			}
    			ul.recentcomments .comment-body a {
    				text-decoration:none;
    				}
    			ul.recentcomments .comment-body a:hover {
    				text-decoration:underline;
    				}
    		ul.recentcomments li h4 {
    			margin-bottom:.1em;
    			}
    			ul.recentcomments li h4 a {
    				text-decoration:none;
    				}
    		ul.recentcomments li small {
    			font-size:11px;
    			}
    
    /* Posts Type widget */
    .post_list {
    	list-style-type:none;
    	padding:0;
    	margin:0;
    	}
    	.post_list li {
    		overflow:hidden;
    		padding-top:1.5em;
    		padding-bottom:1.5em;
    		margin:0;
    		}
    	.post_list li:first-child {
    		border:none;
    		padding-top:0;
    		}
    		.post_list li > img {
    			float:left;
    			margin:0 15px 0 0;
    			}
    			
    	.post_list.before_content {
    		width:100%;
    		overflow:hidden;
    		position:relative;
    	}
    	.post_list.before_content li {
    		float:left;
    		width:220px;
    		margin-left:20px;
    		position:relative;
    		padding:0;
    		border:none;
    		overflow:hidden;
    	}
    	.post_list.before_content .title-bg {
    		padding:12px 50px 15px 20px;
    		position:relative;
    		overflow:hidden;
    		border-radius:0 0 5px 5px;
    	}
    	.post_list.before_content li > img {float:none; margin:0; border-radius:5px 5px 0 0; position:relative;}
    	.post_list.before_content .post_meta {
    		font-size:11px;
    		line-height:18px;
    	}
    	.post_list.before_content  .post-title {
    		display:inline-block;
    		font-size:17px;
    		min-height:36px;
    		line-height:20px;
    		text-decoration:none;
    		-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    		     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    		      -ms-transition: all 0.3s ease-out;  /* IE10 */
    		       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    		          transition: all 0.3s ease-out;
    	}
    	.post_list.before_content  .more-link {	
    		display:block;
    		width:22px;
    		height:22px;
    		background:url(images/marker-3.png) 0 100% no-repeat;
    		overflow:hidden;
    		text-indent:-999em;
    		position:absolute;
    		right:10px;
    		bottom:9px;
    		z-index:99;
    	}
    	.post_list.before_content  .more-link:hover {background-position:0 0;}
    	.post_list.before_content .rating {
    		position:absolute;
    		top:108px;
    		right:0;
    		width:82px;
    		height:19px;
    		padding:4px 0 0 5px;
    		overflow:hidden;
    		background:url(images/rating-bg.png) 0 0 repeat;
    		border-radius:5px 0 0 0;
    	}
    	.post_list.before_content .rating .post-ratings {padding:0;}
    
    /* Popular posts */
    .popular-posts {
    	list-style-type:none;
    	padding:0;
    	margin:-10px 0 20px;
    	}
    	.popular-posts li {
    		overflow:hidden;
    		margin:0;
    		padding:20px 0 !important;
    		border:none !important;
    		}
    	.popular-posts li:first-child {padding-top:0 !important;}
    		.popular-posts li .post-thumb {
    			float:left;
    			margin-right:20px;
    			width:60px;
    			height:60px;
    			overflow:hidden;
    			}
    			.popular-posts li .post-thumb .thumbnail {
    				width:100%;
    				height:auto;
    				position:relative;
    				}
    		.popular-posts li .post-thumb.empty-thumb {
    			background:url(images/empty_thumb.gif) no-repeat 50% 50% #ececec;
    			}
    		.popular-posts li h5 {
    			font-size:15px;
    			line-height:20px;
    			margin-bottom:0;
    			font-weight:normal;
    			}
    		.popular-posts li h5 a {
    			text-decoration:none; 
    			-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    			     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    			      -ms-transition: all 0.3s ease-out;  /* IE10 */
    			       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    			          transition: all 0.3s ease-out;
    		}
    		.popular-posts li .excerpt {
    			margin-bottom:.8em;
    			}
    
    
    /* Post Cycle */
    .post_cycle {
    	padding:0;
    	margin:0;
    	}
    #post-cycle .cycle_item {
    	display:none;
    	}
    #post-cycle .cycle_item:first {
    	display:block;
    	}
    
    
    /* Folio Cycle */
    .folio_cycle {
    	list-style-type:none;
    	padding:0;
    	margin:0;
    	width:100%;
    	height:290px;
    	overflow:hidden;
    	}
    	.folio_cycle .folio_item {
    		overflow:hidden;
    		display:none;
    		width:100%;
    		height:290px;
    		}
    	.folio_cycle .folio_item p {margin-bottom:0;}
    	.folio_cycle .folio_item p:first-line {font-weight:bold;}
    	.folio_cycle .folio_item:first {
    		display:block;
    		}
    		.folio_cycle .folio_item .featured-thumbnail {
    			float:none;
    			margin:0px 0 15px 0;
    			}
    			.folio_cycle .folio_item .featured-thumbnail img {
    				float:none;
    				}
    #folio-controls {
    	position:absolute;
    	right:0;
    	top:7px;
    	}
    	#folio-controls ul {
    		list-style-type:none;
    		margin:0;
    		padding:0;
    		position:relative;
    		text-align:right;
    		}
    		#folio-controls ul li {
    			display:inline-block;
    			padding:0 0 0 5px !important;
    			border:none !important;
    			}
    			#folio-controls ul li a {
    				position:relative;
    				display:inline-block;
    				text-decoration:none;
    				width:13px;
    				height:16px;
    				font-size:0;
    				line-height:0;
    				vertical-align:top;
    				}
    			#folio-controls ul li a:hover,
    			#folio-controls ul li.activeSlide a{
    				background-position:0 0;
    				}
    
    
    /* Testimonials */
    .testimonials {
      padding: 0;
      margin: 0;
    }
    .testimonials div.testi_item {
      padding: 0;
      margin: 0 0 10px 0;
      background: none;
    }
    .testimonials div.testi_item blockquote {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      background:none;
      border:none;
      font-style:italic;
    	}
    .testimonials div.testi_item blockquote a {
      text-decoration: none;
      display:inline-block;
      position: relative;
      -webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
           -moz-transition: all 0.3s ease-out;  /* FF4+ */
            -ms-transition: all 0.3s ease-out;  /* IE10 */
             -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
                transition: all 0.3s ease-out;
    }
    .testimonials div.testi_item blockquote a:before {content:'\201C'; font-weight:bold;}
    .testimonials div.testi_item blockquote a:after {content:'\201D'; font-weight:bold;}
    
    .name-testi {
      padding: 12px 0 0 0;
      text-align: right;
      display: block;
      font-style:normal;
      font-family:Arial, Helvetica, sans-serif;
      font-size:13px;
    }
    	.name-testi .user { font-weight:bold; display:block;}
    	
    .name-testi a {
      font-weight: normal;
    }
    .testimonials .thumb {
      float: left;
      margin-right: 20px;
    }
    
    /* Misc for Cycle widgets */
    #testi-cycle .testi_item {
    	display:none;
    	}
    #testi-cycle .testi_item:first {
    	display:block;
    	}
    #testi-controls {
    	text-align:center;
    	overflow:hidden;
    	}
    	#testi-controls ul {
    		list-style-type:none;
    		margin:0;
    		padding:0;
    		}
    		#testi-controls ul li {
    			padding:0;
    			margin:0 2px 0 0;
    			display:inline-block;
    			}
    		* + html #testi-controls ul li {
    			display:inline;
    			zoom:1;
    			}
    
    
    /* Recent Posts */
    .latestpost {
    	list-style-type:none;
    	margin:0 0 28px;
    	padding:0;
    	}
    	.latestpost li {
    		margin:0;
    		list-style-type:none;
    		padding:15px 0 20px;
    		}
    		.latestpost li:first-child {
    			padding-top:0;
    		}
    		.latestpost li .post-meta {
    			font-size:11px;
    			line-height:17px;
    			overflow:hidden;
    			margin-bottom:12px;
    		}
    			.latestpost li .post-meta a[rel="author"] {font-weight:bold; text-decoration:none; text-transform:capitalize;}
    			.latestpost li .post-meta a[rel="author"]:hover {text-decoration:underline;}
    			
    		.latestpost li h4 {
    			margin-bottom:13px;
    			}
    		.latestpost li .excerpt {
    			margin-bottom:23px;
    			}
    		.latestpost li .comments-link {
    			float:left;
    			margin-right:18px;
    			display:inline-block;
    			width:44px;
    			height:45px;
    			overflow:hidden;
    			font-size:22px;
    			line-height:38px;
    			text-align:center;
    			position:relative;
    			top:auto;
    			right:auto;
    		}
    		.latestpost .post-ratings {width:80px !important;}
    
    		
    .post-ratings {padding-top:10px; overflow:hidden;}
    .post-ratings img {margin:0 0 0 2px !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() !important;}
    .post-ratings img:first-child {margin:0 !important;}
    
    /* Twitter widget */
    .twitter {
    	position:relative;
    }
    .twitter_update_list {
    	overflow:hidden;
    	margin-bottom:15px;
    	height:257px;
    	}
    .twitter ul li {
    	margin: 0;
        padding: 18px 0 15px !important;
    	}
    	#footer .twitter ul li:first-child {
    		padding-top: 0 !important;
    	}
    	.twitter ul li .twitt-body {
    		padding:0 0 5px 0;
    		}
    	.twitter ul li .twitt-body a:hover {text-decoration:underline !important;}
    	.twitter ul li a.timesince {
    		display: inline-block;
    		font-size: 11px;
    		line-height: 14px;
    		padding-left: 25px;
    		}
    	
    .twitter .profileLink {
    	text-decoration:none;
    	font-weight:bold;
    }
    .twitter .profileLink:hover {text-decoration:underline;}
    .twitter  .preloader {
    	position:absolute;
    	top:50px;
    	left:0;
    	height: 24px;
    	line-height:24px;
    	padding-left: 30px;
    	background-position:0 50%;
    	background-repeat:no-repeat;
    	background-image:url(images/loading-twitter.png);
    }
    
    
    
    /* Flickr widget */
    .flickrImages {
    	overflow:hidden;
    	position:relative;
    }
    .flickrImages a {
    	float:left;
    	display:block;
    	width:75px;
    	height:75px;
    	background:#000;
    	margin:0 1px 1px 0;
    	}
    .flickrImages a img {
    	-webkit-transition: all 0.2s ease;
    	-moz-transition: all 0.2s ease;
    	-o-transition: all 0.2s ease;
    }
    .flickrImages a:hover img {
    	opacity:.5;
    }
    .flickrImages a.link {
    	display:inline;
    	float:none;
    	width:auto;
    	height:auto;
    	margin:0;
    	background:none;
    	}
    
    /* Banner widget */
    .banners-holder {
    	list-style-type:none;
    	padding:0;
    	margin:0;
    	}
    	.banners-holder li {
    		list-style-type:none;
    		float:left;
    		margin:0 3px 3px 0;
    		padding:0;
    		}
    		.banners-holder li img {
    			vertical-align:top;
    			float:left;
    			}
    
    
    
    /* Testimonials
    ---------------------------------------- */
    
    /* Testimonials list */
    article.testimonial {
    	border:none;
    	padding:30px 30px 20px 235px;
    	width:auto;
    	font-family:Georgia, "Times New Roman", Times, serif;
    	font-style:italic;
    	font-size:14px;
    	line-height:1.5em;
    	font-weight:normal;
    	margin-bottom:35px;
    	}
    	article.testimonial .featured-thumbnail {
    		position:absolute;
    		left:20px;
    		top:20px;
    		}
    	article.testimonial .name-testi {
    		display:block;
    		text-align:right;
    		font-style:normal;
    		font-size:13px;
    		font-family:Arial, Helvetica, sans-serif;
    		line-height:1.2em;
    		font-style:normal;
    		}
    		article.testimonial .name-testi a {
    			text-decoration:none;
    			}
    		article.testimonial .name-testi a:hover {
    			text-decoration:underline;
    			}
    
    
    /* Single Testimonial */
    .testi-single {
    	font-family:Georgia, "Times New Roman", Times, serif;
    	border:none;
    	padding:30px 30px 30px 235px;
    	width:auto;
    	font-size:14px;
    	line-height:1.5em;
    	font-style:italic;
    	margin:0 0 2em 0;
    	position:relative;
    	}
    	.testi-single p {
    		margin:0 0 1em 0;
    		padding:0;
    		}
    		.testi-single .featured-thumbnail {
    			position:absolute;
    			left:20px;
    			top:20px;
    			}
    
    
    /* Shortcodes
    ---------------------------------------- */
    
    /* Recent Posts */
    .recent-posts {
    	margin:0;
    	padding:0;
    	width:100%;
    	overflow:hidden;
    	border:none;
    	}
    	.recent-posts li {
    		list-style-type:none;
    		margin:0 0 20px 0;
    		padding:0;
    		border:none;
    		background:none;
    		}
    		.recent-posts li img.thumb {
    			float:left;
    			margin:0 20px 0 0;
    			}
    		.recent-posts li h5 {
    			font-size:1em;
    			margin-bottom:0;
    			}
    		.recent-posts li .excerpt {
    			margin-bottom:1.5em;
    			}
    		.recent-posts li span.meta {
    			display:block;
    			margin-bottom:.5em;
    			font-size:10px;
    			color:#888;
    			text-transform:uppercase;
    			overflow:hidden;
    			}
    			.recent-posts li .post-date {
    				float:left;
    				}
    			.recent-posts li .post-comments {
    				float:right;
    				}
    
    
    /* Our team */
    .recent-posts.team {
      margin: 0 0 18px;
      padding: 0;
    }
    	.recent-posts.team li {
    		float: left;
    		width: 195px;
    		overflow: hidden;
    		margin: 0 17px 15px 0;
    	}
    	.recent-posts.team li:nth-child(3n) {
    		margin-right: 0;
    	}
    	.recent-posts.team li.nomargin {
    		margin-right: 0;
    	}
    		.recent-posts.team li .featured-thumbnail {
    			width: 195px;
    			overflow: hidden;
    			float: none;
    			margin: 0 0 30px 0;
    			background:none;
    			padding:0;
    			border:none;
    		}
    	.recent-posts.team li .excerpt {
    		margin-bottom: 0;
    	}
    	.recent-posts.team li h4 {
    		font-size:15px;
    		line-height:20px;
    		margin-bottom:5px;
    	}
    
    /* Services */
    .recent-posts.services {
    	list-style-type:none;
    	padding:5px 0 0 0;
    	margin:0 0 23px;
    	overflow:hidden;
    	}
    	.recent-posts.services li {
    		float:left;
    		width:301px;
    		margin:0 18px 20px 0;
    		background:none;
    		padding:0;
    		}
    	.recent-posts.services li .excerpt {margin-bottom:20px;}
    	.recent-posts.services li:nth-child(3n) {
    		margin-right:0;
    		}
    	.recent-posts.services li.nomargin{
    		margin-right:0;
    		}
    		.recent-posts.services li figure {float:none; margin:0 0 25px 0;}
    		.recent-posts.services li img {
    			margin:0;
    			float:none;
    			}
    		.recent-posts.services li h4 {
    			margin-bottom:8px;
    			}
    			
    
    /* Popular Posts */
    .popular_posts {
    	list-style-type:none;
    	padding:0;
    	margin:0;
    	}
    	.popular_posts li {
    		list-style-type:none;
    		padding:0 0 20px 0;
    		margin:0;
    		overflow:hidden;
    		}
    
    
    
    /* Tags */
    .tags-cloud a,
    .tagcloud a,
    .post-footer a {
    	display:inline-block;
    	padding:2px 7px;
    	border-radius:3px;
    	text-decoration:none;
    	margin:0 1px 4px 0;
    	font-size:11px !important;
    	box-shadow:1px 1px 0 rgba(0, 0, 0, .2);
    	line-height:18px;
    	vertical-align:top;
    	-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
    	     -moz-transition: all 0.3s ease-out;  /* FF4+ */
    	      -ms-transition: all 0.3s ease-out;  /* IE10 */
    	       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    	          transition: all 0.3s ease-out;
    	}
    
    
    /* Recent Comments */
    .recent-comments {
    	list-style-type:none;
    	padding:0;
    	margin:0;
    	}
    	.recent-comments li {
    		padding:0;
    		margin:0;
    		border:none;
    		padding-bottom:.5em;
    		}
    
    
    /* Footer
    ---------------------------------------- */
    #footer {width:100%;}
    	#footer h4 {
    		padding-bottom:15px;
    		margin-bottom:15px;
    	}
    
    .footer-bg {
        border-radius: 0 0 10px 10px;
        overflow: hidden;
        padding: 26px 0 32px;
        position: relative;
        width: 100%;
    }
    
    	/* Footer widget */
    	#widget-footer .social-networks li {
    		list-style-type:none;
    		padding:0 0 .5em 0;
    		margin:0;
    		}
    	
    	/* Footer navigation */
    	nav.footer {
    		float:right;
    	}
    		nav.footer ul {
    			margin:0;
    			padding:0;
    			}
    			nav.footer ul li {
    				list-style-type:none;
    				float:left;
    				padding:0 0 0 15px !important;
    				margin:0;
    				border:none !important;
    				}
    			nav.footer ul li a:hover,
    			nav.footer ul li.current-menu-item a {text-decoration:underline !important;}
    	
    	/* Copyright */
    	#copyright {
    		padding:30px 0 36px;
    		}
    	#copyright a {text-decoration:none;}
    	#copyright a:hover {text-decoration:underline;}
    	
    	/* Footer text */
    	#footer-text {
    			float:left;
    		}
    
    #footer ul li {
        line-height: 19px;
        padding: 3px 0;
    }		
    	#footer ul li:first-child {
    		border: medium none;
    		padding-top: 0;
    	}
    	#footer ul li a {
        text-decoration: none;
    	}
    
    	
    
    
    /* Misc
    ---------------------------------------- */
    .button {
    	display:inline-block;
    	padding:5px 19px 6px;
    	text-decoration:none;
    	font-size:12px;
    	line-height:20px;
    	font-weight:bold;
    	border-radius:3px;
    	-moz-border-radius:3px;
    	-webkit-border-radius:3px;
    	position:relative;
    	}
    
    /* Tabs */
    .tabs {
        margin: 1px 0 20px 0;
    }
    
    .tabs .tab-wrapper {
        border: 1px solid #dddddd;
        border-radius: 0 5px 5px 5px;
        -moz-border-radius: 0 5px 5px 5px;
        -webkit-border-radius: 0 5px 5px 5px;
        margin: -1px 0 0 0;
    }
    
    .tabs .tab-menu ul {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .tabs .tab-menu li {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .tabs .tab-menu a {
        background-color: #fafafa;
        border: 1px solid #dddddd;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        color: #aaaaaa;
        display: block;
        font-size: 12px;
        letter-spacing: 1px;
        margin: 0 2px 0 0;
        padding: 8px 20px;
    }
    
    .tabs .tab-menu a:hover {
        background-color: #f2f2f2;
        color: #666666;
    }
    
    .tabs .tab-menu a.active {
        background-color: #ffffff;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fafafa');
        background: -moz-linear-gradient(bottom , #fafafa 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
        background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #fafafa),color-stop(90%, #f6f6f6));
        border-bottom: none;
        color: #666666;
        padding: 8px 20px 9px 20px;
    }
    
    .tabs .tab {
    	background-color: #fafafa;
    	border-radius: 0 5px 5px 5px;
        -moz-border-radius: 0 5px 5px 5px;
        -webkit-border-radius: 0 5px 5px 5px;
        padding: 20px;
    }
    
    
    
    
    
    /* Toggle */
    .toggle {
        padding: 0 0 2px 0;
    }
    .toggle .trigger {
    	background-color: #f5f5f5;
    	background: -moz-linear-gradient(bottom, #F2F2F2 0px, #ffffff 100%);
    	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #ffffff));
    	border: 1px solid #dddddd;
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	color: #666666;
    	display: block;
    	padding: 10px 12px 10px 40px;
    	position: relative;
    	text-decoration:none;
    	height:1%;
    	}
    
    .toggle .trigger span {
    	background: url(includes/images/toggle.png) 0 0 no-repeat;
    	display: block;
    	position: absolute;
    	top: 9px;
    	left: 10px;
    	text-indent: -9999px;
    	width: 22px;
    	height: 20px;
    	}
    
    .toggle .trigger:hover,
    .toggle .active {
    	background:#191919;
    	color:#fff;
    	}
    .toggle .active span {
    	background-position: 0 -20px;
    	}
    
    .toggle .box {
    	background-color: #fafafa;
    	border: 1px solid #dddddd;
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	padding: 20px;
    	}
    
    
    
    /* Dropcap */
    .dropcap {
    	display: block;
      float: left;
      margin: 0 22px 20px 0;
      text-transform: uppercase;
      width: 51px;
      height: 51px;
      background: #666;
    	border-radius:6px;
      font-size: 36px;
      line-height: 51px;
      color: #ffffff;
      text-align: center;
      font-weight: bold;
      text-transform: lowercase;
    	}
    
    .widget-area {
    	
    }
    
    .hr {
    	height:1px;
    	background:#eee;
    	overflow:hidden;
    	font-size:0;
    	line-height:0;
    	margin:30px 5px;
    	}
    .grid_1 .hr, .grid_2 .hr, .grid_3 .hr, .grid_4 .hr, .grid_5 .hr, .grid_6 .hr, .grid_7 .hr, .grid_8 .hr, .grid_9 .hr, .grid_10 .hr, .grid_11 .hr, .grid_12 .hr, .grid_13 .hr, .grid_14 .hr, .grid_15 .hr, .grid_16 .hr, .grid_17 .hr, .grid_18 .hr, .grid_19 .hr, .grid_20 .hr, .grid_21 .hr, .grid_22 .hr, .grid_23 .hr, .grid_24 .hr {
    	margin-left:0;
    	margin-right:0;
    	}
    .sm_hr {
      height: 1px;
      background: #eee;
      overflow: hidden;
      font-size: 0;
      line-height: 0;
      margin: 25px 10px;
    }
    .grid_1 .sm_hr,
    .grid_2 .sm_hr,
    .grid_3 .sm_hr,
    .grid_4 .sm_hr,
    .grid_5 .sm_hr,
    .grid_6 .sm_hr,
    .grid_7 .sm_hr,
    .grid_8 .sm_hr,
    .grid_9 .sm_hr,
    .grid_10 .sm_hr,
    .grid_11 .sm_hr,
    .grid_12 .sm_hr {
      margin-left: 0;
      margin-right: 0;
    }
    .spacer {
    	height:25px;
    	overflow:hidden;
    	font-size:0;
    	line-height:0;
    	}
    
    /* Address */
    .address {
    	overflow:hidden;
    	width:100%;
    	margin:0;
    	padding:0;
    	}
    .address dt {
    	float:left;
    	width:165px;
    	margin-right:20px;
    	padding:0 0 0 55px;
    	background:none;
    	font-size:1em;
    	line-height:18px;
    	background:url(images/address-icon1.png) no-repeat 0 3px;
    	}
    .address dd {
    	float:left;
    	width:217px;
    	padding:0 0 0 53px;
    	background:url(images/address-icon2.png) no-repeat 0 3px;
    	}
    	.address dd ul {
    		list-style-type:none;
    		padding:0;
    		margin:0;
    		}
    		.address dd ul li {
    			background:none;
    			padding:0;
    			}
    	.address dd span {
    		float:left;
    		width:100px;
    		}
    		.address dd a {
    			text-decoration:underline;
    			}
    		.address dd a:hover {
    			text-decoration:none;
    			}
    
    
    
    
    
    /* VIDEO */
    .video-wrap {
    	margin-bottom: 10px;
    	position:relative;
    	zoom:1;
    	}
    	.video-wrap object {
    		position:relative;
    		z-index:2;
    		}
    	.video-bg {
    		background-color:black;
    		position:absolute;
    		left:0;
    		top:0;
    		z-index:1;
    		}
    
    /* AUDIO */
    .audio-wrapper {
       margin-bottom:1.5em;
    }
    .audio-desc {
    	font-size:.91em;
    	color:#999;
    	padding:.5em 0 0 0;
    	}
    .audiojs audio { position: absolute; left: -1px; }
    .audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px;
    	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
    	background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
    	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    	-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
    .audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
    .audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
    .audiojs .play { display: block; }
    .audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
    .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;
    	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
    	background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
    .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;
    	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
    	background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
    .audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } 
    .audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
    .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
    .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
    	text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
    .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
    
    .audiojs .play { background: url(js/audiojs/player-graphics.gif) -2px -1px no-repeat; }
    .audiojs .loading { background: url(js/audiojs/player-graphics.gif) -2px -31px no-repeat; }
    .audiojs .error { background: url(js/audiojs/player-graphics.gif) -2px -61px no-repeat; }
    .audiojs .pause { background: url(js/audiojs/player-graphics.gif) -2px -91px no-repeat; }
    
    .playing .play, .playing .loading, .playing .error { display: none; }
    .playing .pause { display: block; }
    
    .loading .play, .loading .pause, .loading .error { display: none; }
    .loading .loading { display: block; }
    
    .error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
    .error .error { display: block; }
    .error .play-pause p { cursor: auto; }
    .error .error-message { display: block; }
    
    
    
    /* Alert boxes
    ---------------------------------------- */
    .alert-box, .wpcf7-response-output {
    	padding:20px 20px 20px 90px !important;
    	border-radius:5px;
    	-moz-border-radius:5px;
    	-webkit-border-radius:5px;
    	font-size:.91em;
    	line-height:1.4em;
    	border:1px solid #dbdbdb;
    	font-family:Arial, Helvetica, sans-serif;
    	margin-bottom:15px;
    	}
    	.error-box, .wpcf7-mail-sent-ng {
    		border-color:#ff9999;
    		color:#c31b00;
    		background:url(images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
    		}
    	.attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
    		border-color:#e6c555;
    		color:#9e660d;
    		background:url(images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
    		}
    	.notice-box {
    		border-color:#68a2cf;
    		color:#2e6093;
    		background:url(images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
    		}
    	.approved-box, .wpcf7-mail-sent-ok {
    		border-color:#a3c159;
    		color:#5e6f33;
    		background:url(images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
    		}
    	
    
    
    /* Forms
    ---------------------------------------- */
    
    /* Form defaults */
    input {height:16px;}
    input, select, textarea { 
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:1em;
    	vertical-align:middle;
    	font-weight:normal;
    	border-bottom:none;
    	border-radius:3px;
    	position:relative;
    	outline:none;
    }
    input[type="text"], textarea {
    	padding:5px;
    	}
    input[type="submit"], input[type="reset"] {
    	position:relative;
    	cursor:pointer;
    	margin-right:15px;
    	display:inline-block;
    	height:27px;
    	padding:5px 19px 6px;
    	text-decoration:none;
    	font-size:12px;
    	line-height:normal;
    	font-weight:bold;
    	border-radius:3px;
    	border:none;
    	-moz-background-clip: padding; 
    	-webkit-background-clip: padding-box; 
    	background-clip: padding-box;
    	overflow:hidden;
    }
    
    
    /* Comment form */
    #commentform {
    		width:700px;
    		position:relative;
    		overflow:hidden;
    	}
    	.commentlist ul.children #commentform {width:500px;}
    	#commentform p.field {
    		margin-bottom:5px;
    		}
    		#commentform small {
    			color:#8b8b8b;
    			}
    	#commentform label {
    		display:block;
    		width:70px;
    		float:left;
    		}
    	#commentform input[type="text"] {width:378px;}
    		.commentlist ul.children #commentform input[type="text"] {width:300px;}
    	#commentform textarea {
    		width:618px;
    		max-width:618px;
    		min-width:618px;
    		height:206px;
    		min-height:206px;
    		overflow:auto;
    		}
    		.commentlist ul.children #commentform textarea {
    			width:417px;
    			max-width:417px;
    			min-width:417px;
    		}
    		#commentform input[type="submit"], 
    		#commentform input[type="reset"] {margin-left:15px; margin-right:0;}
    
    
    
    
    /* Contact form */
    .wpcf7-form p.field {
    	margin-bottom:9px;
    	overflow:hidden;
    	vertical-align:top;
    	width:380px;
    	position:relative;
    	}
    .wpcf7-form p.field label {
    	float:left;
    	width:79px;
    	padding-top:6px;
    	}
    .wpcf7-form p.field input {
    	float:left;
    	width:280px;
    	}
    	.wpcf7-form p.field small {
    		color:red;
    		}
    .wpcf7-form textarea {
    	float:left;
    	width:280px;
    	max-width:280px;
    	min-width:280px;
    	height:205px;
    	min-height:205px;
    	overflow:auto;
    	margin-bottom:17px;
    	}
    .wpcf7-form .submit-wrap {
    	padding:0 0 0 79px;
    	margin:0;
    	}
    	span.wpcf7-form-control-wrap {
    		display:block;
    		}
    	.wpcf7-not-valid-tip {
    		width:280px !important;
    		height:15px !important;
    		line-height:15px !important;
    		position:absolute;
    		left:79px !important;
    		top:0 !important;
    		padding:5px !important;
    		background:#f3b7b7 !important;
    		color:red !important;
    		border:1px solid red !important;
    		border-radius:2px !important;
    		}
    
    
    
    
    
    /* Sidebar search form */
    #searchform {
    	
    	}
    #searchform .searching {
    		width:144px;
    		margin-right:5px;
    		}
    	#searchform .submit {
    		cursor:pointer;
    		padding-left:9px;
    		padding-right:9px;
    		margin:0;
    		}
    
    
    
    /* Fluid Columns */
    .one_half{ width:48%; }
    .one_third{ width:30.66%; }
    .two_third{ width:65.33%; }
    .one_fourth{ width:22%; }
    .three_fourth{ width:74%; }
    .one_fifth{ width:16.8%; }
    .two_fifth{ width:37.6%; }
    .three_fifth{ width:58.4%; }
    .four_fifth{ width:79.2%; }
    .one_sixth{ width:13.33%; }
    .five_sixth{ width:82.67%; }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
    .last { margin-right:0 !important; clear:right; }
    
    
    .fleft { float:left;}
    .fright { float:right;}
    .clear { clear:both;}
    
    .wrapper { 
    	width:100%;
    	overflow:hidden;
    }
    .extra-wrap {
    	overflow:hidden;
    	}
    
    
    /* Clear Floated Elements */
    .clear {
    	clear: both;
    	display: block;
    	overflow: hidden;
    	visibility: hidden;
    	width: 0;
    	height: 0;
    }
    
    .clearfix:after {
    	clear: both;
    	content: ' ';
    	display: block;
    	font-size: 0;
    	line-height: 0;
    	visibility: hidden;
    	width: 0;
    	height: 0;
    }
    
    .clearfix {
    	display: inline-block;
    }
    
    * html .clearfix {
    	height: 1%;
    }
    
    .clearfix {
    	display: block;
    }
    
    .stwrapper {display: none;}
    
    /* Always remember to compress your live stylesheet and keep an uncompressed backup */

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    You certainly did the right thing. Maybe my suggestion was no good. (It was a long shot, really.) All the same, the page has stopped scrolling left for me. Maybe it only works in my browser, though (Chrome). What browser are you using?

  9. #9
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    You certainly did the right thing. Maybe my suggestion was no good. (It was a long shot, really.) All the same, the page has stopped scrolling left for me. Maybe it only works in my browser, though (Chrome). What browser are you using?
    I'm using safari but the same problem when I use firefox :-(

  10. #10
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    You certainly did the right thing. Maybe my suggestion was no good. (It was a long shot, really.) All the same, the page has stopped scrolling left for me. Maybe it only works in my browser, though (Chrome). What browser are you using?
    wait a second now it's working good. hahaha this is crazy.

    Thank u sooooooo much my friend for ur help and I hope u do not mind asking u for another help.

    when u go for example to this topic. ( i know it's in different language but I think we can work it out. )

    http://www.kamalagsam.org/محمد-الزحم...#1604;م/

    under the topic which looks like this ( محمد الزحمي يفوز بذهبية بطولة العالم ). You can see small box which indicate the number of comments ( now it's zero ). How can I move this from the right to the left ??

    Thank u for everything from my heart :-)

  11. #11
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    You're welcome. glad it is working.

    Quote Originally Posted by hippocrates1985 View Post
    under the topic which looks like this ( محمد الزحمي يفوز بذهبية بطولة العالم ). You can see small box which indicate the number of comments ( now it's zero ). How can I move this from the right to the left ?
    In your style.css, around line 923, try changing this:

    Code:
    .comments-link {
    display: block;
    width: 29px;
    height: 28px;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 27px;
    top: 16px;
    }
    to something like this:

    Code:
    .comments-link {
    display: block;
    width: 29px;
    height: 28px;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 227px;
    top: 16px;
    }
    It's not very accurate, and not the best way to do it, but may be good enough in this case.

  12. #12
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    You're welcome. glad it is working.



    In your style.css, around line 923, try changing this:

    Code:
    .comments-link {
    display: block;
    width: 29px;
    height: 28px;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 27px;
    top: 16px;
    }
    to something like this:

    Code:
    .comments-link {
    display: block;
    width: 29px;
    height: 28px;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 227px;
    top: 16px;
    }
    It's not very accurate, and not the best way to do it, but may be good enough in this case.

    This is sooooo perfect and I'm soooo happy. Thank u so much. waaaw Finally I'm changing to what I want in that website.

    Still I want to change a lot of things in that website. is it ok to send u a private message or do u want me to ask u here ??

    I really want someone like u to help me reorganize that website because I'm zero about designing and changing a website looks.

    Thanks again my friend and I really appreciate it. I hope to hear back from u so we can make a lot of changes to the best :-)

  13. #13
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by hippocrates1985 View Post
    is it ok to send u a private message or do u want me to ask u here ?
    It's better to post in the forums, as then you'll get lots more—and better—help.

    Glad things are getting better, anyhow.

  14. #14
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    It's better to post in the forums, as then you'll get lots more—and better—help.

    Glad things are getting better, anyhow.
    u r the man who taught how to play with the style.css

    Because of u I moved the logo from left to right even that my knowledge is not good about dealing with web design. But I guess a little help from u, I can learn :-)

    Now let's try to do something else. is there anyway to get ride of what's under the logo which are Entries RSS, Comments RSS, Wordpress.org, ....... ???

    here is the website again http://www.kamalagsam.org

    Thank you

  15. #15
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by hippocrates1985 View Post
    I guess a little help from u, I can learn :-)
    Yes.

    With WordPress, it's better to get rid of things by changing the PHP files on your server, but a quick solution to those links is this:

    Code:
    .special-list {
    display: none;
    }
    Add that anywhere to styles.css.

  16. #16
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Yes.

    With WordPress, it's better to get rid of things by changing the PHP files on your server, but a quick solution to those links is this:

    Code:
    .special-list {
    display: none;
    }
    Add that anywhere to styles.css.
    OMG I can not believe it. I'm soooo happy and jumping everywhere. Finally I'm making my dream website because of u my friend. God bless you. I hope you do not get tired of me because I have a lot of things in my head trying to do but I do not know how.

    Here is one more problem which I'm facing. Do u remember the first problem which I started in this thread about the more space on the left ?? It's all because of I need to use a plugin called " WP Socializer " and use " ShareThis ". Yes we have fixed the problem with the page but now if you go to what u see in this following pic, u noticed that I have a problem with "Share" and "email" icons. They are not clickable and not working.

    http://dl.dropbox.com/u/936463/WP.jpg

    I tried to delete the plugin "WP Socializer" and use another plugin called "SahreThis". It was ok but when I click on "Share" and "email" icons, I get like black shadow and it's not working.

    Do you have any idea what's going on? If not, I can move to another thing hahahaha

  17. #17
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    The share button isn't working because of the

    .stwrapper {
    display: none;
    }

    we put in. I was worried about that.

    Hmmm ...

  18. #18
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    The share button isn't working because of the

    .stwrapper {
    display: none;
    }

    we put in. I was worried about that.

    Hmmm ...
    1 week ago I tweeted the developer of WP Socializer about the first problem we had. Now nut 1 min ago I got his reply saying, " open wp-content/themes/YOUR_THEME/style.css and add this line .wp-socializer{float:right !important;} that's all !"

    I do not want to miss up with anything until I tell u because u know better than what I know. With all respect to the developer but he is from India and his english is weak and I do not know if he understood my problem or not.

    what do u think ??

  19. #19
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well his suggestion does not help us. I tried it on my localhost :-(

  20. #20
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by hippocrates1985 View Post
    well his suggestion does not help us. I tried it on my localhost :-(
    Yeah, the problem is that the st-wrapper is set way off to the left of screen when the share button is not activated, and his fix doesn't address that.

    OK, here is another idea. Get rid of this in style.css

    Code:
    .stwrapper {display: none;}
    and try this instead:

    Code:
    .stwrapper {right: 80px; }

  21. #21
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Yeah, the problem is that the st-wrapper is set way off to the left of screen when the share button is not activated, and his fix doesn't address that.

    OK, here is another idea. Get rid of this in style.css

    Code:
    .stwrapper {display: none;}
    and try this instead:

    Code:
    .stwrapper {right: 80px; }
    man it works great. You can not believe how happy I'm. I'll be back with some problems but I'll let u take a rest for now.

    Thank u so much from my heart :-)

  22. #22
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by hippocrates1985 View Post
    man it works great. You can not believe how happy I'm. I'll be back with some problems but I'll let u take a rest for now.

    Thank u so much from my heart :-)
    Glad to have helped so far. Thanks for the feedback.

  23. #23
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Glad to have helped so far. Thanks for the feedback.
    What's up my friend ? I hope u r doing well.

    Here I'm back for some help and changes on the website I'm working on. Check out this pic :

    http://dl.dropbox.com/u/936463/main%20page.jpg

    is there any way to move the first box from the way left to the right ?? The reason why I'm asking this because this box is for the main page and I tried to ve it to the right but does not go all the way to the right. As u can see there is a space at the end. Also where can I change the size on those boxes ??

    Thank u :-)

  24. #24
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,613
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    To start with, you could change this (style.css, line 543):

    Code:
    .sf-menu li {
    float: left;
    position: relative;
    }
    to this

    Code:
    .sf-menu li {
    float: right;
    position: relative;
    }
    Then you need to change this (line 578):

    Code:
    .sf-menu {
    float: left;
    margin: -1px 0;
    }
    to this

    Code:
    .sf-menu {
    float: right;
    margin: -1px 0;
    }
    Now change this (line 582):

    Code:
    .sf-menu > li:first-child > a {
    border-radius: 10px 0 0 10px;
    }
    to this:

    Code:
    .sf-menu > li:first-child > a {
    border-radius: 0 10px 10px 0;
    }
    One way to change the box sizes is to play around with the padding and line-height here (line 583):

    Code:
    .sf-menu > li > a {
    font-size: 17px;
    line-height: 2;
    text-transform: capitalize;
    text-decoration: none;
    padding: 12px 21px 15px 21px;
    }

  25. #25
    SitePoint Enthusiast
    Join Date
    Dec 2012
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    To start with, you could change this (style.css, line 543):

    Code:
    .sf-menu li {
    float: left;
    position: relative;
    }
    to this

    Code:
    .sf-menu li {
    float: right;
    position: relative;
    }
    Then you need to change this (line 578):

    Code:
    .sf-menu {
    float: left;
    margin: -1px 0;
    }
    to this

    Code:
    .sf-menu {
    float: right;
    margin: -1px 0;
    }
    Now change this (line 582):

    Code:
    .sf-menu > li:first-child > a {
    border-radius: 10px 0 0 10px;
    }
    to this:

    Code:
    .sf-menu > li:first-child > a {
    border-radius: 0 10px 10px 0;
    }
    One way to change the box sizes is to play around with the padding and line-height here (line 583):

    Code:
    .sf-menu > li > a {
    font-size: 17px;
    line-height: 2;
    text-transform: capitalize;
    text-decoration: none;
    padding: 12px 21px 15px 21px;
    }
    It works great as always. Thank u my friend. I'll back soon for more help and I hope u do not mind :-)

    I really appreciate all ur help.

    Thank u


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •