/*
Theme Name: DarkAlgae
Theme URI: http://www.wpskins.org
Description: Dark green and black theme.
Version: 1.0
Author: WPskins
Author URI: http://www.wpskins.org
Tags: 2 columns, widget ready, green, black, grey, yellow, blue
*/


body {
	color : #333333;
	margin:0;
	padding:0;
	background-color: #eee;
	background-repeat: repeat;/*width:1400px;*/
	background-image: url(images/jpg.jpg);
	background-position: top;
	font-family: Arial, Verdana, 'Century Gothic';
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a {
	color:#333333;
	text-decoration :none;
}
a:hover {text-decoration : underline;}
h1, h2, h3, h4, img, form, ul, li {margin:0; padding:0;}
h2, h3, h4 {
	color:#333333;
	font-weight:normal;
}
h2{font-size:16px;}
h3, h4{font-size:16px;}
a img {
	border:0 none #333333;
}
p {padding : 5px 0;margin : 0; }
input, select, textarea {
	margin:2px;
	padding:0;
	color:#000;
	border:1px solid  #0F0D0E;
	background-color: #eee;
}
input, select {
	padding:4px 0;
	height:16px;
	color:#333333;
}

/*  ====================== Page Structure ======================= */
#header-outer{
	background-color: #eee;
	background-repeat: repeat-x;
	background-position: center bottom;
}
#header {
	width : 0px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
}
#wrapper-outer{
	background-color: #eee;
	background-repeat: repeat;
	background-image: url(images/jpg.jpg);
}
#wrapper {
	width : 1200px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#sidebar {float:left; width:246px;padding-top:22px;}
#content{
	width:546px;
	float:right;
	padding-right:32px;
	position: relative;
}

#footbar-outer{
	padding:30px 0;
	background-color: #eee;
	background-repeat: repeat-x;
}
#footbar {
	width : 825px;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/jpg.jpg);
	background-repeat: repeat;
}
#footer-outer{
	background:#0A0809;
	float: right;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#footer {width:824px;margin:0 auto;color:#F2F5A8;}


/*  ====================== Header ======================= */

/* --------- Logo ------------ */

.logo {
	width:0px;
	float:left;
	color:#fff;
}
.logo h1 {
	margin:0;
	padding:0;
	color:#fff;
	font:normal 39px/45px Georgia, Arial, 'Century Gothic';
	text-indent: -999px;
}
.logo h1 a {color:#fff;}
.logo h1 a:hover{color:#fff;text-decoration:none;}



/* --------- Navigation -------- */
ul#nav {
	margin :0;
	list-style : none;
	width:0px;
	float:left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul#nav li {margin :0; padding:0; list-style : none; line-height:31px;display:inline;font-size:14px;  }
ul#nav li a {
	color:#fff;
	text-decoration:none;
	display:block;
	float:left;
	width:90px;
	height:31px;
	text-align:center;
	margin-left:5px;
	background-repeat: no-repeat;
	background-position: 0 -31px;
}
ul#nav li a:hover, ul#nav li.current_page_item a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background-repeat: no-repeat;
}


/*  ================================= Conatiner ============================= */
#content form#searchform {text-align:center;}

/* -------------------------- Posts ----------------------------- */
.post {margin:0 0 20px 0; width:546px;}
.singlepost {margin:0;}
.post h2 {
	color:#FFFF00;
	font-size:22px;
	line-height:24px;
	padding:13px 20px 8px 20px;
	background-repeat: no-repeat;
}
.post h2 a {
	color:#333333;
}
.post h2 a:hover {
	color:#333333;
	text-decoration:none;
	background-image: url(images/linias.jpg);
}

