/* @override 
	http://veo-design.dev/css/common/blog.css
	http://www.veo-design.com/css/common/blog.css
*/

/* @group Content */

/* @group itemPropertiesView */

.itemPropertiesView
{
	width: 620px;
	background-color: #191919;
	margin-top: 20px;
	position: relative;
	z-index: 20;
}

.itemPropertiesView div form
{
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin: 0;
}

.itemPropertiesView > .header
{
	width: 100%;
	height: 44px;
	position: relative;
	background: none;
}

.itemPropertiesView > .header h4
{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.5em;
	color: #333;
	margin: 0;
}

.itemPropertiesView form .content input
{
	height: 20px;
	margin: 20px 0;
	padding: 0 5px;
	border: 0;
	background-color: #666;
	color: white;
	font-weight: bold;
}

.itemPropertiesView form .disabled .content input
{
	background-color: #333;
}

.itemPropertiesView form > div
{
	background-image: url(/images/layout/fieldBg.png);
}

.itemPropertiesView form > div.disabled
{
	background-image: url(/images/layout/fieldBgDisabled.png);
}

/*basic field settings*/
.itemPropertiesView form > div,
.itemPropertiesView form > div + div + div,
.itemPropertiesView form > div + div + div + div + div,
.itemPropertiesView form > div + div + div + div + div + div + div,
.itemPropertiesView form > div + div + div + div + div + div + div + div + div,
.itemPropertiesView form > div + div + div + div + div + div + div + div + div + div + div
{
	float: left;
	width: 282px;
	height: 100px;
	margin: 10px 0 10px 20px;
	clear: both;
}

/*every second field*/

.itemPropertiesView form > div + div,
.itemPropertiesView form > div + div + div + div,
.itemPropertiesView form > div + div + div + div + div + div,
.itemPropertiesView form > div + div + div + div + div + div + div + div,
.itemPropertiesView form > div + div + div + div + div + div + div + div + div + div,
.itemPropertiesView form > div + div + div + div + div + div + div + div + div + div + div + div
{
	float: right;
	margin-left: 0;
	margin-right: 20px;
	clear: right;
}


.itemPropertiesView form > div .header
{
	height: 13px;
	text-align: center;
	margin: 0;
	padding-top: 10px;
}

.itemPropertiesView form > div .header span
{
	margin: 0 10px;
}

.itemPropertiesView form > div > .content > input
{
	width: 250px;
	display: block;
	margin: 20px auto 0 auto;
}

.itemPropertiesView form > div select
{
	width: 250px;
	display: block;
	margin: 10px auto 0 auto;
	border: 0;
	background-color: #666;
	color: white;
	font-weight: bold;
}

.itemPropertiesView form > .textarea
{
	height: 180px;
	background-image: url(/images/layout/fieldBg2.png);
}

.itemPropertiesView form > .textarea.disabled
{
	height: 180px;
	background-image: url(/images/layout/fieldBg2Disabled.png);
}

.itemPropertiesView form > div textarea
{
	width: 250px;
	height: 120px;
	display: block;
	margin: 10px auto 12px auto;
	border: 0;
	background-color: #666;
	color: white;
	font-weight: bold;
}

.itemPropertiesView form > div.disabled textarea
{
	background-color: #333;
}

.itemPropertiesView div > p
{
	display: block;
	height: 26px;
	font-size: 0.8em;
	color: #888;
	text-align: center;
	margin: 0;
}


.itemPropertiesView #image,
.itemPropertiesView #thumb
{
	width: 604px;
	background-image: url(/images/layout/fieldBg3.png);
	background-repeat: no-repeat;
	position: relative;
	margin-left: 8px;
}

.itemPropertiesView #image img,
.itemPropertiesView #thumb img
{
	position: absolute;
	top: 13px;
	left: 15px;
	max-width: 75px;
	max-height: 75px;
}

.itemPropertiesView #image #image_url,
.itemPropertiesView #thumb #image_url
{
	display: block;
	margin: 20px 100px;
}

