/*  
Theme Name: SargeBig.com
Author URI: http://www.sargebig.com/
Version: 1.0
Author: José Teixidó
Description: Template of our own blog at SargeBig.com.
*/

body{
	background:#394200 url(images/body_bg.jpg) repeat-x;
	color:#FFFFFF; 
	font: 12px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
}

a {
	color:white;
}

a:hover {
	text-decoration:none;
}

/* headers */

h1, h2, h3 {
	color: #FFFFFF;
}

h1 {
	font-size: 2.5em;	
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 10px 20px 0;	
}

h2 {
	font-size: 2em;
	font-weight: normal;
	padding: 0 10px 20px 0;	
}

h3 {
	font-size: 1.7em;	
	font-weight: normal;
	padding: 0 10px 20px 0;
}

p{
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 20px 0;
}

blockquote {
	margin: 0 0 20px 0;
	padding: 40px 20px 20px 40px;
	background:#414a01 url(images/quotes.gif) no-repeat 10px 10px;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	color: #8f9a0d;
	border-bottom:1px solid #2e3401;	
}

ul, ol {
	margin: 10px 20px 20px 20px;
	padding: 0;
}

#wrapper { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(images/wrapper_bg.gif) no-repeat bottom right;
} 

#header {
	padding: 0 0 0 0; 
} 

#logo{
	float:right;
	text-align:right;
	margin:0px 0 0 0;
	padding:0;
}

#logo img{
	margin-top:20px;
}

#navigation { 
	width:552px;
	float:left;
	list-style-type:none;
	padding:0 0 0 0;
	margin:81px 0 0 0;
}

#navigation li {
	font-size:18px; 
	float:left;
	margin:0 20px 0 0;
	background:#394200;
	border-right:1px solid #888888; 
}

#navigation li.active { 
	background:#cdd753 !important; 
}

#navigation li.rss { 
	background:#394200 url(images/rss.gif) no-repeat 20px 12px;
}

#navigation li.rss a{
	padding-left:40px; 
	color:#ff9900;
}

#navigation li.active a	{ 
	color:#394200; 
}

#navigation li.right { 
	float:right; 
	background:#555; 
}

#navigation li a { 
	float:left; 
	display:block; 
	padding:10px 20px 10px 20px; 
	border:none; 
	text-decoration:none; 
	color:#cdd753; 
}

#navigation li a:hover	{ 
	text-decoration:none; 
	color:#FFFFFF;
}

#sidebar {
	float: right;
	width: 308px;
	margin:40px 0 0 0;
	padding:0;
}

#content {
	width:592px; 
	margin:0; 
	padding:0;
}

#intro {
	background: url(images/title.gif) no-repeat;
	margin:0;
}

#intro p{
	font-weight:bold;
	padding:50px 0 30px 0;
}

#intro h1{
	margin-top:10px;
	font-size: 3.5em;
	display:none;	
}

#lowerWrapper {
	background-color:#201f0d;
} 

#footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 0 20px;
} 

.footerBox {
	width: 418px;
	float:left;
	background-color:#242312;
	padding:20px 20px 20px 20px;
	margin:0 20px 20px 0;	
}

.sideBox {
	background:#414a01 url(images/sidebox_bg.jpg) no-repeat;
	padding:20px 20px 20px 20px;
	margin:0 0 40px 0;
	color:#c7cf9a;
	border-bottom:1px solid #2e3401;
}

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

.blockLink {
	display:block;
	margin:0 0 20px 0;
}

.blockLink a{
	background-color:#414a01;
	margin:0 20px 0 0;
	padding:6px 12px 6px 12px;
	color:#cdd753;
	font-weight:bold;
	border:1px solid #414a01;
	text-decoration:none;
}

.blockLink a:hover	{ 
	text-decoration:none; 
	color:#cdd753;
	background-color:#2e3401;
	border:1px solid #414a01;
}

/* Standard post block */

.content{
	width:440px;
	padding: 0 20px 0 0;
	float:left;
}

.content h1{
	padding: 0 10px 20px 0;
	line-height:1em;
}

.content h1 a{
	text-decoration:none;
}

.content img{
	background-color:white;
	padding:10px;
	margin:0;
	border-bottom:1px solid #2e3401;
}

.content img.wp-smiley{
		padding:0;
		background:none;
}