.border {
	font-size:1px;
	line-height:1px;
	height:1px;
	background-repeat: no-repeat;
}
.post-top {
	background-repeat: repeat-y;
}
.post-info {
	padding:8px 20px;
	line-height:17px;
	color:#333333;
	background-repeat: repeat-y;
}
.post-info span {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.entry {
	padding:0 20px;
	line-height:25px;
	;
	background-repeat: repeat;
	background-image: url(images/png.png);
}
.post-bottom {
	font-weight:bold;
	padding:9px 20px;
	width:506px;
	height:24px;
	background-color: #eee;
	background-repeat: repeat;
	background-position: left bottom;
	background-image: url(images/linias1.jpg);
}
.post-bottom .cmnts {
	float:left;
	width:153px;
	text-align:center;
	line-height:20px;
	height:24px;
	background-repeat: no-repeat;
}
.post-bottom .more {
	float:right;
	width:125px;
	text-align:center;
	line-height:20px;
	height:24px;
	background-repeat: no-repeat;
}
.post-bottom a {
	color:#333333;
}


/* -------------------------- Comments ----------------------------- */
.comment-box {
	width:546px;
	margin:0 0 20px 0;
	background-image: url(images/linias1.jpg);
	background-repeat: repeat;
}
h3#comments, h3#respond {
	padding:15px 25px;
	line-height:15px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	background-repeat: no-repeat;
}
.comment-btm {
	width:546px;
	height:17px;
	background-repeat: no-repeat;
}
.comment-list {width:500px; margin:10px auto;}
.cl_left {float:left; width:80px; padding-right:20px; text-align:center;color:#47DEE3;}
.cl_left img {padding:2px; border:1px solid #54484C;margin-top:5px; display:block;}
.cl_left a {
	color:#333333;
}
.cl_main {float:left; width:400px;}
.c_border {clear:both; background:url(images/comment-border.gif) repeat-x left center; width:500px; height:15px;padding-top:15px;}
.cformlink:hover {text-decoration :none ;}
.button {float:right;}

/* --------------- SideBars ----------------*/

#sidebar ul {list-style : none;margin:0; padding:0;}

#sidebar li {list-style:none;margin:0;padding:15px 0 10px 0; font:normal 12px  Verdana, Arial, 'Century Gothic';clear:both;}
#sidebar li h2{padding:10px 0 10px 16px;color:#54CEFB;font-size:17px; background :url(images/sb-h2.gif);line-height:24px;}
#sidebar li h2.first {background :url(images/sb-h2-1.gif);}
#sidebar li li {padding:0 0 0 16px; background :url(images/sb-list.gif); line-height:34px;width:230px;}
#sidebar li li li {padding:0 0 0 12px; background :transparent;width:218px;}
#sidebar a {color:#F4F79C;text-decoration:none;}
#sidebar a:hover {color:#F4F79C; text-decoration:underline;}
#sidebar li.sponsor img {display:block;float:left; margin:0 6px 8px 6px;}
#sidebar li.rss {text-align:center;}
/*  ================================= Footer  ============================= */

#footbar ul {list-style : none;}
#footbar ul li {
	display:inline;
	float:right;
	width:255px;
	color:#fff;
	list-style : none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#footbar li h2 {padding:10px 0 5px 10px;font-size:19px;font-weight:normal;}
#footbar li li {width:240px; display:block;clear:left; list-style : none;padding:5px 0 8px 10px; background :url(images/fbar-list.gif) no-repeat 0 12px;margin:0;line-height:16px;}
#footbar li li li {width:225px;}
#footbar a {
	color:#333333;
}
#footbar a:hover {
	color:#000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#footbar li.new_comments a {
	color:#333333;
}

.about_more {text-align:right;}
.about_more a {text-decoration:underline;}
.about_more a:hover {text-decoration:none;}

#footbar li.about img {padding:2px; border:1px solid #443A3C;margin-top:5px;}


#footer p {padding:0; line-height:18px;}
#footer a {font-weight:bold;}
/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;height:1px;}


/* --------------------- common elements --------------------------- */
.navigation {
	color:#fff;
	height:17px;

	font-weight:bold;
	overflow:hidden;
	line-height:17px;
	background-repeat: no-repeat;
}
.navigation a {
	color:#333333;
}

small {margin:0; padding:0; font-size:12px;}

h2.pagetitle, h2.center {text-align: center;  }

a.more-link {text-align:right;}