.itemPropertiesView #image input,
.itemPropertiesView #thumb input
{
	width: 350px;
	height: 20px;
	line-height: 20px;
	display: block;
	margin: 10px auto;
}

.itemPropertiesView #image_url
{
	margin-bottom: 20px;
	clear: both;
}

.itemPropertiesView #image #autoThumb
{
	width: 400px;
	position: absolute;
	top: 70px;
	left: 120px;
	font-size: 0.8em;
}

.itemPropertiesView #image #autoThumb input
{
	width: auto;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
}


.itemPropertiesView form > p
{
	font-size: 0.8em;
	color: #888;
	margin: 10px 60px 20px 60px;
	clear: both;
}

.itemPropertiesView form > .submit
{
	width: 114px;
	height: 40px;
	margin:0 auto 0 auto;
	padding-top: 20px;
	clear: both;
	float: none;
	background: none;
}

.itemPropertiesView .submit a
{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 2em;
	color: white;
}

.itemPropertiesView .submit input
{
	display: none;
}

.itemPropertiesView > .footer
{
	height: 30px;
	clear: both;
}

/* @end */

/* @group General */

#pathway
{
	height: 111px;
	
}

#pathway ul
{
	height: 31px;
	background-image: url(/images/layout/headerHome.png);
	background-repeat: no-repeat;
	padding: 80px 0 0 20px;
}

#content
{
	margin-top: -10px;
}

#content .clear
{
	clear: both;
}

#content > .content
{
	position: relative;
}

#content h2
{
	display: block;
	width: 380px;
	background-image: none;
	background-repeat: repeat-x;
	margin: 0 10px;
	color:gainsboro;
	text-shadow: #000 2px 2px 3px;
	font-size: 1em;
	text-align: center;
}

#content h2 > span
{
	display: block;
	width: auto;
	height: 1.8em;
	line-height: inherit;
	margin: auto;
	padding: inherit;
}