.info{
	width:100px;
	float:left;
	margin:0;
	padding:0;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}

.info img{
	background-color:white;
	padding:5px;
	border-bottom:1px solid #2e3401;
}

.info ul{
	list-style: none;
	margin: 0; 
	padding: 0;
}

.info li{
	color:#FFFFFF;
}

/* Twitter post block */

.twitter .content{
	padding:0 20px 0 20px;
	margin:0 0 20px 0;
	background: #FFFFFF url(images/tw.png) no-repeat bottom right;
}

.twitter .content a{
	color:#cdd753;
	text-decoration:none;
}

.twitter .content p{
	color:#414a01;
	font-size: 2.5em;	
	font-weight: normal;
	letter-spacing: -1px;
	padding: 12px 10px 20px 0;
	line-height:1em;
}

.twitter .content img{
	background:none;
	padding:0;
	margin:0;
	border:none;
}

.twitter .info{
	background: url(images/info_bg.gif) no-repeat 80px 0;
	padding:0 0 20px 0;
}

.twitter .photo{
	padding:5px;
	margin:0 0 0 0;
}

/* YouTube post block */

.youTube .content{
	padding:20px 20px 20px 20px;
	margin:0 0 20px 0;
	background: #FFFFFF url(images/yt.png) no-repeat bottom right;
}

.youTube .content h1{
	color:#414a01;
}
.youTube .content a{
	color:#cdd753;
	text-decoration:none;
}

.youTube .content p{
	color:#414a01;
	font-size: 2.5em;	
	font-weight: normal;
	letter-spacing: -1px;
	padding: 12px 10px 20px 0;
	line-height:1em;
}

.youTube .content img{
	background:none;
	padding:0;
	margin:0;
	border:none;
}

.youTube .info{
	background: url(images/info_bg.gif) no-repeat 80px 0;
	padding:0 0 20px 0;
}

.youTube .photo{
	padding:5px;
	margin:0 0 0 0;
}

/* Flickr post block */

.flickr .content{
	padding: 0 20px 0 0;
	margin:0 0 40px 0;
	background:none;
	border:none;
}

.flickr .content h1{
	padding: 12px 10px 20px 0;
	line-height:1em;
}

.flickr .content img{
	background:none;
	padding:0;
	margin:0;
	border:none;
}

.flickr .content h1{
	color:#cdd753;
}

.flickr .content .polaroid{
	width:368px; 
	padding:10px;
	color:black;
	background: #FFFFFF url(images/fl.png) no-repeat bottom right;
}

.flickr .content .polaroid .frame{
	width:368px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
}

.flickr .content ul{
	list-style: none;
	margin:0px;
}

.flickr .content li{
	float:left;
	display: block;
	list-style-type:none;
	background-color:#FFFFFF;  
	padding:9px 9px 20px 9px;
	margin:5px 5px 0 0;
	color:black;
	border-bottom:1px solid #2e3401;	
}

/* Comments */
#commentlist{
	list-style-type:none;
	margin: 0; 
	padding: 0;
}

.commentInfo{
	width:100px;
	float:left;
	margin:0;
	padding:0 0 0 11px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	background: url(images/info_small_bg.gif) no-repeat 80px 0;
}

.commentInfo img{
	background-color:white;
	padding:5px;
	margin:0;
	border-bottom:1px solid #2e3401;
}

.commentInfo ul{
	list-style: none;
	margin: 0 0 0 0; 
	padding: 0;
}

.commentInfo li{
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.comment{
	width:280px;
	padding: 0 20px 0 20px;
	margin:0 0 20px 0;
	float:left;
	background-color:#FFFFFF;
	border-bottom:1px solid #2e3401;
}

.comment a{
	color:#cdd753;
}

.comment p{
	color:#414a01;
	font-size: 1.4em;	
	font-weight: normal;
	letter-spacing: -1px;
	padding: 12px 10px 15px 0;
	line-height:1.5em;
}

.commentData{
	color:#a0a480;
	font-size: 1em;	
	font-weight: normal;
	letter-spacing: -1px;
	margin:0 0 10px 0;
}

#commentform, #content form{
	background-color:#414a01;
	padding:20px;
}
#commentform label, #content label{
	width: 100px;
	float: left;
	text-align: right;
	margin: 0 0.5em 0 0;
	display: block;
}