#commentform input#submit, input#searchsubmit {background :#231F21; color:#47DEE3;width:140px; text-align:center;height:24px;font-weight:bold; border:1px solid  #090809;height:36px;}

blockquote { border-left: 3px solid #E9E9E9;}
	
ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #e9e9e9;margin:5px;padding:5px;display:block;}


/* Begin Calendar */
#calendar_wrap {border-top: 0;margin-top:10px;}
#calendar_wrap table, #calendar_wrap th {margin:0 auto;padding:0;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%;	font-size: 9px;}
#wp-calendar #next a {padding-right: 2px;text-align: right;}
#wp-calendar #prev a {padding-left: 2px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;font-size:12px;padding:0 0 5px 0;font-weight:bold;}
#wp-calendar td {padding: 1px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #900000; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9px;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#calendar_wrap #today {font-weight:bold;color:#fff;background:#900000;}
/* End Calendar */

.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}



/* Begin Images */
p img {	padding: 0;	max-width: 100%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* End Images */



/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none;list-style-image: none;}


/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 220px; padding:8px 2px; margin: 5px 5px 10px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */



/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:120px; /*text-align:right;*/ overflow:hidden;line-height:17px;height:17px;	}
.navigation .alignleft {width:120px; text-align:left;overflow:hidden;line-height:17px;height:17px;}
/* End Various Tags & Classes*/

.post img {
}

#mio {
	list-style:none;
	height: 100%;
	width: 440px;
	float: left;
	background-image: url(images/jpg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	position: fixed;
	background-position: top;
}
#diseño {
	list-style:none;
	height: 33px;
	width: 126px;
	border-bottom-color: #282C2F;
	float: left;
	background-image: url(images/di.jpg);
	background-repeat: no-repeat;
	margin-top: 250px;
}
#diseño a {
	list-style:none;
	height: 33px;
	border-bottom-color: #282C2F;
	float: left;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	text-indent: -999px;
	width: 126px;
}
#foto {
	list-style:none;
	height: 28px;
	width: 89px;
	border-bottom-color: #282C2F;
	float: left;
	background-image: url(images/foto.jpg);
	background-repeat: no-repeat;
	margin-left: 137px;
	margin-right: 50px;
}
#foto a {
	list-style:none;
	height: 28px;
	width: 89px;
	border-bottom-color: #282C2F;
	float: left;
	color: #FFFFFF;
	text-indent: -999px;
	display: block;
}
#motion {
	list-style:none;
	height: 28px;
	width: 126px;
	border-bottom-color: #282C2F;
	float: left;
	background-image: url(images/motion.jpg);
	background-repeat: no-repeat;
	margin-left: 137px;
	margin-right: 20px;
}
#motion a {
	list-style:none;
	height: 28px;
	width: 126px;
	border-bottom-color: #282C2F;
	float: left;
	color: #FFFFFF;
	text-indent: -999px;
	display: block;
}
#inspiracion{
	list-style:none;
	height: 27px;
	width: 207px;
	border-bottom-color: #282C2F;
	float: left;
	background-image: url(images/inspiracion.jpg);
	background-repeat: no-repeat;
	margin-left: 137px;
}
#inspiracion a {
	list-style:none;
	height: 27px;
	width: 207px;
	border-bottom-color: #282C2F;
	float: left;
	color: #FFFFFF;
	text-indent: -999px;
	display: block;
}
#recursos{
	list-style:none;
	height: 40px;
	width: 172px;
	float: left;
	background-image: url(images/recursos.jpg);
	background-repeat: no-repeat;
	margin-left: 137px;
}
#recursos a{
	list-style:none;
	height: 40px;
	width: 172px;
	border-bottom-color: #282C2F;
	float: left;
	color: #FFFFFF;
	text-indent: -999px;
	display: block;
}
#milogo {
	list-style:none;
	height: 132px;
	width: 131px;
	float: left;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	margin-left: 5px;
}
#milogo a {
	list-style:none;
	height: 132px;
	width: 131px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 5px;
	display: block;
	color: #FFFFFF;
	text-indent: -999px;
}




