/* 
Theme Name: Jug Shoes
Theme URL: http://accent.tv
Description: Jug ShoesTheme
Author: Miguel Vega (Design) and Donnie Valdez (Code)
Author URI: http://accent.tv
Version: 1.0
*/

/*----- Reset Stuffs -----*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}
img {border:0;}

/*----- Typography Stuffs -----*/

body{font: 13px "Helvetica", Sans-Serif;color:#999;background: #000 url('images/Jug_Home.gif') center fixed repeat;}
h1, h2, h3, h4, h5, h6 {margin:0;font-style:normal;font-weight:normal;background:transparent;color:#fff;}
h1 {font-size: 25px;}
h2 {font-size: 20px;line-height:20px;color:#fff!important;padding: 0 0 28px 0;}
h2 a{color:#fff!important;text-decoration:none!important;}
h2 a:hover{text-decoration:underline!important;}
h3, h4, h5, h6 {font-size: 16px;color:#000;font-weight:bold;background-color:#232323;padding: 8px 0 6px 10px;margin-bottom:20px;}

/*----- Link Stuffs -----*/

a:link {color: #999;text-decoration: underline;}
a:visited {color: #999;text-decoration: underline;}
a:hover {color: #FFF;text-decoration: none;}
a:active {color: #999;text-decoration: underline;}

/*----- List Stuffs -----*/

ul, ol {list-style:none;}
ul li {float:left;list-style:none;}
ul li ul li{float:left;display:block;padding: 0 0 0 0;}
ul li a {line-height: 24px;color: #999;font-size:12px;}
ul li img {}
ul li a:link,ul li a:visited {color: #999;}
ul li a:hover,ul li a:active {color: #fff;text-decoration: none;}

/*----- Random Text Class Stuffs -----*/

.date{text-transform:uppercase;font-size:10px;color:#666;}

/*----- Wrapper Stuffs -----*/

#container{width:976px;margin:auto;background-color:#000;}

/*----- Header Stuffs -----*/

#header{width:936px;height:150px;margin:0 20px 0 20px;display:block;}
#logo{width:200px;float:left;}


/*----- Navigation Stuff -----*/

#navmenu-h {}

ul#navmenu-h
{
	margin: 0 20px 15px 20px;
	border: 0 none;
	padding: 0;
	width: 936px;
	/*For KHTML*/
	list-style: none;
	height: 35px;
        border-top:1px dotted #fff;
        border-bottom:1px dotted #fff;
}

ul#navmenu-h li
{
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	/*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 35px;
}

ul#navmenu-h ul
{
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 106px;
	list-style: none;
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/
{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#navmenu-h ul li
{
	width: 110px;
        height: 26px;
	float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}

/* Root Menu */
ul#navmenu-h a
{
	padding: 6px 15px 0 15px;
	float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
	color: #4f4f4f;
        font-size:18px;
	text-decoration: none;
	height: auto !important;
	/*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a
{
	background: #000;
	color: #fff;
        border-top:3px solid #fff;
        margin-top:-3px;

}


ul#navmenu-h a.current_page_item a {color: #fff;border-top:3px solid #fff;margin-top:-3px;}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a
{
	float: none;
        font-size:13px;
        font-weight:bold;
	background: #999;
	color: #000;
        border-top:2px solid #000!important;
        padding:0 0 0 15px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a
{
	background: #fff;
	color: #000;
}



/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { display: block; }


/*----- Post Stuffs -----*/

#post{float:left;width:500px;margin: 20px 20px 60px 20px;}
#post p {line-height: 1.4em;margin: 4px 0 10px 0;}
#post img {width:500px;height:306px;padding-bottom:20px;}

#postmeta{padding: 0 0 50px 0;}
#postnavigation{margin-top:-65px;}
#postspace{margin:60px 0 40px 0;border-bottom:1px dotted #999;}

#singlepost{float:left;width:718px;margin: 20px 20px 60px 20px;}
#singlepost p {line-height: 1.4em;margin: 4px 0 10px 0;}
#singlepost img {padding-bottom:20px;}
#singlepostmeta{padding: 0 0 50px 0;}

#contacthr{margin:20px 0 20px 0;width:718px;border-top:1px dotted #999;}

/*----- Sidebar Container Stuffs -----*/

#sidecar{float:right;width:396px;;position:relative;margin: 0 20px 20px 20px;}
#sidecarsingle{float:right;width:178px;position:relative;margin: 20px 20px 20px 20px;}

/*----- Sidebar Stuffs -----*/

#flickrbox{width:395px;overflow:hidden;padding:20px 0 0 20px;}

#sidebar{width:178px;margin: 0 20px 0 20px;border:0;display:inline;}
#sidebar li{margin: 0 0 30px 0;width:178px;border-bottom:1px dotted #fff;}
#sidebar ul li ul li{padding: 0 0 0 0;width:178px;}

#sidebarimage{padding:20px 0 20px 0;display:inline;}
#sidebarimage img{}
#sideinfo{padding-top:5px;}
#sideinfo a{text-decoration:none!important;}
.sideinfotext a{text-decoration:none!important;}

/*----- Footer Stuffs -----*/

#footer{width:936px;margin:50px 20px 0 20px;float:left;padding-top:20px;border-top:1px dotted #999;}
#footer a{color:#4f4f4f;font-size:10px;}
#footer a:hover{color:#fff;}
#footerlogo{float:left;vertical-align:middle;height:90px;padding-top:2px;}
#footercopyright{float:left;vertical-align:middle;height:90px;padding-left:20px;font-size:10px;color:#4f4f4f;}
#footeraccent{float:right;width:38px;height:19px;background-image:url('images/accent-lite.gif');}
#footeraccent a, #footeraccent a:link, #footeraccent a:visited {display:block;}
#footeraccent img {width:100%;height:100%;border:0;}
#footeraccent a:hover img {visibility:hidden;}

#footerbottom{width:976px;height:60px;background-color:#000;clear:both;}