#content h2 > .header
{
	width: 10px;
	background-image: url(/images/layout/h2BarLeft.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: -10px;
}

#content h2 > .content
{
	width: 100%;
	line-height: 1.8em;
	background-image: url(/images/layout/h2BarBg.png);
	background-repeat: repeat-x;
	margin: 0;
	float: left;
}

#content h2 > .footer
{
	display: block;
	width: 16px;
	height: 26px;
	background-image: url(/images/layout/h2BarRight.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: -26px;
	float: left;
}

/* @end */

/* @group posts */

#posts
{
	width: 407px;
	min-height: 230px;
	float: left;
}

#posts .post > .header
{
	width: 407px;
}

#posts .post .header .title a
{
	display: block;
	min-height: 45px;
	padding: 8px 0 0 45px;
	margin: 10px 0;
	background-image: url(/images/layout/blogHeader.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.2em;
	color: #bbb;
	
}

#posts .post .header .title a:hover
{
	background-position: left -141px;
	color: white;
	text-decoration: none;
}


#posts .post > .header .content
{
	position: relative;
}

#posts .post > .header .author
{
	font-size: 0.8em;
	float: left;
	position: absolute;
	top: 40px;
	left: 7px;
}

#posts .post > .content
{
	margin-top: 5px;
	clear: both;
}

#posts .post > .content .header
{
	height: 18px;
	background-image: url(/images/layout/blogFieldHeader.jpg);
}

#posts .post > .content .short_body
{
	background-image: url(/images/layout/blogFieldBg.jpg);
	background-repeat: repeat-y;
}

#posts .post > .content .short_body p
{
	margin: 0;
	padding: 0 15px 10px 15px;
}

#posts .post > .content .footer
{
	height: 38px;
	background-image: url(/images/layout/blogFieldFooter.jpg);
	background-repeat: no-repeat;
	padding: 18px 0 0 0;
	margin-top: -5px;
}

#posts .post > .content .footer div
{
	width: 103px;
	height: 30px;
	float: left;
	margin: 0 20px 0 0;
}

#posts .post > .content .footer div a
{
	display: block;
	width: 100%;
	height: 100%;
	background-position: left top;
	text-indent: -999999px;
}

#posts .post > .content .footer div a:hover
{
	background-position: left bottom;
	color: white;
	text-decoration: none;
}

#posts .post > .content .footer .comments a
{
	text-indent: 0px;
	background-image: url(/images/layout/blogComentarios.png);
}

#main.english #posts .post > .content .footer .comments a
{
	text-indent: 0px;
	background-image: url(/images/layout/blogComments.png);
}

#posts .post > .content .footer .comments a span
{
	display: block;
	float: right;
	margin: 4px 10px;
	color: #777;
}
#posts .post > .content .footer .comments a:hover span
{
	color: #009900;
	text-shadow: none;
}

#posts .post > .content .footer .date
{
	width: 140px;
	background-image: url(/images/layout/blogDate.png);
	background-position: left 2px;
}
#posts .post > .content .footer .date:hover
{
	background-position: left 32px;
}

#posts .post > .content .footer .date a
{
	width: auto;
	height: 23px;
	padding: 7px 0 0 0;
	text-indent: 0;
	color: #AAA;
	float: left;
}
#posts .post > .content .footer .date span
{
	display: block;
	width: auto;
	padding: 4px 3px 0 3px;
	height: 23px;
	float: left;
}



#posts .post > .content .footer .readMore
{
	width: 118px;
	float: right;
	margin-right: 0;
}

#posts .post .readMore a
{
	background-image: url(/images/layout/blogSeguirLeyendo.png);
}

#main.english #posts .post .readMore a
{
	background-image: url(/images/layout/blogReadMore.png);
}


#posts .noPosts
{
	padding: 30px 20px;
}

/* @end */

/* @group postDetails */



#postDetails
{
	width: 407px;
	float: left;
}

#postDetails > .content
{
	position: relative;
	margin-top: 5px;
	clear: left;
}

#postDetails > .header
{
	width: 407px;
}

#postDetails > .header .title a
{
	display: block;
	min-height: 45px;
	padding: 8px 0 0 45px;
	margin: 10px 0;
	background-image: url(/images/layout/blogHeader.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.2em;
	color: #bbb;
	
}

#postDetails > .header .title a:hover
{
	background-position: left -141px;
	color: white;
	text-decoration: none;
}


#postDetails > .header .content
{
	position: relative;
}

#postDetails > .header .author
{
	font-size: 0.8em;
	float: left;
	position: absolute;
	top: 40px;
	left: 7px;
}

#postDetails > .content > .header
{
	height: 18px;
	background-image: url(/images/layout/blogFieldHeader.jpg);
}

#postDetails > .content .short_body,
#postDetails > .content .full_body
{
	background-image: url(/images/layout/blogFieldBg.jpg);
	background-repeat: repeat-y;
}

#postDetails > .content .short_body p,
#postDetails > .content .full_body p
{
	margin: 0;
	padding: 0 15px 10px 15px;
}

#postDetails > .content > .footer
{
	height: 38px;
	background-image: url(/images/layout/blogFieldFooter.jpg);
	background-repeat: no-repeat;
	padding: 18px 0 0 0;
	margin-top: -5px;
}

#postDetails > .content .footer div a
{
	display: block;
	width: 100%;
	height: 100%;
	background-position: left top;
	text-indent: -999999px;
}

#postDetails > .content .footer div a:hover
{
	background-position: left bottom;
	color: white;
	text-decoration: none;
}

#postDetails .comments a
{
	background-image: url(/images/layout/blogComentarios.png);
}

/* @group date */

#postDetails > .content .footer .date
{
	width: 140px;
	background-image: url(/images/layout/blogDate.png);
	background-position: left 2px;
	float: left;
	margin-left: 150px;
}
#postDetails > .content .footer .date:hover
{
	background-position: left 32px;
}

#postDetails > .content .footer .date a
{
	width: auto;
	height: 23px;
	padding: 7px 0 0 0;
	text-indent: 0;
	color: #AAA;
	float: left;
}
#postDetails > .content .footer .date span
{
	display: block;
	width: auto;
	padding: 4px 3px 0 3px;
	height: 23px;
	float: left;
}



/* @end */

#postDetails > .content .footer .readMore
{
	width: 118px;
	float: right;
	margin-right: 0;
}

#postDetails .readMore a
{
	background-image: url(/images/layout/blogSeguirLeyendo.png);
}

#comments
{
	width: 407px;
	clear: left;
}


/* @end */

/* @group comments */

#comments .header h2
{
	height: 40px;
}

#comments .header h2 span
{
	height: auto;
	background-image: none;
	text-shadow: none;
	color: #555;
	font-size: 1.5em;
}

#comments .comment
{
	
	background-image: url(/images/layout/blogFieldBg.png);
}

#comments .comment > .header
{
	height: 38px;
	background-image: url(/images/layout/blogFieldHeader.png);
	background-repeat: no-repeat;
	margin-bottom: -20px;
	padding: 10px 0 0 15px ;
	font-size: 0.8em;
}

#comments .comment > .author
{
	width: 55px;
	height: 80px;
	float: left;
	margin: 5px 0 0 10px;
}

#comments .comment > .author > .avatar
{
	width: 36px;
	height: 36px;
	background-image: url(/images/layout/blogFrame.png);
	margin: 0 auto;
}

#comments .comment > .author > .author
{
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	margin: 3px 0;
}

#comments .comment > .content
{
	min-height: 40px;
	padding: 10px 20px 10px 80px;
	background-image: url(/images/layout/blogVR.png);
	background-repeat: repeat-y;
	background-position: 70px;
}

#comments .comment > .content p
{
	margin: 0;
	padding: 0 15px 10px 15px;
}

#comments .comment > .footer
{
	height: 18px;
	background-image: url(/images/layout/blogFieldFooter.png);
	background-repeat: no-repeat;
	margin-top: -5px;
	margin-bottom: 30px;
}



/* @end */

/* @group addComment */

#addComment > .content
{
	width: 407px;
}

#addComment .needToLogin
{
	font-size: 0.8em;
}

#addComment .loading
{
	width: 100px;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	background-color: #555;
	border: 1px solid black;
	color: white;
	display: none;
	
}

#addCommentForm input
{
	width: 393px;
	background-color: #222;
	border: 1px solid black;
	font-weight: bold;
	color: white;
}

#addComment .content textarea
{
	width: 395px;
}

#addComment .footer a
{
	display: block;
	width: 395px;
	text-align: center;
	font-size: 1.5em;
	color: white;
	margin-top: 10px;
}

#addComment form > a
{
	display: block;
	width: 395px;
	text-align: center;
	font-size: 1.5em;
	color: white;
	margin-top: 10px;
}

/* @end */

/* @group sidebar */

#sidebar
{
	width: 180px;
	position: absolute;
	top: 0;
	right: 20px;
}


/* @group menu */

#sidebar h2
{
	display: block;
	width: 165px;
	background-image: none;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	color:gainsboro;
	text-shadow: #000 2px 2px 3px;
	font-size: 1em;
	text-align: center;
}

#sidebar h2 > span
{
	display: block;
	width: auto;
	height: 1.8em;
	line-height: inherit;
	margin: inherit;
	padding: inherit;
}

#sidebar h2 > .header
{
	width: 10px;
	background-image: url(/images/layout/h2BarLeft.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: 0;
}

#sidebar h2 > .content
{
	width: 153px;
	line-height: 1.8em;
	background-image: url(/images/layout/h2BarBg.png);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	float: left;
}

#sidebar h2 > .footer
{
	display: block;
	width: 16px;
	height: 26px;
	background-image: url(/images/layout/h2BarRight.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: -14px;
	float: right;
}

#sidebar > .menu
{
	margin: 20px 0;
}


#sidebar > .menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar > .menu li
{
	width: 143px;
	height: 1.8em;
	line-height: 1.8em;
	font-size: 1em;
	text-shadow: none;
	font-weight: bold;
	margin: 0 0 2px 0;
	color: whitesmoke;
	
}

#sidebar > .menu a
{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 25px;
	background-image: url(/images/layout/titledBoxItemBg.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: white;
}

#sidebar > .menu a:hover
{
	background-position: right center;
	text-decoration: none;
}

/* @end */

/* @group categories */

#sidebar > .categories
{
	margin: 20px 0;
}


#sidebar > .categories ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar > .categories li
{
	width: 143px;
	height: 1.8em;
	line-height: 1.8em;
	font-size: 1em;
	text-shadow: none;
	font-weight: bold;
	margin: 0 0 2px 0;
	color: whitesmoke;
	
}

#sidebar > .categories a
{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 25px;
	background-image: url(/images/layout/titledBoxItemBg.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: white;
}

#sidebar > .categories a:hover
{
	background-position: right center;
	text-decoration: none;
}

/* @end */

/* @group related */

#sidebar > .related
{
	margin: 20px 0;
}


#sidebar > .related ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar > .related li
{
	width: 143px;
	height: 1.8em;
	line-height: 1.8em;
	font-size: 1em;
	text-shadow: none;
	font-weight: bold;
	margin: 0 0 2px 0;
	color: whitesmoke;
	
}

#sidebar > .related a
{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 25px;
	background-image: url(/images/layout/titledBoxItemBg.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: white;
}

#sidebar > .related a:hover
{
	background-position: right center;
	text-decoration: none;
}

/* @end */



/* @end */

/* @group footer */

#content > .footer
{
	position: relative;
}

/* @end */

/* @group pagination */
.pagination
{
	margin: 10px;
}

.pagination > .content
{
	float: none;
}

.pagination > div a
{
	display: block;
	min-width: 20px;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border: 1px solid #666;
	float: left;
	margin: 0 5px;
	padding: 0 3px;
	color: white;
}

.pagination > div a:hover
{
	background-color: black;
	text-decoration: none;
}

.pagination > div .current
{
	background-color: #555;
}

.pagination .clear
{
	clear: both;
	margin: 0;
	padding: 0;
}



/* @end */

/* @group blogArchive */

#blogArchive
{
	width: 407px;
	
	background-image: url(/images/layout/blogFieldBg.png);
}

#blogArchive > .header
{
	height: 18px;
	background-image: url(/images/layout/blogFieldHeader.png);
	background-repeat: no-repeat;
	font-size: 0.8em;
}

#blogArchive > .content .year
{
	padding: 10px 10px;
	text-indent: 35px;
	background-image: url(/images/layout/blogCalendar.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	font-size: 1.2em;
	color: white;
	font-weight: bold;
}

#blogArchive .month
{
	margin-top: 10px;
}

#blogArchive .month > .header
{
	width: 36px;
	height: 36px;
	text-indent: 0;
	text-align: center;
	line-height: 36px;
	background-image: url(/images/layout/blogFrame.png);
	float: left;
}

#blogArchive .month > .content
{
	min-height: 40px;
	padding: 0 20px 10px 55px;
	margin: 10px;
	background-image: url(/images/layout/blogVR.png);
	background-repeat: repeat-y;
	background-position: 40px;
	font-size: 0.8em;
	text-indent: 0;
}

#blogArchive .day
{
	color: #444;
	margin-top: 10px;
}

#blogArchive .day a
{
	color: #ccc;
}

#blogArchive > .footer
{
	height: 18px;
	background-image: url(/images/layout/blogFieldFooter.png);
	background-repeat: no-repeat;
	margin-top: -5px;
	margin-bottom: 30px;
}



/* @end */

/* @group login */

#login .submitButton
{
	display: none;
}

#login a
{
	display: block;
	font-size: 1.2em;
	text-align: center;
}

/* @end */

/* @end */

#clear {
	clear: both;
}

/* @group postStyles */

.smallHeading
{
	font-size: 0.9em;
	font-weight: bold;
}

.paraghraph
{
	font-size: 1em;
	line-height: 1em;
}

.bigAndBold
{
	font-size: 1.2em;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

.emphasys
{
	font-style: italic;
}



/* @end */