#commentform .small{
	color:#a0a480;
	display:block;
	font-weight:normal;
	text-align:right;
	width:100px;
	font-size: 0.7em;
}

#commentform .input, #content input{
	font-size: 1.2em;	
	font-weight: normal;
	width:280px;
	.width:240px;
	padding:4px; 
	margin:3px 0 0 0;
	border:0;
	height:24px;
	background-color: #FFFFFF;
}

#content input{
	width:200px;
	margin:0 0 20px 0;
}

#content form ol{
	list-style: none;
}

#content .linklove a{
	text-align:right;
	text-decoration:none;
	font-size:9px;
	color:#cdd753;
}

#content textarea{
	font-size: 1.2em;	
	font-weight: normal;
	width:200px;
	height:160px;
	padding:4px; 
	margin:0;
	border:0;
	background-color: #FFFFFF	;	
}


#content .emailreqtxt, #content .reqtxt {
	color:#cdd753;
	margin-left:3px;
	font-size:18px;
}

#commentform .submit, #content .sendbutton{
	background-color:#414a01;
	color:#cdd753;
	margin:0 20px 0 0;
	font-weight:bold;
	border:1px solid #2e3401;
	font-size: 1em;	
	font-weight: normal;
	padding:4px; 
	margin:0 0 0 106px;
	height:30px;
}

#commentform .submit:hover, #content .sendbutton:hover{
	text-decoration:none; 
	color:#cdd753;
	background-color:#2e3401;
	border:1px solid #414a01;
}

#commentform .obs{
	color:#a0a480;
	font-size: 1em;	
	font-weight: normal;
	padding:4px; 
	margin:0 0 20px 106px;
}

#commentform textarea{
	font-size: 1.2em;	
	font-weight: normal;
	width:280px;
	.width:240px;
	height:200px;
	padding:4px; 
	margin:0;
	border:0;
	background-color: #FFFFFF	;	
}

/* Link lists */

ul.postList {
	border-top: 1px solid #cdd753;
	list-style: none;
	margin: 0; 
	padding: 0;	
	width: 98%;
	font-size:10px;
}

ul.postList li a {
	line-height: 2em;
	font-weight: bold;
	width: 98%;
	color: #cdd753;
	border: none;
	text-decoration:none;
	font-size:14px;
}

ul.postList li {
	display:block;
	border-bottom: 1px solid #cdd753;
	padding: 10px 0 10px 10px;
}

ul.linkList {
	border-top: 1px solid #cdd753;
	list-style: none;
	margin: 0; 
	padding: 0;	
	width: 98%;
}

ul.linkList li {
	border-bottom: 1px solid #cdd753;
}

ul.linkList li a {
	display: block;
	font-size:14px;
	line-height: 2em;
	font-weight: bold;
	padding: 10px 0 10px 10px;
	width: 98%;
	color: #cdd753;
	border: none;
	text-decoration:none;
}

#footer ul.linkList li a {
	display: block;
	font-size:10px;
	line-height: 2em;
	font-weight: bold;
	padding: 10px 0 10px 10px;
	width: 98%;
	color: #cdd753;
	border: none;
	text-decoration:none;
}
ul.linkList li a span {
	color: #8f9a0d;
	font-size:14px;
	font-style: italic;
	font-weight: normal;
}

ul.linkList li a:hover,
ul.linkList li a:hover span, 
ul.postList li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* search */

#search {
	padding:0; 
	margin:0;
	z-index: 999999;
	height: 76px;
	clear:both;
}
#search .searchbox {
	background: #8f9a0d url(images/search.jpg) no-repeat top right;	
	height: 26px;
	width:190px;
	.width:170px;
	margin: 2px 0 40px 0; 
	border-top: 1px solid #2e3401;
	border-bottom: 1px solid #cdd753;
	border-left:none;
	border-right:none;
	font-size: 1.7em;	
	font-weight: normal;
	padding: 4px 10px 4px 4px;
	color:white;
	float:left;

}

#search label {
	display: none;	
}
#search .btn{
	background-color:#414a01;
	color:#cdd753;
	margin: 1px 0 0 5px; 
	font-size: 1.7em;	
	font-weight: normal;
	padding: 4px 10px 4px 4px;
	border:1px solid #cdd753;
	float:right;
}

.credit{
	font-size:9px;
	color:#cdd753;
}