Grosse modification de thème pour un site important. (Créer un compte)

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Portfolio

3. POSTS
-3.1 Post layout
-3.2 Post type
-3.3 Typographic Elements
-3.4 Images
-3.5 Page Navigation

4. COMMENTS
-4.1 Comments
-4.2 Comments Form
-4.3 Pingbacks / Trackbacks

5. MISC
-5.1 Buttons
-5.2 Contact Form
-5.3 Gravity forms
-5.4 Timeline Page Template
-5.5 IE specific styling

6. WIDGETS
-6.1 Generic Widgets
-6.2 Specific Widgets
-6.3 WooTabs


——————————————————————————————-/*

/*——————————————————————————————-*/
/* RESET – http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*——————————————————————————————-*/

body,html{height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* Floating & Alignment  */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}

/* Clear Floats  */
.col-full:after{content: ». »;display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}


/*——————————————————————————————-*/
/* 1. SETUP */
/*——————————————————————————————-*/

/* 1.1 Defaults */

body { background: url(images/bg.png); font: 12px/18px sans-serif; color: #323232; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Helvetica, Arial, serif; color: #333; font-weight:normal; }
h1  {font-size: 28px; } h2 {font-size: 24px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p {margin: 0; text-shadow:0px 1px 0 #fff;}

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background: #fff url(images/bg-search.png) repeat-x top;}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #267698; text-decoration:none;}
a:hover { color:#151515; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  { text-decoration: underline; }

/*——————————————————————————————-*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*——————————————————————————————-*/

/* 2.1 Containers & Columns */
#wrapper { }
#main { width:680px; margin-right:3px; padding:25px 0; border-right:1px solid #C2C2BE; border-right-color:rgba(0,0,0,.2); }
#main.fullwidth { width: auto; border: none;}

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 960px; margin: 0 auto; }

/* 2.2 Navigation */

.nav{line-height:1;list-style:none;margin:0;padding:14px 0 0 0px;z-index:100;}
.nav a:link, .nav a:visited{font:15px/1em Georgia, sans-serif; display:block;line-height:16px;margin:0 15px; padding-bottom: 2px; z-index:100; text-transform: uppercase; letter-spacing: 2px; color: #151515; border-bottom: 1px solid #d5d4d4;border-bottom-color:rgba(0,0,0,.1); }
.nav li a:hover,.nav li a:focus,.nav li.current_page_item a {color: #267698;}
.nav li{float:left;}
.nav li ul  {  position: absolute; left: -999em; width: 180px; z-index:999; }
.nav li ul li  { border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px; }
.nav li ul li a:link, .nav li ul li a:visited  { width:148px; line-height:25px!important; font-size:11px !important; color:#555; padding: 0 0 0 0px;  border-bottom: 0; }
.nav li ul li a:hover {color: #267698;}
.nav li ul ul  { margin: -26px 0 0 158px!important; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul { left: auto;}
.nav li:hover,.nav li.hover  { position:static; }

/* 2.3 Header */
#header-wrap { border-top:2px solid #444;}
#header{ border-top:6px solid rgba(0,0,0,0.1); padding:35px 10px 25px 10px;border-bottom: 1px solid #bdbfbb; border-bottom-color:rgba(0,0,0,.2); margin-bottom: 3px; }

#logo .site-title { font-family:Helvetica, Arial, serif; text-shadow:0px 1px 0px #fff;}
#logo .site-title a { color:#000; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; letter-spacing:-1px;}
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-title a img { max-height:40px; max-width:400px;}
#logo .site-description { font-family: Georgia, serif; color:#777; font-size:13px; display:block; font-style: italic; text-shadow:0px 1px 0px #fff;}

#logo .site-title, #logo .site-description { display: none; }

#about { padding: 20px 0; border-top:1px solid #DFDDDC; border-bottom: 1px solid #DFDDDC; border-color:rgba(0,0,0,.1); margin-bottom: 3px; }
#about .bio { width: 75%; }
#about .bio p { font:normal 17px Georgia, « Times New Roman », Times, serif; color: #126661; line-height: 40px; }
#about #icons img { margin: 5px; }
#about #icons h3 { font-family: Georgia, sans-serif; text-transform:uppercase; font-size:16px; text-shadow:0px 1px 0 #fff; color:#555; line-height: 30px; }

/* 2.4 Content */
#content { margin-top:0px; border-top: 0px solid #C2C2BE; border-top-color:rgba(0,0,0,.2); }
#content{position:relative;}

/* 2.5 Sidebar */
#sidebar{ width:275px; overflow:hidden; padding-top: 25px; border-left:1px solid #DFDDDC; border-color:rgba(0,0,0,.1); }
#sidebar #search input { width:170px; border:1px solid #d3d3d3;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#999; }

/* 2.6 Footer */
#footer{ padding: 0 0 20px 0; }
#footer p { text-shadow:0px 1px 0 #fff;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{padding:0 5px; font-size:12px; font-style:normal;}
#footer-wrap { border-top: 2px solid #000; padding-top: 20px; }

/* 2.7 Portfolio */
#portfolio { padding: 20px 0; border-top: 1px solid #C2C2BE; border-bottom: 1px solid #DFDDDC; border-top-color:rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.1);  overflow: hidden; }
.fullwidth #portfolio { border:none; padding:0; }

ol.portfolio, ol.dribbbles { list-style-type:none; margin:0; }
ol.portfolio li, ol.dribbbles li  { margin: 10px; width: 220px; float: left; }

.dribbbles li{font-size:15px;position:relative;width:220px;padding:0;margin:0 0 1.5em 0;}
.dribbbles .dribbble{font-family: »Helvetica Nueue », Helvetica, Arial, sans-serif;position:relative;clear:left;overflow:hidden;padding:0 0 10px 0;background:url(images/dribbblesprite.png) no-repeat -10px -480px;}
.dribbbles .dribbble-shot{padding:10px;background:url(images/dribbblesprite.png) no-repeat -10px -330px;}
.dribbbles .dribbble-over{position:absolute;top:10px;left:10px;z-index:1;width:180px;height:130px;margin:0!important;padding:10px;font-size:0.8em;line-height:2em;text-decoration:none;color:#888;background:url(images/dribbblesprite.png) no-repeat -110px -160px;}
.dribbbles .dribbble-link{position:relative;z-index:2;}
.dribbbles img{margin:0;width:200px;height:auto;opacity:1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.dribbbles a:hover img{opacity:0.1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.dribbbles strong{display:block;font-weight:bold;font-size:1.4em;line-height:1.2em;color:#126661;}
.dribbbles .dim{font-weight:bold;color:#666;}
.dribbbles em{position: absolute;bottom:11px;left:10px;font-size:1em;line-height:1em;font-weight:normal;font-style:normal;}
.dribbbles .dribbble-img{width:200px;height:150px;overflow:hidden;}

.entry .portfolio-img { margin-bottom:20px; }


/*——————————————————————————————-*/
/* 3. POSTS */
/*——————————————————————————————-*/

/* 3.1 Post layout */

.post  { margin: 0 0 20px; padding:0 20px 20px 80px; position:relative; border-bottom: 1px solid #CAC7C7; border-bottom-color:rgba(0,0,0,.2);  }
.post .title { font:normal bold 24px/24px Georgia, serif; position:relative; margin: 0 0 5px 0; padding: 0; }
.page h1.title { margin-bottom:20px; }
.post .title a { color:#121212; font-weight: normal; }
.post .post-meta { font: 13px/1.2em Arial, serif; color: #929292; font-style: italic; margin-bottom: 20px; }
.post .post-meta a { color: #929292; text-decoration: underline; }
.post .post-meta a:hover { color: #666; }

.post .posttype { position:absolute; left:10px; top:0px; }
.post .posttype img { }
.post .posttype img:hover { opacity:0.8; cursor:pointer;}

.post .tags { background:url(images/ico-tag.png) no-repeat center left;padding-left:25px;clear:both; margin:15px 0 0; font-family: Georgia, sans-serif; font-style: italic; }

.post .post-more span.read-more { padding-right:22px; }
.post .post-more span.comments, .post .post-more span.tags, .post .post-more span.shorturl { padding-left:22px;clear:both; margin:0 10px 0 0; font-family: Georgia, sans-serif; font-style: italic; }
.single .post .post-more span.comments { display:none; }
.post .post-more a {color:#282828; font-size:14px; text-shadow:0px 1px 0 #fff; text-decoration: underline;}
.post .post-more a:hover { color:#666; }
.post .post-more span.tags { background:url(images/ico-tag.png) no-repeat center left; }
.post .post-more span.comments { background:url(images/ico-comments.png) no-repeat center left; }
.post .post-more span.shorturl { background: url(images/ico-url.png) no-repeat left center; }

.page .post, .single-portfolio .post { padding: 0px 20px 30px 0px; }

/* 3.2 Post type */

.audio-post .media  { margin: 30px 0 20px 0; }
.video-post .media  { margin: 20px 0; }
.image-post .media  { margin-bottom: 20px;  }
.quote-post .media  { margin: 20px 0 20px;  }
.quote-post .media blockquote  { margin: 0 0 10px 0;  font: 24px/1.2em Georgia, serif; font-style: italic; }
.quote-post .media cite  { display: block; font: 14px/1.2em Georgia, serif; color: #929292; }
.quote-post .media cite a  { color: #929292; }
.quote-post .media cite a:hover { text-decoration: underline; }
.quote-post .media cite:before  { content: ‘~ ‘ }

/* 3.3 Typographic Elements */

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
.entry p  { margin-bottom: 1.2em; font:13px/20px sans-serif; }
.entry blockquote  { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444;  }
.entry blockquote p  { font-style:italic; }

.entry ul  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }

.entry ol  { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: decimal; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.4 Images */
.entry img, .post img.woo-image, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background: none repeat scroll 0 0 transparent;  }
img.wp-smiley  { padding: 0; border: none; }

.alignleft  { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright  { float: right; height: auto; margin: 0px 0 10px 20px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { background: none repeat scroll 0 0 transparent; margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }

/* 3.5 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi { margin:0 20px 20px 0; padding:0 15px; font-family: Georgia, serif; font-size:13px; }
.nav-entries a { display: block; color:#555; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.nav-entries .nav-prev { background: url(images/ico-prev.png) no-repeat left center; padding-left:35px; line-height: 24px; height: 24px; }
.nav-entries .nav-next { background: url(images/ico-next.png) no-repeat right center; padding-right:35px; line-height: 24px; height: 24px;}

.wp-pagenavi { margin: 0 !important; text-align: left !important; padding:10px 0;}
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }

/*——————————————————————————————-*/
/* 4. COMMENTS */
/*——————————————————————————————-*/

/* 4.1 Comments */
#comments {position:relative; border-top:1px solid #e6e6e6;}
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: rgba(0, 0, 0, 0.05); border-bottom:1px solid #ccc; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { font: 11px/18px sans-serif; background: #eee; border-color:#888; color:#555 !important; text-shadow: none; }
#comments .reply a:hover { background-color: #e6e6e6;}

#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 4.2 Comments Form */
#respond  { margin: 40px 0 0; }
#respond h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform label  { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt  { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }

#respond #commentform #submit  { margin: 15px 0 0 0; cursor: pointer; }

/* 4.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/*——————————————————————————————-*/
/* 5. MISC */
/*——————————————————————————————-*/

/* 5.1 Buttons */
a.button, 
a.comment-reply-link, 
#commentform #submit,
#contact-page .submit {
	display: inline-block;
	margin: 5px;
	padding: 3px 13px;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background: #237fd7; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #52a8e8),
					color-stop(1, #2e76cf)
				);
	background: -moz-linear-gradient(
					center top,
					#52a8e8 20%,
					#2e76cf 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}

a.button:hover, 
a.button.hover, 
a.button.active,
a.comment-reply-link:hover, 
#commentform #submit:hover,
#contact-page .submit:hover {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e9ee5),
					color-stop(1, #1666ca)
				);
	background: -moz-linear-gradient(
					center top,
					#3e9ee5 20%,
					#1666ca 100%
				);
}

a.button:active,
a.button.active  {
	border-color: #20559a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.button.inactive,{
	border: 1px solid #d5d5d5;
	border-bottom-color: #e6e2e2;
	color: #aeaeae;
	text-shadow: 0 1px 0 white;
	
	/*Background*/
	background: #e8e8e8; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #f3f3f3),
					color-stop(1, #e6e6e6)
				);
	background: -moz-linear-gradient(
					center top,
					#f3f3f3 20%,
					#e6e6e6 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
						0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}

/* 5.2 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor: pointer;}
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}

/* 5.3 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }

/* 5.4 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; }
#archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; }
#archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;}
#archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px;  }
#archives .archives_list .comments a:hover { text-decoration: none; }

/* 5.5 IE specific styling */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a {  color:#555 !important; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited {  padding:7px 6px; margin:0; }
.ie8 .button, .ie8 .button:visited {  padding:10px 15px; margin:0; }

.ie7 #content { border-top: 1px solid #C2C2BE; }
.ie7 #main { border-right:1px solid #C2C2BE;  }
.ie7 #header, .ie7 .post, .ie7 .widget { border-bottom:1px solid #C2C2BE;  }
.ie7 #portfolio { border-color: #C2C2BE;  }

/*——————————————————————————————-*/
/* 6. WIDGETS */
/*——————————————————————————————-*/

/* 6.1 Generic Widgets */
.widget { margin: 0 0 20px; position:relative; padding:0 0 20px 30px; border-bottom: 1px solid #CAC7C7; border-bottom-color:rgba(0,0,0,.1); }
.widget h3 { font-family: Georgia, sans-serif; text-transform:uppercase; font-size:16px; text-shadow:0px 1px 0 #fff; color:#555; line-height: 30px; margin-bottom:10px;}
.widget h3 a:link, #sidebar .widget h3 a:visited {color:#555;text-shadow:0px 1px 0 #fff;}
.widget ul li { padding:3px 0 3px 0; }

/* 6.2 Specific Widgets */

/* SEARCH FORM */
.searchform  { background:#fff; width: 99%; position: relative; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.searchform input.s  {  padding: 8px; width:85%; margin:0; border:none; background: none; color:#777;  }
.searchform input.submit { position: absolute; top:6px; right:10px; border:none; margin:0; padding:0; }

/* TWITTER */
.widget_woo_twitter h3  { margin: 0; padding: 10px 0 5px 0;}
#sidebar .widget_woo_twitter ul  { border: none; }
#sidebar .widget_woo_twitter li  { border: none; padding: 5px 0; }
#sidebar .widget_woo_twitter .content { border: none; padding: 0; }

/* FLICKR */
.widget_woo_flickr h3  {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image  { float: left; margin: 0 5px 5px 0; }

.widget_woo_flickr .wrap  { position: relative; margin-right: -10px; margin-bottom: 20px; margin-top:5px; padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0 0 0 0;  display: block; border: #ccc 2px solid; }
.widget_woo_flickr a:hover img  { border:#267698 2px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{}
#wp-calendar th,#wp-calendar td{text-align:center;background:#ccc;padding:5px; border:1px solid #ccc;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* ADS */
.adspace-widget  { text-align: center; }
.adspace-widget h3  { text-align: left; }

/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* TWITTER */
.widget_woo_twitter .back {}
.widget_woo_twitter ul { background: none; padding-left:0; }
.widget_woo_twitter ul li { border-bottom: 1px solid #e6e6e6; padding: 10px 0px; list-style:none;}
.widget_woo_twitter ul li a { padding: 0px; }
.widget_woo_twitter ul li .time { color:#999; }
.widget_woo_twitter p { padding-top: 10px; }
.widget_woo_twitter p a { color:#222; }
.widget_woo_twitter ul li .content { font-size: 16px; font-family: Georgia, serif; }
.widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; }

/* 6.3 WooTabs */
#tabs {	height:auto; display: block; padding-left:30px; margin-bottom:30px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#fafafa; text-decoration:none; }
#tabs ul.wooTabs li a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:10px/18px sans-serif; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px;	-moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; }
#tabs .inside { background:#fafafa; padding:5px;}
#tabs .inside li { background:#fff;  }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }