/*



		 SRN THEME FOR WORDPRESS

		 

		 By: Erik Zetterberg

		 http://rankbydesign.com

		 http://rankbydesign.com

		 

		 -- A clean theme for SRN.

		 

		 Light Tan: #f4dfb8

		 Dark Tan: #d7b880

		 Dark Gray: #272727

		 Dark Red: #990000

		 

*/



/*

	RESET

*/



*									{ margin: 0; padding: 0; }

html								{ overflow-y: scroll; }

html, body							{ height: 100%; }

body								{

	font-size: 62.5%;

	font-family: "trebuchet MS", Arial;

	color: #272727;

	background: url(images/body-bg.png) top center repeat-x white;

}



a									{ outline: none; text-decoration: none; }

a img								{ border: none; background: none; }









table								{ border-collapse: collapse; }



/*

	UTILITY

*/

.floatLeft 							{ float: left; }

.floatRight							{ float: right; }

.clear								{ clear: both; }

.button								{ border: 1px solid #272727; background: white; padding: 3px 8px; 

									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }

.button:hover						{ background: #DF952C; color: white; }





/*

	TYPGROGRAPHY

*/

ul									{ list-style: square inside;margin:0px;padding: 0px;}

ol									{ list-style: decimal inside; }

p,li								{ font-size: 1.3em; line-height: 1.5em; margin: 0 0 15px 0; }

li									{ padding: 0px;text-indent: -1.2em;margin-left: 1.5em;}







p#intro-paragraph					{ font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; 

									  margin-top: 5px; }

p#intro-paragraph span				{ font-size: 2.4em; font-weight: bold; }

p#intro-paragraph em				{ color: #990000; }

a									{ color: #DE9429; }



a:hover img              			{ border: none;  background: none;  }



a:hover                             { color: #EAC280; }







h1									{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; }



h2									{ font-size: 2.1em; font-family:  Trebuchet MS, serif; font-weight: normal; }

h3									{

	font-size: 1.9em;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	margin: 0 0 10px 0;

}

h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; }

.post h4							{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 0px 0;

									  color: #900; }



/*

	FORMS

*/

input								{ padding: 3px; }

input, textarea 					{border: #d2b48c solid 1px}







/*

	STRUCTURE

*/

#page-wrap							{

	width: 960px;

	margin: 0px auto -250px;

	min-height: 100%;

	height: auto !important;

	height: 100%;

}

#socialsidebar 						{

	width: 185px;

	height:475px;

	float: left;

	margin-right: 25px;

	margin-top: 35px;

}

#main-col							{

	width: 745px;

	margin-top: 35px;

	padding-bottom: 20px;

	float: left;





}		







			

#linksidebar						{ width: 190px; float: right; }

#push								{ height: 300px; }





/*

	HEADER

*/

h1#logo								{ width: 288px; height: 33px; background: url(images/yourname.png) top left no-repeat; text-indent: -9999px;

									  margin: 0 10px 8px 0; float: left; }





#main-pic							{ float: left; margin: 0 10px 0 0; }

#top-bar							{

	padding: 10px 0px 0 0;

	height: 66px;

}

#top-bar p							{ color: #f4dfb8; width: 300px; float: left; }

#top-bar h1							{font-size:45px;font-weight:bold;font-family:Tahoma,arial;line-height: 95%; float:left;color:#fff}

form#searchform						{ margin: -30px 0 0px 0; float: right; }



/*

	MENU

*/

#menu-bar							{ padding-top: 8px; padding-bottom: 20px;}

ul#main-nav							{ width: 360px; float: left; margin: 10px 0 0 0; }

ul#extra-nav						{ width: 360px; float: right; text-align: right; margin: 10px 0 0 0; }

ul#main-nav	li, ul#extra-nav li		{ display: inline;  }

ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: white; font-size: 1.2em; padding: 3px 8px;

									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }

ul#main-nav li a:hover,

ul#extra-nav li a:hover,

body#portfolio ul#extra-nav li.portfolio a,

body#default ul#main-nav li.home a,

body#about ul#main-nav li.about a,

body#contact ul#main-nav li.contact a,

body#resume ul#extra-nav li.resume a{ background: white; color: #272727; }







/*

	WIDGETS

*/

.widget								{ background: #f4dfb8; width: 190px; border-right: 1px solid #d7b880; 

									  border-bottom: 1px solid #d7b880; 	

									  -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; }

.widget .inside						{ padding: 10px; }

.widget ul							{ list-style: square outside; margin: 0 0 0 15px; padding:0 }

.widget ul li 						{ margin: 0 0 2px 0; }

.widget ul li a 					{ display: block; padding: 5px; }

.widget ul li a:hover				{ background: #900; color: white; }

.thumb								{ width: 62px; }

.flickr-thumb						{ height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; }





/*

	BLOG ENTRIES

*/

.post								{ margin: 0 0 15px 0; }

.datebox							{ width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center;

									  margin: 0 10px 0 0; }

.day								{ font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; }

.month								{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }

.year								{ font-size: 1.6em; font-weight: bold; margin: 0; }

ol.commentlist						{ list-style: none; }

.comment-bubble						{ background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

ol.commentlist li p					{ font-size: 1.0em; }

.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }



/*

	FOOTER

*/

#footer								{

	height: 175px;

	background: #E3E0CC;

	border-top: 4px solid #CAC59F;

	padding-top: 20px;

}

#footer-inside						{ width: 960px; margin: 0 auto; }



#footer-1							{

	margin-left: 220px;





}



#footer-1 h3						{ color: #5A564B; 	font-size: 14px;}

#footer-2							{ width: 200px; float: left; margin-right: 30px; }

#footer-3							{ width: 200px; float: left; }

#footer-4							{ width: 200px; float: left; }

#footer a							{ color: #A86B1A; }

#footer ul							{ color: white; }



/*

	WP POSTS

*/





img.alignleft, div.alignleft  		{float:left;margin:0 0.5em 0.5em 0;}

img.alignright, div.alignright		{float:right;margin:0 0 0.5em 0.5em;}

img.aligncenter, div.aligncenter	{text-align:center;margin:0 auto;}











.row { clear: both; }

.hol1 { width: 300px; float: left; padding: 0 0px; }

.hol2 { width: 300px; float: left; padding: 0 0px; }



.wp-pagenavi {font-size:15px; }